.contact-content {
  --navy:#08356D;
  --navy-deep:#052A55;
  --navy-hover:#0C417D;
  --blue:#1769D2;
  --blue-bright:#6DB6FF;
  --green:#57D97D;
  --green-soft:#EAF9EE;
  --green-soft-hover:#DDF6E5;
  --black:#10151B;
  --body:#33485C;
  --muted:#63788B;
  --white:#FFFFFF;
  --off-white:#F8FBFD;
  --line:#CFDCE7;
  --dark-line:rgba(255,255,255,.20);
  --light-text:#E7F0F8;
  --font:"Plus Jakarta Sans",Arial,sans-serif;
}

.contact-content,.contact-content *{box-sizing:border-box}
.contact-content{scroll-behavior:smooth;font-family:var(--font);font-synthesis:none}
.contact-content{margin:0;background:var(--white);color:var(--body);font-family:var(--font);font-size:16px;font-weight:400;line-height:1.65;letter-spacing:-.01em;-webkit-font-smoothing:antialiased;text-rendering:optimizeLegibility}
.contact-content *::before,.contact-content *::after,.contact-content input::placeholder,.contact-content textarea::placeholder{font-family:var(--font)}
.contact-content::selection,.contact-content *::selection{background:var(--green);color:var(--black)}
.contact-content a{color:inherit;text-decoration:none}
.contact-content button,.contact-content input,.contact-content textarea,.contact-content select{font:inherit}
.contact-content button{color:inherit}
.contact-content strong,.contact-content b{font-weight:600}
.contact-content em,.contact-content i{font-style:normal}
.contact-content{width:100%;overflow:hidden}
.contact-content .sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}

/* CONTACT INTRO + REUSABLE FORM SLOT */
.contact-stage{width:min(100%,1720px);min-height:800px;margin:0 auto;padding:22px;display:grid;grid-template-columns:minmax(0,1.25fr) minmax(520px,.75fr);gap:22px;align-items:stretch;background:var(--white)}
.stage-copy{min-height:756px;padding:54px clamp(24px,2.5vw,46px) 48px;display:flex;flex-direction:column;justify-content:center;background:var(--white)}
.hero-title{width:100%}
.hero-title>span{display:block;margin-bottom:18px;color:var(--navy);font-size:14px;font-weight:700;line-height:20px;letter-spacing:.08em;text-transform:uppercase}
.hero-title :is(h1, h2),.section-heading h2,.next-copy h3,.final-main h2{margin:0;font-weight:700;letter-spacing:-.04em}
.hero-title :is(h1, h2){max-width:none;color:var(--black);font-size:clamp(5rem,7.6vw,8.25rem);line-height:.88;letter-spacing:-.065em;white-space:nowrap}
.hero-title :is(h1, h2)>span,.hero-title :is(h1, h2) em{display:block}
.hero-title :is(h1, h2) em{width:max-content;margin-top:.08em;color:var(--black);white-space:nowrap}
.hero-title>p{max-width:610px;margin:clamp(30px,3.4vw,50px) 0 0;padding-left:18px;border-left:4px solid var(--green);color:var(--body);font-size:18px;font-weight:400;line-height:30px}

.section-heading>span{display:block;font-size:13px;font-weight:700;line-height:18px;letter-spacing:.08em;text-transform:uppercase}

