:root {
  --bg: #141411;
  --bg-soft: #1d1e19;
  --surface: rgba(244, 240, 230, 0.08);
  --surface-solid: #20211c;
  --text: #f4f0e6;
  --muted: #b9b3a8;
  --faint: #837e75;
  --line: rgba(244, 240, 230, 0.14);
  --line-strong: rgba(244, 240, 230, 0.26);
  --accent: #ff5c35;
  --accent-2: #ddef4b;
  --accent-text: #171710;
  --cool: #d7efff;
  --jade: #aeb8a0;
  --panel: #351e28;
  --privacy-bg: #202821;
  --shadow: 0 40px 100px rgba(0, 0, 0, 0.34);
  --radius: 28px;
  --shell: min(1200px, calc(100vw - 48px));
  color-scheme: dark;
}

html[data-theme="paper"] {
  --bg: #f3f0e7;
  --bg-soft: #fbfaf5;
  --surface: rgba(255, 255, 255, 0.82);
  --surface-solid: #fbfaf5;
  --text: #171713;
  --muted: #595a52;
  --faint: #7c7d74;
  --line: rgba(23, 23, 19, 0.13);
  --line-strong: rgba(23, 23, 19, 0.25);
  --accent: #ff5c35;
  --accent-2: #ddef4b;
  --accent-text: #171710;
  --cool: #d7efff;
  --jade: #aeb8a0;
  --panel: #d7efff;
  --privacy-bg: #dce4d7;
  --shadow: 0 40px 100px rgba(43, 46, 38, 0.14);
  color-scheme: light;
}

* { box-sizing: border-box; }
html { scroll-behavior: smooth; }
body { margin: 0; overflow-x: hidden; background: var(--bg); color: var(--text); font-family: -apple-system, BlinkMacSystemFont, "SF Pro Display", "Segoe UI", sans-serif; font-size: 16px; line-height: 1.5; transition: background .6s ease, color .6s ease; }
body.menu-open, body.modal-open { overflow: hidden; }
button, a { font: inherit; }
button { color: inherit; }
a { color: inherit; text-decoration: none; }
img { display: block; max-width: 100%; }
::selection { background: var(--accent); color: white; }
.page-shell { width: var(--shell); margin-inline: auto; }
.skip-link { position: fixed; z-index: 1000; left: 16px; top: -80px; padding: 12px 18px; background: var(--text); color: var(--bg); border-radius: 10px; transition: top .2s; }
.skip-link:focus { top: 16px; }
.noise { position: fixed; inset: 0; z-index: 30; pointer-events: none; opacity: .035; background-image: url("data:image/svg+xml,%3Csvg viewBox='0 0 180 180' xmlns='http://www.w3.org/2000/svg'%3E%3Cfilter id='n'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='.95' numOctaves='3' stitchTiles='stitch'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23n)' opacity='.5'/%3E%3C/svg%3E"); }
.scroll-progress { position: fixed; z-index: 90; top: 0; left: 0; width: 100%; height: 2px; }
.scroll-progress span { display: block; width: 0; height: 100%; background: linear-gradient(90deg, var(--accent), var(--accent-2)); }

