:root{--bg: #070b14;--bg-soft: #0a1020;--glass: rgba(6, 12, 26, .78);--glass-card: rgba(15, 23, 42, .62);--glass-accent: rgba(14, 116, 144, .16);--glass-highlight: rgba(56, 189, 248, .08);--glass-hover: rgba(56, 189, 248, .15);--border: rgba(56, 189, 248, .35);--border-subtle: rgba(56, 189, 248, .18);--border-glow: rgba(56, 189, 248, .65);--text: #f0f9ff;--muted: #94a3b8;--dim: #64748b;--accent: #38bdf8;--accent-glow: #7dd3fc;--emerald: #34d399;--amber: #fbbf24;--rose: #f43f5e;--shadow-island: 0 14px 40px -10px rgba(0, 0, 0, .7), 0 0 24px rgba(56, 189, 248, .28);--shadow-glow: 0 0 24px rgba(56, 189, 248, .45);--ease-spring: cubic-bezier(.175, .885, .32, 1.2);--ease-smooth: cubic-bezier(.16, 1, .3, 1);--fast: .18s;--normal: .32s;--slow: .48s;--font-sans: "Plus Jakarta Sans", system-ui, -apple-system, "Segoe UI", sans-serif;--font-mono: "JetBrains Mono", ui-monospace, monospace;--radius: 18px;--container: 1160px}*,*:before,*:after{box-sizing:border-box}html{scroll-behavior:smooth;-webkit-text-size-adjust:100%}body{margin:0;min-height:100vh;background:var(--bg);color:var(--text);font-family:var(--font-sans);line-height:1.6;-webkit-font-smoothing:antialiased;overflow-x:hidden}body:before{content:"";position:fixed;top:0;right:0;bottom:0;left:0;z-index:-2;background:radial-gradient(58% 48% at 12% 6%,rgba(14,116,144,.38),transparent 62%),radial-gradient(48% 40% at 88% 2%,rgba(56,189,248,.22),transparent 62%),radial-gradient(65% 55% at 50% 105%,rgba(2,132,199,.2),transparent 66%);pointer-events:none}body:after{content:"";position:fixed;top:0;right:0;bottom:0;left:0;z-index:-1;background-image:linear-gradient(rgba(56,189,248,.045) 1px,transparent 1px),linear-gradient(90deg,rgba(56,189,248,.045) 1px,transparent 1px);background-size:56px 56px;-webkit-mask-image:radial-gradient(ellipse 80% 60% at 50% 30%,#000 20%,transparent 78%);mask-image:radial-gradient(ellipse 80% 60% at 50% 30%,#000 20%,transparent 78%);pointer-events:none}img{max-width:100%;display:block}a{color:inherit;text-decoration:none}button{font-family:inherit}:focus-visible{outline:2px solid var(--accent-glow);outline-offset:3px;border-radius:8px}.container{width:min(100% - 40px,var(--container));margin-inline:auto}.mono{font-family:var(--font-mono);font-size:.92em;color:var(--accent-glow)}.skip-link{position:absolute;left:-9999px;top:8px;padding:10px 16px;background:var(--accent);color:#04121f;border-radius:10px;font-weight:700;z-index:100}.skip-link:focus{left:16px}.site-header{position:sticky;top:0;z-index:50;backdrop-filter:blur(18px);-webkit-backdrop-filter:blur(18px);background:linear-gradient(180deg,#070b14e6,#070b148c);border-bottom:1px solid rgba(56,189,248,.12)}.nav{display:flex;align-items:center;justify-content:space-between;gap:16px;height:64px}.brand{display:inline-flex;align-items:center;gap:10px;font-weight:800;letter-spacing:.6px;font-size:15px}.brand-mark{width:30px;height:24px;flex-shrink:0;overflow:visible;filter:drop-shadow(0 0 9px rgba(56,189,248,.55));animation:cloudBob 4s ease-in-out infinite}.brand-eyes,.orb-eyes{transform-origin:center;animation:cloudBlink 5.6s ease-in-out infinite}@keyframes cloudBlink{0%,92%,to{transform:scaleY(1)}95%{transform:scaleY(.1)}97%{transform:scaleY(1)}}@keyframes cloudBob{0%,to{transform:translateY(0)}50%{transform:translateY(-2px)}}@media(prefers-reduced-motion:reduce){.brand-mark,.brand-eyes,.orb-eyes,.orb{animation:none}}.nav-links{display:flex;align-items:center;gap:4px}.nav-links a{padding:8px 12px;border-radius:10px;font-size:13.5px;font-weight:600;color:var(--muted);transition:color var(--fast),background var(--fast)}.nav-links a:hover{color:var(--text);background:#ffffff0d}.nav-actions{display:flex;align-items:center;gap:8px}.nav-toggle{display:none;width:40px;height:40px;border-radius:12px;border:1px solid var(--border-subtle);background:#ffffff0a;color:var(--text);cursor:pointer}.btn{display:inline-flex;align-items:center;justify-content:center;gap:8px;padding:11px 20px;border-radius:12px;border:1px solid transparent;font-size:14px;font-weight:700;cursor:pointer;transition:transform var(--fast) var(--ease-spring),box-shadow var(--fast),background var(--fast),border-color var(--fast);white-space:nowrap}.btn-primary{background:linear-gradient(180deg,#38bdf8,#0284c7);color:#03121d;box-shadow:0 8px 24px -8px #38bdf8bf}.btn-primary:hover{transform:translateY(-2px);box-shadow:0 14px 32px -8px #38bdf8e6}.btn-ghost{background:#ffffff0d;border-color:var(--border-subtle);color:var(--text)}.btn-ghost:hover{background:#38bdf81f;border-color:var(--border);transform:translateY(-2px)}.btn-sm{padding:8px 14px;font-size:12.5px;border-radius:10px}.hero{padding:clamp(48px,8vw,96px) 0 clamp(40px,6vw,72px)}.hero-grid{display:grid;grid-template-columns:1.05fr 1fr;gap:clamp(32px,5vw,64px);align-items:center}.eyebrow{display:inline-flex;align-items:center;gap:8px;padding:6px 12px;border-radius:999px;border:1px solid var(--border-subtle);background:#38bdf814;color:var(--accent-glow);font-size:11.5px;font-weight:700;letter-spacing:.8px;text-transform:uppercase;margin-bottom:18px}.eyebrow .dot{width:6px;height:6px;border-radius:50%;background:var(--emerald);box-shadow:0 0 8px var(--emerald)}h1{margin:0 0 16px;font-size:clamp(34px,5.4vw,58px);line-height:1.06;letter-spacing:-1.6px;font-weight:800}.grad-text{background:linear-gradient(100deg,#e0f2fe,#7dd3fc 40%,#38bdf8,#0284c7);-webkit-background-clip:text;background-clip:text;color:transparent}.lead{margin:0 0 26px;font-size:clamp(15px,1.6vw,17.5px);color:var(--muted);max-width:52ch}.cta-row{display:flex;flex-wrap:wrap;gap:12px;align-items:center}.meta-note{margin-top:14px;font-size:12.5px;color:var(--dim);display:flex;flex-wrap:wrap;gap:6px 14px;align-items:center}.meta-note span{display:inline-flex;align-items:center;gap:5px}.island-stage{position:relative;display:grid;place-items:center;min-height:380px;perspective:1200px;overflow:hidden;max-width:100%}.island-stage>.island{transition:zoom var(--normal) var(--ease-smooth)}.island-stage:before{content:"";position:absolute;width:min(560px,100%);aspect-ratio:1;border-radius:50%;background:radial-gradient(circle,rgba(56,189,248,.16),transparent 62%);filter:blur(10px);pointer-events:none}.island{position:relative;display:flex;align-items:center;justify-content:center;border-radius:999px;background:linear-gradient(180deg,#0e749033,#040914eb);border:1px solid var(--border);box-shadow:var(--shadow-island),inset 0 1px #e0f2fe24;backdrop-filter:blur(22px);-webkit-backdrop-filter:blur(22px);overflow:hidden;transition:width var(--slow) var(--ease-spring),height var(--slow) var(--ease-spring),border-radius var(--slow) var(--ease-spring),opacity var(--normal),transform var(--slow) var(--ease-spring);will-change:width,height}.island[data-state=idle]{width:285px;height:36px;border-radius:999px}.island[data-state=idle].no-speed{width:185px}.island[data-state=lyric]{width:450px;height:44px;border-radius:999px}.island[data-state=karaoke]{width:490px;height:122px;border-radius:26px}.island[data-state=dropzone]{width:470px;height:132px;border-radius:22px}.island[data-state=dropzone].shelf-only{width:320px}.island[data-state=hub]{width:560px;height:310px;border-radius:26px}.island[data-mode=ghost]{opacity:.35;pointer-events:none;filter:saturate(.6)}.island[data-mode=edge-peek]{width:240px;height:8px;border-radius:999px}.island[data-mode=edge-peek] .isl-state{opacity:0;pointer-events:none}.island[data-mode=edge-peek]:hover{width:450px;height:44px}.island[data-mode=edge-peek]:hover .isl-idle{opacity:1;transform:scale(1);pointer-events:auto}.isl-state{position:absolute;top:0;right:0;bottom:0;left:0;display:flex;align-items:center;justify-content:center;opacity:0;transform:scale(.96);transition:opacity var(--normal) var(--ease-smooth),transform var(--normal) var(--ease-spring);pointer-events:none}.island[data-state=idle] .isl-idle,.island[data-state=lyric] .isl-lyric,.island[data-state=karaoke] .isl-karaoke,.island[data-state=dropzone] .isl-dropzone,.island[data-state=hub] .isl-hub{opacity:1;transform:scale(1);pointer-events:auto}.orb{width:18px;height:15px;flex-shrink:0;overflow:visible;filter:drop-shadow(0 0 8px rgba(56,189,248,.8));animation:orbPulse 2.8s ease-in-out infinite}@keyframes orbPulse{0%,to{box-shadow:0 0 10px #38bdf899}50%{box-shadow:0 0 20px #38bdf8f2}}.isl-idle{gap:10px;padding:0 14px;font-size:11.5px}.isl-idle .isl-clock{font-family:var(--font-mono);font-weight:700;color:var(--text);letter-spacing:.5px}.isl-idle .speed-seg{display:inline-flex;align-items:center;gap:3px;font-family:var(--font-mono);font-size:10.5px;color:var(--accent-glow)}.isl-idle .sep{color:var(--dim);opacity:.6}.isl-idle .cloud-badge{display:inline-flex;align-items:center;gap:4px;padding:2px 7px;border-radius:999px;background:#34d39924;border:1px solid rgba(52,211,153,.4);color:var(--emerald);font-size:9px;font-weight:700}.isl-lyric{gap:12px;padding:0 16px;width:100%}.album{width:26px;height:26px;border-radius:8px;background:linear-gradient(135deg,#0284c7,#7dd3fc);display:grid;place-items:center;font-size:12px;flex-shrink:0;box-shadow:0 0 12px #38bdf866}.album.spin{animation:spin 6s linear infinite;border-radius:50%}@keyframes spin{to{transform:rotate(360deg)}}.lyric-ticker{flex:1;min-width:0;overflow:hidden;white-space:nowrap;font-size:12.5px;font-weight:600;color:var(--text);text-overflow:ellipsis}.lyric-ticker b{color:var(--accent-glow);font-weight:800}.mic-btn{width:24px;height:24px;border-radius:50%;border:1px solid var(--border-subtle);background:#ffffff0f;color:var(--muted);display:grid;place-items:center;cursor:pointer;flex-shrink:0;font-size:11px}.mic-btn.muted{background:#f43f5e2e;border-color:#f43f5e80;color:#fda4af}.isl-karaoke{flex-direction:column;gap:8px;padding:12px 18px;width:100%}.kara-lines{display:flex;flex-direction:column;gap:2px;text-align:center;width:100%}.kara-lines .prev,.kara-lines .next{font-size:10.5px;color:var(--dim)}.kara-lines .curr{font-size:15px;font-weight:800;color:var(--accent-glow);text-shadow:0 0 18px rgba(56,189,248,.65)}.kara-controls{display:flex;align-items:center;gap:8px}.kara-controls button{height:24px;padding:0 10px;border-radius:8px;border:1px solid var(--border-subtle);background:#ffffff0d;color:var(--text);font-size:10.5px;font-weight:700;cursor:pointer;transition:background var(--fast),border-color var(--fast)}.kara-controls button:hover{background:var(--glass-hover);border-color:var(--border)}.kara-controls .mic-mute{background:#f43f5e24;border-color:#f43f5e73;color:#fda4af}.isl-dropzone{gap:10px;padding:12px;width:100%;height:100%;align-items:stretch}.drop-col{flex:1;border-radius:14px;border:1px dashed var(--border-subtle);background:#ffffff08;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:4px;text-align:center;padding:8px;transition:border-color var(--fast),background var(--fast),transform var(--fast)}.drop-col:hover{border-color:var(--border-glow);background:#38bdf814}.drop-col .dc-title{font-size:11.5px;font-weight:800}.drop-col .dc-sub{font-size:9.5px;color:var(--dim)}.drop-col .dc-icon{font-size:18px;line-height:1}.drop-col.cloud{border-color:#7dd3fc66;background:#0e749024}.drop-progress{position:absolute;left:14px;right:14px;bottom:10px;height:3px;border-radius:999px;background:#ffffff14;overflow:hidden;opacity:0;transition:opacity var(--fast)}.drop-progress.show{opacity:1}.drop-progress i{display:block;height:100%;width:0%;background:linear-gradient(90deg,#0284c7,#7dd3fc);transition:width .24s linear}.isl-hub{flex-direction:column;align-items:stretch;padding:12px;gap:8px;width:100%;height:100%}.hub-tabs{display:flex;gap:4px;flex-wrap:nowrap;overflow:hidden}.hub-tabs span{padding:4px 8px;border-radius:7px;font-size:9.5px;font-weight:700;color:var(--dim);background:#ffffff08;white-space:nowrap;cursor:pointer;transition:color var(--fast),background var(--fast)}.hub-tabs span:hover{color:var(--text)}.hub-tabs span.active{color:var(--accent-glow);background:#38bdf829;border:1px solid rgba(56,189,248,.35)}.hub-body{flex:1;display:grid;grid-template-columns:1.2fr 1fr;gap:8px;min-height:0}.hub-card{border-radius:10px;border:1px solid rgba(255,255,255,.07);background:#00000047;padding:8px 10px;font-size:9.5px;color:var(--muted);overflow:hidden}.hub-card h4{margin:0 0 4px;font-size:9.5px;letter-spacing:.4px;text-transform:uppercase;color:var(--accent-glow)}.hub-row{display:flex;align-items:center;justify-content:space-between;gap:6px;padding:3px 0;border-bottom:1px solid rgba(255,255,255,.05);font-size:9px}.hub-row:last-child{border-bottom:none}.hub-row b{color:var(--text);font-weight:700}.pill{padding:1px 6px;border-radius:999px;font-size:8px;font-weight:700;background:#34d39929;color:var(--emerald);border:1px solid rgba(52,211,153,.35)}.section{padding:clamp(56px,8vw,104px) 0}.section-head{max-width:720px;margin-bottom:clamp(28px,4vw,48px)}.kicker{display:inline-block;font-size:11px;font-weight:800;letter-spacing:1.4px;text-transform:uppercase;color:var(--accent);margin-bottom:10px}h2{margin:0 0 12px;font-size:clamp(26px,3.4vw,40px);line-height:1.15;letter-spacing:-1px;font-weight:800}.sub{margin:0;color:var(--muted);font-size:clamp(14px,1.4vw,16px);max-width:62ch}.bento{display:grid;grid-template-columns:minmax(0,2fr) minmax(0,1fr);grid-template-areas:"main side" "rest rest";gap:16px;align-items:stretch}.bento-main{grid-area:main;display:flex;flex-direction:column;gap:16px;align-self:stretch;height:100%}.bento-main>.bento-card{flex:1 1 auto;min-height:0;height:auto}.bento-side{grid-area:side;display:flex;flex-direction:column;gap:16px;align-self:stretch;height:100%;min-height:100%}.bento-side>.bento-card{flex:1 1 0;min-height:0;height:auto}.bento-rest{grid-area:rest;display:grid;grid-template-columns:repeat(3,1fr);gap:16px;align-items:stretch}.bento-card{position:relative;display:flex;flex-direction:column;height:100%;padding:22px;border-radius:var(--radius);background:var(--glass-card);border:1px solid rgba(56,189,248,.14);backdrop-filter:blur(16px);-webkit-backdrop-filter:blur(16px);transition:transform var(--normal) var(--ease-spring),border-color var(--fast),box-shadow var(--fast);overflow:hidden}.bento-card:after{content:"";position:absolute;top:0;right:0;bottom:0;left:0;background:radial-gradient(60% 60% at 100% 0%,rgba(56,189,248,.14),transparent 70%);opacity:0;transition:opacity var(--normal);pointer-events:none}.bento-card:hover{transform:translateY(-4px);border-color:var(--border);box-shadow:0 18px 40px -20px #000000e6,0 0 24px #38bdf829}.bento-card:hover:after{opacity:1}.bento-lg{border-color:#38bdf847;background:linear-gradient(160deg,#0f172ac7,#082f496b)}.bento-lg{display:grid;grid-template-columns:minmax(0,1.1fr) minmax(0,.9fr);grid-template-areas:"head    preview" "title   preview" "copy    preview" "points  preview";align-content:start;column-gap:20px}.bento-lg>.bento-head{grid-area:head;align-self:start}.bento-lg>h3{grid-area:title}.bento-lg>p{grid-area:copy}.bento-lg>.mini-ui{grid-area:preview;margin-top:0;align-self:center}.bento-lg>.bento-points{grid-area:points}.bento-opt{border-style:dashed;border-color:#94a3b838;background:#0f172a6b}.bento-head{display:flex;align-items:center;justify-content:space-between;gap:10px;margin-bottom:14px}.bento-head .feature-icon{margin-bottom:0}.bento-badge{font-family:var(--font-mono);font-size:9.5px;font-weight:700;letter-spacing:.08em;padding:3px 8px;border-radius:999px;white-space:nowrap}.bento-badge.core{color:#7dd3fc;background:#38bdf824;border:1px solid rgba(56,189,248,.4)}.bento-badge.opt{color:#cbd5e1;background:#94a3b81f;border:1px solid rgba(148,163,184,.3)}.bento-card h3{margin:0 0 6px;font-size:16px;font-weight:800;letter-spacing:-.2px}.bento-card>p{margin:0;font-size:13px;color:var(--muted);line-height:1.6}.bento-points{margin:14px 0 0;padding:0;list-style:none;display:flex;flex-direction:column;gap:6px}.bento-points li{position:relative;padding-left:16px;font-size:12px;color:var(--muted)}.bento-points li:before{content:"";position:absolute;left:0;top:6px;width:6px;height:6px;border-radius:50%;background:var(--accent);box-shadow:0 0 8px #38bdf8b3}.mini-ui{margin-top:16px;padding:10px;border-radius:12px;background:#020617b8;border:1px solid rgba(56,189,248,.16);font-family:var(--font-mono);font-size:10.5px}.mini-bar{display:flex;align-items:center;gap:6px;padding-bottom:8px;margin-bottom:8px;border-bottom:1px solid rgba(56,189,248,.12)}.mini-dot{width:6px;height:6px;border-radius:50%;background:var(--accent);box-shadow:0 0 8px #38bdf8e6;flex-shrink:0}.mini-title{color:var(--text);font-weight:600;flex:1;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.mini-pill{font-size:9px;padding:1px 6px;border-radius:999px;color:var(--muted);background:#94a3b824;border:1px solid rgba(148,163,184,.24);white-space:nowrap}.mini-pill.ok{color:#6ee7b7;background:#34d39924;border-color:#34d39959}.mini-pill.live{color:#fda4af;background:#f43f5e29;border-color:#f43f5e66}.mini-row{display:flex;align-items:center;justify-content:space-between;gap:8px;color:var(--muted)}.mini-row b{color:var(--text);font-weight:600;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.mini-link{margin-top:6px;color:var(--accent-glow);font-size:10px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.mini-actions{display:flex;gap:6px;margin-top:8px}.mini-btn{font-size:9px;padding:2px 8px;border-radius:6px;color:var(--accent-glow);background:#38bdf81f;border:1px solid rgba(56,189,248,.3)}.mini-mic-row{display:flex;align-items:center;gap:8px;color:var(--muted)}.mini-mic{width:12px;height:12px;border-radius:50%;background:#f43f5e40;border:2px solid #f43f5e;flex-shrink:0;animation:miniPulse 1.4s ease-in-out infinite}.mini-wave{display:inline-flex;align-items:flex-end;gap:2px;height:14px;flex-shrink:0}.mini-wave i{display:block;width:2px;border-radius:1px;background:var(--accent);animation:miniWave 1s ease-in-out infinite}.mini-wave i:nth-child(1){height:5px;animation-delay:0s}.mini-wave i:nth-child(2){height:10px;animation-delay:.1s}.mini-wave i:nth-child(3){height:14px;animation-delay:.2s}.mini-wave i:nth-child(4){height:9px;animation-delay:.3s}.mini-wave i:nth-child(5){height:12px;animation-delay:.4s}.mini-wave i:nth-child(6){height:6px;animation-delay:.5s}.mini-text{overflow:hidden;text-overflow:ellipsis;white-space:nowrap;font-size:10px}.mini-reply{margin-top:8px;padding:6px 8px;border-radius:7px;font-size:10px;color:#a7f3d0;background:#34d3991a;border:1px solid rgba(52,211,153,.24)}@keyframes miniPulse{0%,to{box-shadow:0 0 #f43f5e80}50%{box-shadow:0 0 0 5px #f43f5e00}}@keyframes miniWave{0%,to{transform:scaleY(.45);opacity:.6}50%{transform:scaleY(1);opacity:1}}@media(prefers-reduced-motion:reduce){.mini-mic,.mini-wave i{animation:none}}@media(max-width:1024px){.bento{grid-template-columns:1fr;grid-template-areas:"main" "side" "rest"}.bento-side{flex-direction:row;height:auto}.bento-side>.bento-card{flex:1 1 0}.bento-rest{grid-template-columns:repeat(2,1fr)}.bento-lg{display:flex;flex-direction:column}.bento-lg>.mini-ui{margin-top:16px}}@media(max-width:640px){.bento-side{flex-direction:column}.bento-rest{grid-template-columns:1fr}}.features-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:16px;align-items:stretch;grid-auto-rows:1fr}.feature-card{position:relative;display:flex;flex-direction:column;height:100%;padding:22px;border-radius:var(--radius);background:var(--glass-card);border:1px solid rgba(56,189,248,.14);backdrop-filter:blur(16px);-webkit-backdrop-filter:blur(16px);transition:transform var(--normal) var(--ease-spring),border-color var(--fast),box-shadow var(--fast);overflow:hidden}.feature-card:after{content:"";position:absolute;top:0;right:0;bottom:0;left:0;background:radial-gradient(60% 60% at 100% 0%,rgba(56,189,248,.14),transparent 70%);opacity:0;transition:opacity var(--normal);pointer-events:none}.feature-card:hover{transform:translateY(-4px);border-color:var(--border);box-shadow:0 18px 40px -20px #000000e6,0 0 24px #38bdf829}.feature-card:hover:after{opacity:1}.feature-icon{width:40px;height:40px;border-radius:12px;display:grid;place-items:center;background:#38bdf81f;border:1px solid rgba(56,189,248,.3);color:var(--accent-glow);margin-bottom:14px}.feature-icon svg{width:20px;height:20px}.feature-card h3{margin:0 0 6px;font-size:15px;font-weight:800;letter-spacing:-.2px}.feature-card p{margin:0;font-size:13px;color:var(--muted)}.feature-card.wide{grid-column:span 1}.steps{display:grid;grid-template-columns:repeat(3,1fr);gap:16px;counter-reset:step}.step{position:relative;padding:24px;border-radius:var(--radius);border:1px solid var(--border-subtle);background:linear-gradient(180deg,#0f172a99,#070b1466)}.step:before{counter-increment:step;content:"0" counter(step);display:block;font-family:var(--font-mono);font-size:12px;font-weight:700;color:var(--accent);margin-bottom:10px}.step h3{margin:0 0 6px;font-size:15px;font-weight:800}.step p{margin:0;font-size:13px;color:var(--muted)}.modes-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:16px}.mode-card{padding:22px;border-radius:var(--radius);border:1px solid rgba(56,189,248,.16);background:var(--glass-card);backdrop-filter:blur(14px);-webkit-backdrop-filter:blur(14px)}.mode-visual{height:92px;border-radius:14px;background:linear-gradient(180deg,#020617e6,#02061780);border:1px solid rgba(255,255,255,.06);display:grid;place-items:center;margin-bottom:14px;overflow:hidden;position:relative}.mode-bar{width:150px;height:26px;border-radius:999px;background:linear-gradient(180deg,#0e749059,#020617f2);border:1px solid var(--border);box-shadow:0 0 18px #38bdf859}.mode-card:nth-child(2) .mode-bar{width:110px;height:7px;opacity:.9}.mode-card:nth-child(3) .mode-bar{opacity:.35}.mode-card h3{margin:0 0 6px;font-size:15px;font-weight:800}.mode-card p{margin:0;font-size:13px;color:var(--muted)}.privacy-banner{margin-bottom:16px;padding:16px 20px;border-radius:var(--radius);border:1px solid rgba(52,211,153,.3);background:linear-gradient(120deg,#061e1c99,#070b1466)}.privacy-banner-title{display:block;font-size:12px;font-weight:700;letter-spacing:.04em;text-transform:uppercase;color:#6ee7b7;margin-bottom:10px}.privacy-banner ul{margin:0;padding:0;list-style:none;display:flex;flex-wrap:wrap;gap:8px 26px}.privacy-banner li{display:flex;align-items:center;gap:8px;font-size:13px;color:var(--muted)}.privacy-tick{position:relative;width:14px;height:14px;border-radius:50%;background:#34d39929;border:1px solid rgba(52,211,153,.5);flex-shrink:0}.privacy-tick:after{content:"";position:absolute;left:4px;top:2px;width:4px;height:7px;border-right:1.5px solid #6ee7b7;border-bottom:1.5px solid #6ee7b7;transform:rotate(42deg)}.privacy-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:16px;align-items:stretch}.privacy-card{display:flex;flex-direction:column;padding:22px;border-radius:var(--radius);border:1px solid rgba(52,211,153,.22);background:linear-gradient(180deg,#061e1c73,#070b1466);transition:transform var(--normal) var(--ease-spring),border-color var(--fast)}.privacy-card:hover{transform:translateY(-3px);border-color:#34d39973}.privacy-icon{width:34px;height:34px;border-radius:10px;display:grid;place-items:center;margin-bottom:12px;color:#6ee7b7;background:#34d3991f;border:1px solid rgba(52,211,153,.3)}.privacy-icon svg{width:18px;height:18px}.privacy-card h3{margin:0 0 10px;font-size:15px;font-weight:800}.privacy-card ul{margin:0;padding:0;list-style:none;display:flex;flex-direction:column;gap:7px}.privacy-card li{position:relative;padding-left:15px;color:var(--muted);font-size:12.5px;line-height:1.55}.privacy-card li:before{content:"";position:absolute;left:0;top:7px;width:5px;height:5px;border-radius:50%;background:#34d399bf}.faq-groups{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:20px 24px;align-items:start}.faq-group{display:flex;flex-direction:column;gap:10px}.faq-group-title{margin:0 0 2px;display:flex;align-items:center;gap:8px;font-size:12px;font-weight:700;letter-spacing:.06em;text-transform:uppercase;color:var(--accent-glow)}.faq-group-dot{width:6px;height:6px;border-radius:50%;background:var(--accent);box-shadow:0 0 8px #38bdf8cc;flex-shrink:0}.faq-item{border-radius:14px;border:1px solid rgba(56,189,248,.16);background:#0f172a8c;overflow:hidden;transition:border-color var(--fast),background var(--fast)}.faq-item:hover{border-color:#38bdf852}.faq-item[open]{border-color:#38bdf866;background:#0f172abf}.faq-item summary{cursor:pointer;padding:15px 18px;font-size:13.5px;font-weight:700;list-style:none;display:flex;align-items:center;justify-content:space-between;gap:12px}.faq-item summary::-webkit-details-marker{display:none}.faq-item summary:after{content:"+";font-family:var(--font-mono);font-size:18px;line-height:1;color:var(--accent);transition:transform var(--fast),color var(--fast);flex-shrink:0}.faq-item[open] summary:after{content:"×";transform:rotate(90deg);color:var(--accent-glow)}.faq-item>p{margin:0;padding:0 18px 16px;font-size:12.5px;line-height:1.65;color:var(--muted)}@media(max-width:1024px){.privacy-grid{grid-template-columns:1fr 1fr}.faq-groups{grid-template-columns:1fr}}@media(max-width:640px){.privacy-grid{grid-template-columns:1fr}.privacy-banner ul{flex-direction:column;gap:8px}}.faq-item[open] summary:after{transform:rotate(45deg)}.faq-item p{margin:0;padding:0 18px 16px;font-size:13px;color:var(--muted)}.cta-band{position:relative;padding:clamp(32px,5vw,56px);border-radius:26px;border:1px solid var(--border);background:radial-gradient(70% 120% at 50% 0%,rgba(56,189,248,.2),transparent 60%),linear-gradient(180deg,#0e74902e,#040914e6);text-align:center;overflow:hidden}.cta-band h2{margin-bottom:10px}.cta-band p{margin:0 auto 22px;max-width:52ch;color:var(--muted);font-size:14.5px}.cta-band .cta-row{justify-content:center}.site-footer{padding:40px 0 56px;border-top:1px solid rgba(56,189,248,.12);margin-top:40px}.footer-inner{display:flex;flex-wrap:wrap;gap:20px;align-items:center;justify-content:space-between}.footer-note{font-size:12px;color:var(--dim)}.footer-links{display:flex;flex-wrap:wrap;gap:16px;font-size:12.5px;color:var(--muted)}.footer-links a:hover{color:var(--accent-glow)}html.js .reveal{opacity:0;transform:translateY(18px);transition:opacity .7s var(--ease-smooth),transform .7s var(--ease-smooth)}html.js .reveal.in{opacity:1;transform:none}.sim-main{padding:28px 0 64px}.sim-head{display:flex;flex-wrap:wrap;align-items:flex-end;justify-content:space-between;gap:16px;margin-bottom:20px}.sim-head h1{font-size:clamp(24px,3vw,34px);margin:0 0 6px;letter-spacing:-.8px}.sim-head p{margin:0;color:var(--muted);font-size:13.5px}.desktop-banner{display:none;margin-bottom:16px;padding:10px 14px;border-radius:12px;border:1px solid rgba(251,191,36,.35);background:#fbbf241a;color:#fde68a;font-size:12.5px}.sim-shell{display:grid;grid-template-columns:1fr 300px;gap:18px;align-items:start}.sim-stage{position:relative;min-height:560px;border-radius:22px;border:1px solid rgba(56,189,248,.18);background:radial-gradient(80% 60% at 50% 0%,rgba(14,116,144,.3),transparent 60%),linear-gradient(180deg,#08111f,#050a14);overflow:hidden;display:flex;flex-direction:column}.sim-desktop{flex:1;position:relative;display:flex;align-items:flex-start;justify-content:center;padding:44px 16px 24px;min-height:470px;background-image:radial-gradient(40% 40% at 20% 20%,rgba(56,189,248,.12),transparent 60%),radial-gradient(35% 35% at 80% 30%,rgba(2,132,199,.16),transparent 60%)}.sim-desktop .island{transform-origin:top center}.sim-hint{position:absolute;bottom:12px;left:50%;transform:translate(-50%);font-size:10.5px;color:var(--dim);white-space:nowrap}.sim-taskbar{height:44px;flex-shrink:0;border-top:1px solid rgba(56,189,248,.14);background:#040914d9;display:flex;align-items:center;justify-content:space-between;padding:0 12px;font-size:11px;color:var(--muted)}.sim-taskbar .tb-left,.sim-taskbar .tb-right{display:flex;align-items:center;gap:8px}.tb-app{width:22px;height:22px;border-radius:6px;background:#ffffff12;display:grid;place-items:center;font-size:9px}.tb-mark{width:14px;height:11px;animation:none;filter:drop-shadow(0 0 4px rgba(56,189,248,.7))}.tb-zura{display:inline-flex;align-items:center;gap:5px;padding:4px 8px;border-radius:7px;border:1px solid var(--border-subtle);background:#0e74903d;color:#e0f2fe;font-size:10px;font-weight:800;letter-spacing:.6px}.sim-panel{border-radius:18px;border:1px solid rgba(56,189,248,.18);background:var(--glass-card);backdrop-filter:blur(14px);-webkit-backdrop-filter:blur(14px);padding:16px;display:flex;flex-direction:column;gap:18px}.panel-group h3{margin:0 0 8px;font-size:10.5px;letter-spacing:1px;text-transform:uppercase;color:var(--dim);font-weight:800}.state-btns{display:grid;grid-template-columns:1fr 1fr;gap:6px}.state-btns button{padding:8px 10px;border-radius:9px;border:1px solid rgba(255,255,255,.1);background:#ffffff0a;color:var(--muted);font-size:11.5px;font-weight:700;cursor:pointer;transition:all var(--fast);text-align:left}.state-btns button:hover{border-color:var(--border);color:var(--text)}.state-btns button.active{background:#38bdf82e;border-color:var(--border-glow);color:var(--accent-glow);box-shadow:0 0 14px #38bdf838}.state-btns button:disabled{opacity:.38;cursor:not-allowed}.toggle-row{display:flex;align-items:center;justify-content:space-between;gap:10px;padding:5px 0;font-size:11.5px;color:var(--muted)}.toggle-row span{display:inline-flex;align-items:center;gap:6px}.switch{position:relative;width:34px;height:19px;flex-shrink:0}.switch input{position:absolute;opacity:0;width:100%;height:100%;margin:0;cursor:pointer}.switch i{position:absolute;top:0;right:0;bottom:0;left:0;border-radius:999px;background:#ffffff1f;transition:background var(--fast);pointer-events:none}.switch i:after{content:"";position:absolute;top:2px;left:2px;width:15px;height:15px;border-radius:50%;background:#cbd5e1;transition:transform var(--fast) var(--ease-spring),background var(--fast)}.switch input:checked+i{background:#38bdf88c}.switch input:checked+i:after{transform:translate(15px);background:#e0f2fe}.mode-btns{display:grid;grid-template-columns:repeat(3,1fr);gap:5px}.mode-btns button{padding:7px 4px;border-radius:8px;border:1px solid rgba(255,255,255,.1);background:#ffffff0a;color:var(--muted);font-size:10px;font-weight:700;cursor:pointer;transition:all var(--fast)}.mode-btns button.active{background:#38bdf82e;border-color:var(--border-glow);color:var(--accent-glow)}.panel-note{font-size:10.5px;color:var(--dim);line-height:1.5;border-top:1px solid rgba(255,255,255,.07);padding-top:12px}.sim-cta{margin-top:20px;display:flex;flex-wrap:wrap;gap:10px;align-items:center;justify-content:space-between;padding:16px 20px;border-radius:16px;border:1px solid var(--border-subtle);background:#38bdf80f;font-size:13px;color:var(--muted)}@media(max-width:1024px){.hero-grid{grid-template-columns:1fr;text-align:left}.island-stage{min-height:340px;order:-1}.features-grid,.steps,.modes-grid{grid-template-columns:1fr 1fr}.sim-shell{grid-template-columns:1fr}.sim-stage{min-height:480px}.sim-desktop{min-height:400px;padding:32px 10px 20px}.desktop-banner{display:block}.sim-desktop .island{zoom:.9}}@media(max-width:760px){html,body{overflow-x:hidden;max-width:100%}.container{padding-left:16px;padding-right:16px}.hero-copy h1{font-size:clamp(28px,8vw,40px)}.lead{font-size:14px}.cta-row{flex-wrap:wrap;gap:10px}.cta-row .btn{width:100%;justify-content:center}.meta-note{gap:6px 12px;font-size:11px}.hero-stats{width:100%;justify-content:space-between}.nav-links{display:none}.nav-toggle{display:grid;place-items:center}.nav.open .nav-links{display:flex;position:absolute;top:64px;left:0;right:0;flex-direction:column;align-items:stretch;padding:12px 20px 18px;background:#070b14f7;border-bottom:1px solid rgba(56,189,248,.16)}.nav.open .nav-links a{padding:12px}.features-grid,.steps,.modes-grid,.privacy-grid{grid-template-columns:1fr}.island-stage{min-height:260px}.island-stage>.island{zoom:.78}.sim-stage{min-height:380px}.sim-desktop{min-height:320px;padding:24px 8px 16px}.sim-desktop .island{zoom:.82}.sim-hint{font-size:10px;padding:0 8px;text-align:center}}@media(max-width:420px){.island-stage>.island{zoom:.62}.island-stage{min-height:200px}.section-head h2{font-size:clamp(22px,7vw,30px)}.coffee-float{right:12px;bottom:12px}}@media(prefers-reduced-motion:reduce){*,*:before,*:after{animation-duration:.001ms!important;animation-iteration-count:1!important;transition-duration:.001ms!important;scroll-behavior:auto!important}html.js .reveal,.reveal{opacity:1!important;transform:none!important}}.coffee-float{position:fixed;right:20px;bottom:20px;z-index:60;display:inline-flex;align-items:center;gap:8px;padding:11px 16px;border-radius:999px;text-decoration:none;font-size:13px;font-weight:700;color:#1a1206;background:linear-gradient(135deg,#fde68a,#fbbf24);border:1px solid rgba(251,191,36,.8);box-shadow:0 10px 26px -8px #fbbf248c,0 0 0 1px #00000026;transition:transform var(--fast) var(--ease-spring),box-shadow var(--fast),filter var(--fast)}.coffee-float:hover,.coffee-float:focus-visible{transform:translateY(-3px) scale(1.03);filter:brightness(1.05);box-shadow:0 16px 32px -10px #fbbf24b3,0 0 0 1px #0003}.coffee-float:focus-visible{outline:2px solid #fff7ed;outline-offset:3px}.coffee-float-icon{display:grid;place-items:center;width:20px;height:20px;flex-shrink:0}.coffee-float-icon svg{width:18px;height:18px}.coffee-float-text{white-space:nowrap}.coffee-float:before{content:"";position:absolute;top:-3px;right:-3px;bottom:-3px;left:-3px;border-radius:999px;border:1px solid rgba(251,191,36,.55);opacity:0;animation:coffeePulse 3.6s ease-out infinite;pointer-events:none}.coffee-float:hover:before{animation-play-state:paused;opacity:0}@keyframes coffeePulse{0%{opacity:.55;transform:scale(1)}70%{opacity:0;transform:scale(1.14)}to{opacity:0;transform:scale(1.14)}}@media(max-width:640px){.coffee-float{right:14px;bottom:14px;padding:11px;gap:0}.coffee-float-text{display:none}}@media(prefers-reduced-motion:reduce){.coffee-float,.coffee-float:before{animation:none;transition:none}}.hero-stats{display:flex;align-items:center;gap:18px;margin-top:18px;padding:12px 18px;border-radius:14px;width:fit-content;background:#0f172a8c;border:1px solid rgba(56,189,248,.18);opacity:0;transform:translateY(6px);transition:opacity var(--normal) var(--ease-smooth),transform var(--normal) var(--ease-smooth)}.hero-stats.show{opacity:1;transform:none}.hero-stat{display:flex;flex-direction:column;gap:2px}.hero-stat-value{font-family:var(--font-mono);font-size:18px;font-weight:700;color:var(--accent-glow);line-height:1.1}.hero-stat-label{font-size:10.5px;letter-spacing:.04em;text-transform:uppercase;color:var(--dim)}.hero-stat-divider{width:1px;height:26px;background:#38bdf833}@media(max-width:640px){.hero-stats{gap:14px;padding:10px 14px}.hero-stat-value{font-size:16px}}@media(max-width:420px){.sim-stage{min-height:330px}.sim-desktop{min-height:280px}.sim-desktop .island{zoom:.72}}