.field{width:100%;height:58px;margin:0;padding:0 18px;border:1px solid transparent;border-radius:9px;outline:0;background:var(--white);color:var(--black);box-shadow:none;font-size:15px;font-weight:500;line-height:22px;transition:border-color .2s,box-shadow .2s,transform .2s}
.field::placeholder{color:#667A8D;opacity:.9;font-weight:400}
.field:hover{border-color:#89C9A0}
.field:focus{border-color:var(--green);box-shadow:0 0 0 3px rgba(87,217,125,.22)}

/* Reuse the website's shared consultation form in the original Contact form slot. */
.reusable-form-panel{
  min-height:820px;
  display:flex;
  align-items:stretch;
  justify-content:flex-end;
  background:transparent;
}
.reusable-form-panel #lets-talk.reusable-form-card-scope{
  --dc-form-green:#26D06A;
  --dc-form-heading:#050505;
  --dc-form-body:#5f666d;
  --dc-form-copy:#333333;
  --dc-form-black:#000000;
  --dc-form-white:#ffffff;
  width:100%;
  min-width:0;
  margin:0;
  padding:0;
  display:flex;
  align-items:center;
  justify-content:flex-end;
  overflow:visible;
  font-family:"Plus Jakarta Sans",Arial,sans-serif;
}
.reusable-form-panel #lets-talk .contact-card{
  flex:0 1 483px;
}
@media (min-width:821px) and (max-width:1180px){
  .channel-card{border-bottom:1px solid #D3DAE0}
  .channel-card:nth-child(2n){border-right:0}
  .channel-card:nth-last-child(-n+2){border-bottom:0}
}

@media (max-width:1180px){
  .reusable-form-panel{min-height:0;justify-content:center;padding:24px 0 10px}
  .reusable-form-panel #lets-talk.reusable-form-card-scope{justify-content:center}
}
@media (max-width:820px){
  .reusable-form-panel{padding:12px 10px 14px}
}

/* SHARED LIGHT SECTION HEADINGS */
.direct-section,.next-section{padding:clamp(82px,7vw,112px) max(24px,6vw)}
.direct-section{background:var(--off-white)}
.section-heading{max-width:1480px;margin:0 auto 42px}
.section-heading>span{color:var(--navy)}
.section-heading h2{max-width:900px;margin-top:14px;color:var(--black);font-size:clamp(2.3rem,3.8vw,3.75rem);line-height:1.06;letter-spacing:-.04em}
.section-heading h2 em{color:var(--black)}

/* DIRECT CONTACT */
.channel-grid{width:min(100%,1480px);margin:0 auto;border:1px solid #9FB3C5;border-radius:22px;overflow:hidden;display:grid;grid-template-columns:repeat(4,minmax(0,1fr));background:var(--white);box-shadow:0 10px 30px rgba(8,53,109,.05)}
.channel-card{min-width:0;min-height:330px;padding:24px;border-right:1px solid #B9C9D6;display:flex;flex-direction:column;transition:background .24s,color .24s}
.channel-card:last-child{border-right:0}
.channel-project{background:var(--green-soft);color:var(--black)}
.channel-careers{background:var(--white);color:var(--black)}
.channel-address{background:#F4F8FB;color:var(--black)}
.channel-phone{background:var(--navy);color:var(--white)}
.channel-project:hover{background:var(--green-soft-hover)}
.channel-careers:hover{background:#F4F8FB}
.channel-address:hover{background:#EAF2F7}
.channel-phone:hover{background:var(--navy-hover)}
.channel-top{display:flex;align-items:center;justify-content:space-between;font-size:12px;font-weight:700;line-height:17px;letter-spacing:.06em;text-transform:uppercase}
.channel-project .channel-top>span,.channel-careers .channel-top>span,.channel-address .channel-top>span{color:var(--black)}
.channel-phone .channel-top>span{color:var(--white)}
.channel-top b{width:38px;height:38px;border:1.5px solid var(--blue);border-radius:50%;display:grid;place-items:center;color:var(--blue);font-size:13px;font-weight:700;line-height:18px;letter-spacing:.04em;background:transparent}
.channel-phone .channel-top b{color:var(--blue-bright);border-color:var(--blue-bright)}
.channel-icon{width:56px;height:56px;margin-top:26px;border:1.5px solid var(--black);border-radius:50%;display:grid;place-items:center;color:var(--black)}
.channel-phone .channel-icon{background:var(--white);color:var(--black);border-color:var(--white)}
.channel-copy{margin-top:auto}
.channel-copy strong{display:block;margin-bottom:9px;color:var(--black);font-size:clamp(1.15rem,1.55vw,1.45rem);font-weight:700;line-height:1.3;letter-spacing:-.025em;overflow-wrap:anywhere}
.channel-copy p{margin:0;color:var(--body);font-size:15px;line-height:24px}
.channel-phone .channel-copy strong{color:var(--white)}
.channel-phone .channel-copy p{color:var(--light-text)}
.channel-actions{margin-top:20px;padding-top:15px;border-top:1px solid rgba(16,21,27,.25);display:flex;gap:7px}
.channel-phone .channel-actions{border-top-color:rgba(255,255,255,.30)}
.channel-actions>a,.channel-actions>button{min-height:44px;padding:0 13px;border:1px solid var(--navy);border-radius:8px;background:transparent;color:var(--navy);display:flex;align-items:center;justify-content:center;gap:8px;font-size:14px;font-weight:700;line-height:20px;cursor:pointer;transition:background .2s,color .2s,transform .2s,border-color .2s}
.channel-actions>a:hover,.channel-actions>button:hover{transform:translateY(-2px)}
.channel-actions .channel-primary{flex:1;background:var(--navy);color:var(--white);border-color:var(--navy)}
.channel-project .channel-primary:hover,.channel-careers .channel-primary:hover,.channel-address .channel-primary:hover{background:var(--black);border-color:var(--black);color:var(--white)}
.channel-project .channel-actions>button:hover,.channel-careers .channel-actions>button:hover,.channel-address .channel-actions>button:hover{background:var(--green-soft);color:var(--black);border-color:var(--black)}
.channel-phone .channel-actions>a,.channel-phone .channel-actions>button{color:var(--white);border-color:rgba(255,255,255,.75)}
.channel-phone .channel-actions .channel-primary{background:var(--white);color:var(--navy);border-color:var(--white)}
.channel-phone .channel-actions .channel-primary:hover,.channel-phone .channel-actions .channel-primary:focus-visible{background:var(--green);color:var(--black);border-color:var(--green)}
.channel-phone .channel-actions>a:not(.channel-primary):hover,.channel-phone .channel-actions>button:not(.channel-primary):hover{background:var(--white);color:var(--navy);border-color:var(--white)}

/* NEXT STEPS — DARK SECTION */
.next-section{background:var(--navy-deep);color:var(--white)}
.next-heading>span{color:var(--white)}
.next-heading h2,.next-heading h2 em{color:var(--white)}
.next-grid{width:min(100%,1480px);margin:0 auto;display:grid;grid-template-columns:repeat(3,minmax(0,1fr));border-top:1px solid rgba(255,255,255,.35);border-bottom:1px solid rgba(255,255,255,.35)}
.next-card{position:relative;min-height:240px;padding:28px;border-right:1px solid rgba(255,255,255,.18);display:flex;flex-direction:column;background:transparent;color:var(--white);transition:background .24s}
.next-card:last-child{border-right:0}
.next-card:hover{background:rgba(255,255,255,.05)}
.next-number{color:var(--blue-bright);font-size:42px;font-weight:700;line-height:1;letter-spacing:-.04em}
.next-copy{margin-top:auto}
.next-copy h3{margin:0 0 9px;color:var(--white);font-size:24px;line-height:1.28;letter-spacing:-.025em}
.next-copy p{max-width:360px;margin:0;color:var(--light-text);font-size:15px;line-height:24px}

/* FINAL CTA */
.final-cta{width:min(calc(100% - 28px),1692px);min-height:350px;margin:14px auto;border-radius:20px;overflow:hidden;background:var(--navy);color:var(--white);display:grid;grid-template-columns:minmax(0,1fr) clamp(270px,26vw,420px)}
.final-main{padding:44px max(28px,4vw);display:flex;flex-direction:column;justify-content:center}
.final-eyebrow{margin-bottom:26px;color:var(--white);font-size:13px;font-weight:700;line-height:18px;letter-spacing:.08em;text-transform:uppercase}
.final-main h2,.final-main h2 em{color:var(--white)}
.final-main h2{max-width:900px;font-size:clamp(2.75rem,5.2vw,4.8rem);line-height:.98;letter-spacing:-.045em}
.final-main p{max-width:590px;margin:24px 0 0;color:var(--light-text);font-size:16px;line-height:26px}
.final-action{padding:32px;background:var(--green);color:var(--black);display:flex;flex-direction:column;justify-content:space-between;transition:background .35s ease,color .35s ease}
.final-action>span,.final-action>small{font-size:12px;font-weight:700;line-height:18px;letter-spacing:.08em;text-transform:uppercase}
.final-action b{position:relative;width:82px;height:82px;border-radius:50%;overflow:hidden;background:var(--white);color:var(--black);align-self:flex-end;box-shadow:inset 0 0 0 1px rgba(0,0,0,.10);transition:transform .4s cubic-bezier(.2,.8,.2,1),background .35s ease,color .35s ease}
.final-arrow svg{position:absolute;top:50%;left:50%;margin:-15.5px 0 0 -15.5px;transition:transform .45s cubic-bezier(.2,.8,.2,1),opacity .28s ease}
.final-arrow .arrow-primary{transform:translate(0,0);opacity:1}
.final-arrow .arrow-secondary{transform:translate(-31px,31px);opacity:0}
.final-action:focus-visible{outline:3px solid var(--black);outline-offset:-6px}
.final-action:is(:hover,:focus-visible){background:var(--green-soft)}
.final-action:is(:hover,:focus-visible) b{transform:scale(1.06);background:var(--black);color:var(--white)}
.final-action:is(:hover,:focus-visible) .arrow-primary{transform:translate(31px,-31px);opacity:0}
.final-action:is(:hover,:focus-visible) .arrow-secondary{transform:translate(0,0);opacity:1}
.final-action:active b{transform:scale(.96)}

/* ACCESSIBILITY */
.contact-content a:focus-visible,.contact-content button:focus-visible,.contact-content input:focus-visible,.contact-content textarea:focus-visible,.contact-content select:focus-visible{outline:3px solid rgba(87,217,125,.55);outline-offset:2px}
.contact-content svg{width:1em;height:1em;fill:none;stroke:currentColor;stroke-width:2;stroke-linecap:round;stroke-linejoin:round}

.channel-icon svg{width:28px;height:28px}
.channel-actions svg{width:18px;height:18px}
.icon-only{width:44px;padding:0!important}
.final-arrow svg{width:31px;height:31px}
[hidden]{display:none!important}

@media (max-width:1180px){
  .contact-stage{grid-template-columns:1fr;padding:16px;gap:16px}
  .stage-copy{min-height:650px;padding-top:42px}
  .hero-title :is(h1, h2){font-size:clamp(5rem,10vw,8rem)}
  
  .channel-grid{grid-template-columns:repeat(2,minmax(0,1fr))}
  .channel-card{padding:21px}
}

@media (max-width:820px){
  .contact-stage{min-height:0;padding:7px;gap:7px}
  .stage-copy{min-height:410px;padding:31px 18px 24px}
  .hero-title>span{margin-bottom:14px;font-size:12px;line-height:18px;letter-spacing:.07em}
  .hero-title :is(h1, h2){font-size:clamp(3.15rem,13.8vw,5.1rem);line-height:.9;letter-spacing:-.055em}
  .hero-title>p{max-width:540px;margin-top:28px;padding-left:14px;font-size:16px;line-height:26px}
  
  .section-heading>span{font-size:12px;line-height:18px;letter-spacing:.07em}
  
  .field{height:56px;padding:0 15px}
  
  
  
  .direct-section,.next-section{padding:82px 17px}
  .section-heading{margin-bottom:34px}
  .section-heading h2{margin-top:12px;font-size:32px;line-height:1.12;letter-spacing:-.03em}
  .channel-grid{grid-template-columns:1fr;border-radius:15px}
  .channel-card{min-height:285px;padding:21px;border-right:0;border-bottom:1px solid #B9C9D6}
  .channel-phone{border-bottom-color:rgba(255,255,255,.25)}
  .channel-card:last-child{border-bottom:0}
  .channel-icon{margin-top:23px}
  .channel-copy strong{font-size:20px;line-height:27px}
  .channel-copy p{font-size:14px;line-height:23px}
  .next-grid{grid-template-columns:1fr}
  .next-card{min-height:210px;padding:24px 22px;border-right:0;border-bottom:1px solid rgba(255,255,255,.18)}
  .next-card:last-child{border-bottom:0}
  .next-number{font-size:36px}
  .next-copy h3{font-size:22px;line-height:1.3}
  .next-copy p{font-size:14px;line-height:23px}
  .final-cta{width:calc(100% - 14px);min-height:0;margin:7px auto;border-radius:14px;grid-template-columns:1fr}
  .final-main{min-height:290px;padding:30px 18px}
  .final-eyebrow{margin-bottom:22px;font-size:12px}
  .final-main h2{font-size:40px;line-height:1;letter-spacing:-.035em}
  .final-main p{margin-top:20px;font-size:15px;line-height:25px}
  .final-action{min-height:180px;padding:22px}
  .final-action b{width:64px;height:64px}
}

@media (max-width:390px){
  .hero-title :is(h1, h2){font-size:clamp(2.85rem,13.6vw,3.2rem)}
  
  .section-heading h2{font-size:30px}
  .final-main h2{font-size:36px}
}

@media (prefers-reduced-motion:reduce){
  .contact-content{scroll-behavior:auto}
  .contact-content *,.contact-content *::before,.contact-content *::after{transition:none!important}
}

/* =========================================================
   ORIGINAL DEEPCIPHERS WEBSITE COLOR SYSTEM
   Matched to the supplied reference video.
   White base • Deep navy • Bright green • Mint • Black type
   ========================================================= */
.contact-content{
  --navy:#062B5C;
  --navy-deep:#03274B;
  --navy-hover:#0B376F;
  --blue:#062B5C;
  --blue-bright:#62EC81;
  --green:#62EC81;
  --green-soft:#EDFBF4;
  --green-soft-hover:#DFF8EB;
  --mint:#CDFDE8;
  --black:#05070A;
  --body:#293C52;
  --muted:#6B8198;
  --white:#FFFFFF;
  --off-white:#F7F8FA;
  --line:#D9E0E5;
  --dark-line:rgba(255,255,255,.18);
  --light-text:#EEF4F8;
}

body.contact-page{background:#fff;color:var(--body)}
.contact-content::selection,.contact-content *::selection{background:var(--green);color:var(--black)}

/* Hero: same clean white canvas as the main website */
.contact-stage{background:var(--white)}
.stage-copy{background:var(--white)}
.hero-title>span{color:var(--navy)}
.hero-title :is(h1, h2),.hero-title :is(h1, h2)>span,.hero-title :is(h1, h2) em{color:var(--black)}
.hero-title>p{border-left-color:var(--green);color:var(--body)}

.field{background:var(--white);color:var(--black);border-color:#E1E7EC}
.field::placeholder{color:#6B7D8F}
.field:hover{border-color:#9DEEB4}
.field:focus{border-color:var(--green);box-shadow:0 0 0 3px rgba(98,236,129,.20)}

/* Section language: white canvas, black headings, DeepCiphers navy labels */
.direct-section{background:var(--white)}
.section-heading>span{color:var(--navy)}
.section-heading h2,.section-heading h2 em{color:var(--black)}

/* Contact cards mirror the white / mint / navy card system in the reference */
.channel-grid{
  border-color:#C9D1D8;
  background:var(--white);
  box-shadow:none;
}
.channel-card{border-color:#D3DAE0}
.channel-project{background:var(--white);color:var(--black)}
.channel-careers{background:var(--mint);color:var(--black)}
.channel-phone{background:var(--navy);color:var(--white)}
.channel-project:hover{background:#F9FBFC}
.channel-careers:hover{background:#BFF9DC}
.channel-phone:hover{background:var(--navy-hover)}
.channel-project .channel-top>span,.channel-careers .channel-top>span{color:var(--black)}
.channel-phone .channel-top>span{color:var(--white)}
.channel-top b{
  color:var(--navy);
  border-color:var(--navy);
  background:var(--white);
}
.channel-phone .channel-top b{
  color:var(--navy);
  border-color:var(--white);
  background:var(--white);
}
.channel-icon{color:var(--black);border-color:var(--black);background:transparent}
.channel-phone .channel-icon{background:var(--white);color:var(--black);border-color:var(--white)}
.channel-copy strong{color:var(--black)}
.channel-copy p{color:var(--body)}
.channel-phone .channel-copy strong{color:var(--white)}
.channel-phone .channel-copy p{color:#E8F0F6}
.channel-actions{border-top-color:rgba(5,7,10,.20)}
.channel-phone .channel-actions{border-top-color:rgba(255,255,255,.24)}
.channel-actions>a,.channel-actions>button{color:var(--navy);border-color:var(--navy)}
.channel-actions .channel-primary{
  background:var(--navy);
  color:var(--white);
  border-color:var(--navy);
}
.channel-project .channel-primary:hover,.channel-careers .channel-primary:hover{
  background:var(--green);
  border-color:var(--green);
  color:var(--black);
}
.channel-project .channel-actions>button:hover,.channel-careers .channel-actions>button:hover{
  background:var(--green-soft);
  color:var(--black);
  border-color:var(--navy);
}
.channel-phone .channel-actions>a,.channel-phone .channel-actions>button{
  color:var(--white);
  border-color:rgba(255,255,255,.72);
}
.channel-phone .channel-actions .channel-primary{
  background:var(--green);
  color:var(--black);
  border-color:var(--green);
}
.channel-phone .channel-actions .channel-primary:hover,.channel-phone .channel-actions .channel-primary:focus-visible{
  background:var(--white);
  color:var(--navy);
  border-color:var(--white);
}
.channel-phone .channel-actions>a:not(.channel-primary):hover,.channel-phone .channel-actions>button:not(.channel-primary):hover{
  background:var(--white);
  color:var(--navy);
  border-color:var(--white);
}

/* Process area: reference website uses clean white bordered process cards */
.next-section{background:var(--white);color:var(--black)}
.next-heading>span{color:var(--navy)}
.next-heading h2,.next-heading h2 em{color:var(--black)}
.next-grid{
  gap:16px;
  border-top:0;
  border-bottom:0;
}
.next-card{
  min-height:250px;
  border:1px solid #C9D1D8;
  border-radius:18px;
  background:var(--white);
  color:var(--black);
}
.next-card:last-child{border-right:1px solid #C9D1D8}
.next-card:nth-child(2){background:var(--green-soft)}
.next-card:hover{background:var(--mint)}
.next-number{color:var(--navy)}
.next-copy h3{color:var(--black)}
.next-copy p{color:var(--body)}

/* Final CTA: same navy panel + green action block seen across original site */
.final-cta{background:var(--navy);color:var(--white)}
.final-eyebrow{color:var(--green)}
.final-main h2,.final-main h2 em{color:var(--white)}
.final-main p{color:#E8F0F6}
.final-action{background:var(--green);color:var(--black)}
.final-action b{background:var(--white);color:var(--black)}
.final-action:is(:hover,:focus-visible){background:#74F28F;color:var(--black)}
.final-action:is(:hover,:focus-visible) b{background:var(--navy);color:var(--white)}
.final-action:focus-visible{outline-color:var(--white)}

.contact-content a:focus-visible,.contact-content button:focus-visible,.contact-content input:focus-visible,.contact-content textarea:focus-visible,.contact-content select:focus-visible{
  outline-color:rgba(98,236,129,.60);
}

@media (max-width:820px){
  .channel-card{border-bottom-color:#D3DAE0}
  .channel-phone{border-bottom-color:transparent}
  .next-grid{gap:12px}
  .next-card,.next-card:last-child{border:1px solid #C9D1D8}
}

/* Hero split-color treatment — matches the original DeepCiphers visual language */
.hero-title :is(h1, h2) > span{
  color:var(--black);
}
.hero-title :is(h1, h2) em{
  color:var(--green);
}

/* Hero green text readability refinement */
.contact-content{
  --green-heading:#74F28F;
}
.hero-title :is(h1, h2) em{
  color:var(--green-heading) !important;
  text-shadow:0 1px 0 rgba(0,0,0,.03);
}

/* Process heading accent: one centered keyword for a cleaner visual hierarchy */
.next-heading h2 em{
  color:var(--green-heading) !important;
  font-style:italic;
}

/* Refined process heading accent: emphasize the destination, not the middle word */
.next-heading h2 em{
  color:var(--black) !important;
  font-style:italic;
}
.next-heading h2 .process-accent{
  color:var(--green-heading);
  font-style:normal;
  position:relative;
  display:inline-block;
}
.next-heading h2 .process-accent::after{
  content:"";
  position:absolute;
  left:2%;
  right:2%;
  bottom:-0.06em;
  height:0.08em;
  background:currentColor;
  border-radius:999px;
  opacity:.22;
}


/* Mobile width hardening for the Contact page shell and reusable form slot. */
.contact-stage,
.stage-copy,
.reusable-form-panel,
.reusable-form-panel #lets-talk.reusable-form-card-scope {
  min-width: 0;
  max-width: 100%;
}

@media (max-width: 820px) {
  .contact-content,
  .contact-stage,
  .reusable-form-panel,
  .reusable-form-panel #lets-talk.reusable-form-card-scope {
    width: 100%;
    max-width: 100%;
    overflow-x: clip;
  }

  .contact-stage {
    margin-inline: 0;
  }

  .reusable-form-panel {
    padding-inline: 10px;
  }

  .reusable-form-panel #lets-talk .contact-card {
    width: 100% !important;
    max-width: 100% !important;
  }
}

@media (max-width: 480px) {
  .contact-stage {
    padding-inline: 0;
  }

  .stage-copy {
    padding-inline: 16px;
  }

  .reusable-form-panel {
    padding-inline: 6px;
  }
}