body { min-height:100vh; opacity:1; transition:opacity .16s cubic-bezier(.4,0,.2,1); }
body.is-leaving { opacity:.72; pointer-events:none; }
html { scroll-padding-top:88px; }
:where(a,button,summary) { -webkit-tap-highlight-color:transparent; }
:where(.button,.text-link,.nav-links a,.footer-links a,.compact-product,.faq-static summary) { transition-property:color,background-color,border-color,box-shadow,opacity,transform; transition-duration:.22s; transition-timing-function:cubic-bezier(.2,.75,.25,1); }
:where(.button,.text-link,.nav-links a,.footer-links a,.compact-product,.faq-static summary):active { transform:translateY(1px) scale(.992); }
.brand-logo { width:clamp(205px,18vw,255px); height:64px; overflow:hidden; }
.brand-logo img { width:100%; height:100%; object-fit:contain; filter:drop-shadow(0 0 12px rgba(42,190,255,.16)); }
.footer-brand-logo { display:block; width:min(330px,100%); }
.footer-brand-logo img { width:100%; height:auto; filter:drop-shadow(0 0 18px rgba(42,190,255,.12)); }
.launch-panel { position:relative; overflow:hidden; padding:clamp(30px,5vw,58px); border:1px solid var(--line-strong); border-radius:32px; background:linear-gradient(135deg,rgba(16,32,52,.98),rgba(7,12,20,.98)); box-shadow:var(--shadow); }
.launch-panel::after { content:""; position:absolute; width:360px; height:360px; right:-140px; top:-180px; border-radius:50%; background:rgba(43,131,255,.13); filter:blur(12px); pointer-events:none; }
.launch-grid { display:grid; grid-template-columns:.85fr 1.15fr; gap:clamp(30px,6vw,74px); align-items:start; }
.launch-form { position:relative; z-index:1; display:grid; gap:20px; }
.field-label { display:block; margin-bottom:8px; color:#dfe5df; font-size:.9rem; font-weight:750; }
.email-input { width:100%; min-height:54px; padding:0 16px; color:var(--text); border:1px solid rgba(255,255,255,.18); border-radius:14px; background:rgba(0,0,0,.25); outline:none; }
.email-input:focus { border-color:var(--green); box-shadow:0 0 0 3px rgba(67,199,255,.14); }
.interest-grid { display:grid; grid-template-columns:repeat(2,1fr); gap:8px; }
.check-card { display:flex; gap:10px; align-items:flex-start; padding:11px 12px; border:1px solid var(--line); border-radius:12px; color:var(--muted); background:rgba(255,255,255,.025); cursor:pointer; }
.check-card:has(input:checked) { border-color:var(--line-strong); color:var(--text); background:rgba(43,131,255,.09); }
.check-card input,.consent-row input { margin-top:4px; accent-color:var(--green-strong); }
.consent-row { display:flex; gap:11px; align-items:flex-start; color:var(--muted); font-size:.86rem; line-height:1.48; }
.launch-submit { width:100%; cursor:pointer; }
.launch-submit:disabled { opacity:.65; cursor:wait; transform:none; }
.form-message { min-height:24px; margin:0; font-size:.9rem; }
.form-message.success { color:var(--green); }
.form-message.error { color:#ff9b9b; }
.fine-print { color:var(--dim); font-size:.8rem; line-height:1.5; }
.honeypot { position:absolute; left:-10000px; width:1px; height:1px; overflow:hidden; }
.product-symbol { font-size:2.2rem; font-weight:900; color:var(--green); letter-spacing:-.08em; }
.simple-list { display:grid; gap:12px; padding:0; list-style:none; }
.simple-list li { display:flex; gap:12px; color:var(--muted); }
.simple-list li::before { content:"✓"; color:var(--green); font-weight:900; }
.support-card { height:100%; }
.legal-copy { max-width:780px; }
.legal-copy h2 { margin-top:56px; font-size:clamp(1.7rem,3vw,2.4rem); }
.legal-copy h3 { margin-top:34px; }
.legal-copy p,.legal-copy li { color:var(--muted); }
@media (max-width:820px) { .launch-grid { grid-template-columns:1fr; } .interest-grid { grid-template-columns:1fr; } }
@media (max-width:900px) { .nav-links.is-open { display:grid; } }
@media (max-width:620px) { .brand-logo { width:190px; height:58px; } }
.gallery-grid { display:grid; gap:30px; }
.gallery-item { margin:0; overflow:hidden; border:1px solid var(--line); border-radius:25px; background:var(--panel-solid); box-shadow:0 18px 55px rgba(0,0,0,.28); }
.gallery-item img { width:100%; height:auto; aspect-ratio:auto; object-fit:contain; background:#080c12; }
.gallery-item figcaption { padding:18px 22px; color:var(--muted); font-weight:650; }

.product-tour-section { overflow:hidden; }
.product-tour { display:grid; gap:clamp(72px,9vw,126px); }
.tour-row { display:grid; grid-template-columns:minmax(0,.82fr) minmax(520px,1.35fr); gap:clamp(46px,6vw,92px); align-items:center; }
.tour-row:nth-child(even) { grid-template-columns:minmax(520px,1.35fr) minmax(0,.82fr); }
.tour-row:nth-child(even) .tour-copy { order:2; }
.tour-row:nth-child(even) .tour-media { order:1; }
.tour-copy { max-width:520px; }
.tour-number { display:block; margin-bottom:17px; color:#76a9ff; font-size:.78rem; font-weight:850; letter-spacing:.16em; text-transform:uppercase; }
.tour-copy h3 { margin:0 0 18px; color:#f7f9fc; font-size:clamp(2rem,3.2vw,3.45rem); line-height:1.02; letter-spacing:-.045em; }
.tour-copy>p { margin:0; color:var(--muted); font-size:1.02rem; line-height:1.75; }
.tour-benefits { display:grid; gap:10px; margin:25px 0 0; padding:0; list-style:none; }
.tour-benefits li { position:relative; padding-left:24px; color:#d8e0ea; font-size:.93rem; font-weight:650; }
.tour-benefits li::before { content:"✓"; position:absolute; left:0; color:#50bdff; font-weight:900; }
.tour-media { min-width:0; margin:0; }
.tour-image-shell { position:relative; overflow:hidden; border:1px solid rgba(125,181,255,.22); border-radius:clamp(19px,2vw,29px); background:#07101c; box-shadow:0 32px 90px rgba(0,0,0,.42),0 0 0 1px rgba(255,255,255,.025) inset; }
.tour-image-shell::after { content:""; position:absolute; inset:0; border-radius:inherit; box-shadow:inset 0 1px rgba(255,255,255,.13); pointer-events:none; }
.tour-image-shell img { display:block; width:100%; height:auto; object-fit:contain; }
.tour-media figcaption { margin-top:13px; color:var(--dim); font-size:.78rem; font-weight:700; letter-spacing:.02em; text-align:center; }

.workflow-six { grid-template-columns:repeat(6,minmax(0,1fr)); gap:18px; align-items:start; margin-top:34px; }
.workflow-six .workflow-step { min-width:0; padding:20px 4px 8px; border-top:0; text-align:center; }
.workflow-six .workflow-step::after { content:"→"; right:-17px; top:46px; color:#55bfff; font-size:1.35rem; text-shadow:0 0 14px rgba(65,178,255,.7); }
.workflow-six .workflow-step:last-child::after { display:none; }
.workflow-icon { width:76px; height:76px; margin:0 auto 20px; display:grid; place-items:center; color:#55bfff; filter:drop-shadow(0 0 13px rgba(55,169,255,.2)); }
.workflow-icon svg { width:76px; height:76px; overflow:visible; }
.workflow-icon svg path,.workflow-icon svg circle { vector-effect:non-scaling-stroke; }
.workflow-copy .card-number,.workflow-copy strong,.workflow-copy>span:last-child { display:block; }
.workflow-copy .card-number { margin-bottom:7px; color:#87b9ff; }
.workflow-copy strong { margin:0 0 7px; color:#f4f7fb; font-size:1.02rem; }
.workflow-copy>span:last-child { color:var(--muted); font-size:.86rem; line-height:1.5; }
.graphic-highlight { stroke:#38c5ff; stroke-width:5; }
.workflow-finish { border-radius:20px; background:radial-gradient(circle at 50% 35%,rgba(43,131,255,.13),transparent 68%); box-shadow:inset 0 0 0 1px rgba(75,166,255,.2),0 0 28px rgba(39,127,255,.09); }
.workflow-finish .workflow-icon { filter:drop-shadow(0 0 17px rgba(55,169,255,.42)); }
.gallery-showcase { grid-template-columns:repeat(2,1fr); gap:22px; }
.gallery-showcase .gallery-featured { grid-column:1 / -1; }
.gallery-showcase .gallery-item { transition:transform .22s ease,border-color .22s ease; }
.gallery-showcase .gallery-item:hover { transform:translateY(-3px); border-color:var(--line-strong); }
.privacy-feature { display:grid; grid-template-columns:1.05fr .95fr; gap:72px; align-items:center; }
.privacy-facts { display:grid; gap:12px; }
.privacy-facts div { padding:22px 24px; border:1px solid var(--line); border-radius:18px; background:rgba(255,255,255,.025); }
.privacy-facts strong,.privacy-facts span { display:block; }
.privacy-facts strong { margin-bottom:5px; color:#e9f2ff; }
.privacy-facts span { color:var(--muted); }
.legal-copy > p:first-child { padding:24px; border-left:3px solid var(--green); border-radius:0 16px 16px 0; background:rgba(43,131,255,.065); color:#d9e5f2; }

.blue-text { color:#4f92ff; text-shadow:0 0 48px rgba(44,113,255,.18); }
.blue-kicker { color:#76a9ff; }
.button-blue { background:linear-gradient(135deg,#64a4ff,#1768ef); color:white; box-shadow:0 14px 44px rgba(30,104,240,.28); }
.button-blue:hover { box-shadow:0 18px 58px rgba(30,104,240,.38); }
.company-hero { min-height:clamp(680px,82vh,860px); }
.company-hero .hero-image { object-position:center; opacity:.72; }
.company-hero::before { background:linear-gradient(90deg,rgba(3,7,15,.98) 0%,rgba(3,7,15,.88) 38%,rgba(3,7,15,.28) 70%,rgba(3,7,15,.14) 100%),linear-gradient(0deg,var(--bg),transparent 28%); }
.hero-product { min-height:clamp(690px,82vh,880px); }
.hero-product .hero-image { object-position:center; opacity:1; }
.hero-product::before { background:linear-gradient(90deg,rgba(3,7,15,.98) 0%,rgba(3,7,15,.91) 30%,rgba(3,7,15,.3) 57%,rgba(3,7,15,.08) 100%),linear-gradient(0deg,var(--bg),transparent 26%); }
.hero-product .hero-content { padding-block:130px; }
.hero-product h1 { max-width:720px; font-size:clamp(3.4rem,6.3vw,6.5rem); }
.split-intro { display:grid; grid-template-columns:1.1fr .9fr; gap:70px; align-items:start; }
.section-heading { display:flex; justify-content:space-between; gap:48px; align-items:end; margin-bottom:48px; }
.section-heading h2 { max-width:760px; margin-bottom:0; }
.section-heading .lede { max-width:470px; margin-bottom:2px; }
.principle-card { min-height:370px; display:flex; flex-direction:column; justify-content:flex-start; overflow:hidden; }
.principle-card .card-number { margin-bottom:0; }
.principle-card h3 { margin:0 0 12px; }
.feature-graphic { height:84px; margin:28px 0 34px; display:flex; align-items:center; }
.feature-graphic svg { width:min(220px,100%); height:84px; overflow:visible; filter:drop-shadow(0 0 13px rgba(55,169,255,.2)); }
.feature-graphic svg path,.feature-graphic svg circle,.feature-graphic svg rect { vector-effect:non-scaling-stroke; }
.graphic-primary { stroke:#49bdff; stroke-width:2.4; }
.graphic-secondary { stroke:#b6d6ff; stroke-width:2.1; }
.graphic-divider { stroke:rgba(153,193,236,.28); stroke-width:1.4; }
.graphic-fill { fill:#a9d8ff; stroke:none; }
.graphic-fill-secondary { fill:#b6d6ff; stroke:none; }
.graphic-dot { fill:#2f9dff; stroke:#2f9dff; }
.graphic-dot-secondary { fill:#35d2ff; stroke:#35d2ff; }
.feature-graphic-files svg { width:min(205px,100%); }
.compact-products { display:grid; border-top:1px solid var(--line); }
.compact-product { display:grid; grid-template-columns:66px 1fr auto; gap:18px; align-items:center; padding:24px 4px; border-bottom:1px solid var(--line); transition:background .2s ease,padding .2s ease; }
.compact-product:hover { padding-inline:18px; background:rgba(255,255,255,.025); }
.compact-symbol { width:50px; height:50px; display:grid; place-items:center; border:1px solid var(--line); border-radius:15px; background:rgba(255,255,255,.035); font-size:1.25rem; font-weight:850; }
.compact-product strong { display:block; font-size:1.05rem; }
.compact-product small { display:block; margin-top:3px; color:var(--muted); }
.text-link { color:var(--green); font-weight:800; }
.text-link:hover { text-decoration:underline; text-underline-offset:4px; }
.upcoming-grid { margin-top:0; }

.product-detail-hero { padding:110px 0; border-bottom:1px solid var(--line); min-height:760px; display:flex; align-items:center; }
.product-detail-grid { display:grid; grid-template-columns:1fr .8fr; gap:80px; align-items:center; }
.product-detail-grid h1 { font-size:clamp(3rem,5.8vw,5.7rem); }
.detail-copy { max-width:650px; font-size:1.08rem; }
.eyebrow-link { display:inline-block; margin-bottom:48px; color:var(--muted); font-weight:700; }
.eyebrow-link:hover { color:var(--text); }
.detail-visual { position:relative; min-height:500px; display:grid; place-items:center; overflow:hidden; border:1px solid var(--line); border-radius:42px; background:radial-gradient(circle at 50% 40%,color-mix(in srgb,var(--product-color) 21%,transparent),transparent 48%),linear-gradient(145deg,#10151a,#080a0d); box-shadow:var(--shadow); }
.detail-visual::before { content:""; position:absolute; inset:13%; border:1px solid color-mix(in srgb,var(--product-color) 38%,transparent); border-radius:50%; transform:rotate(-18deg); }
.detail-orbit { position:absolute; width:76%; aspect-ratio:1; border:1px solid rgba(255,255,255,.09); border-radius:50%; transform:rotate(29deg) scaleY(.42); }
.detail-symbol { position:relative; z-index:2; display:grid; place-items:center; width:180px; height:180px; border:1px solid rgba(255,255,255,.18); border-radius:42px; background:linear-gradient(145deg,color-mix(in srgb,var(--product-color) 29%,#111),#090b0e); color:var(--product-color); font-size:4rem; font-weight:900; box-shadow:inset 0 1px rgba(255,255,255,.2),0 30px 90px color-mix(in srgb,var(--product-color) 25%,transparent); transform:rotate(-7deg); }
.detail-visual small { position:absolute; bottom:34px; color:var(--muted); letter-spacing:.08em; text-transform:uppercase; }
.detail-promise { align-items:start; }
.feature-stack { display:grid; border-top:1px solid var(--line); }
.feature-row { display:grid; grid-template-columns:50px 1fr; gap:16px; padding:22px 0; border-bottom:1px solid var(--line); align-items:start; }
.feature-row>span { color:var(--green); font-size:.8rem; font-weight:850; letter-spacing:.12em; }
.feature-stack-wide { grid-template-columns:1fr 1fr; border-top:0; gap:16px; }
.feature-row-rich { grid-template-columns:48px 1fr; padding:30px; border:1px solid var(--line); border-radius:22px; background:rgba(255,255,255,.025); }
.feature-row-rich h3 { margin-bottom:8px; }
.feature-row-rich p { margin:0; color:var(--muted); }

.transcriber-hero { padding:110px 0; border-bottom:1px solid var(--line); background:radial-gradient(circle at 82% 45%,rgba(37,106,255,.18),transparent 27%); }
.transcriber-hero-grid { display:grid; grid-template-columns:1.1fr .65fr; gap:80px; align-items:center; }
.transcriber-icon-stage { position:relative; min-height:460px; display:grid; place-items:center; }
.transcriber-icon-stage::before { content:""; position:absolute; width:78%; aspect-ratio:1; border-radius:50%; background:rgba(31,106,255,.2); filter:blur(80px); }
.transcriber-icon-stage img { position:relative; z-index:1; width:min(390px,86%); filter:drop-shadow(0 42px 50px rgba(0,0,0,.58)); transform:rotate(4deg); }
.transcriber-icon-stage span { position:absolute; z-index:2; bottom:18px; padding:8px 13px; border:1px solid rgba(118,169,255,.28); border-radius:99px; background:rgba(7,12,22,.8); color:#a9c8ff; font-size:.78rem; font-weight:800; }

.support-hero { background:radial-gradient(circle at 80% 20%,rgba(43,131,255,.14),transparent 30%); }
.faq-static { border-top:1px solid var(--line); }
.faq-static details { position:relative; border-bottom:1px solid var(--line); border-radius:16px; transition:background-color .28s ease,border-color .28s ease,box-shadow .28s ease; }
.faq-static details[open] { border-color:rgba(78,161,255,.32); background:linear-gradient(100deg,rgba(45,123,255,.075),rgba(54,193,255,.025)); box-shadow:inset 3px 0 0 rgba(73,175,255,.72); }
.faq-static summary { list-style:none; display:flex; justify-content:space-between; gap:20px; padding:24px 18px; cursor:pointer; font-weight:780; transition:color .22s ease; }
.faq-static summary::-webkit-details-marker { display:none; }
.faq-static summary:hover { color:#fff; }
.faq-static summary span { flex:0 0 32px; width:32px; height:32px; display:grid; place-items:center; margin-top:-5px; border:1px solid rgba(91,171,255,.22); border-radius:50%; color:#63bdff; background:rgba(62,143,255,.055); font-size:1.18rem; line-height:1; transition:transform .28s cubic-bezier(.2,.75,.25,1),background-color .28s ease,border-color .28s ease; }
.faq-static details[open] summary span { transform:rotate(45deg); border-color:rgba(91,171,255,.48); background:rgba(55,144,255,.14); }
.faq-answer { overflow:hidden; }
.faq-static details p { max-width:680px; margin:0; padding:0 68px 25px 18px; color:var(--muted); }
.privacy-principles { display:grid; grid-template-columns:repeat(3,1fr); gap:22px; }
.privacy-principles div { padding:22px 24px; border-left:2px solid var(--green); background:rgba(255,255,255,.018); }
.privacy-principles strong,.privacy-principles span { display:block; }
.privacy-principles span { margin-top:6px; color:var(--muted); font-size:.9rem; }

@media (max-width:900px){
  .hero-product .hero-image { object-position:63% center; }
  .hero-product::before { background:linear-gradient(90deg,rgba(3,7,15,.97),rgba(3,7,15,.62)),linear-gradient(0deg,var(--bg),transparent 36%); }
  .split-intro,.product-detail-grid,.transcriber-hero-grid { grid-template-columns:1fr; }
  .section-heading { display:block; }
  .section-heading .lede { margin-top:20px; }
  .detail-visual { min-height:400px; }
  .transcriber-icon-stage { min-height:390px; }
  .workflow-six { grid-template-columns:1fr; gap:0; max-width:620px; margin:34px auto 0; }
  .workflow-six .workflow-step { display:grid; grid-template-columns:88px 1fr; gap:20px; align-items:center; min-height:120px; padding:18px 18px 30px; text-align:left; border-bottom:1px solid var(--line); }
  .workflow-six .workflow-step::after { content:"↓"; left:42px; right:auto; top:auto; bottom:-17px; font-size:1.25rem; }
  .workflow-six .workflow-step:last-child::after { display:none; }
  .workflow-icon { width:70px; height:70px; margin:0; grid-row:1; }
  .workflow-icon svg { width:70px; height:70px; }
  .workflow-copy .card-number { margin-bottom:3px; }
  .workflow-copy strong { margin-bottom:4px; }
  .workflow-finish { margin-top:10px; border-bottom:0 !important; }
  .privacy-feature { grid-template-columns:1fr; gap:44px; }
  .tour-row,.tour-row:nth-child(even) { grid-template-columns:1fr; gap:30px; }
  .tour-row:nth-child(even) .tour-copy,.tour-row:nth-child(even) .tour-media { order:initial; }
  .tour-copy { max-width:700px; }
}
@media (max-width:620px){
  .hero-product { min-height:720px; align-items:end; }
  .hero-product .hero-image { object-position:68% center; opacity:.78; }
  .hero-product .hero-content { padding:270px 0 80px; }
  .hero-product h1 { font-size:clamp(2.9rem,14vw,4.6rem); }
  .feature-stack-wide,.privacy-principles { grid-template-columns:1fr; }
  .gallery-showcase { grid-template-columns:1fr; }
  .gallery-showcase .gallery-featured { grid-column:auto; }
  .workflow-six .workflow-step::after { display:block !important; }
  .workflow-six .workflow-step:last-child::after { display:none !important; }
  .product-detail-hero { padding:78px 0; }
  .detail-visual { min-height:340px; }
  .detail-symbol { width:130px; height:130px; border-radius:32px; font-size:3rem; }
  .compact-product { grid-template-columns:54px 1fr auto; }
  .principle-card { min-height:350px; }
  .product-tour { gap:72px; }
  .tour-copy h3 { font-size:clamp(1.85rem,9vw,2.6rem); }
  .tour-image-shell { border-radius:18px; }
  .faq-static summary { padding-inline:14px; }
  .faq-static details p { padding:0 54px 22px 14px; }
}

@media (prefers-reduced-motion:reduce){
  html { scroll-behavior:auto; }
  body,.faq-static details,.faq-static summary,.faq-static summary span,:where(.button,.text-link,.nav-links a,.footer-links a,.compact-product) { transition:none; }
}