.contact-hero{padding-bottom:clamp(56px,7vw,104px)}.contact-grid{display:grid;grid-template-columns:minmax(0,5fr) minmax(0,7fr);gap:clamp(32px,6vw,96px);align-items:start}.contact-intro h1{max-width:12ch}.contact-intro .lede{margin-top:22px;font-size:clamp(1.1rem,.3vw + 1rem,1.25rem);color:var(--ink-2);max-width:30em}.contact-lines{list-style:none;margin:24px 0 0;padding:0;display:grid;gap:8px;font-size:1.2rem;font-weight:650}.contact-form{background:var(--paper-3);border:1px solid var(--rule);padding:clamp(20px,3vw,36px);box-shadow:0 30px 60px -44px #18222e80;position:relative}.contact-form:before{content:"";position:absolute;left:-1px;right:-1px;top:-1px;height:4px;background:linear-gradient(90deg,var(--light) 0 16.66%,var(--media) 0 33.33%,var(--secure) 0 50%,var(--control) 0 66.66%,var(--connected) 0 83.33%,var(--ai) 0)}.contact-form .field input,.contact-form .field select,.contact-form .field textarea,.contact-form .systems-pick label{background:#fff}.brief-pending .anno{margin-bottom:10px}.pending-text{font-size:1.3rem;font-stretch:108%;font-weight:600;margin-bottom:12px}.brief-pending p:last-child{color:var(--ink-2)}@media (max-width: 900px){.contact-grid{grid-template-columns:1fr}}.brief-svg{width:100%;max-width:360px;height:auto;margin-top:36px;stroke-width:1.5;overflow:visible}.brief-svg .sheet-edge{fill:#fff}.brief-svg .box{fill:#fff;stroke:var(--c);stroke-width:1.8;transition:fill .3s}.brief-svg .tick{fill:none;stroke:#fff;stroke-width:2.2;stroke-dasharray:20;stroke-dashoffset:20}.brief-svg .line{stroke:var(--ink-3);stroke-width:3;stroke-opacity:.35}.brief-svg .pen{fill:var(--paper-3);stroke:var(--ink);stroke-width:1.4;transform:translate(276px,228px);opacity:0}.brief-svg.in .rows g .box{animation:boxfill .3s forwards}.brief-svg.in .rows g .tick{animation:tick .35s forwards}.brief-svg.in .rows g:nth-child(1)>*{animation-delay:1.1s}.brief-svg.in .rows g:nth-child(2)>*{animation-delay:1.5s}.brief-svg.in .rows g:nth-child(3)>*{animation-delay:1.9s}.brief-svg.in .rows g:nth-child(4)>*{animation-delay:2.3s}.brief-svg.in .rows g:nth-child(5)>*{animation-delay:2.7s}.brief-svg.in .rows g:nth-child(6)>*{animation-delay:3.1s}.brief-svg.in .pen{animation:pen 2.6s .8s var(--ease) forwards}@keyframes boxfill{to{fill:var(--c)}}@keyframes tick{to{stroke-dashoffset:0}}@keyframes pen{0%{opacity:0;transform:translate(60px,64px)}8%{opacity:1;transform:translate(50px,68px)}20%{transform:translate(50px,96px)}36%{transform:translate(50px,124px)}52%{transform:translate(50px,152px)}68%{transform:translate(50px,180px)}84%{opacity:1;transform:translate(50px,208px)}to{opacity:1;transform:translate(276px,228px)}}@media (prefers-reduced-motion: reduce){.brief-svg .box{fill:var(--c)}.brief-svg .tick{stroke-dashoffset:0}.brief-svg .pen{opacity:1}}@media (max-width: 900px){.brief-svg{display:none}}.next-steps{list-style:none;margin:0;padding:0;display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:32px;position:relative}.next-steps li{position:relative;padding-top:64px}.next-steps li:before{content:"";position:absolute;left:48px;right:-32px;top:22px;border-top:2px dashed var(--rule)}.next-steps li:last-child:before{display:none}.step-n{position:absolute;top:0;left:0;display:grid;place-items:center;width:46px;height:46px;border-radius:50%;border:2px solid var(--ink);background:var(--paper-3);font-weight:700;font-stretch:110%}.next-steps h3{margin-bottom:8px}.next-steps p{color:var(--ink-2)}@media (max-width: 760px){.next-steps{grid-template-columns:1fr;gap:8px}.next-steps li:before{display:none}.next-steps li{padding:0 0 20px 64px}}.ready{list-style:none;margin:0;padding:0;display:grid;gap:0;counter-reset:r}.ready li{counter-increment:r;position:relative;padding:22px 0 22px 52px;border-top:1px solid var(--rule)}.ready li:last-child{border-bottom:1px solid var(--rule)}.ready li:before{content:"";position:absolute;left:4px;top:27px;width:18px;height:18px;border:2px solid var(--control)}.ready li:after{content:"";position:absolute;left:9px;top:30px;width:6px;height:10px;border:solid var(--control);border-width:0 2.5px 2.5px 0;transform:rotate(45deg)}.ready h3{margin-bottom:6px}.ready p{color:var(--ink-2);max-width:40em}