.site-header { position: fixed; z-index: 80; top: 18px; left: 50%; transform: translateX(-50%); width: min(1240px, calc(100vw - 32px)); min-height: 62px; display: grid; grid-template-columns: 1fr auto 1fr; align-items: center; padding: 8px 10px 8px 20px; border: 1px solid var(--line); border-radius: 18px; background: color-mix(in srgb, var(--bg) 72%, transparent); backdrop-filter: blur(24px) saturate(150%); box-shadow: 0 10px 40px rgba(0,0,0,.08); transition: background .4s, border-color .4s; }
.brand { display: inline-flex; align-items: center; gap: 10px; width: max-content; font-size: 20px; font-weight: 720; letter-spacing: -.04em; }
.nimva-mark { width: 28px; height: 28px; overflow: visible; filter: drop-shadow(0 8px 14px color-mix(in srgb, var(--accent) 24%, transparent)); }
.nimva-mark rect { fill: var(--accent); }
.nimva-mark path { fill: none; stroke: var(--accent-text); stroke-width: 4.5; stroke-linecap: round; stroke-linejoin: round; }
.nimva-mark .mark-stems { stroke-dasharray: 60; animation: nimva-stems .7s cubic-bezier(.2,.8,.2,1) both; }
.nimva-mark .mark-signal { stroke-dasharray: 90; animation: nimva-signal 1.15s .18s cubic-bezier(.2,.8,.2,1) both; }
.brand:hover .mark-signal { animation: nimva-pulse .55s ease-in-out; }
.nimva-mark.large { display:block; width:64px; height:64px; margin:0 auto 30px; }
@keyframes nimva-stems { from { stroke-dashoffset:60; opacity:0; } to { stroke-dashoffset:0; opacity:1; } }
@keyframes nimva-signal { from { stroke-dashoffset:90; opacity:0; } to { stroke-dashoffset:0; opacity:1; } }
@keyframes nimva-pulse { 50% { transform:translateY(-1.5px); } }
.brand-mark { width: 25px; height: 25px; display: flex; align-items: center; justify-content: center; gap: 2px; padding: 4px; border-radius: 8px; background: linear-gradient(135deg, var(--accent), var(--accent-2)); box-shadow: 0 5px 18px color-mix(in srgb, var(--accent) 35%, transparent); }
.brand-mark i { width: 2px; height: 7px; border-radius: 5px; background: white; animation: logo-wave 1.3s ease-in-out infinite alternate; }
.brand-mark i:nth-child(2), .brand-mark i:nth-child(4) { height: 13px; animation-delay: -.3s; }
.brand-mark i:nth-child(3) { height: 17px; animation-delay: -.6s; }
.brand-mark.large { width: 56px; height: 56px; gap: 4px; border-radius: 17px; margin: 0 auto 30px; }
.brand-mark.large i { width: 3px; height: 16px; }.brand-mark.large i:nth-child(2),.brand-mark.large i:nth-child(4){height:27px}.brand-mark.large i:nth-child(3){height:36px}
@keyframes logo-wave { to { transform: scaleY(.45); } }
.site-header nav { display: flex; align-items: center; gap: 30px; font-size: 14px; color: var(--muted); }
.site-header nav a { transition: color .2s; }.site-header nav a:hover { color: var(--text); }
.nav-actions { justify-self: end; display: flex; gap: 10px; align-items: center; }
.concept-switch { display: flex; padding: 3px; border: 1px solid var(--line); border-radius: 12px; }
.concept-button, .billing-button { border: 0; background: transparent; color: var(--faint); border-radius: 8px; cursor: pointer; font-size: 12px; padding: 7px 10px; transition: color .25s, background .25s; }
.concept-button.active { background: var(--text); color: var(--bg); }
.menu-button { display: none; justify-self: end; width: 42px; height: 42px; border: 0; border-radius: 12px; background: var(--surface); cursor: pointer; }
.menu-button span { display: block; width: 18px; height: 1px; margin: 5px auto; background: currentColor; transition: transform .3s; }

.button { display: inline-flex; align-items: center; justify-content: center; gap: 12px; min-height: 52px; padding: 0 22px; border: 1px solid var(--line); border-radius: 14px; background: transparent; cursor: pointer; font-weight: 650; letter-spacing: -.01em; transition: transform .25s, box-shadow .25s, border-color .25s, background .25s; }
.button:hover { transform: translateY(-2px); border-color: var(--line-strong); }
.button svg { width: 17px; fill: none; stroke: currentColor; stroke-width: 1.7; }
.button-primary { color: var(--accent-text); border-color: transparent; background: linear-gradient(135deg, var(--accent), var(--accent-2)); box-shadow: 0 12px 34px color-mix(in srgb, var(--accent) 28%, transparent); }
.button-primary:hover { box-shadow: 0 18px 46px color-mix(in srgb, var(--accent) 42%, transparent); }
.button-ghost { background: color-mix(in srgb, var(--surface-solid) 75%, transparent); backdrop-filter: blur(10px); }
.button-small { min-height: 43px; padding-inline: 18px; border-radius: 11px; font-size: 14px; }
.button-large { min-height: 62px; padding-inline: 30px; font-size: 17px; }

