:root{--font-sans:-apple-system,BlinkMacSystemFont,"SF Pro Display","SF Pro Text","Inter",system-ui,sans-serif;--font-serif:"New York","Times New Roman",Georgia,"Source Serif Pro",serif;--font-mono:"SF Mono","JetBrains Mono",ui-monospace,Menlo,monospace;--ink-1:#f3f4f6;--ink-2:#e6e7eb;--ink-3:#cfd1d6;--ink-4:#9aa0a8;--ink-5:#6b7078;--ink-6:#3a3d44;--ink-7:#1d1f24;--ink-8:#0e0f12;--accent:oklch(.6 .2 285);--accent-soft:oklch(.92 .06 285);--accent-deep:oklch(.45 .2 285);--accent-glow:oklch(.7 .22 285);--danger:oklch(.65 .18 27);--ok:oklch(.6 .14 155);--page:#f0eee9;--paper:#faf9f6;--rule:rgba(0,0,0,.08)}*{box-sizing:border-box}html,body{margin:0;padding:0}html{scroll-behavior:smooth}body{background:var(--page);color:var(--ink-7);font-family:var(--font-sans);font-size:16px;line-height:1.55;-webkit-font-smoothing:antialiased;text-rendering:optimizeLegibility;overflow-x:hidden}a{color:inherit;text-decoration:none}::selection{background:var(--accent);color:#fff}body:before{content:"";position:fixed;inset:0;pointer-events:none;z-index:0;background-image:radial-gradient(ellipse 60% 40% at 15% 8%,oklch(.85 .08 285 / .16),transparent 60%),radial-gradient(ellipse 50% 35% at 85% 18%,oklch(.85 .06 320 / .12),transparent 65%)}.reveal{opacity:0;transform:translateY(28px);transition:opacity .9s cubic-bezier(.2,.7,.2,1),transform .9s cubic-bezier(.2,.7,.2,1)}.reveal.in{opacity:1;transform:translateY(0)}.reveal.delay-1{transition-delay:.08s}.reveal.delay-2{transition-delay:.16s}.reveal.delay-3{transition-delay:.24s}.reveal.delay-4{transition-delay:.32s}.kbd{display:inline-flex;align-items:center;justify-content:center;min-width:20px;height:22px;padding:0 6px;font-family:var(--font-mono);font-size:12px;font-weight:600;background:#ffffffd9;border:.5px solid rgba(0,0,0,.15);border-bottom-width:1.5px;border-radius:5px;color:var(--ink-7);box-shadow:0 1px #fffc inset;vertical-align:baseline}.kbd-lg{min-width:28px;height:30px;padding:0 9px;font-size:15px;border-radius:7px}.kbd-dark{background:#ffffff1f;border-color:#ffffff2e;color:#fff;box-shadow:0 1px #ffffff1f inset}.mono{font-family:var(--font-mono)}.italic{font-style:normal;font-weight:500;letter-spacing:-.01em}.nav{position:sticky;top:14px;z-index:50;margin:14px auto 0;max-width:1140px;padding:0 16px}.nav-inner{margin:0 auto;padding:11px 14px 11px 20px;transition:background .25s,border-color .25s;display:flex;align-items:center;gap:28px;border-radius:22px;backdrop-filter:url(#glass-refract) blur(7px) saturate(165%) brightness(1.06);-webkit-backdrop-filter:blur(10px) saturate(165%) brightness(1.06);background:#ffffff80;box-shadow:inset 0 1px 1px #ffffffa6,inset 0 -1px 1px #ffffff47,inset 1px 0 1px #ffffff38,inset -1px 0 1px #ffffff38,inset 0 0 22px #ffffff1a,0 10px 30px -10px #3c28784d,0 2px 6px #0000000d;border:.5px solid rgba(255,255,255,.3);position:relative}.nav-brand{display:flex;align-items:center;gap:10px;font-weight:600;letter-spacing:-.2px;font-size:15px;transition:color .25s}.nav-brand img{width:26px;height:26px;display:block}.nav-links{display:flex;gap:24px;margin-left:24px;font-size:14px;color:var(--ink-7);font-weight:500;transition:color .25s}.nav-links a{transition:color .15s}.nav-links a:hover{color:var(--ink-8)}.nav.on-dark .nav-inner{background:#14121c80;border-color:#ffffff2e}.nav.on-dark .nav-brand{color:#f4f5f7}.nav.on-dark .nav-links{color:#ffffffdb}.nav.on-dark .nav-links a:hover{color:#fff}.nav-cta{margin-left:auto;display:flex;align-items:center;gap:14px}.nav-cta .btn-primary svg{margin-right:-1px}.btn{font-family:var(--font-sans);font-size:14px;font-weight:500;padding:9px 16px;border-radius:9px;border:none;cursor:pointer;background:#0000000f;color:var(--ink-7);transition:background .15s,transform .06s,box-shadow .15s;display:inline-flex;align-items:center;gap:8px}.btn:hover{background:#0000001a}.btn:active{transform:scale(.98)}.btn-primary{background:#7965f0;color:#fff;box-shadow:0 .5px #ffffff40 inset,0 1px 2px #503cb440,0 4px 14px #503cb42e}.btn-primary:hover{background:#6449da;box-shadow:0 .5px #ffffff40 inset,0 1px 2px #503cb44d,0 8px 24px #503cb44d}.btn-lg{padding:14px 22px;font-size:15px;border-radius:12px}.hero-ctas .btn-lg{position:relative;backdrop-filter:url(#glass-refract) blur(7px) saturate(165%) brightness(1.06);-webkit-backdrop-filter:blur(10px) saturate(165%) brightness(1.06);border:.5px solid rgba(255,255,255,.4);box-shadow:inset 0 1px 1px #ffffffb3,inset 0 -1px 1px #ffffff47,inset 1px 0 1px #fff3,inset -1px 0 1px #fff3,inset 0 0 18px #ffffff1a,0 10px 30px -12px #3c287852,0 2px 6px #0000000d;transition:background .15s,box-shadow .15s,transform .06s}.hero-ctas .btn-primary.btn-lg{background:#7965f0;color:#fff;backdrop-filter:none;-webkit-backdrop-filter:none;border-color:#ffffff47;box-shadow:inset 0 1px 1px #ffffff59,inset 0 0 14px #ffffff0f,0 10px 28px -10px #503cb480,0 2px 6px #3c287840}.hero-ctas .btn-primary.btn-lg:hover{background:#6449da;box-shadow:inset 0 1px 1px #ffffff59,inset 0 0 14px #ffffff0f,0 14px 34px -10px #503cb48c,0 2px 6px #3c28784d}.hero-ctas .btn:not(.btn-primary).btn-lg{background:#ffffff29;color:var(--ink-7)}.hero-ctas .btn:not(.btn-primary).btn-lg:hover{background:#ffffff4d}.wrap{max-width:1180px;margin:0 auto;padding:0 32px;position:relative;z-index:1}.hero{padding:46px 0 24px;position:relative;overflow:hidden;text-align:center}.hero-aurora{position:absolute;inset:-20% -10% auto;height:130%;z-index:0;pointer-events:none;background:radial-gradient(ellipse 45% 35% at 30% 20%,oklch(.78 .18 285 / .28),transparent 60%),radial-gradient(ellipse 40% 30% at 70% 15%,oklch(.8 .14 320 / .2),transparent 65%),radial-gradient(ellipse 60% 30% at 50% 70%,oklch(.85 .1 250 / .14),transparent 65%);filter:blur(40px);animation:auroraDrift 18s ease-in-out infinite alternate}@keyframes auroraDrift{0%{transform:translateZ(0) scale(1)}50%{transform:translate3d(-2%,1%,0) scale(1.04)}to{transform:translate3d(2%,-1%,0) scale(1.02)}}.hero-aurora-gl{position:absolute;top:0;left:0;right:0;height:100vh;z-index:0;pointer-events:none;display:block;-webkit-mask:linear-gradient(180deg,#000 0%,#000 62%,transparent 96%);mask:linear-gradient(180deg,#000 0%,#000 62%,transparent 96%)}@media(prefers-reduced-motion:reduce){.hero-aurora-gl{display:none}}.ribbon{display:inline-flex;align-items:center;gap:10px;font-family:var(--font-mono);font-size:11.5px;letter-spacing:1.2px;text-transform:uppercase;color:var(--accent-deep);padding:8px 14px;border-radius:99px;background:#ffffffb3;border:.5px solid oklch(.85 .08 285);backdrop-filter:blur(20px);margin-bottom:28px;box-shadow:0 4px 16px #503cb41a}.ribbon .live{width:7px;height:7px;border-radius:50%;background:var(--accent);box-shadow:0 0 8px var(--accent-glow);animation:livePulse 1.6s ease-in-out infinite}@keyframes livePulse{0%,to{opacity:1}50%{opacity:.55}}.ribbon .arrow{opacity:.5;transition:transform .2s}.ribbon:hover .arrow{transform:translate(2px);opacity:1}h1.display{font-size:clamp(46px,7vw,78px);line-height:.96;letter-spacing:-2.6px;font-weight:600;color:var(--ink-8);margin:0 auto 18px;text-wrap:balance;max-width:900px}h1.display em{font-style:normal;font-weight:500;letter-spacing:-1.4px;background:linear-gradient(180deg,#6c50e9,#4e1ca8);-webkit-background-clip:text;background-clip:text;-webkit-text-fill-color:transparent;display:inline-block;padding:.08em .16em .3em;margin:-.08em -.08em -.3em}h1.display .keys{display:inline-flex;gap:.08em;vertical-align:.08em;margin:0 .1em}h1.display .kbd-hero{font-family:var(--font-sans);font-weight:600;font-size:.92em;line-height:1;letter-spacing:0;display:inline-flex;align-items:center;justify-content:center;width:1em;height:1.1em;padding:0;border-radius:.24em;color:#6445df;background:#ffffff24;backdrop-filter:url(#glass-refract) blur(6px) saturate(160%) brightness(1.05);-webkit-backdrop-filter:blur(9px) saturate(160%) brightness(1.05);border:.5px solid rgba(255,255,255,.45);box-shadow:inset 0 1px 1px #ffffffb3,inset 0 -1px 1px #ffffff47,inset 0 0 12px #ffffff1a,0 5px 16px -6px #3c287852}.lede{font-size:18px;line-height:1.55;color:var(--ink-6);max-width:none;margin:0 auto 26px;text-wrap:pretty;white-space:nowrap}.hero-ctas{display:inline-flex;gap:12px;align-items:center;flex-wrap:wrap;justify-content:center}.hero-meta{display:flex;gap:14px;margin-top:16px;font-size:12.5px;color:var(--ink-5);align-items:center;flex-wrap:wrap;justify-content:center}.hero-meta .sep{width:3px;height:3px;border-radius:50%;background:var(--ink-4)}.hero-icon{width:62px;height:62px;margin:0 auto 16px;display:block;animation:iconFloat 5s ease-in-out infinite;filter:drop-shadow(0 18px 38px rgba(80,60,180,.34))}@keyframes iconFloat{0%,to{transform:translateY(0)}50%{transform:translateY(-6px)}}.stage-wrap{padding:0 0 100px;position:relative;z-index:1;margin-top:-8px}.stage{max-width:1180px;margin:0 auto;padding:0 32px;position:relative}.stage-floats{position:absolute;inset:-10px 12px;pointer-events:none;z-index:0}.stage-floats .float{position:absolute;width:48px;height:48px;border-radius:13px;overflow:hidden;box-shadow:0 12px 28px #0000002e;opacity:.95;animation:floatDrift 9s ease-in-out infinite alternate}.stage-floats .float .fslot{position:absolute;inset:0;width:100%;height:100%;pointer-events:none}.stage-floats .float .fslot::part(empty),.stage-floats .float .fslot::part(ring){display:none}.stage-floats .float .fslot::part(frame){background:transparent}@keyframes floatDrift{0%{transform:translateZ(0) rotate(-3deg)}to{transform:translate3d(8px,-12px,0) rotate(3deg)}}.demo-card{position:relative;aspect-ratio:16/9;width:100%;max-width:1000px;margin:0 auto;border-radius:22px;overflow:hidden;background:linear-gradient(180deg,#2a2438,#15131c);box-shadow:0 1px #ffffff14 inset,0 60px 140px -30px #321e7873,0 20px 50px #00000038,0 0 0 .5px #0003;z-index:1}.demo-bg{position:absolute;inset:0;background:radial-gradient(ellipse 60% 40% at 25% 30%,oklch(.55 .18 285 / .45),transparent 60%),radial-gradient(ellipse 50% 40% at 80% 80%,oklch(.48 .16 250 / .35),transparent 60%)}.demo-titlebar{height:42px;display:flex;align-items:center;padding:0 16px;gap:8px;border-bottom:.5px solid rgba(255,255,255,.08);position:relative;z-index:2}.demo-titlebar .tl{width:12px;height:12px;border-radius:50%;box-shadow:inset 0 0 0 .5px #0003}.demo-titlebar .tl.r{background:#ff5f57}.demo-titlebar .tl.y{background:#febc2e}.demo-titlebar .tl.g{background:#28c840}.demo-titlebar .title{color:#ffffff8c;font-size:12.5px;margin:0 auto;font-family:var(--font-mono);letter-spacing:.4px}.demo-stage{position:absolute;inset:42px 0 0;display:flex;align-items:center;justify-content:center}.appback{position:absolute;inset:42px 0 0;z-index:0;overflow:hidden;display:flex;font-size:12px;line-height:1.5}.appback *{box-sizing:border-box}.ab-pane{position:absolute;inset:0;display:flex;opacity:0;transition:opacity .3s ease}.ab-pane.on{opacity:1}.ab-dim{position:absolute;inset:0;z-index:1;background:radial-gradient(ellipse 42% 52% at 50% 52%,rgba(10,8,16,.55),transparent 70%);pointer-events:none}.ab-side{flex-shrink:0;height:100%;display:flex;flex-direction:column;gap:2px;padding:14px 0;overflow:hidden}.ab-row{display:flex;align-items:center;gap:8px;padding:5px 14px;white-space:nowrap}.ab-dot{width:13px;height:13px;border-radius:4px;flex-shrink:0}.ab-bar{height:8px;border-radius:3px}.ab-main{flex:1;min-width:0;position:relative;overflow:hidden}.ab-vscode{background:#1e1e1e;color:#cfd2d6;font-family:var(--font-mono)}.ab-vscode .activity{width:48px;background:#333338;align-items:center;gap:18px;padding-top:16px}.ab-vscode .activity .ic{width:22px;height:22px;border-radius:5px;background:#ffffff2e}.ab-vscode .activity .ic.sel{background:#ffffff6b}.ab-vscode .explorer{width:210px;background:#252526;color:#bcc0c4}.ab-vscode .explorer .hd{font-size:10.5px;letter-spacing:1px;text-transform:uppercase;color:#8a8d92;padding:4px 16px 8px}.ab-vscode .editor{padding:16px 0 0;font-size:12.5px;line-height:1.85}.ab-vscode .cl{display:flex;gap:18px;padding:0 24px}.ab-vscode .cl .n{color:#5a5d62;min-width:22px;text-align:right}.ab-vscode .status{position:absolute;left:0;right:0;bottom:0;height:22px;background:#007acc;display:flex;align-items:center;gap:16px;padding:0 12px;color:#fff;font-size:10.5px}.ab-vscode .kw{color:#569cd6}.ab-vscode .st{color:#ce9178}.ab-vscode .cm{color:#6a9955}.ab-vscode .fn{color:#dcdcaa}.ab-vscode .vr{color:#9cdcfe}.ab-vscode .nm{color:#b5cea8}.ab-safari{background:#1d1d1f;color:#e7e7ea;font-family:-apple-system,system-ui,sans-serif;flex-direction:column}.ab-safari .sf-tabs{height:36px;display:flex;align-items:flex-end;gap:1px;padding:0 8px;background:#2b2b2d;flex-shrink:0}.ab-safari .sf-tab{flex:1 1 0;min-width:0;max-width:180px;height:29px;display:flex;align-items:center;gap:7px;padding:0 12px;border-radius:8px 8px 0 0;font-size:11.5px;color:#9a9a9f;white-space:nowrap;overflow:hidden}.ab-safari .sf-tab span{overflow:hidden;text-overflow:ellipsis}.ab-safari .sf-tab.active{background:#1d1d1f;color:#ededf0}.ab-safari .sf-tab .fav{width:13px;height:13px;border-radius:3.5px;flex-shrink:0}.ab-safari .sf-plus{width:30px;display:flex;align-items:center;justify-content:center;color:#7d7d82;font-size:17px;padding-bottom:4px}.ab-safari .toolbar{height:48px;display:flex;align-items:center;gap:16px;padding:0 16px;border-bottom:.5px solid rgba(255,255,255,.08);flex-shrink:0}.ab-safari .chev{color:#6e6e73;font-size:17px}.ab-safari .ic{width:15px;height:13px;border-radius:3px;border:1.6px solid #6e6e73;flex-shrink:0}.ab-safari .url{flex:1;max-width:460px;margin:0 auto;height:30px;border-radius:8px;background:#2c2c2e;display:flex;align-items:center;justify-content:center;gap:7px;color:#c3c3c8;font-size:12.5px}.ab-safari .body{flex:1;display:flex;min-height:0;background:#fff}.yt{flex:1;display:flex;gap:24px;padding:22px 26px;overflow:hidden;font-family:-apple-system,system-ui,sans-serif}.yt-main{flex:1;min-width:0;display:flex;flex-direction:column}.yt-player{position:relative;width:100%;aspect-ratio:16/9;border-radius:12px;background:linear-gradient(135deg,#23252b,#0d0e12);overflow:hidden;flex-shrink:0}.yt-play{position:absolute;inset:0;margin:auto;width:62px;height:62px;border-radius:50%;background:#0000008c;display:flex;align-items:center;justify-content:center}.yt-play span{width:0;height:0;border-style:solid;border-width:11px 0 11px 19px;border-color:transparent transparent transparent #fff;margin-left:4px}.yt-scrub{position:absolute;left:0;right:0;bottom:0;height:4px;background:#ffffff47}.yt-scrub i{display:block;width:55%;height:100%;background:red}.yt-time{position:absolute;right:12px;bottom:12px;color:#fff;font-size:11px;font-variant-numeric:tabular-nums;text-shadow:0 1px 2px rgba(0,0,0,.6)}.yt-title{margin:14px 0 4px;font-size:18px;font-weight:700;color:#0f0f0f;letter-spacing:-.2px;line-height:1.3}.yt-meta{font-size:13px;color:#606060}.yt-channel{display:flex;align-items:center;gap:12px;margin-top:14px}.yt-av{width:40px;height:40px;border-radius:50%;background:linear-gradient(135deg,#7c5cff,#a78bff);flex-shrink:0}.yt-cn{margin-right:auto}.yt-cn .n{font-size:14px;font-weight:600;color:#0f0f0f}.yt-cn .s{font-size:12px;color:#909090}.yt-sub{background:#0f0f0f;color:#fff;font-size:13px;font-weight:600;padding:9px 16px;border-radius:18px}.yt-act{background:#f2f2f2;color:#0f0f0f;font-size:13px;font-weight:600;padding:9px 14px;border-radius:18px}.yt-side{width:300px;flex-shrink:0;display:flex;flex-direction:column;gap:11px;overflow:hidden}.yt-up{font-size:13px;font-weight:600;color:#0f0f0f;margin-bottom:1px}.yt-rec{display:flex;gap:10px}.yt-th{position:relative;width:128px;height:72px;border-radius:9px;flex-shrink:0;overflow:hidden}.yt-th span{position:absolute;right:5px;bottom:5px;background:#000000c7;color:#fff;font-size:10px;font-weight:600;padding:1px 4px;border-radius:4px;font-variant-numeric:tabular-nums}.yt-rt{min-width:0;display:flex;flex-direction:column;gap:4px;padding-top:1px}.yt-rt .t{font-size:13px;font-weight:600;color:#0f0f0f;line-height:1.3;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}.yt-rt .c{font-size:12px;color:#909090}.ab-figma{background:#2c2c2c;color:#ccc;font-family:-apple-system,system-ui,sans-serif;flex-direction:column}.ab-figma .topbar{height:44px;display:flex;align-items:center;gap:16px;padding:0 16px;background:#2c2c2c;border-bottom:.5px solid rgba(0,0,0,.4);flex-shrink:0}.ab-figma .tools{display:flex;gap:10px}.ab-figma .tools .t{width:18px;height:18px;border-radius:4px;background:#ffffff29}.ab-figma .tools .t.sel{background:#0d99ff}.ab-figma .mid{flex:1;display:flex;min-height:0}.ab-figma .layers{width:210px;background:#252525;padding:12px 0}.ab-figma .canvas{flex:1;background:#1e1e1e;position:relative}.ab-figma .frame{position:absolute;inset:46px 60px;background:#f4f4f6;border-radius:4px;box-shadow:0 18px 50px #00000080;overflow:hidden}.ab-figma .props{width:200px;background:#2c2c2c;padding:14px 0}.ab-figma .fl{display:flex;align-items:center;gap:8px;padding:5px 16px;color:#cfcfcf;font-size:12px}.ab-terminal{background:#15151a;color:#d4d4d4;font-family:var(--font-mono);font-size:13px;line-height:1.85;padding:22px 26px;flex-direction:column}.ab-terminal .tl2{white-space:pre-wrap}.ab-terminal .pr{color:#27c93f}.ab-terminal .pa{color:#5cc8ff}.ab-terminal .dim{color:#7a7d82}.ab-obsidian{background:#1e1e1e;color:#dcddde;font-family:-apple-system,system-ui,sans-serif}.ab-obsidian .files{width:220px;background:#262626;padding:16px 0;color:#b3b3b3;font-size:12.5px}.ab-obsidian .files .hd{font-size:10.5px;letter-spacing:1px;text-transform:uppercase;color:#7d7d7d;padding:4px 18px 10px}.ab-obsidian .files .f{padding:5px 18px}.ab-obsidian .files .f.sel{background:#a78bff29;color:#cbb9ff}.ab-obsidian .note{flex:1;padding:34px 46px;display:flex;flex-direction:column;gap:13px;overflow:hidden}.ab-obsidian .note .nh1{font-size:27px;margin:0;font-weight:700;letter-spacing:-.3px}.ab-obsidian .lk{color:#a78bff}.ab-obsidian .tg{color:#9d8cff}.ab-obsidian .ck{color:#6e6e73}.demo-overlay{position:relative;width:320px;padding:28px 24px 18px;border-radius:28px;background:#14121c99;backdrop-filter:blur(40px) saturate(180%);border:.5px solid rgba(255,255,255,.14);color:#fff;display:flex;flex-direction:column;align-items:center;gap:18px;box-shadow:0 1px #ffffff1a inset,0 40px 80px #0000008c;transition:box-shadow .2s,border-color .2s,transform .25s ease,opacity .25s ease;cursor:grab;user-select:none;z-index:2}.demo-overlay:active{cursor:grabbing}.ring-wrap{position:relative;width:156px;height:156px;display:flex;align-items:center;justify-content:center}.ring-svg{position:absolute;inset:0;transform:rotate(-90deg)}.app-icon{width:92px;height:92px;border-radius:22px;position:relative;display:flex;align-items:center;justify-content:center;transition:transform .15s}.app-icon .hslot{position:absolute;inset:0;width:100%;height:100%;opacity:0;pointer-events:none;transition:opacity .3s ease}.app-icon .hslot::part(frame){background:transparent}.app-icon .hslot.active{opacity:1;pointer-events:auto;z-index:1}.insitu-tile .tslot{position:absolute;inset:0;width:100%;height:100%;overflow:hidden;pointer-events:none}.insitu-tile .tslot::part(frame){background:transparent}.insitu-tile .tslot::part(empty),.insitu-tile .tslot::part(ring){display:none}.ring-aura{position:absolute;inset:-30%;border-radius:50%;background:radial-gradient(circle,oklch(.7 .2 285 / .5),transparent 65%);filter:blur(20px);opacity:.4;transition:opacity .2s,transform .2s;pointer-events:none}.demo-overlay .label{font-size:18px;font-weight:600;letter-spacing:-.2px;display:flex;align-items:center;gap:8px;text-align:center;flex-wrap:wrap;justify-content:center}.demo-overlay .footer{width:100%;padding-top:12px;border-top:.5px solid rgba(255,255,255,.1);font-family:var(--font-mono);font-size:10.5px;letter-spacing:.3px;color:#ffffff73;text-align:center}.demo-hint{position:absolute;bottom:18px;left:50%;transform:translate(-50%);font-family:var(--font-mono);font-size:10.5px;letter-spacing:.8px;color:#ffffff8c;text-transform:uppercase;background:#0006;padding:6px 12px;border-radius:99px;border:.5px solid rgba(255,255,255,.08);backdrop-filter:blur(10px);z-index:3;transition:opacity .25s;display:flex;align-items:center;gap:8px}.demo-hint .demo-dot{width:6px;height:6px;border-radius:50%;background:var(--accent-glow);animation:livePulse 1.6s ease-in-out infinite}.demo-toast{position:absolute;top:54px;left:50%;transform:translate(-50%) translateY(-8px);padding:8px 14px;border-radius:10px;font-size:12px;background:#14161ed9;color:#fff;backdrop-filter:blur(20px);border:.5px solid rgba(255,255,255,.18);opacity:0;transition:opacity .2s,transform .2s;z-index:4;pointer-events:none;font-family:var(--font-mono);letter-spacing:.2px}.demo-toast.show{opacity:1;transform:translate(-50%) translateY(0)}.trio{padding:80px 0 60px}.trio-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:48px;text-align:center}.trio-item{display:flex;flex-direction:column;align-items:center;gap:14px}.trio-glyph{width:54px;height:54px;border-radius:14px;background:linear-gradient(180deg,var(--accent-soft),rgba(255,255,255,.7));border:.5px solid rgba(0,0,0,.06);box-shadow:0 1px #ffffffe6 inset,0 4px 14px #503cb41f;color:var(--accent-deep);display:flex;align-items:center;justify-content:center}.trio-text{font-size:19px;line-height:1.35;letter-spacing:-.3px;color:var(--ink-8);font-weight:500;max-width:240px;text-wrap:balance}.trio-text em{font-style:normal;font-weight:500;color:var(--accent-deep)}.marquee-band{padding:24px 0 80px;position:relative;z-index:1}.marquee-label{text-align:center;font-family:var(--font-mono);font-size:11.5px;letter-spacing:1.6px;color:var(--ink-5);text-transform:uppercase;margin-bottom:22px}.marquee{display:flex;overflow:hidden;-webkit-mask:linear-gradient(90deg,transparent,#000 8%,#000 92%,transparent);mask:linear-gradient(90deg,transparent,#000 8%,#000 92%,transparent)}.marquee-track{display:flex;gap:14px;animation:marqueeScroll 38s linear infinite;padding-right:14px;flex-shrink:0}@keyframes marqueeScroll{0%{transform:translate(0)}to{transform:translate(-100%)}}.marquee-item{display:flex;align-items:center;gap:10px;padding:9px 16px 9px 9px;border-radius:99px;background:#fff9;border:.5px solid rgba(0,0,0,.06);flex-shrink:0;backdrop-filter:blur(20px)}.marquee-item .ai{width:28px;height:28px;border-radius:7px;overflow:hidden;position:relative;flex-shrink:0}.marquee-item .ai .mslot{position:absolute;inset:0;width:100%;height:100%;pointer-events:none}.marquee-item .ai .mslot::part(empty),.marquee-item .ai .mslot::part(ring){display:none}.marquee-item .ai .mslot::part(frame){background:transparent}.marquee-item .nm{font-size:13.5px;color:var(--ink-7);font-weight:500}.marquee-item .badge{width:14px;height:14px;border-radius:50%;background:var(--ok);color:#fff;display:flex;align-items:center;justify-content:center}section{position:relative;z-index:1}.section-icon{width:60px;height:60px;border-radius:16px;margin:0 auto 22px;display:flex;align-items:center;justify-content:center;background:linear-gradient(180deg,#ffffffd9,#ffffff8c);border:.5px solid rgba(0,0,0,.06);box-shadow:0 1px #ffffffe6 inset,0 8px 24px #503cb424;color:var(--accent-deep)}h2.section{font-size:64px;line-height:1;letter-spacing:-2.2px;font-weight:600;color:var(--ink-8);margin:0 0 22px;text-wrap:balance}h2.section em{font-style:normal;font-weight:500;letter-spacing:-1.6px;color:var(--accent-deep)}.section-sub{font-size:19px;color:var(--ink-6);line-height:1.5;max-width:620px;margin:0 auto;text-wrap:pretty}.centered{text-align:center}.problem{padding:100px 0;border-top:.5px solid var(--rule);border-bottom:.5px solid var(--rule);overflow:hidden}.pull-quote{font-size:46px;line-height:1.16;letter-spacing:-1.3px;font-weight:500;color:var(--ink-7);max-width:900px;margin:0 auto;text-align:center;text-wrap:balance}.pull-quote em{font-style:normal;color:var(--ink-4);font-weight:400}.pull-quote .hl{color:var(--accent-deep);font-weight:600}.pull-quote .strike{position:relative;display:inline-block}.pull-quote .strike:after{content:"";position:absolute;left:-4px;right:-4px;top:55%;height:3px;background:var(--danger);border-radius:2px;transform-origin:left;transform:scaleX(0);transition:transform 1s cubic-bezier(.2,.7,.2,1) .35s}.reveal.in .pull-quote .strike:after{transform:scaleX(1)}.quote-meta{margin-top:48px;display:grid;grid-template-columns:repeat(3,1fr);gap:24px;text-align:center;max-width:780px;margin-left:auto;margin-right:auto}.quote-meta .num{font-size:44px;color:var(--ink-8);font-weight:600;display:block;letter-spacing:-1.4px;font-variant-numeric:tabular-nums;margin-bottom:6px}.quote-meta .desc{font-size:13px;color:var(--ink-5);font-family:var(--font-mono);letter-spacing:.3px;text-wrap:balance;max-width:200px;margin:0 auto}.insitu{padding:120px 0 130px;position:relative;overflow:hidden}.insitu-head{text-align:center;margin-bottom:60px}.insitu-stage{max-width:1100px;margin:0 auto;aspect-ratio:16/10;border-radius:24px;background:radial-gradient(ellipse 80% 60% at 30% 20%,oklch(.55 .14 280 / .6),transparent 60%),radial-gradient(ellipse 70% 50% at 80% 75%,oklch(.6 .12 220 / .55),transparent 60%),linear-gradient(180deg,#2c2842,#1a1626);box-shadow:0 1px #ffffff14 inset,0 50px 100px -30px #321e7880,0 20px 40px #0003;position:relative;overflow:hidden}.insitu-menubar{position:absolute;top:0;left:0;right:0;height:32px;background:#1e1c2873;backdrop-filter:blur(20px);border-bottom:.5px solid rgba(255,255,255,.06);display:flex;align-items:center;padding:0 16px;gap:18px;color:#ffffffa6;font-size:13px}.insitu-menubar .apple{width:14px;height:14px;display:flex;align-items:center;justify-content:center}.insitu-menubar .menu{font-weight:500}.insitu-menubar .right{margin-left:auto;display:flex;gap:14px;align-items:center;font-family:var(--font-mono);font-size:12px}.insitu-menubar .right .icon{opacity:.7}.insitu-panel{position:absolute;top:62px;right:7%;width:340px;border-radius:16px;overflow:hidden;background:#ffffffdb;backdrop-filter:blur(40px) saturate(180%);border:.5px solid rgba(255,255,255,.6);box-shadow:0 1px #ffffffe6 inset,0 30px 80px #00000073,0 0 0 .5px #0000000d;color:var(--ink-7);font-family:var(--font-sans)}.insitu-panel .pt{height:34px;display:flex;align-items:center;padding:0 12px;gap:6px;border-bottom:.5px solid rgba(0,0,0,.06)}.insitu-panel .pt .d{width:11px;height:11px;border-radius:50%;box-shadow:inset 0 0 0 .5px #00000026}.insitu-panel .pt .d.r{background:#ff5f57}.insitu-panel .pt .d.y{background:#febc2e}.insitu-panel .pt .d.g{background:#28c840}.insitu-panel .pt .ti{margin:0 auto;font-size:12px;color:var(--ink-5);font-weight:500;letter-spacing:-.1px}.insitu-panel .pbody{padding:18px 16px}.insitu-panel h5{margin:0 0 6px;font-size:11px;text-transform:uppercase;letter-spacing:.9px;color:var(--ink-5);font-weight:500}.insitu-group{background:#ffffff80;border-radius:10px;box-shadow:inset 0 0 0 .5px #0000000d;margin-bottom:14px}.insitu-tiles{display:grid;grid-template-columns:repeat(5,1fr);gap:8px;padding:12px}.insitu-tile{aspect-ratio:1;border-radius:10px;display:flex;align-items:center;justify-content:center;color:#fffffff2;font-family:var(--font-mono);font-size:14px;font-weight:300;box-shadow:inset 0 1px #fff6;position:relative}.insitu-tile.sel:after{content:"";position:absolute;inset:-2px;border-radius:11px;border:1.5px solid var(--accent);box-shadow:0 0 0 3px var(--accent-soft)}.insitu-tile.sel:before{content:"✓";position:absolute;top:-4px;right:-4px;z-index:1;width:14px;height:14px;border-radius:50%;background:var(--ok);color:#fff;font-size:9px;display:flex;align-items:center;justify-content:center;font-family:var(--font-sans)}.insitu-seg{display:flex;gap:2px;padding:3px;border-radius:8px;background:#0000000d;margin:10px}.insitu-seg .s{flex:1;padding:6px 10px;border-radius:6px;font-size:11.5px;font-weight:500;text-align:center;color:var(--ink-5)}.insitu-seg .s.on{background:var(--accent);color:#fff;box-shadow:0 1px 2px #503cb44d}.insitu-slider{padding:14px 16px}.insitu-slider .lbl{display:flex;justify-content:space-between;font-size:12px;color:var(--ink-6);margin-bottom:10px}.insitu-slider .lbl .v{font-family:var(--font-mono);background:#0000000d;padding:1px 7px;border-radius:5px}.insitu-slider .track{height:5px;border-radius:3px;background:#00000014;position:relative}.insitu-slider .track .fill{position:absolute;left:0;top:0;bottom:0;width:50%;border-radius:3px;background:linear-gradient(180deg,oklch(.66 .2 285),#5e45cd)}.insitu-slider .track .knob{position:absolute;left:50%;top:50%;transform:translate(-50%,-50%);width:18px;height:18px;border-radius:50%;background:#fff;box-shadow:0 2px 6px #00000040,0 0 0 .5px #0000001a}.insitu-row{display:flex;align-items:center;padding:10px 14px;font-size:12.5px;color:var(--ink-7);justify-content:space-between}.insitu-toggle{width:32px;height:18px;border-radius:99px;background:var(--accent);position:relative}.insitu-toggle:after{content:"";position:absolute;top:2px;right:2px;width:14px;height:14px;border-radius:50%;background:#fff;box-shadow:0 1px 2px #0003}.insitu-overlay{position:absolute;top:50%;left:13%;transform:translateY(-50%);width:240px;padding:22px 18px 14px;border-radius:22px;background:#14121c8c;backdrop-filter:blur(40px) saturate(180%);border:.5px solid rgba(255,255,255,.14);color:#fff;display:flex;flex-direction:column;align-items:center;gap:14px;box-shadow:0 1px #ffffff1a inset,0 30px 70px #00000080,0 0 60px oklch(.7 .22 285 / .4)}.insitu-overlay .ringw{position:relative;width:108px;height:108px;display:flex;align-items:center;justify-content:center}.insitu-overlay .ai{width:62px;height:62px;border-radius:16px;background:linear-gradient(135deg,#4a90e2,#5cc8ff);display:flex;align-items:center;justify-content:center;color:#fffffff2;font-family:var(--font-mono);font-size:24px;font-weight:300;box-shadow:inset 0 1px #ffffff59,0 6px 18px #0000004d}.insitu-overlay .ringw svg{position:absolute;inset:0;transform:rotate(-90deg)}.insitu-overlay .ringw .fill{stroke-dasharray:309;stroke-dashoffset:309;animation:siteFill 4s ease-in-out infinite}@keyframes siteFill{0%,10%{stroke-dashoffset:309}50%{stroke-dashoffset:0}85%{stroke-dashoffset:0;opacity:1}90%{opacity:0}91%{stroke-dashoffset:309;opacity:1}to{stroke-dashoffset:309}}.insitu-overlay .lab{font-size:13.5px;font-weight:600;letter-spacing:-.1px;text-align:center}.insitu-overlay .ft{font-family:var(--font-mono);font-size:9.5px;color:#ffffff73;text-align:center;border-top:.5px solid rgba(255,255,255,.1);width:100%;padding-top:9px}.insitu-arrow{position:absolute;left:42%;top:54%;width:120px;height:auto;color:#fff9;transform:rotate(-4deg)}.insitu-arrow text{font-style:normal;font-size:14px;fill:#ffffffd9}.insitu-feats{display:flex;gap:24px;justify-content:center;margin-top:48px;flex-wrap:wrap}.insitu-feat{display:flex;gap:10px;align-items:center;font-size:13.5px;color:var(--ink-6)}.insitu-feat .ig{width:26px;height:26px;border-radius:7px;background:var(--accent-soft);color:var(--accent-deep);display:flex;align-items:center;justify-content:center}.how{padding:120px 0 110px}.how-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:24px;margin-top:60px}.how-card{position:relative;padding:30px 26px;border-radius:18px;background:linear-gradient(180deg,#ffffffb8,#ffffff80);border:.5px solid var(--rule);box-shadow:0 1px #fffc inset,0 1px 2px #00000008;backdrop-filter:blur(20px);display:flex;flex-direction:column;transition:transform .25s,box-shadow .25s}.how-card:hover{transform:translateY(-3px);box-shadow:0 1px #fffc inset,0 14px 36px -10px #503cb42e}.how-step{font-family:var(--font-mono);font-size:11px;letter-spacing:1.2px;color:var(--accent-deep);font-weight:600;text-transform:uppercase;margin-bottom:16px}.how-title{font-size:24px;font-weight:600;letter-spacing:-.5px;color:var(--ink-8);margin:0 0 8px}.how-title em{font-style:normal;font-weight:500;color:var(--accent-deep)}.how-body{font-size:14.5px;color:var(--ink-6);line-height:1.55;margin:0 0 22px}.how-illus{flex:1;min-height:200px;border-radius:12px;background:linear-gradient(180deg,#1d1c24,#11101a);border:.5px solid rgba(0,0,0,.4);position:relative;overflow:hidden;display:flex;align-items:center;justify-content:center}.how-illus:before{content:"";position:absolute;inset:0;background:radial-gradient(ellipse 60% 40% at 30% 30%,oklch(.55 .18 285 / .35),transparent 60%)}.mini-icon{width:54px;height:54px;border-radius:14px;background:linear-gradient(135deg,#4a90e2,#5cc8ff);display:flex;align-items:center;justify-content:center;color:#fffffff2;font-size:22px;font-family:var(--font-mono);font-weight:300;box-shadow:inset 0 1px #ffffff59,0 8px 20px #0000004d;position:relative;z-index:1}.mini-ring{position:relative;width:84px;height:84px;display:flex;align-items:center;justify-content:center}.mini-ring svg{position:absolute;inset:0;transform:rotate(-90deg)}.mini-ring .mini-icon{width:50px;height:50px;border-radius:13px;font-size:20px}.mini-check{width:54px;height:54px;border-radius:50%;background:linear-gradient(180deg,#4ebe7d,#1c985a);display:flex;align-items:center;justify-content:center;color:#fff;box-shadow:0 8px 20px oklch(.55 .14 155 / .4);position:relative;z-index:1}.keystroke-anim{display:flex;gap:6px;align-items:center;position:relative;z-index:1}.keystroke-anim .ks{width:34px;height:34px;border-radius:8px;background:#ffffffd9;border:.5px solid rgba(0,0,0,.15);border-bottom-width:1.5px;font-family:var(--font-mono);font-size:13px;font-weight:600;color:var(--ink-7);display:flex;align-items:center;justify-content:center;box-shadow:0 1px #fffc inset;animation:keyTap 2.4s ease-in-out infinite}.keystroke-anim .ks.two{animation-delay:.2s}@keyframes keyTap{0%,30%,60%,to{transform:translateY(0);box-shadow:0 1px #fffc inset,0 0 #503cb400}40%{transform:translateY(2px);box-shadow:0 1px #ffffff80 inset,0 0 0 4px oklch(.7 .22 285 / .4)}}.mini-ring-anim circle.fill{stroke-dasharray:239;animation:miniFill 3.4s cubic-bezier(.5,0,.7,.5) infinite}@keyframes miniFill{0%{stroke-dashoffset:239}60%{stroke-dashoffset:0}85%{stroke-dashoffset:0;opacity:1}90%{opacity:0}91%{stroke-dashoffset:239;opacity:1}to{stroke-dashoffset:239}}.modes{padding:100px 0;background:radial-gradient(ellipse 80% 50% at 20% 0%,oklch(.35 .14 285 / .6),transparent 60%),radial-gradient(ellipse 70% 60% at 100% 100%,oklch(.32 .12 310 / .45),transparent 55%),linear-gradient(180deg,#1a1822,#15131c);color:#e8eaf0;border-top:.5px solid rgba(0,0,0,.5);border-bottom:.5px solid rgba(0,0,0,.5);overflow:hidden}.modes h2.section{color:#fcfcfd}.modes h2.section em{color:oklch(.8 .16 285)}.modes .section-sub{color:#ffffffa6}.modes .section-icon{background:linear-gradient(180deg,#ffffff1f,#ffffff0a);border-color:#ffffff1a;color:oklch(.85 .15 285);box-shadow:0 1px #ffffff1a inset}.modes-grid{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:24px;margin-top:60px}.mode-card{padding:36px 32px;border-radius:22px;background:linear-gradient(180deg,#ffffff0f,#ffffff05);border:.5px solid rgba(255,255,255,.1);box-shadow:0 1px #ffffff0f inset,0 30px 60px -20px #00000080;backdrop-filter:blur(20px);display:flex;flex-direction:column;transition:transform .35s,border-color .35s}.mode-card:hover{transform:translateY(-4px);border-color:#ffffff2e}.mode-card .badge{display:inline-flex;align-items:center;gap:8px;font-family:var(--font-mono);font-size:10.5px;letter-spacing:1.2px;text-transform:uppercase;padding:5px 10px;border-radius:99px;background:#ffffff14;color:#ffffffb3;border:.5px solid rgba(255,255,255,.1);align-self:flex-start;margin-bottom:18px}.mode-card h3{font-size:34px;font-weight:600;letter-spacing:-.9px;margin:0 0 10px;color:#fff}.mode-card h3 em{font-style:normal;font-weight:500;color:oklch(.85 .15 285)}.mode-card .desc{font-size:15px;color:#ffffffa6;line-height:1.55;margin:0 0 28px;max-width:380px}.mode-illus{aspect-ratio:1.7/1;border-radius:14px;background:radial-gradient(ellipse 60% 40% at 30% 30%,oklch(.55 .18 285 / .4),transparent 60%),linear-gradient(180deg,#211f2b,#15131c);border:.5px solid rgba(255,255,255,.06);display:flex;align-items:center;justify-content:center;position:relative;overflow:hidden}.mode-illus .timing{position:absolute;bottom:14px;left:16px;right:16px;display:flex;gap:8px;align-items:center;font-family:var(--font-mono);font-size:10.5px;color:#ffffff80}.mode-illus .timing .bar{flex:1;height:3px;border-radius:2px;background:#ffffff1a;position:relative;overflow:hidden}.mode-illus .timing .bar i{position:absolute;left:0;top:0;bottom:0;background:var(--accent-glow);border-radius:2px;box-shadow:0 0 8px var(--accent-glow);animation:fillBar 3.4s ease-in-out infinite}@keyframes fillBar{0%{width:0}55%{width:100%}85%{width:100%}90%{width:100%;opacity:0}91%{width:0;opacity:1}to{width:0}}.tap-twice .mini-icon{width:50px;height:50px;border-radius:13px;font-size:20px;position:relative;z-index:1;animation:tapIcon 2.6s ease-in-out infinite}.tap-twice .tap-pulse{position:absolute;inset:0;margin:auto;width:62px;height:62px;border-radius:50%;border:2px solid var(--accent-glow);opacity:0;box-shadow:0 0 10px oklch(.7 .22 285 / .4);animation:tapPulse 2.6s ease-out infinite}.tap-twice .tap-pulse.p2{animation-delay:.34s}@keyframes tapPulse{0%{transform:scale(.68);opacity:0}6%{opacity:.95}38%{transform:scale(1.3);opacity:0}to{transform:scale(1.3);opacity:0}}@keyframes tapIcon{0%,to{transform:scale(1)}5%{transform:scale(.9)}11%{transform:scale(1)}17%{transform:scale(.9)}23%{transform:scale(1)}}.modes-grid.three{grid-template-columns:repeat(3,minmax(0,1fr));gap:20px}.modes-grid.three .mode-card{padding:28px 26px}.modes-grid.three .mode-card h3{font-size:27px;letter-spacing:-.6px}.modes-grid.three .mode-card .desc{font-size:14px;margin-bottom:22px}.modes-grid.three .badge{margin-bottom:14px}.picker-surface{display:flex;flex-direction:column;align-items:stretch;padding:0;background:linear-gradient(180deg,#1c1a25,#121019)}.picker-bar{height:30px;display:flex;align-items:center;gap:6px;padding:0 12px;border-bottom:.5px solid rgba(255,255,255,.08)}.picker-bar .pd{width:9px;height:9px;border-radius:50%}.picker-bar .pt{margin-left:6px;font-size:10.5px;color:#ffffff80;font-weight:500}.picker-grid{flex:1;display:grid;grid-template-columns:repeat(4,1fr);grid-auto-rows:1fr;gap:9px;padding:13px;align-content:stretch}.picker-tile{border-radius:10px;position:relative;overflow:visible;background:linear-gradient(180deg,#ffffff24,#ffffff0e);box-shadow:inset 0 0 0 .5px #fff3,0 2px 6px #00000052;display:flex;align-items:center;justify-content:center;font-size:15px;color:#ffffff52}.picker-tile:not(.sel){background:#ffffff05;box-shadow:inset 0 0 0 1px #ffffff1f;border:1px dashed rgba(255,255,255,.16);box-sizing:border-box}.picker-tile .ps{position:absolute;inset:0;width:100%;height:100%;border-radius:10px;overflow:hidden;pointer-events:none}.picker-tile .ps::part(frame){background:transparent}.picker-tile .ps::part(empty),.picker-tile .ps::part(ring){display:none}.picker-tile.sel{box-shadow:inset 0 0 0 1.5px var(--accent-glow),0 0 0 3px oklch(.7 .22 285 / .18),0 2px 6px #00000052}.picker-tile.sel:after{content:"✓";position:absolute;top:-5px;right:-5px;z-index:2;width:16px;height:16px;border-radius:50%;background:var(--ok);color:#fff;font-size:10px;display:flex;align-items:center;justify-content:center;box-shadow:0 1px 3px #0006}.testimonials{padding:120px 0;overflow:hidden}.testi-head{text-align:center;margin-bottom:48px}.testi-track-wrap{-webkit-mask:linear-gradient(90deg,transparent,#000 6%,#000 94%,transparent);mask:linear-gradient(90deg,transparent,#000 6%,#000 94%,transparent);overflow:hidden}.testi-track{display:flex;gap:20px;animation:testiScroll 60s linear infinite;width:max-content}@keyframes testiScroll{0%{transform:translate(0)}to{transform:translate(-50%)}}.testi-track:hover{animation-play-state:paused}.testi-card{flex-shrink:0;width:380px;padding:26px 26px 22px;border-radius:18px;background:linear-gradient(180deg,#ffffffd9,#fff9);border:.5px solid var(--rule);box-shadow:0 1px #ffffffe6 inset,0 4px 14px #0000000a;backdrop-filter:blur(20px);display:flex;flex-direction:column;gap:18px;min-height:170px}.testi-card .quote-text{font-size:15.5px;line-height:1.5;color:var(--ink-7);margin:0;letter-spacing:-.1px;text-wrap:pretty}.testi-card .who{display:flex;align-items:center;gap:12px;margin-top:auto}.testi-avatar{width:36px;height:36px;border-radius:50%;flex-shrink:0;display:flex;align-items:center;justify-content:center;color:#fff;font-weight:600;font-size:14px;font-family:var(--font-sans);box-shadow:inset 0 1px #ffffff4d,0 2px 6px #00000026}.testi-who .nm{font-size:14px;font-weight:600;color:var(--ink-8);letter-spacing:-.1px}.testi-who .role{font-size:12.5px;color:var(--ink-5)}.testi-card .star{color:#ecaa0b;font-size:12px;letter-spacing:1px;line-height:1}.madefor{padding:110px 0 130px;text-align:center;position:relative;overflow:hidden;border-top:.5px solid var(--rule)}.madefor:before{content:"";position:absolute;inset:0;pointer-events:none;background:radial-gradient(ellipse 50% 60% at 50% 50%,oklch(.85 .06 285 / .4),transparent 65%)}.made-icons{display:flex;justify-content:center;gap:14px;margin-bottom:36px;flex-wrap:wrap}.made-icons .mi{width:54px;height:54px;border-radius:13px;background:linear-gradient(180deg,#fff,#fff9);border:.5px solid rgba(0,0,0,.06);box-shadow:0 1px #ffffffe6 inset,0 6px 16px #503cb41f;display:flex;align-items:center;justify-content:center;transition:transform .25s}.made-icons .mi:hover{transform:translateY(-3px) rotate(-3deg)}.made-icons .mi.dark{background:linear-gradient(180deg,#2a2438,#15131c);color:#fff;border:.5px solid rgba(0,0,0,.4);box-shadow:0 6px 16px #0003}.made-icons .mi.accent{background:linear-gradient(180deg,oklch(.7 .2 285),#5e45cd);color:#fff;border:none;box-shadow:0 6px 16px #503cb459}.madefor-sub{font-family:var(--font-mono);font-size:12px;letter-spacing:1.4px;text-transform:uppercase;color:var(--ink-5);margin-bottom:18px}.madefor h2{font-size:84px;line-height:.96;letter-spacing:-3px;font-weight:600;color:var(--ink-8);margin:0 auto 24px;max-width:900px;text-wrap:balance}.madefor h2 em{font-style:normal;font-weight:500;color:var(--accent-deep);letter-spacing:-2.4px}.madefor p{font-size:18px;color:var(--ink-6);max-width:580px;margin:0 auto 32px;line-height:1.5}.features{padding:100px 0;background:#f0eee9}.feat-head{text-align:center;margin-bottom:56px}.bento{display:grid;grid-template-columns:repeat(4,1fr);grid-auto-rows:188px;gap:14px}.bento-card{position:relative;overflow:hidden;border-radius:18px;border:.5px solid rgba(0,0,0,.06);background:#fff;padding:24px;display:flex;flex-direction:column;box-shadow:0 1px 2px #1e143c0a,0 12px 30px -18px #281c5a2e;transition:transform .25s ease,box-shadow .25s ease,border-color .25s ease}.bento-card:hover{transform:translateY(-3px);box-shadow:0 22px 46px -24px #3224644d;border-color:#00000021}.bc-label{font-family:var(--font-mono);font-size:10px;letter-spacing:1.5px;text-transform:uppercase;color:var(--accent-deep);margin-bottom:9px}.bento-card h3{font-size:19px;font-weight:600;letter-spacing:-.35px;color:var(--ink-8);margin:0;line-height:1.12;text-wrap:balance}.bento-card p{font-size:13px;color:var(--ink-6);margin:7px 0 0;line-height:1.5;text-wrap:pretty}.bc-icon{width:36px;height:36px;border-radius:10px;margin-bottom:14px;background:linear-gradient(160deg,var(--accent-soft),oklch(.96 .03 285));color:var(--accent-deep);display:flex;align-items:center;justify-content:center;box-shadow:inset 0 0 0 .5px #503ca01f,0 2px 6px #503ca01a}.brand-chip{width:58px;height:58px;border-radius:15px;flex-shrink:0;display:flex;align-items:center;justify-content:center;box-shadow:inset 0 0 0 .5px #00000012,0 3px 10px #00000012}.brand-chip img{width:32px;height:32px;display:block}.brand-chip.swift{background:linear-gradient(160deg,#fff,#fdeee7)}.brand-chip.gh{background:linear-gradient(160deg,#fff,#eeeef1)}.bento-ui{grid-column:span 2;grid-row:span 2}.bento-custom,.bento-perf{grid-column:span 2}.bento-native,.bento-oss{grid-column:span 1}.bento-privacy{grid-column:span 2}.bento-custom,.bento-perf,.bento-privacy{flex-direction:row;align-items:stretch;gap:20px}.bento-custom .bc-text,.bento-perf .bc-text,.bento-privacy .bc-text{flex:1;min-width:0;display:flex;flex-direction:column;justify-content:flex-start}.bento-native,.bento-oss{justify-content:center;gap:16px;align-items:flex-start}.bento-ui{background:radial-gradient(ellipse 72% 62% at 28% 18%,oklch(.46 .16 285 / .5),transparent 62%),linear-gradient(165deg,#211f2b,#141019);border-color:#ffffff14}.bento-ui .bc-label{color:oklch(.82 .13 285)}.bento-ui h3{color:#fff}.bento-ui p{color:#ffffff9e}.ui-vis{flex:1;display:flex;align-items:center;justify-content:center;position:relative;margin-bottom:20px}.ui-island{display:flex;align-items:center;gap:11px;padding:13px 16px;border-radius:15px;background:#ffffff14;-webkit-backdrop-filter:blur(14px) saturate(160%);backdrop-filter:blur(14px) saturate(160%);border:.5px solid rgba(255,255,255,.22);box-shadow:0 1px #ffffff2e inset,0 18px 42px #00000080}.ui-ring{width:24px;height:24px;border-radius:50%;border:2.5px solid rgba(255,255,255,.16);border-top-color:var(--accent-glow);border-right-color:var(--accent-glow);box-shadow:0 0 10px oklch(.7 .22 285 / .55);animation:uiRing 3s linear infinite}@keyframes uiRing{to{transform:rotate(360deg)}}.ui-isl-text{font-size:13.5px;font-weight:600;color:#fff;letter-spacing:-.2px}.ui-keys{display:flex;gap:4px}.bento-ui:after{content:"";position:absolute;top:-30%;left:-20%;width:45%;height:160%;background:linear-gradient(105deg,transparent,rgba(255,255,255,.06),transparent);transform:rotate(10deg);pointer-events:none}.cust-panel{display:flex;flex-direction:column;justify-content:center;gap:13px;width:184px;flex-shrink:0;padding:16px 18px;border-radius:13px;background:#f1eee8;border:.5px solid var(--rule)}.cp-row{display:flex;align-items:center;gap:10px}.cp-dot{width:30px;height:6px;border-radius:3px;background:var(--ink-3);flex-shrink:0}.cp-track{flex:1;height:6px;border-radius:3px;background:var(--ink-2);position:relative}.cp-track i{position:absolute;left:0;top:0;bottom:0;width:60%;border-radius:3px;background:var(--accent)}.cp-track:after{content:"";position:absolute;left:60%;top:50%;width:13px;height:13px;border-radius:50%;background:#fff;transform:translate(-50%,-50%);box-shadow:0 1px 4px #00000040,0 0 0 .5px #00000014}.toggle{width:30px;height:18px;border-radius:99px;background:var(--ink-3);position:relative;flex-shrink:0;margin-left:auto}.toggle:after{content:"";position:absolute;top:2px;left:2px;width:14px;height:14px;border-radius:50%;background:#fff;box-shadow:0 1px 3px #0000004d}.toggle.on{background:var(--accent)}.toggle.on:after{left:14px}.perf-vis{width:184px;flex-shrink:0;border-radius:13px;background:#f1eee8;border:.5px solid var(--rule);padding:2px 18px;display:flex;flex-direction:column;justify-content:center}.perf-row{display:flex;align-items:baseline;justify-content:space-between;padding:13px 0;border-bottom:.5px solid var(--rule)}.perf-row:last-child{border-bottom:none}.perf-row b{font-size:22px;font-weight:600;letter-spacing:-.6px;color:var(--ink-8);line-height:1;font-variant-numeric:tabular-nums}.perf-row b i{font-style:normal;font-size:11px;font-weight:600;color:var(--ink-4);margin-left:2px}.perf-row span{font-family:var(--font-mono);font-size:9px;letter-spacing:.6px;text-transform:uppercase;color:var(--ink-5)}.nat-vis,.oss-vis{display:flex;align-items:center;gap:8px}.nat-vis svg,.oss-vis svg{display:block}.priv-vis{width:184px;flex-shrink:0;border-radius:13px;background:#f1eee8;border:.5px solid var(--rule);padding:14px 18px;display:flex;flex-direction:column;gap:11px;justify-content:center}.priv-item{display:flex;align-items:center;gap:10px;font-size:13.5px;color:var(--ink-7);font-weight:500}.priv-item .x{width:18px;height:18px;border-radius:50%;background:oklch(.95 .03 27);color:var(--danger);display:flex;align-items:center;justify-content:center;font-size:9px;flex-shrink:0}.faq{padding:100px 0;background:radial-gradient(ellipse 70% 55% at 50% 0%,oklch(.42 .15 285 / .4),transparent 60%),linear-gradient(180deg,#1a1822,#141019);color:#e8eaf0}.faq-head{text-align:center;margin-bottom:48px}.faq-list{max-width:760px;margin:0 auto}.faq-item{padding:22px 0;border-top:.5px solid rgba(255,255,255,.1);cursor:pointer}.faq-item:last-child{border-bottom:.5px solid rgba(255,255,255,.1)}.faq-q{display:flex;justify-content:space-between;align-items:flex-start;gap:20px}.faq-q h4{font-size:19px;font-weight:500;margin:0;letter-spacing:-.2px;color:#fff}.faq-q .plus{width:28px;height:28px;border-radius:50%;background:#ffffff1a;display:flex;align-items:center;justify-content:center;flex-shrink:0;color:#ffffffb3;font-size:15px;font-weight:500;line-height:1;transition:background .15s,transform .3s,color .15s}.faq-item.open .plus{transform:rotate(45deg);background:var(--accent);color:#fff;box-shadow:0 4px 14px #503cb466}.faq-a{max-height:0;overflow:hidden;transition:max-height .35s ease,margin-top .25s ease;font-size:15px;color:#fff9;line-height:1.6}.faq-item.open .faq-a{max-height:300px;margin-top:14px}.faq-a p{margin:0;max-width:600px}.faq h2.section{color:#fcfcfd}.faq h2.section em{color:#fff6}.faq .section-icon{background:linear-gradient(180deg,#ffffff1f,#ffffff0a);border-color:#ffffff1a;color:oklch(.85 .15 285);box-shadow:0 1px #ffffff1a inset}.cta{padding:108px 0 92px;background:#f4f3f0;color:var(--ink-8);text-align:center;position:relative;overflow:hidden}.cta:before{content:"";position:absolute;inset:0;background:radial-gradient(circle at 20% 80%,oklch(.82 .09 285 / .55),transparent 42%),radial-gradient(circle at 80% 20%,oklch(.85 .07 320 / .45),transparent 42%);filter:blur(50px);animation:auroraDrift 22s ease-in-out infinite alternate}.cta-inner{position:relative;z-index:1}.cta-icon{width:96px;height:96px;border-radius:22px;margin:0 auto 24px;display:block;box-shadow:0 24px 60px #503cb447;animation:iconFloat 5s ease-in-out infinite}.cta h2{font-size:96px;line-height:.96;letter-spacing:-3px;font-weight:600;margin:0 0 22px;color:var(--ink-8);text-wrap:balance}.cta h2 em{font-style:normal;color:var(--accent-deep);font-weight:500;letter-spacing:-2.2px}.cta p{font-size:19px;color:var(--ink-6);margin:0 auto 36px;max-width:540px}.cta .btn{background:#7965f0;color:#fff;box-shadow:0 2px 6px #3c287833,0 20px 50px -16px #503cb48c;padding:17px 30px;font-size:16px;border-radius:14px}.cta .btn:hover{background:#6b53e4;transform:translateY(-2px);box-shadow:0 2px 6px #3c287840,0 28px 64px -14px #503cb499}.cta .price{font-family:var(--font-mono);font-size:13px;color:var(--ink-5);letter-spacing:.5px;margin-top:18px}.wordmark{position:relative;z-index:1;text-align:center;padding:60px 16px 40px;overflow:hidden;background:#0a090d}.wordmark svg{width:100%;max-width:1500px;height:auto;display:block;margin:0 auto;opacity:.95}.wordmark text{font-family:var(--font-sans);font-weight:700;fill:url(#wordGrad);letter-spacing:-12px}footer{padding:36px 0;background:#08070b;color:#ffffff80;font-size:13px}.foot{display:flex;justify-content:space-between;align-items:center;gap:24px;flex-wrap:wrap}.foot-brand{display:flex;align-items:center;gap:10px;color:#fffc}.foot-brand img{width:20px;height:20px}.foot-links{display:flex;gap:24px}.foot-links a:hover{color:#ffffffe6}.foot-mono{font-family:var(--font-mono);letter-spacing:.3px;color:#ffffff59;font-size:12px}@media(max-width:960px){h1.display{font-size:60px;letter-spacing:-2px}.lede{white-space:normal;max-width:520px}h2.section{font-size:42px;letter-spacing:-1.3px}.madefor h2,.cta h2{font-size:48px;letter-spacing:-1.4px}.pull-quote{font-size:28px;letter-spacing:-.6px}.how-grid,.modes-grid,.trio-grid,.quote-meta{grid-template-columns:1fr}.nav-links{display:none}.insitu-stage{aspect-ratio:9/16;max-width:420px}.insitu-panel{position:relative;right:auto;top:auto;width:90%;margin:42px auto 0}.insitu-overlay{position:relative;left:auto;transform:none;top:auto;margin:24px auto 0}.insitu-arrow{display:none}.demo-card{aspect-ratio:4/3}.demo-overlay{width:260px}.appback .ab-side,.appback .sf-nav,.appback .props,.appback .layers,.appback .toolbar,.appback .topbar,.appback .status{display:none}.appback .ab-pane{justify-content:center}}@media(max-width:760px){.bento{grid-template-columns:1fr 1fr;grid-auto-rows:auto}.bento-card{min-height:148px}.bento-ui,.bento-custom,.bento-perf,.bento-privacy{grid-column:span 2;grid-row:auto}.bento-native,.bento-oss{grid-column:span 1}}@media(max-width:520px){.bento{grid-template-columns:1fr}.bento-ui,.bento-custom,.bento-perf,.bento-native,.bento-oss,.bento-privacy{grid-column:span 1}.bento-custom,.bento-perf,.bento-privacy{flex-direction:column;align-items:stretch}.bento-custom .bc-vis,.bento-perf .perf-vis,.bento-privacy .priv-vis,.cust-panel{width:auto}}.app-icon img.hslot{object-fit:contain}.picker-tile img.ps{object-fit:contain;padding:13%}.lang-switch{position:relative}.lang-switch summary{list-style:none;cursor:pointer;display:inline-flex;align-items:center;gap:6px;font-size:14px;font-weight:500;color:inherit;padding:8px 10px;border-radius:9px;transition:background .15s}.lang-switch summary::-webkit-details-marker{display:none}.lang-switch summary:hover{background:#0000000f}.nav.on-dark .lang-switch summary:hover{background:#ffffff1f}.lang-switch summary svg{opacity:.7}.lang-menu{position:absolute;right:0;top:calc(100% + 8px);min-width:160px;background:#ffffffeb;backdrop-filter:blur(20px) saturate(160%);border:.5px solid rgba(0,0,0,.1);border-radius:14px;padding:6px;box-shadow:0 10px 30px -10px #3c28784d,0 2px 6px #0000000f;display:flex;flex-direction:column;gap:1px;z-index:60}.lang-menu a{padding:8px 12px;border-radius:8px;font-size:14px;color:var(--ink-7);transition:background .12s;white-space:nowrap}.lang-menu a:hover{background:#503cb41a}.lang-menu a[aria-current=true]{color:var(--accent-deep);font-weight:600;background:#503cb414}