.contact-page [id]{scroll-margin-top:100px}.contact-skip{position:fixed;top:12px;left:16px;z-index:100;padding:12px 18px;background:var(--text);color:var(--bg);border-radius:8px;transform:translateY(-180%)}.contact-skip:focus{transform:none}.contact-page :focus-visible{outline:2px solid var(--cyan);outline-offset:5px}.contact-page .detail-nav a[aria-current]{color:var(--cyan)}
.contact-hero{min-height:820px;padding:140px 0 90px;overflow:hidden}.contact-hero-grid{display:grid;grid-template-columns:1.1fr .9fr;gap:85px;align-items:center}.contact-hero h1{font-size:clamp(46px,5.6vw,74px);line-height:1.06;letter-spacing:-.045em;background:none;color:var(--text)}.contact-hero h1 em{font-style:normal;background:linear-gradient(120deg,#b8a3ff,#83b4ff,#69e8f7);background-clip:text;color:transparent}.contact-hero .hero-promise{font-size:17px;max-width:530px}.contact-hero .hero-actions{flex-wrap:wrap;gap:20px}
.conversation-visual{position:relative;isolation:isolate}.conversation-orbit{position:absolute;z-index:-1;left:50%;top:50%;width:520px;height:520px;margin:-260px;border:1px dashed rgba(124,92,255,.3);border-radius:50%}.conversation-orbit::before{content:"";position:absolute;inset:35px;border:1px solid rgba(34,211,238,.1);border-radius:50%}.conversation-orbit::after{content:"";position:absolute;top:72px;left:72px;width:8px;height:8px;border-radius:50%;background:var(--cyan);box-shadow:0 0 20px var(--cyan)}
.conversation-board{padding:30px;border:1px solid rgba(124,92,255,.35);border-radius:24px;background:radial-gradient(ellipse at top right,rgba(34,211,238,.1),transparent 60%),linear-gradient(145deg,#18192e,#0b1020);box-shadow:0 35px 80px -35px #000;transform:rotate(-2deg)}.conversation-top{display:flex;align-items:center;justify-content:space-between;color:var(--dim);font-size:9px;letter-spacing:.12em}.conversation-top i{width:7px;height:7px;border-radius:50%;background:var(--cyan)}.conversation-mark{display:flex;align-items:center;gap:18px;margin:30px 0}.conversation-mark img{width:44px}.conversation-mark p{font-size:15px;color:var(--dim)}.conversation-mark strong{color:var(--text);font:600 28px 'Space Grotesk',sans-serif}.conversation-bubble{padding:19px;border:1px solid rgba(124,92,255,.3);border-radius:16px 16px 16px 3px;background:rgba(124,92,255,.08)}.conversation-bubble>span{color:#b2a8ee;font-size:8px;letter-spacing:.13em}.conversation-bubble p{margin-top:8px;font-size:15px}.bubble-first{margin-right:30px}.bubble-second{margin:18px 0 0 30px;border-radius:16px 16px 3px 16px;border-color:rgba(34,211,238,.2);background:rgba(34,211,238,.035)}.bubble-second>span{color:var(--cyan)}.conversation-dots{display:flex;gap:5px;margin:22px 0 14px}.conversation-dots i{width:5px;height:5px;background:var(--cyan);border-radius:50%}.conversation-note{font-size:10px;color:var(--dim)}.motion-control{display:block;margin:25px 0 0 auto;padding:8px 12px;border:1px solid var(--line);border-radius:20px;background:var(--surface);color:var(--dim);font:500 11px Inter,sans-serif;cursor:pointer}.motion-control[hidden]{display:none}
.contact-channels{padding:32px 0;border-block:1px solid var(--line);background:rgba(124,92,255,.025)}.channel-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:22px}.channel-card{display:flex;align-items:center;gap:15px;min-width:0;padding:20px 0}.channel-icon{display:grid;place-items:center;width:40px;height:40px;flex-shrink:0;border:1px solid rgba(124,92,255,.25);border-radius:12px;color:var(--cyan);background:rgba(124,92,255,.08);font:500 24px 'Space Grotesk',sans-serif}.channel-card .section-kicker{font-size:8px}.channel-card h2{margin:7px 0;font-size:18px;overflow-wrap:anywhere}.channel-card p{color:var(--dim);font-size:11px}.channel-card>i{font-style:normal;margin-left:auto;color:var(--cyan);transition:transform .25s}.channel-card:hover>i{transform:translate(3px,-3px)}
.brief-grid{display:grid;grid-template-columns:.8fr 1.2fr;gap:80px;align-items:start}.brief-grid .section-heading{position:sticky;top:110px}.brief-prompts{padding:0;margin:30px 0;list-style:none}.brief-prompts li{padding:12px 0;border-bottom:1px solid var(--line);color:#d1d5e5;font-size:14px}.brief-prompts li::before{content:"↗";color:var(--cyan);margin-right:12px}.direct-contact{padding:22px;border-left:2px solid var(--violet);background:rgba(124,92,255,.05)}.direct-contact p{font-size:12px;color:var(--dim)}.direct-contact a{display:inline-block;margin-top:8px;color:#b8c7ff;font-size:13px;overflow-wrap:anywhere}
.brief-panel{padding:34px;border:1px solid rgba(124,92,255,.25);border-radius:24px;background:linear-gradient(145deg,rgba(124,92,255,.08),var(--surface))}.brief-panel-heading{margin-bottom:28px}.brief-panel-heading h3{margin:12px 0;font-size:28px}.brief-panel-heading p{color:var(--dim);font-size:13px;line-height:1.7}.brief-row{display:grid;grid-template-columns:1fr 1fr;gap:18px}.brief-field{min-width:0;margin-bottom:22px}.brief-field label,.draft-result label{display:block;margin-bottom:9px;font-size:12px;font-weight:600}.brief-field label span{color:var(--dim);font-size:10px;font-weight:400}.brief-field input,.brief-field select,.brief-field textarea,.draft-result textarea{display:block;width:100%;min-width:0;padding:13px;border:1px solid rgba(168,173,196,.22);border-radius:10px;background:#0a0d18;color:var(--text);font:400 13px/1.6 Inter,sans-serif;color-scheme:dark}.brief-field input::placeholder,.brief-field textarea::placeholder{color:#8e96b1}.brief-field textarea,.draft-result textarea{resize:vertical}.brief-field small{display:block;margin-top:9px;color:var(--dim);font-size:10px;line-height:1.7}.email-button{border:0;font:700 13px Inter,sans-serif;cursor:pointer;justify-content:center;width:100%}.draft-result{padding-top:25px;margin-top:25px;border-top:1px solid var(--line)}.draft-result>p{font-size:13px;color:var(--cyan);margin-bottom:18px}.draft-result>a{font-size:12px;margin-bottom:22px}.draft-result label{color:var(--dim);line-height:1.7}.copy-button{margin-top:14px;padding:10px 15px;border:1px solid var(--line);border-radius:8px;background:var(--surface2);color:var(--text);font:500 12px Inter,sans-serif;cursor:pointer}.noscript-contact{color:var(--dim)}.noscript-contact a{color:var(--cyan)}
.next-section{border-block:1px solid var(--line);background:rgba(124,92,255,.025)}.next-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:38px;padding:0;margin:0 0 35px;list-style:none}.next-grid li{position:relative;padding-top:24px;border-top:1px solid rgba(124,92,255,.3)}.next-grid li::before{content:"";position:absolute;top:-3px;left:0;width:5px;height:5px;border-radius:50%;background:var(--cyan);box-shadow:0 0 15px var(--cyan)}.next-grid li>span{font:500 40px 'Space Grotesk',sans-serif;color:#aea1e7}.next-grid h3{margin:20px 0 14px;font-size:22px}.next-grid p{font-size:14px;color:var(--dim)}.contact-page .cta-inner{position:relative;isolation:isolate;overflow:hidden}.contact-cta-orbit{position:absolute;z-index:-1;right:-90px;top:-110px;width:360px;height:360px;border:1px dashed rgba(34,211,238,.2);border-radius:50%}.contact-cta-orbit::after{content:"";position:absolute;inset:35px;border:1px solid rgba(124,92,255,.2);border-radius:50%}.contact-cta-actions{display:flex;justify-content:center;align-items:center;gap:25px;flex-wrap:wrap}
.contact-motion .conversation-orbit,.contact-motion .contact-cta-orbit{animation:contactOrbit 35s linear infinite paused}.contact-motion .conversation-board{animation:contactFloat 7s ease-in-out infinite paused}.contact-motion .conversation-bubble{animation:contactBubble 5s ease-in-out infinite paused}.contact-motion .bubble-second{animation-delay:-2.5s}.contact-motion .conversation-dots i{animation:contactDot 1.8s ease-in-out infinite paused}.contact-motion .conversation-dots i:nth-child(2){animation-delay:-.6s}.contact-motion .conversation-dots i:nth-child(3){animation-delay:-1.2s}.contact-motion .next-grid li::before{animation:contactProgress 4s ease-in-out infinite paused}.contact-motion .faq-list details[open] p{animation:contactAnswer .3s ease-out}.contact-motion .motion-in-view .conversation-orbit,.contact-motion .motion-in-view .contact-cta-orbit,.contact-motion .motion-in-view .conversation-board,.contact-motion .motion-in-view .conversation-bubble,.contact-motion .motion-in-view .conversation-dots i,.contact-motion .next-grid li.motion-in-view::before{animation-play-state:running}
@keyframes contactOrbit{to{transform:rotate(360deg)}}@keyframes contactFloat{0%,100%{transform:rotate(-2deg) translateY(0)}50%{transform:rotate(0) translateY(-7px)}}@keyframes contactBubble{50%{transform:translateY(-4px);border-color:rgba(34,211,238,.45)}}@keyframes contactDot{50%{transform:translateY(-4px);opacity:.4}}@keyframes contactProgress{50%{transform:translateX(90px);opacity:.4}}@keyframes contactAnswer{from{opacity:0;transform:translateY(-5px)}to{opacity:1;transform:none}}
@media(max-width:1050px){.contact-hero-grid{gap:40px}.brief-grid{gap:35px}.channel-grid{gap:16px}.channel-card{gap:10px}.channel-card h2{font-size:15px}.channel-card>i{display:none}.brief-panel{padding:26px}}
@media(max-width:800px){.contact-hero-grid{grid-template-columns:1fr;gap:50px}.contact-hero{min-height:0;padding-top:120px}.conversation-visual{width:min(100%,460px);margin:auto}.brief-grid{grid-template-columns:1fr;gap:15px}.brief-grid .section-heading{position:static}.channel-grid{grid-template-columns:1fr;gap:0}.channel-card{padding:22px 0;gap:18px}.channel-card+.channel-card{border-top:1px solid var(--line)}.channel-card h2{font-size:19px}.channel-card>i{display:block}.next-grid{grid-template-columns:1fr;gap:30px}}
@media(max-width:560px){.contact-hero h1{font-size:48px}.contact-hero .hero-promise{font-size:16px}.conversation-board{padding:24px}.conversation-mark strong{font-size:24px}.conversation-bubble{padding:16px}.conversation-bubble p{font-size:13px}.bubble-first{margin-right:15px}.bubble-second{margin-left:15px}.conversation-orbit{width:390px;height:390px;margin:-195px}.brief-panel{padding:22px}.brief-row{grid-template-columns:1fr;gap:0}.contact-cta-actions{flex-direction:column;gap:20px}}
@media(prefers-reduced-motion:reduce){.contact-page *,.contact-page *::before,.contact-page *::after{animation:none!important;transition:none!important}.channel-card:hover>i{transform:none}}
