@font-face{font-family:Geist;src:url("fonts/geist-latin.woff2") format("woff2");font-style:normal;font-weight:100 900;font-display:swap}
@font-face{font-family:Caveat;src:url("fonts/caveat-latin.woff2") format("woff2");font-style:normal;font-weight:400 700;font-display:swap}

:root{
  --page:#070707;
  --surface:#0d0d0d;
  --surface-2:#121212;
  --surface-3:#181818;
  --text:#f2f2f0;
  --muted:#9b9b96;
  --quiet:#8b8b85;
  --line:#292927;
  --accent:#fff;
  --accent-strong:#9A86FF;
  --accent-green:#37C489;
  --accent-gold:#F5A623;
  --accent-pink:#FF6B8B;
  --accent-soft:rgba(255,255,255,.13);
  --accent-gradient:linear-gradient(90deg,#fff,#9A86FF,#37C489,#F5A623,#FF6B8B);
  --apple-rainbow:linear-gradient(90deg,#5AC8FA 0%,#34C759 20%,#FFD60A 40%,#FF9F0A 58%,#FF375F 76%,#AF52DE 100%);
  --radius:16px;
  --ease-out:cubic-bezier(.23,1,.32,1);
  --ease-move:cubic-bezier(.77,0,.175,1);
  --max:1240px;
}

*{box-sizing:border-box}
html{scroll-behavior:smooth;background:var(--page);color-scheme:dark}
body{margin:0;background:var(--page);color:var(--text);font-family:"Segoe UI Variable","Segoe UI",Geist,sans-serif;font-size:16px;line-height:1.55;-webkit-font-smoothing:antialiased;overflow-x:hidden}
body::before{content:"";position:fixed;z-index:100;inset:0;pointer-events:none;opacity:.035;background-image:url("data:image/svg+xml,%3Csvg viewBox='0 0 140 140' xmlns='http://www.w3.org/2000/svg'%3E%3Cfilter id='n'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='.9' numOctaves='2' stitchTiles='stitch'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23n)' opacity='.35'/%3E%3C/svg%3E")}
img,video{display:block;max-width:100%}
a{color:inherit;text-decoration:none}
button,input{font:inherit}
button{color:inherit}
::selection{background:rgba(255,255,255,.28);color:var(--text)}
:focus-visible{outline:2px solid var(--accent);outline-offset:4px}

.skip-link{position:fixed;z-index:200;top:10px;left:10px;width:1px;height:1px;overflow:hidden;clip-path:inset(50%);white-space:nowrap;padding:0;border-radius:10px;background:var(--text);color:var(--page);transition:clip-path 160ms var(--ease-out)}
.skip-link:focus{width:auto;height:auto;overflow:visible;clip-path:none;padding:10px 14px}
.sr-only{position:absolute!important;width:1px!important;height:1px!important;padding:0!important;margin:-1px!important;overflow:hidden!important;clip:rect(0,0,0,0)!important;white-space:nowrap!important;border:0!important}
.nav-sentinel{position:absolute;top:0;left:0;width:1px;height:1px;pointer-events:none}

.site-nav{position:fixed;z-index:50;top:16px;left:50%;display:grid;grid-template-columns:1fr auto 1fr;align-items:center;width:min(var(--max),calc(100% - 32px));height:64px;padding:0 12px 0 20px;border:1px solid rgba(255,255,255,.12);border-radius:var(--radius);background:rgba(8,8,8,.65);box-shadow:inset 0 1px rgba(255,255,255,.07),0 18px 60px rgba(0,0,0,.25);backdrop-filter:blur(18px) saturate(125%);transform:translateX(-50%);transition:background-color 200ms var(--ease-out),border-color 200ms var(--ease-out)}
.site-nav.scrolled{background:rgba(8,8,8,.9);border-color:rgba(255,255,255,.2)}
.brand{display:inline-flex;align-items:center;gap:11px;font-weight:650;letter-spacing:-.03em}
.brand-wave{display:flex;align-items:center;gap:2px;height:20px;color:var(--accent)}
.brand-wave i{display:block;width:2px;border-radius:3px;background:currentColor;animation:brand-wave 1.3s ease-in-out infinite}
.brand-wave i:nth-child(1),.brand-wave i:nth-child(5){height:7px}.brand-wave i:nth-child(2),.brand-wave i:nth-child(4){height:13px;animation-delay:-.22s}.brand-wave i:nth-child(3){height:19px;animation-delay:-.44s}
@keyframes brand-wave{50%{transform:scaleY(.55);opacity:.55}}
.site-nav nav{display:flex;align-items:center;gap:30px}
.site-nav nav a,.text-action{color:#d5d5d1;font-family:Geist,"Segoe UI Variable",sans-serif;font-size:.86rem;font-weight:700;letter-spacing:-.025em;transition:color 160ms ease}
.site-nav nav a:hover,.text-action:hover{color:var(--text)}
.nav-actions{justify-self:end;display:flex;align-items:center;gap:18px}

.button{display:inline-flex;min-height:48px;align-items:center;justify-content:center;white-space:nowrap;border:1px solid var(--line);border-radius:999px;padding:0 24px;background:var(--surface-2);font-size:.9rem;font-weight:650;transition:transform 160ms var(--ease-out),background-color 160ms ease,border-color 160ms ease,color 160ms ease}
.button:hover{transform:translateY(-2px);border-color:#464640;background:#181818}
.button:active{transform:scale(.97)}
.button-small{min-height:40px;padding:0 18px;background:rgba(255,255,255,.035);border-color:rgba(255,255,255,.18);color:var(--text);backdrop-filter:blur(12px)}
.nav-get-openflow{display:inline-flex;min-height:40px;align-items:center}
.nav-rainbow-label{display:inline-block;background:var(--apple-rainbow);background-clip:text;color:transparent;font:inherit;letter-spacing:inherit;line-height:1}
.button-small:hover{background:rgba(255,255,255,.08);border-color:rgba(255,255,255,.34)}.button-primary:hover{background:#fff;border-color:#fff}
.button-primary{background:var(--text);border-color:var(--text);color:var(--page)}
.button-quiet{background:transparent;color:var(--text)}

.liquid-surface{border:1px solid rgba(255,255,255,.13);background:linear-gradient(145deg,rgba(255,255,255,.075),rgba(255,255,255,.025));box-shadow:inset 0 1px rgba(255,255,255,.12),0 34px 90px rgba(0,0,0,.28);backdrop-filter:blur(18px) saturate(130%)}

.hero-react-shell{min-height:200vh;background:var(--page)}
.hero-fallback{min-height:100dvh;display:flex;flex-direction:column;align-items:center;justify-content:center;padding:100px 20px 40px;text-align:center}
.hero-fallback p{margin:0 0 18px;color:var(--muted);font-size:.78rem;font-weight:600}
.hero-fallback h1{max-width:850px;margin:0;font-size:clamp(3.6rem,7vw,6.4rem);font-weight:610;line-height:.92;letter-spacing:-.065em}
.hero-fallback h1 span{font-family:Caveat,"Segoe UI Variable",sans-serif;font-weight:610;line-height:1.1}
.hero-fallback .button{margin-top:28px}

.post-hero-waves{position:relative;isolation:isolate;background:#050506}
.post-hero-waves__backdrop{position:absolute;z-index:0;inset:0;overflow:clip;pointer-events:none}
.post-hero-waves__backdrop::after{content:"";position:absolute;inset:0;background:linear-gradient(180deg,rgba(5,5,6,.42),rgba(5,5,6,.12) 18%,rgba(5,5,6,.16) 76%,rgba(5,5,6,.48)),radial-gradient(circle at 14% 22%,rgba(61,155,255,.035),transparent 28%),radial-gradient(circle at 84% 58%,rgba(255,107,139,.03),transparent 30%)}
.wavy-react-root{position:sticky;top:0;width:100%;height:100dvh}
.wavy-canvas,.wavy-canvas>div,.wavy-canvas canvas{width:100%!important;height:100%!important}
.wavy-canvas{opacity:0;filter:contrast(1.08) saturate(.9);transition:opacity 260ms var(--ease-out)}
.wavy-canvas.is-ready{opacity:1}
.post-hero-waves__content{position:relative;z-index:1}
.post-hero-waves .gallery-section,.post-hero-waves .closing-section{background:transparent}

.compatibility{width:min(var(--max),calc(100% - 32px));margin:0 auto;padding:56px 0 62px;border-bottom:1px solid var(--line)}
.compatibility>p{margin:0 0 24px;text-align:center;color:var(--quiet);font-size:.75rem}
.logo-loop{position:relative;overflow:hidden;mask-image:linear-gradient(90deg,transparent,#000 8%,#000 92%,transparent)}
.logo-track{display:flex;width:max-content;align-items:center;animation:logo-loop 28s linear infinite}
.logo-track>a,.logo-copy>span{display:inline-flex;align-items:center;gap:10px;margin-right:58px;color:#a8a8a3;font-size:.86rem;font-weight:550;white-space:nowrap;transition:color 160ms ease,transform 160ms var(--ease-out)}
.logo-track>a:hover{color:var(--text);transform:scale(1.04)}
.logo-track img{width:21px;height:21px;opacity:.78}
.logo-copy{display:flex;align-items:center}
@keyframes logo-loop{to{transform:translateX(-50%)}}
.logo-loop:hover .logo-track{animation-play-state:paused}

.section-shell{width:min(var(--max),calc(100% - 32px));margin:0 auto;padding:140px 0}
.section-kicker{margin:0 0 28px;background:var(--accent-gradient);background-clip:text;color:transparent;font-size:.73rem;font-weight:650;letter-spacing:.09em;text-transform:uppercase}
.manifesto{min-height:auto;padding-top:88px;padding-bottom:104px;display:flex;flex-direction:column;justify-content:center;border-bottom:1px solid var(--line)}
.manifesto .section-kicker{margin-bottom:22px;font-family:Caveat,"Segoe UI Variable",sans-serif;font-size:clamp(3rem,5.4vw,5.5rem);font-weight:610;line-height:.9;letter-spacing:-.035em;text-transform:none}
.manifesto .section-kicker{background:var(--apple-rainbow);background-clip:text;color:transparent}
.manifesto h2{max-width:1160px;margin:0;font-size:clamp(3.2rem,6.7vw,6.9rem);font-weight:520;line-height:.96;letter-spacing:-.065em}
.word-reveal .word{display:inline-block;margin-right:.22em;color:var(--text);opacity:0;filter:blur(4px);transform:translateY(14px);transition:opacity 440ms var(--ease-out),filter 440ms ease,transform 440ms var(--ease-out)}
.word-reveal .word.visible{opacity:1;filter:none;transform:none}

.section-heading{display:grid;grid-template-columns:1fr .72fr;gap:80px;align-items:end;margin-bottom:62px}
.section-heading.compact{align-items:start}
.section-heading h2,.modes h2,.privacy h2,.pricing h2,.faq h2,.gallery-heading h2,.final-cta h2{margin:0;font-size:clamp(2.8rem,5vw,5.4rem);font-weight:570;line-height:.96;letter-spacing:-.06em;text-wrap:balance}
.section-heading p,.modes-copy>p,.privacy-copy>p,.pricing-intro>p,.gallery-heading>p{max-width:540px;margin:0;color:var(--muted)}

.keyboard-section{border-bottom:1px solid var(--line)}
.pace-test{position:relative;width:100%;min-height:430px;margin:0 0 48px;overflow:visible;background:transparent;opacity:.34;transition:opacity 240ms ease}
.pace-test.is-in-view{opacity:1}
.pace-test-view{padding:18px 0 28px;transition:opacity 240ms ease,transform 360ms var(--ease-move),filter 240ms ease}
.pace-test-view[hidden]{display:none}
.pace-typing-meta{display:flex;align-items:center;justify-content:space-between;gap:24px;margin-bottom:34px;color:rgba(255,255,255,.42);font-size:.7rem;font-weight:700;letter-spacing:.075em;text-transform:uppercase}.pace-typing-meta [data-pace-status]{font-weight:600;letter-spacing:.01em;text-transform:none}.pace-test.is-focused .pace-typing-meta [data-pace-status]{color:rgba(255,255,255,.78)}
.pace-lyric{position:relative;display:block;min-height:150px;cursor:text}.pace-lyric-text{display:block;color:rgba(255,255,255,.2);font-family:Geist,"Segoe UI Variable",sans-serif;font-size:clamp(2.75rem,4.35vw,4.8rem);font-weight:760;line-height:1.02;letter-spacing:-.058em;text-wrap:balance;transition:opacity 240ms ease,transform 360ms var(--ease-move)}.pace-test:not(.is-in-view) .pace-lyric-text{opacity:.62;transform:translateY(8px)}
.pace-lyric-word{display:inline-block;white-space:pre}.pace-lyric-char{color:rgba(255,255,255,.2);transition:color 90ms ease,text-shadow 90ms ease}.pace-lyric-char.is-typed{color:rgba(255,255,255,.98);text-shadow:0 0 22px rgba(255,255,255,.09)}.pace-lyric-char.is-wrong{color:rgba(255,107,139,.82)}.pace-lyric-char.is-current{color:rgba(255,255,255,.48);text-decoration:underline;text-decoration-color:rgba(255,255,255,.5);text-decoration-thickness:2px;text-underline-offset:8px}
.pace-capture{position:absolute;left:50%;bottom:0;width:1px;height:1px;padding:0;border:0;outline:0;opacity:.001;resize:none;pointer-events:none}.pace-instruction{margin:28px 0 0;color:rgba(255,255,255,.38);font-size:.72rem}
.pace-test.is-transitioning .pace-test-typing{opacity:0;filter:blur(4px);transform:translateY(-14px)}
.pace-test-result{display:grid;grid-template-columns:repeat(3,1fr);gap:0;opacity:0;filter:blur(4px);transform:translateY(18px)}.pace-test.is-result-visible .pace-test-result{opacity:1;filter:none;transform:none}
.pace-big-metric{min-width:0;padding:9px 34px 25px;border-left:1px solid rgba(255,255,255,.14)}.pace-big-metric:first-child{padding-left:0;border-left:0}.pace-big-metric>span{display:block;color:rgba(255,255,255,.46);font-size:.68rem;font-weight:700;letter-spacing:.075em;text-transform:uppercase}.pace-big-metric>strong{display:block;margin:12px 0 2px;color:rgba(255,255,255,.96);font-family:Geist,"Segoe UI Variable",sans-serif;font-size:clamp(5rem,9vw,8.7rem);font-weight:690;line-height:.76;letter-spacing:-.09em;font-variant-numeric:tabular-nums}.pace-big-metric>small{color:rgba(255,255,255,.45);font-size:.68rem}
.pace-mistake-strip{grid-column:1/-1;display:flex;align-items:flex-end;gap:24px;margin-top:34px;padding-top:22px;border-top:1px solid rgba(255,255,255,.14)}.pace-mistake-strip>div{display:flex;align-items:baseline;gap:9px}.pace-mistake-strip strong{color:rgba(255,255,255,.96);font-size:2.4rem;font-weight:680;line-height:1;letter-spacing:-.065em;font-variant-numeric:tabular-nums}.pace-mistake-strip span{color:rgba(255,255,255,.48);font-size:.7rem}.pace-mistake-strip>i{align-self:center;color:rgba(255,255,255,.3);font-size:1.1rem;font-style:normal}
.pace-result-footer{grid-column:1/-1;display:grid;grid-template-columns:1fr auto auto;align-items:center;gap:26px;margin-top:16px}.pace-result-footer>p{margin:0;color:rgba(255,255,255,.5);font-size:.72rem}.pace-shortcut{display:flex;align-items:center;gap:8px;color:var(--muted);font-size:.68rem}.pace-shortcut>i{font-style:normal;color:#666}.pace-shortcut kbd{min-width:43px;padding:7px 10px;border:1px solid #454542;border-bottom-color:#74746f;border-radius:8px;background:linear-gradient(180deg,#1b1b1b,#111);box-shadow:inset 0 1px rgba(255,255,255,.08),0 2px 0 #050505;color:#eee;text-align:center;font-family:Geist,"Segoe UI Variable",sans-serif;font-size:.65rem;font-weight:650}.pace-wave{display:flex;align-items:center;gap:2px;height:20px;margin-right:2px}.pace-wave i{width:2px;height:6px;border-radius:3px;background:#fff;animation:pace-wave 700ms ease-in-out infinite alternate;animation-delay:calc(var(--wave-index,0) * -75ms)}.pace-wave i:nth-child(1){--wave-index:1;height:6px}.pace-wave i:nth-child(2){--wave-index:2;height:12px}.pace-wave i:nth-child(3){--wave-index:3;height:18px}.pace-wave i:nth-child(4){--wave-index:4;height:10px}.pace-wave i:nth-child(5){--wave-index:5;height:5px}@keyframes pace-wave{to{transform:scaleY(.35);opacity:.45}}
.pace-reset{min-height:38px;padding:0;border:0;border-bottom:1px solid rgba(255,255,255,.38);background:transparent;color:var(--text);font-size:.72rem;font-weight:700;cursor:pointer;transition:transform 160ms var(--ease-out),border-color 160ms ease}.pace-reset:hover{border-color:#fff}.pace-reset:active{transform:scale(.97)}
.keyboard-stage{position:relative;display:grid;place-items:center;padding:8px 0 18px;overflow:visible}
.mac-keyboard{width:min(760px,100%);display:grid;gap:clamp(2px,.34vw,4px);padding:clamp(3px,.55vw,6px);border:1px solid #c9c9c9;border-radius:12px;background:#dedede;box-shadow:inset 0 1px rgba(255,255,255,.9),0 22px 55px rgba(0,0,0,.38);color:#5d5d5d;user-select:none;touch-action:manipulation}
.key-row{display:flex;gap:clamp(2px,.34vw,4px);min-width:0}
.mac-key{height:clamp(18px,5.45vw,46px);min-width:0;flex:var(--key-grow,1) 1 0;display:flex;align-items:center;justify-content:center;gap:2px;padding:clamp(2px,.5vw,5px);border:0;border-radius:clamp(3px,.6vw,5px);background:linear-gradient(180deg,#fff,#f5f5f5);box-shadow:inset 0 1px rgba(255,255,255,.95),0 2px 0 #b9b9b9,0 3px 5px rgba(0,0,0,.12);color:#555;font-family:Geist,"Segoe UI",sans-serif;font-size:clamp(.31rem,.86vw,.63rem);line-height:1;transition:transform 75ms var(--ease-out),box-shadow 75ms ease,background-color 75ms ease,color 75ms ease;cursor:pointer}
.mac-key img{width:clamp(7px,1.15vw,13px);height:clamp(7px,1.15vw,13px);opacity:.72}.mac-key .key-stack,.mac-key .modifier-stack{display:flex;min-width:0;flex-direction:column;align-items:center;justify-content:center;gap:clamp(1px,.22vw,3px)}.mac-key .key-stack{line-height:.8}.mac-key .icon-stack{font-size:clamp(.27rem,.67vw,.46rem);color:#777}.mac-key .modifier-stack img{width:clamp(6px,1vw,11px);height:clamp(6px,1vw,11px)}
.mac-key.align-left{align-items:flex-end;justify-content:flex-start;text-align:left}.mac-key.align-right{align-items:flex-end;justify-content:flex-end;text-align:right}.mac-key.active{transform:translateY(2px) scale(.98);background:#e8e8e8;color:#151515;box-shadow:inset 0 1px 2px rgba(0,0,0,.13),0 0 0 #aaa}.touch-id-key{flex:1 1 0;display:grid;place-items:center}.touch-id-disc{width:clamp(10px,2vw,19px);height:clamp(10px,2vw,19px);border:clamp(2px,.35vw,3px) solid #777;border-radius:50%;box-shadow:inset 0 0 0 1px #fff,0 1px 0 #fff}
.arrow-cluster{flex:2.2 1 0;min-width:0;display:grid;grid-template-columns:1fr 1fr 1fr;grid-template-rows:1fr 1fr;gap:clamp(1px,.2vw,2px)}.arrow-cluster .mac-key{height:auto;padding:0}.arrow-cluster .arrow-left{grid-row:1/3}.arrow-cluster .arrow-up{grid-column:2;grid-row:1}.arrow-cluster .arrow-down{grid-column:2;grid-row:2}.arrow-cluster .arrow-right{grid-column:3;grid-row:1/3}

.dynamic-text-fallback{display:flex;align-items:center;gap:8px;color:#e5e7eb;font-size:1.5rem;font-weight:500}.dynamic-text-fallback i{width:8px;height:8px;border-radius:50%;background:#fff}

.colourful-text{display:inline}.colourful-text span{display:inline-block;white-space:pre;transform-origin:center}.colourful-text span.switching{animation:colourful-letter 500ms ease both;animation-delay:calc(var(--letter) * 50ms)}
@keyframes colourful-letter{0%,100%{transform:translateY(0) scale(1);filter:blur(0);opacity:1}50%{transform:translateY(-3px) scale(1.01);filter:blur(5px);opacity:.8}}

.tab-shell{border-radius:var(--radius);overflow:hidden;background:var(--surface)}
.tab-list{display:flex;gap:6px;padding:8px;border-bottom:1px solid var(--line);overflow-x:auto}
.tab-list button{min-height:44px;flex:1;padding:0 20px;border:0;border-radius:11px;background:transparent;color:var(--muted);font-size:.82rem;font-weight:600;cursor:pointer;transition:background-color 180ms ease,color 180ms ease,transform 160ms var(--ease-out)}
.tab-list button:hover{color:var(--text);background:#171717}.tab-list button:active{transform:scale(.97)}
.tab-list button[aria-selected="true"]{background:var(--text);color:var(--page)}
.tab-panels{min-height:490px}
.tab-panel{min-height:490px;display:grid;grid-template-columns:.78fr 1.22fr;gap:30px;align-items:stretch;padding:42px}
.tab-panel[hidden]{display:none}
.tab-panel.panel-enter{animation:panel-enter 300ms var(--ease-out) both}
@keyframes panel-enter{from{opacity:0;transform:translateY(12px);filter:blur(3px)}to{opacity:1;transform:none;filter:none}}
.tab-panel>div:first-child{display:flex;flex-direction:column;justify-content:center;padding:10px 20px 10px 2px}
.panel-label{background:var(--apple-rainbow);background-clip:text;color:transparent;font-family:Geist,"Segoe UI Variable",sans-serif;font-size:.72rem;font-weight:700;letter-spacing:.055em;text-transform:uppercase}
.tab-panel h3{margin:20px 0 18px;font-size:clamp(2.2rem,4vw,4.2rem);font-weight:570;line-height:.98;letter-spacing:-.06em}
.tab-panel>div:first-child>p{max-width:430px;margin:0;color:var(--muted);font-size:.9rem}
.language-stage,.personal-stage,.command-stage,.text-reveal-card{position:relative;min-height:390px;border:1px solid var(--line);border-radius:14px;background:#090909;overflow:hidden}
.language-stage{display:grid;place-items:center;background:#090909}.personal-stage{--demo-accent:#3D9BFF;display:flex;flex-direction:column;justify-content:space-between;padding:42px;background:radial-gradient(circle at 80% 84%,color-mix(in srgb,var(--demo-accent) 12%,transparent),transparent 38%),#090909}.personal-stage>p{max-width:none;margin:0;font-size:clamp(2rem,3.45vw,3.8rem);font-weight:570;line-height:1.05;letter-spacing:-.055em}.customization-accent-word{color:var(--demo-accent);font-weight:650;text-shadow:0 0 28px color-mix(in srgb,var(--demo-accent) 18%,transparent);transition:color 180ms ease,text-shadow 180ms ease}
.swatches{display:flex;gap:10px}.swatches button{width:31px;height:31px;border:6px solid #1b1b1b;border-radius:50%;background:var(--swatch);cursor:pointer;transition:transform 160ms var(--ease-out),border-color 160ms ease}.swatches button:nth-child(1){--swatch:#3D9BFF}.swatches button:nth-child(2){--swatch:#9A86FF}.swatches button:nth-child(3){--swatch:#37C489}.swatches button:nth-child(4){--swatch:#F5A623}.swatches button:nth-child(5){--swatch:#FF6B8B}.swatches button.active{transform:scale(1.15);border-color:#666}
.text-reveal-card{--reveal:0%;display:flex;align-items:center;padding:42px;cursor:ew-resize;touch-action:pan-y}
.text-reveal-card blockquote{margin:0;font-size:clamp(1.7rem,3.1vw,3.25rem);font-weight:530;line-height:1.12;letter-spacing:-.045em}
.reveal-base{color:#5f5f5b}
.reveal-clean{position:absolute;inset:0;display:flex;align-items:center;padding:42px;background:#111;color:var(--text);clip-path:inset(0 calc(100% - var(--reveal)) 0 0);transition:clip-path var(--reveal-return,0ms) ease}
.reveal-divider{position:absolute;z-index:2;top:15%;bottom:15%;left:var(--reveal);width:8px;background:linear-gradient(180deg,transparent,#323238,transparent);opacity:var(--reveal-visible,0);transform:translateX(-50%) rotate(var(--divider-rotate,-5deg));transition:left var(--reveal-return,0ms) ease,opacity var(--reveal-return,0ms) ease,transform var(--reveal-return,0ms) ease}
.text-reveal-card>span{position:absolute;z-index:3;bottom:16px;color:var(--quiet);font-size:.66rem;text-transform:uppercase;letter-spacing:.09em}.text-reveal-card>span:first-of-type{left:18px}.text-reveal-card>span:last-of-type{right:18px;color:var(--accent)}
.command-stage{display:flex;align-content:center;justify-content:center;flex-wrap:wrap;gap:10px;padding:70px 30px;background:radial-gradient(circle at 40% 45%,rgba(255,255,255,.065),transparent 42%),radial-gradient(circle at 70% 60%,rgba(55,196,137,.05),transparent 38%),#090909}.command-stage span{padding:12px 17px;border:1px solid var(--line);border-radius:999px;background:#111;color:#d1d1cc;font-size:.85rem}.command-stage p{flex-basis:100%;max-width:420px;margin:18px auto 0;text-align:center;color:var(--quiet);font-size:.75rem}

.modes{min-height:850px;display:grid;grid-template-columns:.78fr 1.22fr;gap:90px;align-items:center;border-top:1px solid var(--line);border-bottom:1px solid var(--line)}
.modes-copy>p{margin-top:24px}.mode-pills{display:flex;flex-wrap:wrap;gap:8px;margin-top:30px}.mode-pills span{padding:9px 14px;border:1px solid var(--line);border-radius:999px;color:var(--muted);font-size:.73rem}
.card-swap{position:relative;width:100%;height:490px;perspective:1100px}
.swap-card{position:absolute;inset:20px 85px 70px 0;display:flex;flex-direction:column;justify-content:flex-end;padding:36px;border-radius:var(--radius);background:var(--surface-2);transform-origin:center bottom;transition:transform 480ms var(--ease-move),opacity 320ms ease,border-color 180ms ease}
.swap-card:nth-child(1){z-index:3;transform:translate3d(0,0,0) rotate(-1deg)}.swap-card:nth-child(2){z-index:2;transform:translate3d(54px,44px,-55px) rotate(2deg)}.swap-card:nth-child(3){z-index:1;transform:translate3d(108px,88px,-110px) rotate(5deg)}
.swap-card.leaving{transform:translate3d(0,420px,0) rotate(7deg);opacity:0}
.swap-card>span{position:absolute;top:28px;left:30px;color:var(--accent);font-size:.72rem;font-weight:650;text-transform:uppercase;letter-spacing:.1em}.swap-card h3{max-width:480px;margin:0;font-size:clamp(2.2rem,4vw,4.4rem);font-weight:560;line-height:.95;letter-spacing:-.06em}.swap-card p{max-width:380px;margin:18px 0 0;color:var(--muted)}

.privacy{min-height:90dvh;display:grid;grid-template-columns:1.15fr .85fr;gap:90px;align-items:center}.privacy-copy>p:not(.section-kicker){max-width:620px;margin:26px 0 0;color:var(--muted)}
.encrypted-line{display:inline-block;margin-top:42px;color:var(--accent);font-family:ui-monospace,SFMono-Regular,Consolas,monospace;font-size:.78rem;letter-spacing:.14em}
.flip-card{height:460px;padding:0;border:0;border-radius:var(--radius);background:transparent;perspective:1200px;cursor:pointer}
.flip-card-inner{position:relative;display:block;width:100%;height:100%;transform-style:preserve-3d;transition:transform 620ms var(--ease-move)}.flip-card.flipped .flip-card-inner{transform:rotateY(180deg)}
.flip-face{position:absolute;inset:0;display:flex;flex-direction:column;justify-content:space-between;padding:36px;border:1px solid var(--line);border-radius:var(--radius);background:radial-gradient(circle at 70% 20%,rgba(154,134,255,.1),transparent 40%),var(--surface);backface-visibility:hidden;text-align:left;box-shadow:inset 0 1px rgba(255,255,255,.06)}
.flip-face small{color:var(--quiet);font-size:.73rem;text-transform:uppercase;letter-spacing:.08em}.flip-front strong{font-size:clamp(7rem,15vw,12rem);font-weight:520;line-height:.7;letter-spacing:-.09em;color:var(--text)}.flip-face em{color:var(--accent);font-size:.72rem;font-style:normal}.flip-back{transform:rotateY(180deg);background:var(--accent);color:#090909}.flip-back small,.flip-back em{color:rgba(9,9,9,.64)}.flip-back strong{max-width:410px;font-size:clamp(2rem,3.4vw,3.6rem);font-weight:620;line-height:1;letter-spacing:-.05em}

.gallery-section{padding:130px 0;background:#090909;border-top:1px solid var(--line);border-bottom:1px solid var(--line);overflow:hidden}.gallery-heading{display:grid;grid-template-columns:1fr .7fr;gap:80px;align-items:end;padding:0 0 70px}.three-d-gallery{height:820px;width:min(1500px,120vw);margin-left:50%;display:grid;grid-template-columns:repeat(3,1fr);gap:18px;transform:translateX(-50%) perspective(1500px) rotateX(7deg) rotateZ(-4deg) scale(1.05);overflow:hidden;mask-image:linear-gradient(180deg,transparent,#000 12%,#000 88%,transparent)}
.gallery-column{display:grid;gap:18px;align-content:start;animation:gallery-up 20s linear infinite;animation-play-state:paused}.gallery-column.gallery-down{animation-name:gallery-down;animation-duration:24s;transform:translateY(-25%)}.gallery-third{animation-duration:28s}.three-d-gallery.is-visible .gallery-column{animation-play-state:running}
.gallery-column img{width:100%;aspect-ratio:1.54;object-fit:cover;border:1px solid #272725;border-radius:var(--radius);background:#050505;box-shadow:0 24px 60px rgba(0,0,0,.35);transition:transform 220ms var(--ease-out),border-color 180ms ease;will-change:transform}.gallery-column img:hover{transform:translateY(-8px) scale(1.01);border-color:#55554f}
@keyframes gallery-up{to{transform:translateY(-48%)}}@keyframes gallery-down{to{transform:translateY(20%)}}
.three-d-gallery.is-visible:hover .gallery-column{animation-play-state:paused}

.pricing{border-bottom:1px solid var(--line)}
.pricing-intro{max-width:850px;margin:0 auto 70px;text-align:center}.pricing-eyebrow{margin:0 0 13px;color:var(--muted);font-size:.74rem;font-weight:700;text-transform:uppercase;letter-spacing:.12em}.pricing-intro h2{margin:0;font-size:clamp(4rem,7.5vw,7.2rem);line-height:.88;letter-spacing:-.075em}.pricing-intro>p:not(.pricing-eyebrow){max-width:650px;margin:26px auto 0;color:var(--muted)}
.pricing-proof{display:flex;justify-content:center;flex-wrap:wrap;gap:9px;margin-top:27px}.pricing-proof span{display:inline-flex;min-height:32px;align-items:center;padding:0 13px;border:1px solid rgba(255,255,255,.14);border-radius:999px;background:rgba(255,255,255,.035);color:#c8c8c3;font-size:.7rem;font-weight:650}.pricing-proof span::before{content:"";width:5px;height:5px;margin-right:8px;border-radius:50%;background:#fff;box-shadow:0 0 10px rgba(255,255,255,.45)}
.price-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:18px;align-items:stretch}
.pricing-card{position:relative;min-height:670px;padding:8px;border:1px solid rgba(255,255,255,.11);border-radius:24px;background:rgba(21,21,21,.92);box-shadow:inset 0 1px rgba(255,255,255,.06),0 28px 80px rgba(0,0,0,.24);overflow:hidden;transition:transform 260ms var(--ease-out),border-color 180ms ease,box-shadow 260ms var(--ease-out)}.pricing-card:hover{transform:translateY(-7px);border-color:rgba(255,255,255,.24);box-shadow:inset 0 1px rgba(255,255,255,.08),0 38px 100px rgba(0,0,0,.34)}
.pricing-plan-head{min-height:188px;padding:27px 30px;border:1px solid rgba(255,255,255,.1);border-radius:18px;background:#0c0c0c}.pricing-plan-number{display:block;color:#777771;font-family:ui-monospace,SFMono-Regular,Consolas,monospace;font-size:.67rem;letter-spacing:.1em}.pricing-plan-head h3{margin:32px 0 8px;font-size:1.65rem;font-weight:690;line-height:1;letter-spacing:-.045em}.pricing-plan-head p{max-width:290px;margin:0;color:var(--muted);font-size:.86rem;line-height:1.55}.pricing-plan-meta{display:flex;align-items:center;justify-content:space-between;gap:16px}.pricing-badge{display:inline-flex;min-height:25px;align-items:center;padding:0 10px;border:1px solid rgba(0,0,0,.13);border-radius:999px;background:#ededeb;color:#20201f;font-size:.61rem;font-weight:750;text-transform:uppercase;letter-spacing:.07em}
.pricing-card-body{padding:30px 31px 34px}.pricing-price{display:flex;align-items:baseline;gap:11px}.pricing-price strong{font-family:Geist,"Segoe UI Variable",sans-serif;font-size:clamp(3.8rem,5.1vw,5.2rem);font-weight:510;line-height:.94;letter-spacing:-.075em}.pricing-price span{color:var(--muted);font-size:.74rem;font-weight:620;text-transform:uppercase;letter-spacing:.06em}.pricing-button{display:flex;width:100%;min-height:54px;align-items:center;justify-content:center;margin-top:27px;border:1px solid rgba(255,255,255,.16);border-radius:999px;background:#050505;color:#fff;font-size:.87rem;font-weight:720;transition:transform 160ms var(--ease-out),background-color 160ms ease,border-color 160ms ease}.pricing-button:hover{transform:translateY(-2px);background:#fff;color:#090909;border-color:#fff}.pricing-button:active{transform:scale(.98)}
.pricing-divider{height:1px;margin:31px 0 28px;background-image:linear-gradient(90deg,rgba(255,255,255,.23) 40%,transparent 40%);background-size:5px 1px}.pricing-includes{margin:0 0 17px;color:#74746e;font-family:ui-monospace,SFMono-Regular,Consolas,monospace;font-size:.63rem;font-weight:600;text-transform:uppercase;letter-spacing:.08em}.pricing-features{display:grid;gap:17px;margin:0;padding:0;list-style:none}.pricing-features li{position:relative;padding-left:25px;color:#b8b8b3;font-size:.78rem;line-height:1.45}.pricing-features li::before{content:"✓";position:absolute;top:.05em;left:0;display:grid;width:16px;height:16px;place-items:center;border-radius:50%;background:rgba(255,255,255,.12);color:#fff;font-size:.58rem;font-weight:800}.pricing-features strong{color:#ededeb;font-weight:720}
.pricing-card-featured{border-color:rgba(255,255,255,.78);background:#f1f1ef;color:#0a0a0a;box-shadow:0 34px 100px rgba(0,0,0,.4)}.pricing-card-featured:hover{border-color:#fff;box-shadow:0 44px 120px rgba(0,0,0,.48)}.pricing-card-featured .pricing-plan-head{border-color:#d4d4d1;background:#fff;box-shadow:0 12px 28px rgba(0,0,0,.08)}.pricing-card-featured .pricing-plan-number,.pricing-card-featured .pricing-plan-head p,.pricing-card-featured .pricing-price span{color:#686863}.pricing-card-featured .pricing-button{border-color:#111;background:#111;color:#fff}.pricing-card-featured .pricing-button:hover{background:#2a2a29;border-color:#2a2a29}.pricing-card-featured .pricing-divider{background-image:linear-gradient(90deg,rgba(0,0,0,.26) 40%,transparent 40%)}.pricing-card-featured .pricing-includes{color:#6e6e69}.pricing-card-featured .pricing-features li{color:#373735}.pricing-card-featured .pricing-features li::before{background:#d9d9d6;color:#111}.pricing-card-featured .pricing-features strong{color:#090909}.pricing-spectrum{position:absolute;z-index:2;top:0;left:50%;display:flex;width:55%;height:3px;transform:translateX(-50%)}.pricing-spectrum i{flex:1}.pricing-spectrum i:nth-child(1){background:#3D9BFF}.pricing-spectrum i:nth-child(2){background:#9A86FF}.pricing-spectrum i:nth-child(3){background:#37C489}.pricing-spectrum i:nth-child(4){background:#F5A623}.pricing-spectrum i:nth-child(5){background:#FF6B8B}

.faq{display:grid;grid-template-columns:.7fr 1.3fr;gap:110px}.faq h2{font-size:clamp(2.7rem,4.8vw,5rem)}.faq-list details{border-top:1px solid var(--line);padding:25px 0}.faq-list details:last-child{border-bottom:1px solid var(--line)}.faq-list summary{position:relative;padding-right:34px;list-style:none;cursor:pointer;font-size:1.05rem;font-weight:560}.faq-list summary::-webkit-details-marker{display:none}.faq-list summary::after{content:"+";position:absolute;right:4px;color:var(--accent);font-size:1.2rem}.faq-list details[open] summary::after{content:"−"}.faq-list p{max-width:620px;margin:14px 0 0;color:var(--muted);font-size:.88rem}

.closing-section{border-top:1px solid var(--line);background:radial-gradient(circle at 42% 20%,rgba(255,255,255,.07),transparent 30%),radial-gradient(circle at 62% 22%,rgba(255,107,139,.06),transparent 30%),var(--page)}
.final-cta{text-align:center;padding-top:130px;padding-bottom:150px}.final-cta h2{max-width:860px;margin:0 auto}.final-cta>div{display:flex;justify-content:center;gap:12px;margin-top:34px}.final-cta>p{margin:17px 0 0;color:var(--quiet);font-size:.73rem}

.site-footer{width:min(var(--max),calc(100% - 32px));margin:0 auto;padding:50px 0 36px;display:grid;grid-template-columns:1fr auto;gap:44px;border-top:1px solid var(--line)}.site-footer>div>p{margin:9px 0 0;color:var(--quiet);font-size:.76rem}.site-footer nav{display:flex;align-items:start;gap:26px;color:var(--muted);font-size:.78rem}.site-footer nav a{transition:color 160ms ease}.site-footer nav a:hover{color:var(--text)}.site-footer>p{grid-column:1/-1;margin:0;color:var(--quiet);font-size:.7rem}

@media (hover:hover) and (pointer:fine){.flip-card:not(.flipped):hover .flip-card-inner{transform:rotateY(180deg)}}

@media (max-width:1000px){
  .site-nav{grid-template-columns:1fr auto}.site-nav nav{display:none}
  .section-heading,.gallery-heading{grid-template-columns:1fr;gap:25px}.modes{grid-template-columns:.85fr 1.15fr;gap:35px}.tab-panel{grid-template-columns:1fr;min-height:auto}.tab-panel>div:first-child{padding:0 0 12px}.tab-panels{min-height:760px}.command-stage,.text-reveal-card{min-height:390px}
  .pace-big-metric{padding-right:22px;padding-left:22px}.pace-result-footer{grid-template-columns:1fr auto}.pace-shortcut{justify-self:end}.pace-reset{grid-column:1/-1;justify-self:end}
  .privacy{gap:42px}.pricing-intro{margin-bottom:55px}.price-grid{gap:12px}.pricing-card{min-height:650px}.pricing-plan-head{padding:24px 22px}.pricing-card-body{padding:28px 22px 32px}.faq{gap:60px}.three-d-gallery{width:145vw;height:700px}
}

@media (max-width:760px){
  .hero-react-shell{min-height:200dvh}
  .site-nav{top:8px;width:calc(100% - 16px);height:58px;padding-left:15px}.nav-actions{gap:10px}.text-action{display:none}.button-small{min-height:38px;padding:0 15px}
  .compatibility{width:calc(100% - 24px);padding:40px 0}.logo-track>a,.logo-copy>span{margin-right:38px}
  .section-shell{width:calc(100% - 32px);padding:98px 0}.manifesto{min-height:auto;padding-top:72px;padding-bottom:82px}.manifesto .section-kicker{font-size:clamp(3rem,15vw,4.6rem)}.manifesto h2{font-size:clamp(2.85rem,13vw,4.5rem)}.section-heading{margin-bottom:38px}.section-heading h2,.modes h2,.privacy h2,.pricing h2,.faq h2,.gallery-heading h2,.final-cta h2{font-size:clamp(2.8rem,13vw,4.3rem)}
  .pace-test{min-height:520px;margin-bottom:26px}.pace-test-view{padding:10px 0 24px}.pace-typing-meta{align-items:flex-start;flex-direction:column;gap:5px;margin-bottom:25px}.pace-lyric{min-height:215px}.pace-lyric-text{font-size:clamp(2.35rem,10.8vw,3.8rem);line-height:1.01}.pace-instruction{margin-top:20px}.pace-test-result{grid-template-columns:repeat(2,1fr)}.pace-big-primary{grid-column:1/-1;padding:5px 0 24px;border-bottom:1px solid rgba(255,255,255,.14)}.pace-big-metric:nth-child(2){padding-left:0;border-left:0}.pace-big-metric{padding:24px 15px 20px}.pace-big-metric>strong{font-size:clamp(4.2rem,21vw,6.2rem)}.pace-mistake-strip{align-items:flex-start;flex-direction:column;gap:8px;margin-top:18px}.pace-mistake-strip>i{align-self:flex-start;transform:rotate(90deg)}.pace-result-footer{grid-template-columns:1fr;gap:15px;margin-top:18px}.pace-shortcut{justify-self:start;flex-wrap:wrap}.pace-reset{grid-column:auto;justify-self:start}.keyboard-stage{padding:0}.mac-keyboard{width:100%}.language-stage,.personal-stage{min-height:300px}.personal-stage{padding:28px}.personal-stage>p{font-size:clamp(2rem,11vw,3.5rem)}
  .tab-list{justify-content:flex-start}.tab-list button{min-width:120px;flex:1}.tab-panel{padding:24px 18px}.tab-panels{min-height:710px}.command-stage,.text-reveal-card{min-height:355px}.text-reveal-card,.reveal-clean{padding:26px}.text-reveal-card blockquote{font-size:1.8rem}
  .modes{min-height:880px;grid-template-columns:1fr;gap:35px}.card-swap{height:430px}.swap-card{inset:0 42px 72px 0;padding:25px}.swap-card:nth-child(2){transform:translate3d(24px,34px,-40px) rotate(2deg)}.swap-card:nth-child(3){transform:translate3d(48px,68px,-80px) rotate(4deg)}.swap-card h3{font-size:2.7rem}
  .privacy{grid-template-columns:1fr;gap:50px}.flip-card{height:380px}.flip-front strong{font-size:9rem}.flip-back strong{font-size:2.7rem}
  .gallery-section{padding:95px 0}.gallery-heading{width:calc(100% - 32px);padding-bottom:48px}.three-d-gallery{width:190vw;height:570px;grid-template-columns:repeat(2,1fr);transform:translateX(-50%) perspective(1300px) rotateX(5deg) rotateZ(-4deg)}.gallery-third{display:none}.gallery-column{animation:none}.gallery-column.gallery-down{transform:translateY(-12%)}
  .pricing,.faq{grid-template-columns:1fr;gap:55px}.pricing-intro{margin-bottom:45px}.pricing-intro h2{font-size:clamp(3.5rem,16vw,5.2rem)}.price-grid{grid-template-columns:1fr;gap:16px}.pricing-card{min-height:0}.pricing-plan-head{min-height:170px}.pricing-card:hover{transform:none}.faq{padding-top:85px;padding-bottom:100px}
  .final-cta{width:calc(100% - 32px);padding:100px 0 110px}.final-cta>div{align-items:stretch;flex-direction:column}.final-cta .button{width:100%}
  .site-footer{width:calc(100% - 32px);grid-template-columns:1fr}.site-footer nav{flex-wrap:wrap}.site-footer>p{grid-column:auto}
}

@media (prefers-reduced-motion:reduce){
  html{scroll-behavior:auto}.hero-react-shell{min-height:100dvh}.brand-wave i,.logo-track,.gallery-column,.colourful-text span.switching,.pace-wave i{animation:none}.wavy-canvas{transition:none}.word-reveal .word{opacity:1;filter:none;transform:none;transition:none}.tab-panel.panel-enter{animation:none}.flip-card-inner,.swap-card,.button,.tab-list button,.mac-key,.reveal-clean,.reveal-divider,.pace-test,.pace-test-view,.pace-lyric-text,.pace-lyric-char,.pace-reset,.pricing-card,.pricing-button{transition-duration:0ms}
}

@media (prefers-reduced-transparency:reduce){.site-nav,.liquid-surface{backdrop-filter:none;background:var(--surface)}}