@import url('https://fonts.googleapis.com/css2?family=Inter:wght@400;450;500;550;600;650;700&family=Space+Grotesk:wght@400;500;600;700&display=swap');
:root {
  color-scheme: dark;
  --bg: #0a0d11;
  --surface: #10151b;
  --surface-raised: #151c24;
  --text: #edf1f5;
  --muted: #9ca9b7;
  --accent: #acd8e6;
  --line: #ffffff14;
  --line-strong: #ffffff25;
  --radius: 12px;
  --ease: cubic-bezier(.22,1,.36,1);
  --body: 'Inter', -apple-system, BlinkMacSystemFont, 'Segoe UI', sans-serif;
}
* { box-sizing: border-box; }
html { scroll-behavior: smooth; scroll-padding-top: 110px; }
body { margin: 0; background: var(--bg); color: var(--text); font: 400 1rem/1.7 var(--body); -webkit-font-smoothing: antialiased; }
button,input,select,textarea { font: inherit; }
button { cursor: pointer; color: inherit; }
a { color: inherit; text-decoration: none; }
img,svg { max-width: 100%; }
h1,h2,h3,p { margin: 0; }
h1,h2,h3 { font-weight: 500; }
button,a,input,select,textarea,summary { outline-offset: 5px; }
:focus-visible { outline: 2px solid var(--accent); }
::selection { background: #acd8e6; color: #0a0d11; }
[hidden] { display: none !important; }
.sr-only { position: absolute; width: 1px; height: 1px; padding: 0; margin: -1px; overflow: hidden; clip-path: inset(50%); white-space: nowrap; border: 0; }
.container { width: min(1160px,calc(100% - 96px)); margin-inline: auto; }
.skip-link { position: fixed; top: -70px; left: 20px; z-index: 100; padding: 12px 18px; background: var(--text); color: var(--bg); }
.skip-link:focus { top: 10px; }
.preview-ribbon { padding: 6px 18px; text-align: center; background: #11171d; border-bottom: 1px solid var(--line); color: #acbac8; font-size: .75rem; }
.preview-ribbon span { margin-left: 10px; color: #8999a9; }
.site-header { position: sticky; top: 0; z-index: 20; background: #0a0d11e8; backdrop-filter: blur(20px); border-bottom: 1px solid var(--line); }
.site-header:after { content: ''; position: absolute; left: 0; bottom: -1px; width: 100%; height: 2px; background: linear-gradient(90deg,#648aa3,#b6edff); transform: scaleX(var(--reading-progress,0)); transform-origin: left; pointer-events: none; }
.nav-row { height: 84px; display: flex; align-items: center; justify-content: space-between; gap: 28px; }
.wordmark { display: inline-flex; align-items: center; gap: 10px; font-weight: 600; font-size: 1.45rem; letter-spacing: -.055em; flex-shrink: 0; }
.wordmark img { width: 27px; height: 27px; }
.wordmark-ai { font-size: .75rem; letter-spacing: .06em; font-weight: 500; color: #8fa3b5; margin: 2px 0 0 5px; }
.nav-row nav { display: flex; align-items: center; gap: 32px; font-size: .875rem; color: #aab6c3; }
.nav-row nav>a { position: relative; padding: 8px 0; transition: color .25s; }
.nav-row nav>a:after { content: ''; position: absolute; bottom: 2px; left: 0; right: 0; height: 1px; background: var(--accent); transform: scaleX(0); transform-origin: left; transition: transform .3s var(--ease); }
.nav-row nav>a:is(:hover,:focus-visible) { color: var(--text); }
.nav-row nav>a:is(:hover,:focus-visible):after { transform: scaleX(1); }
.menu-toggle { display: none; }
.button { display: inline-flex; justify-content: center; align-items: center; gap: 20px; border: 1px solid transparent; border-radius: 7px; min-height: 50px; padding: 14px 21px; font-size: .875rem; line-height: 1.4; font-weight: 500; transition: background .25s,border-color .25s,box-shadow .25s,transform .4s var(--ease); }
.button span { display: inline-block; font-size: 1.1rem; transition: transform .35s var(--ease); }
.button:not(:disabled):not([aria-disabled=true]):is(:hover,:focus-visible) span { transform: translate(3px,-1px); }
.button-primary,.button-blue,.button-light { background: #e7edf2; color: #111820; border-color: #e7edf2; }
.button-primary:hover,.button-blue:hover,.button-light:hover { background: white; border-color: white; box-shadow: 0 5px 22px #b6d0e212; }
.button-secondary,.button-outline { background: transparent; border-color: var(--line-strong); color: #c8d2dc; }
.button-secondary:hover,.button-outline:hover { background: #ffffff05; border-color: #ffffff45; }
.button-small { padding: 10px 17px; min-height: 40px; font-size: .8125rem; }
.button:disabled { opacity: .55; cursor: not-allowed; }
.button:disabled:hover span { transform: none; }
.button:focus-visible { box-shadow: 0 0 0 5px #acd8e615; }
.button:not(:disabled):not([aria-disabled=true]):active { transform: translateY(0) scale(.985); transition-duration: .12s; }
.text-link { display: inline-flex; align-items: center; gap: 14px; font-size: .875rem; font-weight: 500; color: #c9d6e1; transition: color .25s; }
button.text-link { appearance: none; background: transparent; border: 0; padding: 0; text-align: left; }
.text-link:is(:hover,:focus-visible) { color: white; }
.text-link span { transition: transform .35s var(--ease); }
.text-link:is(:hover,:focus-visible) span { transform: translateX(4px); }
.eyebrow { color: var(--accent); font-size: .875rem; font-weight: 450; letter-spacing: 0; line-height: 1.5; margin-bottom: 24px; }
.tiny-label { font-size: .75rem; color: #90a2b4; letter-spacing: .025em; }
.text-blue { color: var(--accent); }
.text-muted { color: #93a4b6; }
.hero-section { position: relative; isolation: isolate; border-bottom: 1px solid var(--line); }
.hero-intro { position: relative; z-index: 1; text-align: center; padding-top: 105px; padding-bottom: 111px; }
/* Soft, non-representational light: no canvas, video, filters, or image downloads. */
.hero-ambient { position: absolute; z-index: 0; inset: 0; overflow: hidden; pointer-events: none; background: radial-gradient(ellipse at 50% 42%,#18263138,transparent 66%); }
.hero-ambient:before { content: ''; position: absolute; z-index: 1; inset: 0; background-image: radial-gradient(#b3d8ec1c .7px,transparent .9px); background-size: 32px 32px; mask-image: linear-gradient(transparent,#0009 24%,#0004 70%,transparent); }
.hero-ambient:after { content: ''; position: absolute; z-index: 2; inset: 0; background: linear-gradient(var(--bg),transparent 22%,transparent 72%,var(--bg)),radial-gradient(ellipse at center,#0a0d1138 12%,transparent 70%); }
.ambient-light { position: absolute; display: block; width: min(1000px,85%); height: 85%; transform-origin: center; animation-play-state: paused; }
.ambient-light-blue { top: -12%; left: -17%; background: radial-gradient(ellipse at center,#3d91bf40, #34799d1c 36%,transparent 70%); transform: translate3d(0,0,0) rotate(-18deg) scale(1.05); animation: ambient-blue-drift 22s ease-in-out infinite alternate paused; }
.ambient-light-silver { right: -18%; bottom: -17%; background: radial-gradient(ellipse at center,#91c7df2e,#477e9c17 37%,transparent 70%); transform: translate3d(0,0,0) rotate(14deg); animation: ambient-silver-drift 27s ease-in-out infinite alternate paused; }
.hero-ambient.is-running .ambient-light { animation-play-state: running; }
@keyframes ambient-blue-drift { to { transform: translate3d(22%,18%,0) rotate(5deg) scale(1.16); } }
@keyframes ambient-silver-drift { to { transform: translate3d(-24%,-17%,0) rotate(-9deg) scale(1.12); } }
.ambient-toggle { position: absolute; z-index: 2; right: 24px; bottom: 20px; display: inline-flex; align-items: center; gap: 9px; min-height: 36px; padding: 7px 11px; border: 1px solid #b1cee222; border-radius: 6px; background: #0a0d1166; color: #9ab1c3; font-size: .8125rem; line-height: 1.4; transition: color .25s,border-color .25s; }
.ambient-toggle:before { content: ''; width: 7px; height: 9px; border-inline: 2px solid currentColor; }
.ambient-toggle[data-paused=true]:before { width: 0; height: 0; border: 0; border-top: 5px solid transparent; border-bottom: 5px solid transparent; border-left: 7px solid currentColor; }
.ambient-toggle:is(:hover,:focus-visible) { color: #d6eaf6; border-color: #b1cee24a; }
.ambient-toggle[aria-disabled=true] { cursor: default; }
.scroll-cue { display: inline-flex; align-items: center; gap: 14px; margin-top: 46px; color: #91a6b8; font-size: .8125rem; }
.scroll-cue span { color: var(--accent); transition: transform .4s var(--ease); }
.scroll-cue:is(:hover,:focus-visible) span { transform: translateY(5px); }
.numbers-section { display: grid; grid-template-columns: repeat(3,minmax(0,1fr)); padding-block: 48px; border-bottom: 1px solid var(--line); }
.number-stat { padding-inline: 36px; border-right: 1px solid var(--line); }
.number-stat:first-child { padding-left: 0; }
.number-stat:last-child { border-right: 0; }
.stat-value { color: #cae6f7; font-size: clamp(2.8rem,5vw,4.4rem); font-weight: 450; letter-spacing: -.055em; line-height: 1.1; font-variant-numeric: tabular-nums; }
.number-stat h2 { font-size: 1rem; letter-spacing: -.015em; margin-top: 17px; }
.number-stat>p:last-child { color: var(--muted); font-size: .875rem; margin-top: 6px; }
.hero-intro .eyebrow { margin-bottom: 26px; }
h1 { font-size: clamp(3.7rem,6.4vw,5.35rem); font-weight: 450; letter-spacing: -.058em; line-height: 1.07; }
.hero-intro h1 span { color: #a4becf; }
.hero-description { max-width: 630px; margin: 30px auto 0; font-size: 1.125rem; line-height: 1.8; color: #a4b1c0; }
.actions { display: flex; align-items: center; justify-content: center; gap: 12px; margin-top: 33px; flex-wrap: wrap; }
.section { padding-block: 100px; }
h2 { font-size: clamp(2rem,3.5vw,2.95rem); letter-spacing: -.045em; line-height: 1.2; }
h3 { letter-spacing: -.025em; line-height: 1.4; }
.section-heading { display: grid; grid-template-columns: 1.25fr 1fr; gap: 80px; align-items: end; margin-bottom: 46px; }
.section-heading>p { max-width: 390px; font-size: 1rem; color: var(--muted); line-height: 1.85; }
.capabilities { display: grid; grid-template-columns: repeat(3,minmax(0,1fr)); border: 1px solid var(--line); border-radius: var(--radius); overflow: hidden; background: var(--surface); }
.capability { min-width: 0; padding: 31px 29px; border-right: 1px solid var(--line); display: flex; flex-direction: column; transition: background .4s var(--ease); }
.capability:last-child { border-right: 0; }
.capability:hover { background: #131c25; }
.card-top { margin-bottom: 25px; }
.outline-icon { display: inline-flex; width: 32px; height: 32px; align-items: center; justify-content: center; color: #b0cbdc; font-size: 1.3rem; transition: color .3s,transform .5s var(--ease); }
.outline-icon svg { width: 25px; height: 25px; fill: none; stroke: currentColor; stroke-width: 1.4; stroke-linecap: round; stroke-linejoin: round; }
.capability h3 { font-size: 1.2rem; margin-bottom: 14px; font-weight: 500; }
.capability>p { color: #9dabbb; font-size: 1rem; line-height: 1.8; margin-bottom: 26px; }
.capability-route { margin-top: auto; display: flex; flex-direction: column; gap: 6px; font-size: .8125rem; color: #bac7d4; }
.capability-route>span:before { content: '—'; margin-right: 9px; color: #576a7f; }
.capability-explore { margin-top: 25px; padding-top: 19px; border-top: 1px solid var(--line); justify-content: space-between; }
.library-summary { display: flex; align-items: center; justify-content: space-between; gap: 25px; padding-top: 27px; }
.library-summary p { font-size: .875rem; color: #96a5b6; }
.library-summary strong { display: block; font-weight: 450; color: #c5d0dc; margin-bottom: 4px; }
.library-summary p>span { font-size: .8125rem; }
.workflow-section { padding-block: 100px; border-block: 1px solid var(--line); background: #0d1218; }
.workflow-layout { display: grid; grid-template-columns: 1fr 1.05fr; align-items: center; gap: 80px; }
.section-intro { color: var(--muted); font-size: 1rem; line-height: 1.85; margin-top: 23px; max-width: 430px; }
.workflow-tabs { position: relative; isolation: isolate; display: flex; align-items: center; gap: 4px; padding: 4px; border: 1px solid var(--line); border-radius: 8px; background: #080e14; width: fit-content; margin: 27px 0 16px; }
.workflow-tabs button { position: relative; padding: 10px 16px; border: 0; border-radius: 5px; background: transparent; color: #99aabd; font-size: .875rem; line-height: 1.5; transition: color .25s,background .25s; }
.workflow-tabs button[aria-selected=true] { color: #e1ebf3; background: #1d2b37; }
.workflow-tabs.has-tab-indicator:before { content: ''; position: absolute; z-index: -1; top: var(--tab-top); left: 0; width: var(--tab-width); height: var(--tab-height); border-radius: 5px; background: #1d2b37; box-shadow: inset 0 1px 0 #ffffff08,0 2px 5px #0002; transform: translateX(var(--tab-left)); transition: transform .4s var(--ease),width .4s var(--ease); }
.workflow-tabs.has-tab-indicator button[aria-selected=true] { background: transparent; }
.workflow-tabs button:is(:hover,:focus-visible) { color: var(--text); }
.workflow-tabs button:focus-visible { outline-offset: 1px; }
.workflow-panel { border: 1px solid #ffffff20; border-radius: var(--radius); overflow: hidden; background: #111922; box-shadow: 0 20px 70px #0003; }
.panel-header { display: flex; align-items: center; justify-content: space-between; padding: 20px 23px; border-bottom: 1px solid var(--line); font-size: .8125rem; color: #c4d0dd; gap: 16px; }
.panel-header>span:first-child { display: inline-flex; gap: 10px; align-items: center; }
.console-mark { width: 25px; height: 25px; display: inline-grid; place-items: center; border: 1px solid #ffffff25; border-radius: 6px; color: #d5e7f2; font-size: .8rem; }
.console-divider { color: #596c81; }
.example-label { font-size: .75rem; font-weight: 400; letter-spacing: 0; color: #90a3b7; text-transform: lowercase; }
.workflow-steps { padding: 29px 25px; min-height: 326px; }
.flow-step { position: relative; display: flex; align-items: flex-start; gap: 15px; padding-bottom: 27px; }
.flow-step:last-child { padding-bottom: 0; }
.step-number { flex: none; display: grid; place-items: center; width: 29px; height: 29px; border: 1px solid #ffffff1c; color: #8eacc3; font-size: .75rem; border-radius: 50%; background: #15222e; transition: color .25s,border-color .25s,background .25s; }
.flow-step:not(:last-child):before { content: ''; position: absolute; left: 14px; width: 1px; top: 35px; bottom: 5px; background: #283a4a; }
.flow-step h3 { font-size: .9375rem; font-weight: 450; color: #d9e3ed; margin: 6px 0; line-height: 1.55; }
.flow-step p { color: #91a4b8; font-size: .875rem; line-height: 1.7; }
.flow-step .tiny-label { font-size: .75rem; text-transform: none; letter-spacing: 0; color: #91a8bf; }
.panel-footer { display: flex; justify-content: space-between; padding: 17px 23px; border-top: 1px solid var(--line); font-size: .75rem; color: #9dafc1; background: #ffffff02; }
.panel-footer>span { display: none; }
.fine-print { font-size: .75rem; line-height: 1.8; color: #92a2b3; }
.fine-print a { text-decoration: underline; text-underline-offset: 3px; }
.offer-grid { display: grid; grid-template-columns: 1fr 1fr; gap: 22px; }
.offer { padding: 34px; border: 1px solid var(--line); border-radius: var(--radius); background: var(--surface); display: flex; flex-direction: column; transition: border-color .35s,box-shadow .35s; }
.offer:focus-within { border-color: #acd8e65c; }
.offer .eyebrow,.offer-badge { font-size: .875rem; color: #9bb5c9; margin-bottom: 21px; }
.offer-badge { background: none; border: 0; padding: 0; font-weight: 450; }
.offer-featured .eyebrow { display: none; }
.offer h3 { font-size: 1.65rem; font-weight: 500; line-height: 1.3; letter-spacing: -.035em; margin-bottom: 17px; }
.offer>p:not(.eyebrow):not(.price-note):not(.fine-print) { color: var(--muted); font-size: 1rem; line-height: 1.8; }
.offer-price { display: flex; align-items: baseline; gap: 9px; flex-wrap: wrap; font-size: 2.35rem; letter-spacing: -.04em; line-height: 1.4; margin-top: 27px; }
.offer-price span { font-size: .875rem; color: #97aabe; letter-spacing: 0; }
.offer-price-label { font-size: 1.85rem; line-height: 1.78; }
.price-note { font-size: .75rem; line-height: 1.8; color: #91a3b6; margin: 7px 0 24px; }
.check-list { list-style: none; margin: 0; padding: 23px 0 28px; border-top: 1px solid var(--line); flex: 1; }
.check-list li { padding: 6px 0; display: flex; align-items: baseline; gap: 11px; font-size: .875rem; color: #b9c9d8; }
.check-list li:before { content: '✓'; color: #8eb4c8; }
.offer .fine-print { margin-top: 16px; }
.offer-featured { border-color: #b7d3e632; background: #121b24; }
.operator-note { display: grid; grid-template-columns: 1fr 2.1fr; gap: 80px; padding-block: 53px; border-block: 1px solid var(--line); }
.operator-note .eyebrow { margin-top: 5px; }
.operator-note h2 { font-size: 2rem; line-height: 1.4; letter-spacing: -.035em; }
.note-body { color: var(--muted); font-size: 1rem; line-height: 1.85; margin-top: 19px; max-width: 600px; }
.note-credit { font-size: .875rem; color: #becbd8; margin-top: 25px; }
.note-credit span { display: block; color: #879db1; font-size: .75rem; margin-top: 3px; }
.community-section { padding-block: 84px; background: #101a23; border-block: 1px solid #acd8e622; }
.community-layout { display: grid; grid-template-columns: 1fr 1fr; gap: 80px; align-items: center; }
.community-copy h2 span { color: #a4c9df; }
.community-copy>p:not(.eyebrow):not(.fine-print) { margin: 25px 0 29px; color: #aabcca; font-size: 1rem; line-height: 1.85; max-width: 450px; }
.community-copy .fine-print { margin-top: 18px; max-width: 360px; }
.community-topics>a { display: flex; align-items: baseline; gap: 22px; border-bottom: 1px solid #ffffff19; padding: 27px 0; }
.community-topics>a:first-child { border-top: 1px solid #ffffff19; }
.topic-number { color: #7295ae; font-size: .8125rem; font-variant-numeric: tabular-nums; }
.community-topics h3 { font-size: 1.1rem; }
.community-topics p { font-size: .9375rem; color: #9db1c2; margin-top: 10px; }
.topic-arrow { margin-left: auto; color: #89a9bf; transition: transform .4s var(--ease),color .3s; }
.community-topics a:is(:hover,:focus-visible) .topic-arrow { color: #d5eeff; transform: translate(4px,-4px); }
.testimonial-grid { display: grid; grid-template-columns: repeat(3,minmax(0,1fr)); gap: 20px; }
.testimonial { margin: 0; padding: 27px; border: 1px solid var(--line-strong); border-radius: var(--radius); background: #111923; display: flex; flex-direction: column; }
.sample-label { align-self: flex-start; padding: 4px 8px; background: #dcc3950a; border: 1px solid #dcc39530; border-radius: 4px; font-size: .75rem; color: #d0bc99; }
.testimonial blockquote { margin: 26px 0 34px; font-size: 1.125rem; line-height: 1.8; letter-spacing: -.02em; color: #d2e0eb; flex: 1; }
.testimonial figcaption { display: flex; align-items: center; gap: 12px; font-size: .875rem; }
.testimonial figcaption small { display: block; font-size: .75rem; color: #91a6b8; margin-top: 4px; }
.sample-avatar { display: grid; place-items: center; width: 40px; height: 40px; flex-shrink: 0; border-radius: 50%; background: #233442; color: #bed5e6; font-size: .75rem; }
.founder-section { border-block: 1px solid var(--line); background: #0e151d; overflow: hidden; }
.founder-layout { display: grid; grid-template-columns: .95fr 1.05fr; align-items: center; gap: 75px; }
.founder-portrait { align-self: end; margin: 0; padding-top: 45px; }
.founder-portrait img { display: block; width: 100%; height: auto; }
.founder-copy { padding-block: 64px; }
.founder-copy h2 { font-size: clamp(2.7rem,4.3vw,3.7rem); }
.founder-role { margin-top: 14px; font-size: .9375rem; color: #bad4e5; }
.founder-bio { margin-top: 24px; font-size: 1rem; line-height: 1.9; color: #a0b2c2; }
.founder-links { display: flex; flex-wrap: wrap; gap: 17px 27px; margin-top: 27px; }
.founder-location { margin-top: 33px; font-size: .8125rem; color: #7f9bb0; }
.workflow-play { border: 0; background: transparent; padding: 2px 0; font-size: .75rem; color: #bddbeb; white-space: nowrap; }
.workflow-play:hover { color: white; }
.workflow-replay-footer { gap: 18px; align-items: center; }
.faq-layout { display: grid; grid-template-columns: 1fr 1.35fr; gap: 80px; }
.faq-layout .text-link { margin-top: 22px; }
.faq-list details { border-bottom: 1px solid var(--line); }
.faq-list details:first-child { border-top: 1px solid var(--line); }
.faq-list summary { list-style: none; cursor: pointer; display: flex; align-items: baseline; justify-content: space-between; gap: 20px; padding: 23px 0; font-size: 1rem; font-weight: 450; color: #d0dce8; transition: color .25s; }
.faq-list summary:is(:hover,:focus-visible) { color: #f0f6fa; }
.faq-list summary::-webkit-details-marker { display: none; }
.faq-list summary:after { content: '+'; display: inline-block; color: #8ca3b9; font-size: 1.25rem; line-height: 1; transition: transform .3s var(--ease); }
.faq-list details[open] summary:after { transform: rotate(45deg); }
.faq-list details p { font-size: 1rem; line-height: 1.85; color: #99aec2; padding: 0 22px 25px 0; }
.closing { text-align: center; padding: 76px 30px 83px; border-top: 1px solid var(--line); }
.closing h2 { font-size: clamp(2.1rem,4vw,3.25rem); letter-spacing: -.045em; line-height: 1.18; }
.closing>p:not(.eyebrow) { font-size: 1rem; color: #9aadc0; margin: 23px auto 29px; }
.site-footer { padding-top: 30px; border-top: 1px solid var(--line); }
.footer-top { display: flex; justify-content: space-between; align-items: center; gap: 30px; padding-bottom: 31px; }
.footer-top>p { font-size: .875rem; color: #8da2b6; }
.footer-top>div { display: flex; gap: 24px; font-size: .875rem; color: #adbdcd; }
.footer-bottom { padding: 23px 0 31px; border-top: 1px solid var(--line); display: flex; justify-content: space-between; gap: 24px; font-size: .75rem; color: #8197ad; }
.footer-bottom>div { display: flex; flex-wrap: wrap; gap: 17px; }
.footer-bottom a { transition: color .2s; }
.footer-bottom a:hover { color: var(--text); }
.full-width { width: 100%; }
dialog { color: var(--text); width: min(550px,calc(100% - 32px)); max-height: calc(100dvh - 40px); overflow: auto; overscroll-behavior: contain; border: 1px solid #ffffff25; background: #111922; border-radius: 14px; padding: 33px; box-shadow: 0 30px 120px #0008; }
dialog::backdrop { background: #03070bd4; backdrop-filter: blur(8px); }
body:has(dialog[open]) { overflow: hidden; }
.dialog-close { position: absolute; top: 10px; right: 12px; border: 0; border-radius: 5px; background: transparent; font-size: 1.6rem; color: #9fb3c8; padding: 2px 9px; }
.dialog-close:hover { background: #ffffff09; color: white; }
.dialog-intro .eyebrow { margin-bottom: 16px; }
.dialog-intro h2 { font-size: 1.9rem; line-height: 1.2; letter-spacing: -.035em; }
.dialog-intro>p { font-size: 1rem; color: #9eafc2; line-height: 1.8; margin: 19px 0 24px; }
form>label,.field-grid>label { display: block; font-size: .875rem; line-height: 1.7; color: #c2d0de; margin-bottom: 16px; }
.field-grid { display: grid; grid-template-columns: 1fr 1fr; gap: 15px; }
input:not([type=checkbox]),select,textarea { width: 100%; display: block; background: #0c131b; color: var(--text); border: 1px solid #ffffff24; border-radius: 6px; min-height: 46px; padding: 10px 12px; font-size: 1rem; margin-top: 6px; transition: border-color .2s,box-shadow .2s; }
input::placeholder { color: #6d8299; }
input:focus,select:focus,textarea:focus { border-color: #9abed3; outline: none; box-shadow: 0 0 0 3px #9abed319; }
.optional { font-size: .75rem; color: #90a5bc; margin-left: 5px; font-weight: 400; }
.consent-options { padding: 0; border: 0; margin: 20px 0 15px; }
.consent-options legend { font-size: .875rem; color: #c3d2e1; margin-bottom: 12px; padding: 0; }
.checkbox-label { display: flex; align-items: flex-start; gap: 10px; font-size: .875rem; line-height: 1.7; color: #a1b4c9; margin-bottom: 13px; }
.checkbox-label input { width: 17px; height: 17px; flex-shrink: 0; accent-color: #acd8e6; margin: 3px 0 0; }
.form-status { font-size: .875rem; color: #d9bf93; margin: 16px 0; line-height: 1.8; }
.form-status:empty { display: none; }
.phone-hint { display: block; margin-top: 6px; color: #90a5bc; font-size: .875rem; font-weight: 400; }
.phone-error { display: block; margin-top: 6px; color: #f3c4a6; font-size: .875rem; font-weight: 400; }
.phone-error[hidden] { display: none; }
input[aria-invalid="true"] { border-color: #f3c4a6; }
.trap { position: absolute; left: -9999px; width: 1px; height: 1px; overflow: hidden; }
.document { max-width: 780px; padding-block: 70px 90px; }
.document h1,.client-heading h1 { font-size: clamp(2.25rem,4vw,3.4rem); line-height: 1.15; letter-spacing: -.045em; }
.document h2 { font-size: 1.45rem; line-height: 1.4; margin: 33px 0 13px; letter-spacing: -.02em; }
.document p,.document li { font-size: 1rem; line-height: 1.85; color: #9fafc2; }
.document a { text-decoration: underline; text-underline-offset: 3px; color: #bfd8e9; }
.document .draft-notice { margin-top: 27px; padding: 17px 20px; border: 1px solid #b99a6133; border-radius: 8px; background: #a8842e08; color: #c5b392; font-size: .875rem; }
.client-shell { min-height: 75vh; padding-block: 67px 85px; }
.client-heading { max-width: 670px; margin-bottom: 37px; }
.client-heading>p:not(.eyebrow) { margin-top: 23px; font-size: 1rem; color: #9cafc3; line-height: 1.85; }
.client-grid { display: grid; grid-template-columns: .85fr 1.25fr; gap: 26px; align-items: start; }
.client-sidebar,.client-panel { padding: 30px; background: var(--surface); border: 1px solid var(--line); border-radius: var(--radius); }
.client-sidebar h2,.client-panel h2 { font-size: 1.4rem; letter-spacing: -.025em; margin-bottom: 15px; }
.client-sidebar p,.client-panel>p { color: #a0b3c8; font-size: 1rem; line-height: 1.85; }
.client-detail { border-top: 1px solid var(--line); padding: 17px 0; margin-top: 17px; font-size: .875rem; color: #beccdb; }
.client-detail strong { display: block; font-size: .75rem; font-weight: 400; color: #879cb3; margin-bottom: 5px; }
.integration-empty { padding: 28px; text-align: center; border: 1px dashed #ffffff25; border-radius: 8px; background: #0b121a; }
.integration-empty h2,.integration-empty h3 { font-size: 1.4rem; margin: 18px 0 14px; }
.integration-empty p { font-size: 1rem; line-height: 1.85; color: #95abc2; margin-bottom: 22px; }
.client-links,.policy-links { display: flex; align-items: center; flex-wrap: wrap; justify-content: space-between; gap: 16px; font-size: .875rem; margin-top: 25px; color: #b4cddd; }
.policy-links { justify-content: flex-start; }
.policy-links a { text-decoration: underline; text-underline-offset: 3px; }
.client-form-note { padding: 15px 18px; background: #1b2b392e; border-radius: 8px; }

/* Decorative light sits behind content and never changes a control's hit area. */
.has-pointer-light { position: relative; isolation: isolate; }
.has-pointer-light:before { content: ''; position: absolute; z-index: -1; inset: 0; border-radius: inherit; pointer-events: none; opacity: 0; background: radial-gradient(300px circle at var(--pointer-x,50%) var(--pointer-y,50%),#acd8e617,transparent 75%); transition: opacity .5s var(--ease); }
.button.has-pointer-light:before { background: radial-gradient(110px circle at var(--pointer-x,50%) var(--pointer-y,50%),#ffffff45,transparent 75%); }
@media(hover:hover) and (pointer:fine) and (prefers-reduced-motion:no-preference) {
  .has-pointer-light.is-pointer-active:before { opacity: 1; }
  .button:not(:disabled):not([aria-disabled=true]):hover { transform: translateY(-2px); }
  .button:not(:disabled):not([aria-disabled=true]):active { transform: translateY(0) scale(.985); }
  .capability:hover .outline-icon { transform: translateY(-3px); color: #def2ff; }
  .offer:hover { border-color: #acd8e648; box-shadow: 0 12px 40px #0002; }
  .flow-step:hover .step-number { color: #e0f1fb; border-color: #acd8e65c; background: #203343; }
}
@media(max-width:1050px) {
  .container { width: calc(100% - 60px); }
  .nav-row nav { gap: 23px; }
  .section-heading,.workflow-layout,.faq-layout,.operator-note { gap: 45px; }
  .community-layout,.founder-layout { gap: 45px; }
  .testimonial { padding: 22px; }
  .capability { padding: 26px 23px; }
  .capability h3 { font-size: 1.1rem; }
  .footer-bottom { flex-direction: column; gap: 17px; }
  .footer-top>p { display: none; }
  .offer { padding: 29px; }
}
@media(max-width:760px) {
  .container { width: calc(100% - 40px); }
  .preview-ribbon span { display: block; margin-left: 0; }
  .nav-row { height: 72px; }
  .wordmark { font-size: 1.4rem; }
  .menu-toggle { display: block; padding: 8px 13px; min-height: 42px; border: 1px solid var(--line-strong); border-radius: 6px; background: transparent; font-size: .875rem; }
  .nav-row nav { display: none; position: absolute; top: 72px; left: 0; right: 0; padding: 24px 20px; background: #0e161ff7; backdrop-filter: blur(20px); flex-direction: column; align-items: stretch; gap: 18px; border-bottom: 1px solid var(--line-strong); }
  .nav-row nav.is-open { display: flex; }
  .hero-intro { padding-top: 70px; padding-bottom: 75px; }
  .ambient-light { width: 110%; height: 70%; opacity: .8; }
  .ambient-light-blue { left: -45%; top: -5%; }
  .ambient-light-silver { right: -48%; bottom: 0; }
  .ambient-toggle { right: 20px; bottom: 15px; min-height: 34px; }
  .scroll-cue { margin-top: 32px; }
  .numbers-section { padding-block: 29px; }
  .number-stat { padding-inline: 17px; }
  .number-stat:last-child { padding-right: 0; }
  .stat-value { font-size: clamp(2.35rem,8vw,3.2rem); }
  .number-stat h2 { font-size: .875rem; line-height: 1.45; margin-top: 11px; }
  .number-stat>p:last-child { display: none; }
  h1 { font-size: clamp(2.8rem,8.7vw,4rem); line-height: 1.12; letter-spacing: -.05em; }
  .hero-intro .eyebrow { font-size: .875rem; margin-bottom: 22px; }
  .hero-description { font-size: 1rem; line-height: 1.85; margin-top: 25px; max-width: 450px; }
  .desktop-break { display: none; }
  .actions { gap: 10px; margin-top: 29px; }
  .actions .button { gap: 14px; padding-inline: 18px; }
  .section { padding-block: 64px; }
  h2 { font-size: 2.05rem; line-height: 1.25; }
  .eyebrow { margin-bottom: 19px; font-size: .875rem; }
  .section-heading { display: block; margin-bottom: 31px; }
  .section-heading>p { font-size: 1rem; margin-top: 21px; max-width: 500px; }
  .capabilities { grid-template-columns: 1fr; }
  .capability { padding: 28px; border-right: 0; border-bottom: 1px solid var(--line); }
  .capability:last-child { border-bottom: 0; }
  .capability h3 { font-size: 1.25rem; }
  .capability p { font-size: 1rem; }
  .card-top { margin-bottom: 22px; }
  .capability-route { flex-direction: row; flex-wrap: wrap; gap: 5px 17px; font-size: .8125rem; }
  .library-summary { align-items: flex-start; flex-direction: column; gap: 17px; padding-top: 25px; }
  .library-summary p>span { line-height: 1.9; }
  .workflow-section { padding-block: 63px; }
  .workflow-layout { grid-template-columns: 1fr; gap: 31px; }
  .workflow-tabs button { padding: 10px 15px; }
  .workflow-steps { padding: 26px 20px; min-height: 0; }
  .panel-header,.panel-footer { padding: 18px 20px; }
  .panel-header { gap: 10px; }
  .panel-header>span:first-child { gap: 8px; }
  .flow-step h3 { font-size: 1rem; }
  .flow-step p { font-size: .875rem; }
  .offer-grid { grid-template-columns: 1fr; gap: 17px; }
  .offer { padding: 28px; }
  .offer h3 { font-size: 1.55rem; }
  .offer-price { font-size: 2.2rem; }
  .offer-price-label { font-size: 1.8rem; }
  .community-section { padding-block: 57px; }
  .community-layout { grid-template-columns: 1fr; gap: 35px; }
  .community-topics>a { padding-block: 23px; gap: 17px; }
  .testimonial-grid { grid-template-columns: 1fr; gap: 16px; }
  .testimonial { padding: 27px; }
  .testimonial blockquote { margin-block: 19px 27px; }
  .founder-layout { grid-template-columns: 1fr; gap: 0; }
  .founder-copy { grid-row: 1; padding-block: 48px 0; }
  .founder-portrait { max-width: 430px; width: 100%; margin-inline: auto; padding-top: 32px; }
  .founder-copy h2 { font-size: 2.65rem; }
  .workflow-replay-footer { flex-wrap: wrap; gap: 8px; }
  .operator-note { grid-template-columns: 1fr; gap: 0; padding-block: 37px; }
  .operator-note h2 { font-size: 1.8rem; }
  .note-body { font-size: 1rem; }
  .faq-layout { grid-template-columns: 1fr; gap: 30px; }
  .faq-list summary { padding-block: 21px; font-size: 1rem; }
  .closing { padding: 54px 12px 61px; }
  .closing h2 { font-size: 2.15rem; }
  .closing>p:not(.eyebrow) { font-size: 1rem; }
  .footer-top { flex-direction: column; align-items: flex-start; gap: 23px; }
  .footer-bottom>div { gap: 14px 19px; }
  dialog { padding: 29px 23px 25px; }
  .dialog-intro h2 { font-size: 1.8rem; }
  .optional { display: block; margin: 0; }
  .client-shell,.document { padding-block: 42px 65px; }
  .client-heading h1,.document h1 { font-size: 2.4rem; }
  .client-grid { grid-template-columns: 1fr; }
  .client-sidebar { order: 2; }
  .client-sidebar,.client-panel { padding: 25px; }
  .integration-empty { padding: 25px 18px; }
}
@media(max-width:380px) {
  .actions { flex-direction: column; align-items: stretch; max-width: 280px; margin-inline: auto; }
  .field-grid { grid-template-columns: 1fr; gap: 0; }
  .workflow-tabs button { padding-inline: 13px; }
  .wordmark-ai { display: none; }
}
@media(prefers-reduced-motion:reduce) {
  html { scroll-behavior: auto; }
  *,*:before,*:after { animation: none!important; transition: none!important; }
  .button,.button span,.text-link span { transform: none!important; }
  .scroll-cue span,.topic-arrow { transform: none!important; }
}
.chat-disclosure { color: var(--muted, #a1aab6); font-size: .75rem; line-height: 1.7; padding-bottom: 95px; max-width: 1040px; }
.chat-disclosure a { color: inherit; text-decoration: underline; text-underline-offset: 3px; }