@import url('https://fonts.googleapis.com/css2?family=DM+Sans:wght@400;500;600;700&family=Space+Grotesk:wght@400;500;600;700&display=swap');
:root{--bg:#0b0d11;--panel:#141820;--line:#2a303a;--fg:#f1f3f4;--muted:#9a9faa;--mint:#b7f7d0;--purple:#b4a3ff}*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;background:var(--bg);color:var(--fg);font-family:'DM Sans',sans-serif;overflow-x:hidden}button,textarea,input{font:inherit}button{cursor:pointer}a{color:inherit;text-decoration:none}.shell{max-width:1200px;margin:auto;padding:0 36px}header{height:84px;display:flex;align-items:center;justify-content:space-between;border-bottom:1px solid #ffffff12}.logo{font:700 24px 'Space Grotesk',sans-serif;letter-spacing:-1.5px}.logo i{color:var(--mint);font-style:normal}nav{display:flex;gap:28px;align-items:center;font-size:13px;color:#c5c9d0}nav a:hover{color:white}.nav-cta{border:1px solid #545a66;padding:12px 17px;border-radius:100px}.hero{position:relative;padding:112px 0 90px;min-height:670px}.eyebrow{display:inline-flex;gap:10px;align-items:center;text-transform:uppercase;letter-spacing:2.2px;font-size:10px;font-weight:700;color:var(--mint)}.dot{height:7px;width:7px;background:var(--mint);border-radius:100%;box-shadow:0 0 15px #b7f7d080}.hero h1{font:500 clamp(65px,8.6vw,122px)/.99 'Space Grotesk',sans-serif;letter-spacing:-7px;margin:30px 0 30px;max-width:990px}.hero h1 em{font-style:normal;color:var(--mint)}.sub{max-width:580px;font-size:19px;line-height:1.65;color:#b5bac3}.actions{display:flex;align-items:center;gap:24px;margin-top:35px;flex-wrap:wrap}.primary{border:0;background:var(--mint);color:#0a1510;padding:18px 24px;border-radius:100px;font-weight:700;font-size:14px}.primary:hover{background:#d3ffe3;transform:translateY(-1px)}.quiet{color:#c4c8d0;font-size:13px}.orb{position:absolute;right:-90px;top:100px;width:440px;height:440px;border-radius:50%;background:radial-gradient(circle at 36% 35%,#d8fce7 0%,#a9c3d4 17%,#655fa6 38%,#1b2441 62%,transparent 71%);opacity:.47;filter:blur(14px);pointer-events:none;z-index:-1}.ticker{border-top:1px solid #ffffff19;border-bottom:1px solid #ffffff19;display:flex;gap:38px;padding:23px 0;color:#a8acb5;font-size:12px;letter-spacing:.7px;flex-wrap:wrap}.ticker strong{color:#f0f1f2;font-weight:500}.section{padding:118px 0}.kicker{font-size:12px;color:var(--mint);letter-spacing:1.6px;text-transform:uppercase;font-weight:700}.section h2{font:500 clamp(42px,5vw,70px)/1.1 'Space Grotesk';letter-spacing:-3px;margin:18px 0 20px}.section-lead{font-size:18px;color:#aeb3bc;max-width:650px;line-height:1.65}.steps{display:grid;grid-template-columns:repeat(3,1fr);gap:14px;margin-top:54px}.step{background:linear-gradient(155deg,#1c212b,#12151b);border:1px solid #2b303a;border-radius:18px;padding:32px;min-height:290px}.num{color:#a2a8b3;font:12px 'Space Grotesk';margin-bottom:56px}.step h3{font:500 26px 'Space Grotesk';letter-spacing:-.8px;margin:0 0 14px}.step p{font-size:14px;color:#a8adb7;line-height:1.7;margin:0}.feature{border-top:1px solid #ffffff1c;padding:95px 0;display:grid;grid-template-columns:1fr 1fr;gap:70px;align-items:center}.feature h2{font:500 clamp(40px,5vw,65px)/1.09 'Space Grotesk';letter-spacing:-3px}.feature p{font-size:17px;color:#aeb3bc;line-height:1.7}.terminal{background:#121720;border:1px solid #323845;border-radius:18px;overflow:hidden;box-shadow:0 30px 70px #0005;transform:rotate(1deg)}.terminal-top{height:48px;border-bottom:1px solid #2b323d;display:flex;align-items:center;gap:7px;padding:0 18px;color:#7e8794;font-size:11px}.circle{width:7px;height:7px;border-radius:50%;background:#59616c}.terminal-body{padding:28px;font:13px/2.15 ui-monospace,SFMono-Regular,Menlo,monospace;color:#a9b1be}.terminal-body .green{color:var(--mint)}.terminal-body .purple{color:#c1b6ff}.contact-wrap{background:radial-gradient(ellipse at 75% 0%,#25243f 0%,#11151d 45%,#101319 85%);border:1px solid #343744;border-radius:26px;padding:65px;margin:25px 0 105px}.contact-wrap h2{font:500 clamp(46px,6vw,78px)/1.04 'Space Grotesk';letter-spacing:-4px;margin:12px 0 14px}.contact-wrap>p{color:#adb3bf;font-size:17px;line-height:1.6;margin-bottom:35px}.composer{background:#1d222c;border:1px solid #505767;border-radius:20px;padding:19px;box-shadow:0 20px 60px #0003}.composer textarea{background:none;border:0;outline:0;color:white;width:100%;resize:vertical;min-height:115px;font-size:18px;line-height:1.55}.composer textarea::placeholder{color:#808795}.composer-footer{display:flex;justify-content:space-between;align-items:center;gap:14px;border-top:1px solid #343b47;padding-top:15px}.hints{display:flex;gap:8px;flex-wrap:wrap}.chip{background:#303642;color:#c5c9d2;border:1px solid #454c5a;border-radius:100px;padding:9px 12px;font-size:11px}.chip:hover{background:#454c5a}.send{background:var(--mint);color:#101915;border:0;border-radius:100px;padding:12px 17px;font-weight:700;font-size:12px;white-space:nowrap}.contact-second{display:none;gap:12px;margin-top:16px;align-items:center}.contact-second.show{display:flex}.contact-second input{background:#191e27;border:1px solid #515969;border-radius:12px;padding:15px;color:white;flex:1;min-width:0;outline:0}.contact-second button{border:0;background:var(--mint);border-radius:12px;padding:16px 18px;font-weight:700;white-space:nowrap}.note{font-size:12px;color:#89909d;margin-top:16px;line-height:1.6}.status{font-size:13px;color:var(--mint);min-height:20px;margin-top:12px}footer{border-top:1px solid #ffffff1a;padding:28px 0 48px;color:#858c98;font-size:12px;display:flex;justify-content:space-between;gap:15px}.mini{color:#a9afba}.mini b{color:#e2e5e8}@media(max-width:800px){.shell{padding:0 22px}header{height:70px}nav a:not(.nav-cta){display:none}.hero{padding:85px 0 70px;min-height:0}.hero h1{letter-spacing:-4px}.orb{width:290px;height:290px;right:-130px;top:90px}.steps{grid-template-columns:1fr}.step{min-height:0}.num{margin-bottom:30px}.feature{grid-template-columns:1fr;gap:30px}.contact-wrap{padding:30px 18px}.contact-wrap h2{letter-spacing:-2px}.composer-footer{align-items:flex-start;flex-direction:column}.send{align-self:flex-end}.contact-second.show{flex-direction:column;align-items:stretch}.ticker{gap:15px}.section{padding:75px 0}}

/* V3: deliberate motion, not decorative motion. */
.sr-only{position:absolute!important;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}
.hero-changing-line{display:block;white-space:nowrap;min-height:1.12em;line-height:1.12}
.hero-changing-line em{display:inline-block;min-width:0;color:var(--fg);font-style:normal;text-decoration-line:underline;text-decoration-color:var(--mint);text-decoration-thickness:.055em;text-underline-offset:.12em;text-decoration-skip-ink:none}
.typing-caret{display:inline-block;width:3px;height:.76em;margin-left:5px;background:var(--mint);vertical-align:-.06em;opacity:.85;transition:opacity .12s ease}
.hero-changing-line.is-typing .typing-caret{opacity:1}
.hero-things{color:var(--fg)}
.hero h1{font-size:clamp(50px,7vw,96px);letter-spacing:-.055em;line-height:1.09;max-width:1080px;margin:32px 0 27px}
.hero-security{display:block;margin-top:.12em;color:var(--fg)}
.primary,.send,.contact-second button,.chip,.nav-cta{transition:background-color .22s ease,border-color .22s ease,transform .22s ease,box-shadow .22s ease}
.primary:focus-visible,.send:focus-visible,.chip:focus-visible,.nav-cta:focus-visible,.contact-second button:focus-visible,a:focus-visible{outline:2px solid var(--mint);outline-offset:4px}
.chip:hover{transform:translateY(-1px);border-color:#667183}
.nav-cta:hover{border-color:#a7b1bd}
.send:hover,.contact-second button:hover{background:#d3ffe3;transform:translateY(-1px)}
.step{transition:border-color .25s ease,transform .25s ease}
.step:hover{border-color:#485263;transform:translateY(-2px)}
.contact-second.show{animation:details-in .3s ease-out both}
@keyframes details-in{from{opacity:0;transform:translateY(7px)}to{opacity:1;transform:translateY(0)}}
.js-motion .reveal{opacity:0;transform:translateY(17px);transition:opacity .65s ease,transform .65s cubic-bezier(.2,.7,.2,1)}
.js-motion .reveal.is-visible{opacity:1;transform:none}
@media(max-width:800px){.hero-changing-line{white-space:nowrap}.hero h1{font-size:clamp(35px,7.8vw,63px);letter-spacing:-.05em}.hero-things{white-space:nowrap}.typing-caret{width:2px;margin-left:3px}}
@media(max-width:380px){.hero h1{font-size:clamp(30px,7.5vw,42px)}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}.js-motion .reveal{opacity:1;transform:none;transition:none}.contact-second.show{animation:none}.primary,.send,.contact-second button,.chip,.nav-cta,.step{transition:none!important;transform:none!important}.typing-caret{display:none}}

/* V3.2: one quiet working indicator; no other perpetual animation. */
.quiet-work{display:inline-block;width:12px;height:12px;margin-left:9px;vertical-align:-1px;border:1.5px solid #6e9384;border-top-color:var(--mint);border-radius:50%;opacity:.72;animation:quiet-work-turn 9s linear infinite;animation-play-state:paused}
.quiet-work.is-active{animation-play-state:running}
@keyframes quiet-work-turn{to{transform:rotate(360deg)}}
@media(prefers-reduced-motion:reduce){.quiet-work{animation:none}}

/* V3.3: invitation hierarchy — no extra UI or motion. */
.contact-invitation{margin:0 0 32px;max-width:660px}
.contact-invitation p{margin:0}
.contact-invitation-lead{color:var(--fg);font-size:18px;font-weight:600;line-height:1.45}
.contact-invitation-detail{color:#b4bac5;font-size:16px;line-height:1.6;margin-top:3px!important}
.contact-invitation-close{color:var(--mint);font-size:15px;line-height:1.5;margin-top:12px!important}
@media(max-width:800px){.contact-invitation{margin-bottom:27px}.contact-invitation-lead{font-size:17px}.contact-invitation-detail{font-size:15px}.contact-invitation-close{font-size:14px}}

/* V3.8: a true in-flow marginal note; hover is a fleeting wave, click is a fixed readable aside. */
.contact-invitation{display:grid;grid-template-columns:minmax(0,1.25fr) minmax(0,1fr);column-gap:clamp(24px,5vw,76px);align-items:start;max-width:none;margin-bottom:32px}
.contact-invitation-copy{min-width:0}
.contact-invitation-copy p{max-width:none}
.ai-helper{display:inline}
.ai-trigger{display:inline;border:0;border-bottom:1px solid rgba(183,247,208,.7);background:none;padding:0;color:#d2f5e1;font:inherit;line-height:inherit;cursor:pointer;transition:color .18s ease,border-color .18s ease}
.ai-trigger::after{content:' ↗';font-size:.75em;vertical-align:10%;opacity:.8}
.ai-trigger:hover,.ai-trigger[aria-expanded="true"]{color:var(--mint);border-bottom-color:var(--mint)}
.ai-trigger:focus-visible{outline:2px solid var(--mint);outline-offset:3px;border-radius:2px}
.ai-aside{min-width:0;min-height:140px;position:relative;align-self:start}
.ai-wave,.ai-panel{grid-area:1/1;}
.ai-aside{display:grid;grid-template-columns:minmax(0,1fr)}
.ai-wave{display:flex;flex-direction:column;gap:11px;justify-content:center;min-height:125px;pointer-events:none;visibility:hidden}
.ai-wave-line{display:block;color:#b5c8c0;font:13px/1.55 'DM Sans',sans-serif;opacity:0;transform:translateY(5px)}
.contact-invitation.is-preview:not(.is-pinned) .ai-wave{visibility:visible}
.contact-invitation.is-preview:not(.is-pinned) .ai-wave-line{animation:ai-thought 1.7s ease-in-out both}
.contact-invitation.is-preview .ai-wave-line:nth-child(2){animation-delay:.19s}
.contact-invitation.is-preview .ai-wave-line:nth-child(3){animation-delay:.38s}
@keyframes ai-thought{0%{opacity:0;transform:translateY(5px)}26%{opacity:.47;transform:translateY(0)}56%{opacity:.35;transform:translateY(-2px)}100%{opacity:0;transform:translateY(-6px)}}
.ai-panel{display:none;min-width:0;padding:0;border:0;background:none;box-shadow:none}
.contact-invitation.is-pinned .ai-panel{display:block;animation:ai-settle .18s ease-out both}
@keyframes ai-settle{from{opacity:.6;transform:translateY(4px)}to{opacity:1;transform:none}}
.ai-popover-head{display:flex;align-items:center;justify-content:space-between;gap:12px;margin-bottom:11px}
.ai-popover-label{font:600 12px 'DM Sans',sans-serif;color:#dbe9df}
.ai-copy{border:1px solid #567366;background:#26392f;color:#d9f8e7;border-radius:8px;padding:7px 11px;font:600 12px 'DM Sans',sans-serif;white-space:nowrap;cursor:pointer}
.ai-copy:hover{background:#345242}.ai-copy:focus-visible{outline:2px solid var(--mint);outline-offset:3px}
.ai-prompt{display:block;color:#b7c3c3;font:13px/1.65 'DM Sans',sans-serif;white-space:pre-wrap;user-select:text}
.ai-copy-status{display:block;margin-top:7px;color:#91bfa6;font-size:11px;min-height:1.2em}
@media(max-width:800px){.contact-invitation{grid-template-columns:minmax(0,1fr);gap:0;margin-bottom:27px}.ai-aside{min-height:0}.ai-wave{display:none}.contact-invitation.is-pinned .ai-aside{margin-top:20px}.contact-invitation.is-pinned .ai-panel{padding:14px 0 0;border-top:1px solid #34483e}}
@media(prefers-reduced-motion:reduce){.contact-invitation.is-preview .ai-wave-line{animation:none;opacity:.35;transform:none}.contact-invitation.is-pinned .ai-panel{animation:none}.ai-trigger{transition:none}}

/* The longer public wordmark keeps the original type and mint punctuation. */
.logo{white-space:nowrap}
header{gap:16px}
header .logo{font-size:clamp(18px,5.2vw,24px)}
footer{flex-wrap:wrap}
footer .logo{font-size:19px}