.hero { position: relative; min-height: 920px; height: 100svh; max-height: 1120px; isolation: isolate; overflow: hidden; display: grid; align-items: center; }
.hero-image-wrap { position: absolute; z-index: -3; inset: -7%; transition: transform .1s linear; }
.hero-picture { position: absolute; inset: 0; transition: opacity .8s ease, transform 1s ease; }
.hero-picture img { width: 100%; height: 100%; object-fit: cover; }
.hero-picture-dark { opacity: .88; transform: scale(1.03); }.hero-picture-light { opacity: 0; transform: scale(1.08); }
[data-theme="paper"] .hero-picture-dark { opacity: 0; transform: scale(1.08); }[data-theme="paper"] .hero-picture-light { opacity: .8; transform: scale(1.02); }
.hero-vignette { position: absolute; z-index: -2; inset: 0; background: linear-gradient(90deg, var(--bg) 2%, color-mix(in srgb,var(--bg) 86%,transparent) 28%, color-mix(in srgb,var(--bg) 18%,transparent) 72%, color-mix(in srgb,var(--bg) 55%,transparent) 100%), linear-gradient(0deg, var(--bg) 0%, transparent 27%, color-mix(in srgb,var(--bg) 35%,transparent) 100%); transition: background .6s; }
[data-theme="paper"] .hero-vignette { background: linear-gradient(90deg, rgba(245,247,251,.98) 0%, rgba(245,247,251,.89) 35%, rgba(245,247,251,.15) 73%, rgba(245,247,251,.25) 100%), linear-gradient(0deg, #f5f7fb 0%, transparent 28%); }
.hero-grid { display: grid; grid-template-columns: .92fr 1.08fr; gap: 60px; align-items: center; padding-top: 90px; }
.hero-copy { position: relative; z-index: 2; }
.eyebrow { display: flex; align-items: center; gap: 9px; color: var(--muted); font-size: 13px; font-weight: 650; text-transform: uppercase; letter-spacing: .12em; }
.pulse-dot { position: relative; width: 7px; height: 7px; border-radius: 50%; background: #55e6aa; box-shadow: 0 0 0 5px rgba(85,230,170,.12); }
.pulse-dot::after { content: ""; position: absolute; inset: -6px; border: 1px solid #55e6aa; border-radius: inherit; animation: pulse 2s infinite; }@keyframes pulse{0%{transform:scale(.5);opacity:1}100%{transform:scale(1.6);opacity:0}}
.hero h1 { margin: 24px 0 24px; font-size: clamp(58px, 6.2vw, 94px); line-height: .98; letter-spacing: -.067em; font-weight: 690; }
.hero h1 em, .final-cta h2 em { color: transparent; background: linear-gradient(100deg, var(--text) 10%, var(--accent-2) 50%, var(--accent) 95%); background-clip: text; -webkit-background-clip: text; font-style: normal; }
.headline-air { display: none; }[data-theme="paper"] .headline-noir { display: none; }[data-theme="paper"] .headline-air { display: inline; }
.hero-description { max-width: 575px; margin: 0 0 32px; font-size: 19px; line-height: 1.6; color: var(--muted); letter-spacing: -.015em; }
.hero-actions { display: flex; flex-wrap: wrap; gap: 12px; }.play-icon { font-size: 11px; }
.microcopy { margin: 16px 0 0; color: var(--faint); font-size: 13px; }

.glass-card { border: 1px solid var(--line); background: color-mix(in srgb, var(--surface) 83%, transparent); backdrop-filter: blur(28px) saturate(140%); box-shadow: var(--shadow), inset 0 1px rgba(255,255,255,.09); }
.voice-demo { align-self: center; width: min(540px, 100%); justify-self: end; border-radius: 25px; overflow: hidden; transform: perspective(1200px) rotateY(-4deg) rotateX(2deg); transition: transform .5s, background .6s, border .6s; }
.voice-demo:hover { transform: perspective(1200px) rotateY(0) rotateX(0) translateY(-5px); }
.demo-topbar { height: 54px; display: grid; grid-template-columns: 1fr auto 1fr; align-items: center; padding: 0 17px; border-bottom: 1px solid var(--line); color: var(--muted); font-size: 12px; }
.window-dots { display: flex; gap: 6px; }.window-dots span { width: 7px; height: 7px; border-radius: 50%; background: var(--line-strong); }
.demo-app { display:flex; gap:7px; align-items:center; color: var(--text); }.app-dot { width:9px;height:9px;background:var(--accent-2);border-radius:3px; }
.shortcut { justify-self: end; border:1px solid var(--line);border-radius:6px;padding:3px 7px;color:var(--faint); }
.demo-body { padding: 24px; }.demo-status{display:flex;justify-content:space-between;font-size:12px;color:var(--faint)}
.waveform { height: 76px; margin: 8px 0 6px; display: flex; gap: 5px; align-items: center; justify-content: center; }
.waveform i { display:block;width:3px;height:10%;min-height:4px;border-radius:5px;background:linear-gradient(var(--accent-2),var(--accent));transition:height .2s; }
.voice-demo.recording .waveform i { animation: wave .65s ease-in-out infinite alternate; }.voice-demo.recording .waveform i:nth-child(3n){animation-delay:-.2s}.voice-demo.recording .waveform i:nth-child(4n){animation-delay:-.4s}.voice-demo.recording .waveform i:nth-child(5n){animation-delay:-.55s}
@keyframes wave{from{height:12%}to{height:82%}}
.record-button { width: 100%; display:flex; align-items:center; justify-content:center; gap:11px; border:0; background:transparent; color:var(--muted); cursor:pointer; padding:8px; }
.record-core { width:46px;height:46px;display:grid;place-items:center;border-radius:50%;color:white;background:linear-gradient(135deg,var(--accent),var(--accent-2));box-shadow:0 0 0 8px color-mix(in srgb,var(--accent) 11%,transparent);transition:transform .25s,box-shadow .25s; }
.record-core svg{width:22px;fill:none;stroke:currentColor;stroke-width:1.7}.record-button:hover .record-core{transform:scale(1.05);box-shadow:0 0 0 12px color-mix(in srgb,var(--accent) 12%,transparent)}
.record-copy { font-size:13px;font-weight:650; }.transcript { display:none; margin-top:18px; border-top:1px solid var(--line);padding-top:18px; }.voice-demo.finished .transcript{display:block;animation:reveal-up .5s ease both}
.raw-copy,.polished-copy{padding:13px 15px;border-radius:13px;background:color-mix(in srgb,var(--surface-solid) 72%,transparent)}.copy-label{display:block;color:var(--faint);font-size:10px;text-transform:uppercase;letter-spacing:.1em;margin-bottom:5px}.transcript p{margin:0;font-size:13px;line-height:1.5}.raw-copy p{color:var(--faint);text-decoration:line-through;text-decoration-color:color-mix(in srgb,var(--accent) 60%,transparent)}.polished-copy{border:1px solid color-mix(in srgb,var(--accent) 32%,transparent)}
.transform-line{display:flex;align-items:center;gap:9px;margin:10px 0;color:var(--accent-2);font-size:10px;text-transform:uppercase;letter-spacing:.09em}.transform-line span{height:1px;flex:1;background:var(--line)}
.scroll-cue{position:absolute;left:50%;bottom:28px;display:flex;align-items:center;gap:12px;color:var(--faint);font-size:11px;text-transform:uppercase;letter-spacing:.16em;transform:translateX(-50%)}.scroll-cue i{display:block;width:38px;height:1px;background:var(--line-strong);position:relative;overflow:hidden}.scroll-cue i:after{content:"";position:absolute;left:-100%;width:100%;height:100%;background:var(--text);animation:scrollline 2s infinite}@keyframes scrollline{to{left:100%}}

.trust-strip { padding: 42px 0; border-block: 1px solid var(--line); overflow: hidden; background: var(--bg); transition: background .6s; }.trust-strip>p{margin:0 0 25px;text-align:center;color:var(--faint);font-size:12px;text-transform:uppercase;letter-spacing:.16em}.app-marquee{mask-image:linear-gradient(90deg,transparent,#000 12%,#000 88%,transparent)}.app-track{display:flex;width:max-content;gap:72px;animation:marquee 26s linear infinite;color:var(--muted);font-size:19px;font-weight:650}.app-track span{opacity:.65}@keyframes marquee{to{transform:translateX(-50%)}}
.statement-section{padding:150px 0 130px}.section-number{color:var(--accent-2);font-size:12px;font-weight:700;text-transform:uppercase;letter-spacing:.14em}.statement{margin:35px 0 90px;font-size:clamp(44px,6vw,83px);line-height:1.05;letter-spacing:-.057em;font-weight:650}.statement span,.sticky-copy h2 span{color:var(--faint)}
.metric-row{display:grid;grid-template-columns:repeat(3,1fr);gap:16px}.metric-card{min-height:230px;padding:32px;border:1px solid var(--line);border-radius:var(--radius);background:linear-gradient(145deg,var(--surface-solid),color-mix(in srgb,var(--surface-solid) 62%,transparent));display:flex;flex-direction:column;justify-content:flex-end;overflow:hidden;position:relative}.metric-card:before{content:"";position:absolute;width:130px;height:130px;border-radius:50%;background:var(--accent);filter:blur(80px);opacity:.16;right:-30px;top:-30px}.metric-card strong{font-size:clamp(48px,6vw,76px);letter-spacing:-.07em;line-height:1}.metric-card p{margin:12px 0 0;color:var(--muted)}

.transformation-section{padding:150px 0;background:var(--bg-soft);border-block:1px solid var(--line)}.transformation-grid{display:grid;grid-template-columns:.85fr 1.15fr;gap:100px}.sticky-copy{position:sticky;top:145px;align-self:start}.sticky-copy h2,.section-heading h2,.privacy-copy h2,.faq-heading h2{font-size:clamp(42px,5vw,72px);line-height:1.04;letter-spacing:-.055em;margin:28px 0}.sticky-copy p,.section-heading p,.privacy-copy>p{font-size:18px;color:var(--muted);max-width:500px}.transformation-stack{display:flex;flex-direction:column;gap:22px}.transform-card{position:relative;min-height:390px;padding:34px;border:1px solid var(--line);border-radius:var(--radius);background:var(--surface-solid);box-shadow:0 20px 60px rgba(0,0,0,.08);overflow:hidden}.transform-card:nth-child(2){transform:rotate(1.2deg)}.transform-card:nth-child(3){transform:rotate(-1deg)}.card-index{position:absolute;top:26px;right:30px;color:var(--faint);font-size:12px}.card-icon{width:52px;height:52px;display:grid;place-items:center;border:1px solid var(--line);border-radius:16px;background:color-mix(in srgb,var(--accent) 8%,transparent)}.card-icon svg{width:25px;fill:none;stroke:var(--accent-2);stroke-width:1.5}.transform-card h3{margin:55px 0 12px;font-size:30px;letter-spacing:-.04em}.transform-card>p{margin:0;color:var(--muted);font-size:17px;max-width:480px}.before-after{margin-top:34px;padding:15px;display:grid;grid-template-columns:1fr auto 1fr;gap:12px;align-items:center;border:1px solid var(--line);border-radius:13px;font-size:12px}.before-after span:first-child{color:var(--faint);text-decoration:line-through}.before-after b{color:var(--accent)}.format-preview{margin-top:34px;padding:18px;border:1px solid var(--line);border-radius:13px}.format-preview i{display:block;height:7px;margin:8px 0;border-radius:10px;background:linear-gradient(90deg,var(--line-strong),transparent)}.format-preview i:nth-child(2){width:84%}.format-preview i:nth-child(3){width:92%}.format-preview i:nth-child(4){width:70%}.format-preview i:nth-child(5){width:54%}.tone-pills{display:flex;gap:9px;margin-top:38px}.tone-pills span{padding:8px 13px;border-radius:20px;border:1px solid var(--line);font-size:12px}.tone-pills span:first-child{color:white;background:var(--accent);border-color:transparent}

.image-story{position:relative;min-height:800px;display:flex;align-items:flex-end;isolation:isolate;overflow:hidden}.story-image{position:absolute;z-index:-2;inset:-10%;}.story-image img{width:100%;height:100%;object-fit:cover}.story-overlay{position:absolute;z-index:-1;inset:0;background:linear-gradient(0deg,rgba(5,5,7,.92),rgba(5,5,7,.08) 76%),linear-gradient(90deg,rgba(5,5,7,.7),transparent 65%)}.story-copy{color:white;padding-bottom:90px}.story-copy .eyebrow{color:rgba(255,255,255,.65)}.story-copy h2{font-size:clamp(52px,7vw,100px);line-height:.96;letter-spacing:-.066em;margin:22px 0}.story-copy>p:last-child{max-width:520px;color:rgba(255,255,255,.72);font-size:19px}
.workflow-section{padding:150px 0}.section-heading{max-width:780px}.section-heading.centered{text-align:center;margin-inline:auto}.section-heading.centered .section-number{justify-content:center}.workflow-track{position:relative;display:grid;grid-template-columns:repeat(3,1fr);gap:18px;margin-top:75px}.workflow-track:before{content:"";position:absolute;top:45px;left:16%;right:16%;height:1px;background:linear-gradient(90deg,transparent,var(--accent),var(--accent-2),transparent)}.workflow-step{position:relative;min-height:390px;padding:32px;border:1px solid var(--line);border-radius:var(--radius);background:var(--surface-solid);text-align:center}.workflow-step>span:first-child{position:absolute;top:22px;left:25px;color:var(--faint);font-size:12px}.keycap,.done-mark,.mini-wave{height:115px;margin:30px 0 36px;display:flex;align-items:center;justify-content:center}.keycap{margin-inline:auto;width:150px;height:76px;border:1px solid var(--line-strong);border-bottom-width:5px;border-radius:15px;font-size:20px;box-shadow:0 12px 30px rgba(0,0,0,.12)}.done-mark{margin-inline:auto;width:82px;height:82px;border-radius:50%;color:white;background:linear-gradient(135deg,var(--accent),var(--accent-2));font-size:34px}.mini-wave{gap:5px}.mini-wave i{width:5px;height:30px;border-radius:4px;background:var(--accent);animation:wave 1s infinite alternate}.mini-wave i:nth-child(2),.mini-wave i:nth-child(6){height:60px;animation-delay:-.2s}.mini-wave i:nth-child(3),.mini-wave i:nth-child(5){height:85px;animation-delay:-.4s}.mini-wave i:nth-child(4){height:110px;animation-delay:-.6s}.workflow-step h3{font-size:23px;margin:0 0 9px}.workflow-step p{color:var(--muted);margin:0}

.privacy-section{position:relative;overflow:hidden;padding:160px 0;background:var(--bg-soft);border-block:1px solid var(--line)}.privacy-grid{display:grid;grid-template-columns:1fr 1fr;gap:100px;align-items:center}.privacy-copy ul{list-style:none;padding:0;margin:35px 0 0;display:grid;gap:16px}.privacy-copy li{display:flex;align-items:center;gap:12px}.privacy-copy li span{color:var(--accent-2)}.privacy-orb{position:absolute;right:-12vw;top:50%;width:640px;height:640px;transform:translateY(-50%);opacity:.35}.orb-core{position:absolute;inset:25%;border-radius:50%;background:radial-gradient(circle at 30% 25%,#fff,var(--accent-2) 20%,var(--accent) 55%,transparent 70%);filter:blur(5px);box-shadow:0 0 130px var(--accent)}.orb-ring{position:absolute;inset:12%;border:1px solid color-mix(in srgb,var(--accent-2) 50%,transparent);border-radius:46% 54% 61% 39% / 43% 42% 58% 57%;animation:spin 18s linear infinite}.ring-two{inset:2%;animation-direction:reverse;animation-duration:27s}@keyframes spin{to{transform:rotate(360deg)}}
.privacy-console{position:relative;border-radius:24px;padding:27px}.console-top{display:flex;justify-content:space-between;align-items:center;padding-bottom:22px;border-bottom:1px solid var(--line);font-weight:650}.shield{font-size:11px;color:#55e6aa}.privacy-option{display:flex;justify-content:space-between;align-items:center;padding:22px 0;border-bottom:1px solid var(--line)}.privacy-option div{display:flex;flex-direction:column;gap:4px}.privacy-option small{color:var(--faint)}.toggle-on,.toggle-off{width:44px;height:25px;border-radius:20px;padding:3px;background:var(--line-strong)}.toggle-on{background:var(--accent)}.toggle-on i,.toggle-off i{display:block;width:19px;height:19px;border-radius:50%;background:white;transform:translateX(19px)}.toggle-off i{transform:none}.data-path{display:flex;align-items:center;justify-content:center;gap:9px;margin-top:28px;color:var(--faint);font-size:11px}.data-path i{width:30px;height:1px;background:linear-gradient(90deg,var(--accent),var(--accent-2));position:relative}.data-path i:after{content:"";position:absolute;right:0;top:-2px;border-left:4px solid var(--accent-2);border-block:2px solid transparent}

.pricing-section{padding:150px 0}.pricing-toggle{width:max-content;margin:42px auto 38px;padding:4px;border:1px solid var(--line);border-radius:14px}.billing-button{font-size:14px;padding:10px 17px}.billing-button.active{background:var(--text);color:var(--bg)}.billing-button span{color:#55e6aa;font-size:10px;margin-left:5px}.billing-button.active span{color:var(--bg)}.pricing-grid{display:grid;grid-template-columns:repeat(2,minmax(0,430px));justify-content:center;gap:20px}.price-card{position:relative;min-height:570px;padding:34px;display:flex;flex-direction:column;border:1px solid var(--line);border-radius:var(--radius);background:var(--surface-solid)}.price-card.featured{border-color:color-mix(in srgb,var(--accent) 58%,var(--line));background:linear-gradient(145deg,color-mix(in srgb,var(--accent) 12%,var(--surface-solid)),var(--surface-solid));box-shadow:0 30px 80px color-mix(in srgb,var(--accent) 14%,transparent)}.popular-pill{position:absolute;right:22px;top:22px;padding:7px 10px;border-radius:15px;background:var(--accent);color:white;font-size:10px;text-transform:uppercase;letter-spacing:.1em}.plan-name{font-size:23px;font-weight:700}.price-card>div>p{color:var(--muted);margin:8px 0}.price{display:flex;align-items:baseline;gap:7px;margin:44px 0 25px}.price strong{font-size:68px;line-height:1;letter-spacing:-.07em}.price span{color:var(--muted)}.price-card ul{flex:1;list-style:none;padding:0;margin:0 0 32px;display:grid;align-content:start;gap:14px;color:var(--muted)}.price-card li:before{content:"✓";color:var(--accent-2);margin-right:11px}.price-card small{text-align:center;color:var(--faint);margin-top:12px}
.faq-section{padding:30px 0 150px;display:grid;grid-template-columns:.7fr 1.3fr;gap:100px}.faq-heading h2{font-size:48px}.faq-list details{border-top:1px solid var(--line)}.faq-list details:last-child{border-bottom:1px solid var(--line)}.faq-list summary{list-style:none;cursor:pointer;padding:25px 4px;display:flex;justify-content:space-between;gap:20px;font-size:18px;font-weight:650}.faq-list summary::-webkit-details-marker{display:none}.faq-list summary span{font-size:27px;font-weight:300;transition:transform .3s}.faq-list details[open] summary span{transform:rotate(45deg)}.faq-list details p{margin:-7px 50px 25px 4px;color:var(--muted);max-width:660px}
.final-cta{position:relative;overflow:hidden;text-align:center;padding:160px 0 130px;border-top:1px solid var(--line);background:var(--bg-soft)}.cta-glow{position:absolute;left:50%;top:25%;width:700px;height:500px;transform:translate(-50%,-50%);background:radial-gradient(ellipse,var(--accent) 0,transparent 68%);filter:blur(50px);opacity:.2}.final-cta .page-shell{position:relative}.final-cta h2{font-size:clamp(58px,8vw,112px);line-height:.95;letter-spacing:-.07em;margin:0}.final-cta p{color:var(--muted);font-size:19px;margin:30px 0}.platforms{display:flex;justify-content:center;align-items:center;gap:12px;margin-top:25px;color:var(--faint);font-size:12px}.platforms i{width:3px;height:3px;border-radius:50%;background:var(--faint)}
.site-footer{padding:45px 0 35px;display:grid;grid-template-columns:1fr auto auto;align-items:center;gap:35px;color:var(--faint);font-size:13px}.site-footer>p{margin:0}.site-footer>div{display:flex;gap:22px}.site-footer a:hover{color:var(--text)}.site-footer>small{grid-column:1/-1;border-top:1px solid var(--line);padding-top:25px}

.reveal{opacity:0;transform:translateY(28px);transition:opacity .9s cubic-bezier(.22,1,.36,1),transform .9s cubic-bezier(.22,1,.36,1);transition-delay:var(--delay,0ms)}.reveal.in-view{opacity:1;transform:none}.hero .reveal{animation:reveal-up .9s .15s cubic-bezier(.22,1,.36,1) forwards}.hero .reveal[data-delay="160"]{animation-delay:.32s}@keyframes reveal-up{to{opacity:1;transform:none}}
.demo-modal[hidden]{display:none}.demo-modal{position:fixed;z-index:200;inset:0;display:grid;place-items:center;padding:24px}.modal-backdrop{position:absolute;inset:0;background:rgba(0,0,0,.72);backdrop-filter:blur(14px)}.modal-panel{position:relative;width:min(680px,100%);padding:48px;border:1px solid var(--line-strong);border-radius:30px;background:var(--surface-solid);box-shadow:var(--shadow);animation:modal-in .4s cubic-bezier(.2,.8,.2,1)}@keyframes modal-in{from{opacity:0;transform:scale(.94) translateY(20px)}}.modal-close{position:absolute;right:17px;top:17px;width:39px;height:39px;border:1px solid var(--line);border-radius:50%;background:transparent;cursor:pointer;font-size:25px}.modal-panel h2{font-size:42px;line-height:1.05;letter-spacing:-.05em;margin:20px 0 30px}.modal-demo{padding:28px;border:1px solid var(--line);border-radius:20px;margin-bottom:20px}.modal-wave{height:70px;background:repeating-linear-gradient(90deg,var(--accent) 0 3px,transparent 3px 10px);mask:linear-gradient(0deg,transparent 0,#000 30%,#000 70%,transparent 100%);animation:modalwave 1.4s infinite alternate}@keyframes modalwave{to{transform:scaleY(.35)}}.modal-caption{color:var(--faint);font-size:13px;text-align:center}.modal-output{margin-top:22px;padding:18px;border-radius:14px;background:color-mix(in srgb,var(--accent) 10%,var(--surface-solid));line-height:1.6}

@media (max-width: 1050px){
  .site-header{grid-template-columns:1fr auto}.site-header nav{display:none}.concept-switch{display:none}.hero{height:auto;min-height:1050px;padding:150px 0 90px}.hero-grid{grid-template-columns:1fr;gap:50px}.hero-copy{text-align:center}.hero-description{margin-inline:auto}.hero-actions{justify-content:center}.voice-demo{justify-self:center}.transformation-grid{gap:55px}.privacy-grid{gap:55px}.site-footer{grid-template-columns:1fr auto}.site-footer>p{display:none}
}
@media (max-width: 760px){
  :root{--shell:min(100% - 32px,1200px);--radius:22px}.site-header{top:10px;width:calc(100vw - 20px);padding-left:14px}.nav-actions{display:none}.menu-button{display:block}.site-header.open{grid-template-columns:1fr auto;align-items:start;padding-bottom:16px}.site-header.open nav{display:flex;position:absolute;top:65px;left:0;right:0;flex-direction:column;align-items:flex-start;gap:0;padding:10px 18px 18px;background:var(--bg);border:1px solid var(--line);border-top:0;border-radius:0 0 18px 18px}.site-header.open nav a{width:100%;padding:15px 0;border-bottom:1px solid var(--line)}.hero{min-height:980px;padding-top:125px}.hero-grid{gap:40px}.hero h1{font-size:clamp(48px,14vw,72px)}.hero-description{font-size:17px}.hero-actions{flex-direction:column}.hero-actions .button{width:100%}.hero-image-wrap{inset:-4% -40%}.hero-vignette{background:linear-gradient(0deg,var(--bg) 0%,color-mix(in srgb,var(--bg) 84%,transparent) 53%,color-mix(in srgb,var(--bg) 30%,transparent) 100%)}[data-theme="paper"] .hero-vignette{background:linear-gradient(0deg,#f5f7fb 0%,rgba(245,247,251,.88) 56%,rgba(245,247,251,.2) 100%)}.voice-demo{transform:none}.demo-body{padding:18px}.scroll-cue{display:none}.statement-section,.workflow-section,.pricing-section{padding:100px 0}.statement{margin:30px 0 60px}.metric-row,.workflow-track,.pricing-grid{grid-template-columns:1fr}.metric-card{min-height:190px}.transformation-section,.privacy-section{padding:100px 0}.transformation-grid,.privacy-grid,.faq-section{grid-template-columns:1fr;gap:55px}.sticky-copy{position:static}.transform-card{min-height:350px;padding:28px}.transform-card:nth-child(n){transform:none}.image-story{min-height:680px}.story-image{inset:-5% -30%}.workflow-track:before{display:none}.workflow-step{min-height:340px}.privacy-orb{right:-65%;opacity:.2}.pricing-grid{max-width:470px;margin:auto}.faq-section{padding:10px 0 100px}.site-footer{grid-template-columns:1fr}.site-footer>div{grid-row:2}.site-footer>small{grid-column:auto}.modal-panel{padding:35px 22px}.modal-panel h2{font-size:34px}
}
@media (prefers-reduced-motion: reduce){
  html{scroll-behavior:auto}*,*::before,*::after{animation-duration:.01ms!important;animation-iteration-count:1!important;scroll-behavior:auto!important}.reveal{opacity:1;transform:none}.parallax-layer{transform:none!important}
}

/* 2026 flat chromatic system: editorial neutrals, high-energy blocks, no decorative gradients. */
.scroll-progress span,
.brand-mark,
.button-primary,
.record-core,
.waveform i,
.done-mark,
.data-path i { background: var(--accent); }

.brand-mark,
.button-primary,
.record-core { box-shadow: 0 12px 32px color-mix(in srgb, var(--accent) 20%, transparent); }

.button-primary:hover { box-shadow: 0 16px 38px color-mix(in srgb, var(--accent) 28%, transparent); }
.brand-mark i { background: var(--accent-text); }
.hero { background: var(--bg); }
.hero-image-wrap { inset: -4% -4% -4% 45%; }
.hero-picture-dark { opacity: 1; transform: scale(1.025); }
.hero-picture-dark img { filter: grayscale(1) contrast(1.18) brightness(.58); }
.hero-picture-dark::after { content: ""; position: absolute; inset: 0; background: var(--accent); mix-blend-mode: color; opacity: .78; }
.hero-picture-light { opacity: 0; }
[data-theme="paper"] .hero-picture-dark { opacity: 0; }
[data-theme="paper"] .hero-picture-light { opacity: 1; transform: scale(1.02); }
.hero-vignette { display: none; }
.hero h1 em,
.final-cta h2 em { color: var(--accent); background: none; -webkit-text-fill-color: currentColor; }
.pulse-dot { background: var(--accent-2); box-shadow: 0 0 0 5px color-mix(in srgb, var(--accent-2) 16%, transparent); }
.pulse-dot::after { border-color: var(--accent-2); }
.app-dot { background: var(--accent); }
.glass-card { background: color-mix(in srgb, var(--surface-solid) 88%, transparent); }
.voice-demo { border-color: color-mix(in srgb, var(--accent) 35%, var(--line)); }

.section-number,
.transform-line,
.card-icon svg,
.privacy-copy li span,
.price-card li::before { color: var(--accent); }
.metric-card { background: var(--surface-solid); }
.metric-card::before { display: none; }
.metric-card:nth-child(1) { background: var(--accent); color: #171713; border-color: transparent; }
.metric-card:nth-child(2) { background: var(--cool); color: #171713; border-color: transparent; }
.metric-card:nth-child(3) { background: var(--accent-2); color: #171713; border-color: transparent; }
.metric-card:nth-child(n) p { color: rgba(23, 23, 19, .7); }

.transformation-section { background: var(--panel); }
.format-preview i { background: var(--line-strong); }
.tone-pills span:first-child { color: var(--accent-text); background: var(--accent); }
.story-overlay { background: rgba(20, 20, 17, .58); }
.workflow-track::before { background: var(--accent); }

.privacy-section { background: var(--privacy-bg); }
.privacy-orb { opacity: .48; }
.orb-core { background: var(--accent); box-shadow: 0 0 0 42px color-mix(in srgb, var(--accent-2) 26%, transparent); filter: none; }
.orb-ring { border-color: color-mix(in srgb, var(--accent) 58%, transparent); }
.shield { color: var(--accent-2); }
.toggle-on { background: var(--accent); }
.data-path i::after { border-left-color: var(--accent); }

.price-card.featured { background: var(--accent-2); color: #171713; border-color: transparent; box-shadow: 0 28px 70px rgba(63, 67, 25, .18); }
.price-card.featured > div > p,
.price-card.featured .price span,
.price-card.featured ul,
.price-card.featured small { color: rgba(23, 23, 19, .68); }
.price-card.featured li::before { color: #171713; }
.price-card.featured .button-primary { background: #171713; color: #f4f0e6; box-shadow: none; }
.popular-pill { background: #171713; color: #f4f0e6; }
.billing-button span { color: #718000; }

.final-cta { background: var(--accent); color: #171713; }
.final-cta .cta-glow { display: none; }
.final-cta h2 em { color: #171713; }
.final-cta p,
.final-cta .platforms { color: rgba(23, 23, 19, .7); }
.final-cta .platforms i { background: rgba(23, 23, 19, .7); }
.final-cta .button-primary { background: #171713; color: #f4f0e6; box-shadow: none; }
.final-cta .nimva-mark rect { fill: #171713; }
.final-cta .nimva-mark path { stroke: #f4f0e6; }
.modal-wave { background: var(--accent); mask: none; clip-path: polygon(0 43%, 6% 43%, 6% 25%, 12% 25%, 12% 60%, 18% 60%, 18% 10%, 24% 10%, 24% 77%, 30% 77%, 30% 34%, 36% 34%, 36% 52%, 42% 52%, 42% 20%, 48% 20%, 48% 70%, 54% 70%, 54% 37%, 60% 37%, 60% 58%, 66% 58%, 66% 14%, 72% 14%, 72% 80%, 78% 80%, 78% 30%, 84% 30%, 84% 62%, 90% 62%, 90% 42%, 100% 42%, 100% 58%, 90% 58%, 90% 76%, 84% 76%, 84% 48%, 78% 48%, 78% 90%, 72% 90%, 72% 30%, 66% 30%, 66% 72%, 60% 72%, 60% 50%, 54% 50%, 54% 84%, 48% 84%, 48% 36%, 42% 36%, 42% 66%, 36% 66%, 36% 47%, 30% 47%, 30% 90%, 24% 90%, 24% 26%, 18% 26%, 18% 74%, 12% 74%, 12% 40%, 6% 40%, 6% 57%, 0 57%); }

@media (max-width: 760px) {
  .hero { padding-top: 0; }
  .hero-image-wrap { inset: 0 0 auto; height: 330px; }
  .hero-grid { padding-top: 285px; }
  .hero-copy { padding: 26px 18px; border: 1px solid var(--line); border-radius: 22px; background: var(--bg); }
  .hero-picture img { object-position: center; }
}