:root{--bg:#121320;--bg-alt:#161726;--surface:#1b1d2e;--surface-2:#212339;--border:#2a2c42;--border-strong:#383b57;--text-bright:#f0f1f7;--text:#c3c7d9;--text-muted:#7d8199;--accent:#9c9ce8;--accent-hover:#b0b0f0;--ink:#242636;--shadow-card:0 24px 60px #00000073;--shadow-glow:0 0 24px color-mix(in srgb, var(--accent) 35%, transparent);--shadow-pill:0 12px 40px #00000059;--gutter:clamp(20px, 5vw, 64px);--max-width:1120px;--radius-btn:999px;--radius-card:18px;--font:-apple-system, BlinkMacSystemFont, "SF Pro Display", "SF Pro Text", "Segoe UI", Inter, Roboto, sans-serif;--font-mono:ui-monospace, "SF Mono", SFMono-Regular, Menlo, monospace}*,:before,:after{box-sizing:border-box}html{scroll-behavior:smooth}body{background:var(--bg);color:var(--text);font-family:var(--font);-webkit-font-smoothing:antialiased;margin:0;font-size:17px;line-height:1.6;overflow-x:hidden}body:before{content:"";z-index:100;pointer-events:none;opacity:.05;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='200' height='200'%3E%3Cfilter id='n'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='0.9' numOctaves='2'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23n)' opacity='0.5'/%3E%3C/svg%3E");position:fixed;inset:0}h1,h2,h3{color:var(--text-bright);letter-spacing:-.025em;margin:0;font-weight:600;line-height:1.12}p{margin:0}a{color:var(--accent);text-decoration:none}img{max-width:100%;display:block}button{font-family:inherit}::selection{background:color-mix(in srgb, var(--accent) 30%, transparent);color:var(--text-bright)}.btn-primary,.btn-ghost{border-radius:var(--radius-btn);cursor:pointer;letter-spacing:.01em;white-space:nowrap;align-items:center;gap:10px;padding:15px 30px;font-size:15px;font-weight:700;display:inline-flex}.btn-primary{background:var(--accent);color:var(--ink);border:2px solid var(--accent);transition:background-color .25s,border-color .25s,transform .25s,box-shadow .25s}.btn-primary:hover{background:var(--accent-hover);border-color:var(--accent-hover);box-shadow:var(--shadow-glow);transform:translateY(-1px)}.btn-ghost{color:var(--text);border:2px solid var(--border-strong);background:0 0;transition:border-color .25s,color .25s,transform .25s}.btn-ghost:hover{border-color:var(--accent);color:var(--accent);transform:translateY(-1px)}.kicker{text-transform:uppercase;letter-spacing:.22em;color:var(--accent);margin-bottom:20px;font-size:.8125rem;font-weight:700;display:block}.section-head h2{max-width:22ch;font-size:clamp(32px,4.6vw,52px)}.section-sub{max-width:54ch;color:var(--text);margin-top:18px;font-size:clamp(17px,1.6vw,19px)}.scene{min-height:100dvh;padding:96px var(--gutter);flex-direction:column;justify-content:center;display:flex;position:relative;overflow:hidden}.scene--alt{background:var(--bg-alt)}.scene--auto{min-height:0;padding-top:clamp(72px,10vh,128px);padding-bottom:clamp(72px,10vh,128px)}.scene>.content{z-index:10;width:100%;max-width:var(--max-width);margin:0 auto;position:relative}.seam{background:linear-gradient(90deg, transparent, var(--border-strong), transparent);height:1px}[data-reveal]{opacity:0;transition:opacity .7s ease-out,transform .7s cubic-bezier(.22,1,.36,1);transform:translateY(28px)}.revealed [data-reveal]{opacity:1;transform:none}.revealed [data-reveal]:first-child{transition-delay:0s}.revealed [data-reveal]:nth-child(2){transition-delay:.12s}.revealed [data-reveal]:nth-child(3){transition-delay:.24s}.revealed [data-reveal]:nth-child(4){transition-delay:.36s}.revealed [data-reveal]:nth-child(5){transition-delay:.48s}.revealed [data-reveal]:nth-child(6){transition-delay:.6s}body.preload [data-reveal]{transition:none!important}@media (prefers-reduced-motion:reduce){*,:before,:after{transition-duration:.01ms!important;animation-duration:.01ms!important;animation-iteration-count:1!important}html{scroll-behavior:auto}}.nav{z-index:90;padding:12px var(--gutter);border-bottom:1px solid #0000;justify-content:space-between;align-items:center;gap:24px;transition:background-color .35s,border-color .35s,-webkit-backdrop-filter .35s,backdrop-filter .35s;display:flex;position:fixed;top:0;left:0;right:0}.nav--scrolled{background:color-mix(in srgb, var(--bg) 72%, transparent);-webkit-backdrop-filter:blur(14px);border-bottom-color:var(--border)}.nav-brand{color:var(--text-bright);align-items:center;gap:10px;font-size:17px;font-weight:700;display:flex}.nav-brand img{border-radius:7px}.nav-links{gap:28px;display:flex}.nav-links a{color:var(--text);font-size:14.5px;font-weight:600;transition:color .25s;position:relative}.nav-links a:after{content:"";background:var(--accent);transform-origin:0;height:2px;transition:transform .3s;position:absolute;bottom:-5px;left:0;right:0;transform:scaleX(0)}.nav-links a:hover{color:var(--text-bright)}.nav-links a:hover:after{transform:scaleX(1)}.nav-cta{opacity:0;pointer-events:none;padding:10px 20px;font-size:13.5px;transform:translateY(-6px)}.nav-cta--visible{opacity:1;pointer-events:auto;transform:none}.fade-overlay{z-index:200;background:var(--bg);opacity:0;pointer-events:none;transition:opacity .3s;position:fixed;inset:0}.hero{padding-top:130px}.hero h1{letter-spacing:-.032em;max-width:16ch;margin:0 auto;font-size:clamp(42px,6.4vw,78px)}.hero-sub{max-width:52ch;margin-left:auto;margin-right:auto}.hero-ctas{flex-wrap:wrap;justify-content:center;gap:16px;margin-top:36px;display:flex}.hero-meta{letter-spacing:.16em;text-transform:uppercase;color:var(--text-muted);margin-top:22px;font-size:12px;font-weight:600}.hero-frame{max-width:980px;margin:56px auto 0}.display-frame{border:1px solid var(--border-strong);box-shadow:var(--shadow-card);background:#0c0d16;border-radius:18px;position:relative;overflow:hidden}.problem h2{max-width:18ch;font-size:clamp(34px,5vw,58px)}.problem-frame{max-width:980px;margin-top:44px}.problem-story-end{justify-content:center;align-items:center;width:100%;height:100%;padding:24px;display:flex}.problem-story-end-card{-webkit-backdrop-filter:blur(14px);background:#090a1273;border:1px solid #ffffff14;border-radius:22px;flex-wrap:wrap;justify-content:center;align-items:center;gap:16px;padding:18px 22px;display:flex}.auto-scene{width:100%;max-width:min(var(--max-width), 980px);margin:0 auto;position:relative}.editor{background:color-mix(in srgb, var(--bg) 78%, #000);border:1px solid var(--border);margin-top:52px;border-radius:18px;width:fit-content;max-width:100%;margin-inline:auto;padding:20px;overflow-x:auto;box-shadow:0 30px 70px -30px #000000b3,inset 0 1px #ffffff08}.editor-rows{flex-direction:column;align-items:flex-start;gap:8px;display:flex}.editor-row{background:color-mix(in srgb, var(--bg-alt) 62%, transparent);border-radius:14px;align-items:center;gap:14px;height:66px;padding:0 14px;display:flex}.editor-badge{border-radius:50%;flex:none;justify-content:center;align-items:center;width:38px;height:38px;font-size:15px;font-weight:700;transition:background-color .25s;display:flex}.editor-name{width:180px;color:var(--text-bright);background:color-mix(in srgb, var(--bg) 55%, #000);border:1px solid var(--border-strong);border-radius:7px;outline:none;flex:none;padding:7px 10px;font-size:14px;font-weight:500;transition:border-color .2s,box-shadow .2s}.editor-name::placeholder{color:var(--text-muted)}.editor-name:focus{border-color:var(--accent);box-shadow:0 0 0 3px color-mix(in srgb, var(--accent) 30%, transparent)}.editor-tints{grid-template-columns:repeat(12,20px);gap:6px 5px;margin-left:4px;display:grid}.editor-swatch{cursor:pointer;border:1px solid #ffffff24;border-radius:50%;width:20px;height:20px;padding:0;transition:transform .15s,box-shadow .15s}.editor-swatch:hover{transform:scale(1.18)}.editor-swatch--on{box-shadow:0 0 0 1px var(--bg-alt), 0 0 0 3px #f0f1f7b8;border:2px solid #0000}.shots{grid-template-columns:repeat(3,1fr);gap:20px;margin-top:48px;display:grid}.shot{margin:0}.shot img{border:1px solid var(--border);border-radius:12px}.shot figcaption{color:var(--text-muted);margin-top:10px;font-size:13px}.price-card{background:var(--surface);border:1px solid var(--border);border-radius:24px;flex-direction:column;align-items:center;gap:24px;max-width:420px;margin:48px auto 0;padding:48px 40px 40px;display:flex}.price-figure{letter-spacing:-.04em;color:var(--text-bright);justify-content:center;align-items:flex-start;font-size:clamp(76px,8vw,96px);font-weight:700;line-height:1;display:flex}.price-currency,.price-plus{color:var(--accent);margin-top:.22em;font-size:.42em}.price-lead{max-width:300px;color:var(--text-muted);margin:-8px 0 0;font-size:15px}.price-chips{flex-wrap:wrap;justify-content:center;gap:8px;display:flex}.price-chip{border-radius:var(--radius-btn);border:1.5px solid var(--border-strong);color:var(--text);cursor:pointer;background:0 0;padding:8px 18px;font-family:inherit;font-size:14px;font-weight:600;transition:transform .25s,border-color .25s,background-color .25s,color .25s}.price-chip:hover{border-color:var(--accent);transform:translateY(-1px)}.price-chip.selected{border-color:var(--accent);background:color-mix(in srgb, var(--accent) 16%, transparent);color:var(--text-bright)}.price-list{text-align:left;flex-direction:column;align-items:flex-start;gap:9px;margin:0;padding:0;list-style:none;display:flex}.price-list li{font-size:15.5px}.price-list li:before{content:"✓";color:var(--accent);margin-right:12px;font-weight:700}.price-cta{justify-content:center;width:100%}.price-note{color:var(--text-muted);font-size:13px}.faq{margin-top:44px;text-align:left;max-width:720px;margin-inline:auto}.faq-item{border-bottom:1px solid var(--border)}.faq-q{width:100%;color:var(--text-bright);cursor:pointer;text-align:left;background:0 0;border:none;justify-content:space-between;align-items:center;gap:20px;padding:20px 0;font-size:17px;font-weight:600;display:flex}.faq-toggle{flex:none;width:22px;height:22px;position:relative}.faq-toggle:before,.faq-toggle:after{content:"";background:var(--accent);width:14px;height:2px;transition:transform .3s;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)}.faq-toggle:after{transform:translate(-50%,-50%)rotate(90deg)}.faq-item--open .faq-toggle:after{transform:translate(-50%,-50%)rotate(0)}.faq-a{opacity:0;max-height:0;transition:max-height .35s,opacity .3s;overflow:hidden}.faq-item--open .faq-a{opacity:1;max-height:220px}.faq-a p{max-width:62ch;padding-bottom:22px;font-size:15.5px}.footer-inner{max-width:var(--max-width);padding:44px var(--gutter) 60px;flex-wrap:wrap;justify-content:space-between;align-items:center;gap:20px;margin:0 auto;display:flex}.footer-brand{color:var(--text-bright);align-items:center;gap:10px;font-weight:700;display:flex}.footer-brand img{border-radius:6px}.footer-tag{color:var(--text-muted);font-size:14px}.footer-legal{color:var(--text-muted);font-size:12.5px}@media (width<=900px){.nav-links{display:none}.shots{grid-template-columns:1fr}.footer-inner{text-align:center;flex-direction:column}}@media (width<=700px){.hero{padding-top:108px}.problem-story-end{padding:14px}.problem-story-end-card{border-radius:18px;gap:10px;padding:12px 14px}.problem-story-end-card .btn-primary,.problem-story-end-card .btn-ghost{gap:7px;padding:9px 16px;font-size:13px}.editor{width:auto;margin-top:40px;padding:14px;overflow-x:visible}.editor-rows{align-items:stretch}.editor-row{flex-wrap:wrap;gap:10px 12px;height:auto;padding:12px}.editor-name{flex:1;width:auto;min-width:0}.editor-tints{flex:1 0 100%;grid-template-columns:repeat(12,minmax(0,1fr));max-width:295px;margin-left:0}.editor-swatch{aspect-ratio:1;width:auto;height:auto}}@media (width<=480px){.price-card{border-radius:20px;gap:20px;margin-top:40px;padding:36px 24px 32px}.price-figure{font-size:64px}}@media (width<=420px){.price-chips{grid-template-columns:repeat(2,1fr);width:100%;display:grid}.price-chip{padding:10px 12px}}.td-frame{max-width:980px;margin:34px auto 0}.td-demo--hero .td-controls{margin-top:30px}.td-demo--hero .td-frame{--td-hero-w:min(1360px, calc(100vw - 2 * var(--gutter)));width:var(--td-hero-w);max-width:none;margin:34px 0 0 calc((100% - var(--td-hero-w)) / 2)}@media (width<=840px){.td-demo--hero .td-frame{--td-hero-w:min(520px, calc(100vw - 24px))}.td-frame{max-width:520px;margin-top:26px}.td-demo--hero .td-controls,.td-controls{margin-top:26px}.td-nudge{gap:7px;padding:7px 13px;font-size:12.5px}}.td-frame--fade{box-shadow:none;-webkit-mask-image:linear-gradient(#000 0% 44%,#00000059 68%,#0000 92%);mask-image:linear-gradient(#000 0% 44%,#00000059 68%,#0000 92%)}.td-scalebox{width:100%;position:relative;overflow:hidden}.td-stage{transform-origin:0 0;font-family:var(--font);position:relative;overflow:hidden}.td-stage--m{--td-lift-y:-64px;--td-lift-s:1.05}.td-stage--m .td-menubar{padding:0 12px}.td-stage--m .td-menubar-left{gap:12px}.td-stage--m .td-menubar-right{gap:10px}.td-stage--m .td-status{margin-right:-10px}.td-stage--m .td-status.is-on{margin-right:0}.td-stage--m .td-crow{gap:20px}.td-stage--m .td-trow{padding-top:12px}.td-stage--m .td-caption{margin-top:6px}.td-stage--m .td-selring{border-width:2.5px;border-radius:11px;inset:-4px}.td-stage--m .td-plus{display:none}.td-wall{position:absolute;inset:0}.td-swap{opacity:0;pointer-events:none;transition:opacity .45s}.td-swap.is-current{opacity:1}.td-swap--fill{position:absolute;inset:0}.td-dim{background:#06080e73;position:absolute;inset:0}.td-menubar{-webkit-backdrop-filter:blur(20px);z-index:20;background:#12131e9e;justify-content:space-between;align-items:center;padding:0 16px;display:flex;position:absolute;top:0;left:0;right:0}.td-menubar-left,.td-menubar-right{align-items:center;display:flex}.td-menubar-left{gap:18px}.td-menubar-right{gap:16px}.td-menu{color:#ffffffd9;white-space:nowrap;font-size:14px;font-weight:500}.td-menu--app{color:#fffffff5;justify-items:start;font-weight:700;display:inline-grid}.td-appname{opacity:0;white-space:nowrap;grid-area:1/1;transition:opacity .3s}.td-appname.is-active{opacity:1}.td-status{opacity:0;align-items:center;gap:6px;max-width:0;margin-right:-16px;transition:max-width .35s,margin-right .35s,opacity .3s;display:flex;overflow:hidden}.td-status.is-on{opacity:1;max-width:120px;margin-right:0}.td-status-label{color:#ffffffeb;white-space:nowrap;font-size:13.5px;font-weight:600}.td-clock{color:#ffffffe0;font-variant-numeric:tabular-nums;white-space:nowrap;font-size:14px;font-weight:500}.td-band{-webkit-backdrop-filter:blur(18px);z-index:10;background:#96a0be29;border-bottom:1px solid #ffffff1a;transition:height .5s cubic-bezier(.3,1.05,.4,1);position:absolute;left:0;right:0;overflow:hidden}.td-band-hover{z-index:15;transition:height .5s cubic-bezier(.3,1.05,.4,1);position:absolute;left:0;right:0;overflow:hidden}.td-hitlayer{transform-origin:0 0;position:absolute;top:0;left:0}.td-deskhit{appearance:none;cursor:pointer;background:0 0;border:0;border-radius:14px;padding:0;position:absolute}.td-deskhit:focus-visible{outline:3px solid var(--accent);outline-offset:-3px}.td-crow{justify-content:center;align-items:center;gap:44px;transition:opacity .3s,transform .4s cubic-bezier(.3,1.05,.4,1);display:flex;position:absolute;top:0;left:0;right:0}.td-band.is-expanded .td-crow{opacity:0;pointer-events:none;transform:translateY(-10px)}.td-cname{display:flex;position:relative}.td-cname-text{color:#ffffffd9;text-shadow:0 1px 3px #0006;white-space:nowrap;font-size:13.5px;font-weight:500;transition:opacity .25s}.td-cname-text.is-covered{opacity:0}.td-trow{transform-origin:50% 0;justify-content:center;padding-top:16px;transition:opacity .35s,transform .5s cubic-bezier(.3,1.05,.4,1);display:flex;position:absolute;top:0;left:0;right:0}.td-band:not(.is-expanded) .td-trow{opacity:0;pointer-events:none;transform:translateY(-8px)scale(.35)}.td-cell{flex-direction:column;align-items:center;display:flex}.td-thumbbox{position:relative}.td-selring{pointer-events:none;opacity:0;border:3px solid #0a84ff;border-radius:15px;transition:opacity .25s;position:absolute;inset:-5px}.td-selring.is-current{opacity:1}.td-caption{color:#ffffffb8;white-space:nowrap;margin-top:8px;font-size:13px;font-weight:500;line-height:17px}.td-plus{background:#ffffff24;border:1px solid #ffffff1f;border-radius:50%;justify-content:center;align-items:center;width:32px;height:32px;display:flex;position:absolute;top:50%;right:22px;transform:translateY(-50%)}.td-pill{letter-spacing:-.01em;white-space:nowrap;will-change:transform;opacity:0;height:25px;transform:translateY(var(--td-fly,-230px)) rotate(var(--td-rot,-10deg)) scale(.6);border-radius:7.5px;justify-content:center;align-items:center;padding:0 12px;font-size:13.5px;font-weight:600;transition:transform .38s cubic-bezier(.55,0,.85,.35),opacity .3s;display:flex}.td-pill.is-on{opacity:1;transition:transform .62s cubic-bezier(.26,1.42,.42,1),opacity .22s ease-out;transform:none}.td-pillspot{z-index:5;position:absolute;left:50%;transform:translate(-50%)}.td-cpillspot{z-index:5;justify-content:center;margin-top:-12.5px;display:flex;position:absolute;top:50%;left:-12px;right:-12px}.td-pill--compact{--td-fly:-110px;width:100%;padding:0}.td-stage--m .td-cpillspot{left:50%;right:auto;transform:translate(-50%)}.td-stage--m .td-pill--compact{width:auto;padding:0 12px}.td-expose{transition:transform .5s cubic-bezier(.3,1.05,.4,1);position:absolute;inset:0}.td-expose.is-lifted{transform:translateY(var(--td-lift-y,-140px)) scale(var(--td-lift-s,1.1))}.td-controls{flex-wrap:wrap;justify-content:center;align-items:center;gap:18px;margin-top:36px;display:flex}.td-switch{background:var(--surface-2);border:2px solid var(--border-strong);cursor:pointer;border-radius:999px;flex:none;width:76px;height:44px;padding:0;transition:background-color .3s,border-color .3s,box-shadow .3s;position:relative}.td-switch:hover{border-color:var(--accent)}.td-switch:focus-visible{outline:2px solid var(--accent);outline-offset:3px}.td-switch.is-on{background:var(--accent);border-color:var(--accent);box-shadow:var(--shadow-glow)}.td-knob{background:var(--text-bright);border-radius:50%;width:34px;height:34px;transition:transform .32s cubic-bezier(.3,1.3,.5,1),background-color .3s;position:absolute;top:3px;left:3px;box-shadow:0 3px 8px #0006}.td-switch.is-on .td-knob{background:var(--ink);transform:translate(32px)}.td-switch-meta{text-align:left;flex-direction:column;gap:2px;display:flex}.td-switch-name{color:var(--text-bright);align-items:center;gap:8px;font-size:16px;font-weight:700;display:inline-flex}.td-switch-state{letter-spacing:.14em;text-transform:uppercase;color:var(--text-muted);font-size:12px;font-weight:700;transition:color .3s}.td-switch-state.is-on{color:var(--accent)}.td-nudge{z-index:30;-webkit-backdrop-filter:blur(12px);max-width:min(92%,460px);font:inherit;text-align:left;color:#ffffffbf;cursor:pointer;background:#10111cb8;border:1px solid #ffffff29;border-radius:999px;align-items:center;gap:9px;padding:8px 16px;font-size:13px;font-weight:600;line-height:1.35;transition:opacity .4s,border-color .25s,color .25s;display:inline-flex;position:absolute;left:50%;transform:translate(-50%)}.td-nudge:hover{color:#fffffff2;border-color:#ffffff4d}.td-nudge:focus-visible{outline:2px solid var(--accent);outline-offset:3px}.td-nudge.is-done{opacity:0;pointer-events:none}.td-nudge-arrow{color:var(--accent);animation:2.2s ease-in-out infinite td-nudge-bob;display:inline-block}@keyframes td-nudge-bob{0%,to{transform:translateY(1px)}50%{transform:translateY(-3px)}}.td-captions{text-align:center;min-height:2em;margin-top:22px;position:relative}.td-captions p{opacity:0;color:var(--text);font-size:clamp(15px,1.6vw,18px);transition:opacity .35s;position:absolute;inset:0}.td-captions p.active{opacity:1}@media (prefers-reduced-motion:reduce){.td-pill,.td-pill.is-on{transition:opacity .01ms linear!important;transform:none!important}.td-pill--compact,.td-pill--compact.is-on{transform:none!important}.td-band,.td-band-hover,.td-crow,.td-cname-text,.td-trow,.td-expose,.td-swap,.td-selring,.td-status,.td-appname,.td-nudge{transition:none!important}.td-nudge-arrow{animation:none!important}}