.landing{--beam:linear-gradient(135deg, var(--beam-start), var(--beam-end));--r-sm:8px;--r-md:12px;--r-lg:16px;--r-xl:24px;--ease-base:cubic-bezier(.2, 0, 0, 1);--ease-slow:cubic-bezier(.16, 1, .3, 1);background:var(--bg0);color:var(--text1);-webkit-font-smoothing:antialiased;text-rendering:optimizelegibility;min-height:100vh;font-size:16px;line-height:1.55}.app-route body{background:#fff}.app-route .landing{display:none}a{color:inherit}::selection{background:#6e5bff59}.landing{min-height:100vh;position:relative;overflow-x:clip}.wrap{width:min(1120px,100% - 48px);margin:0 auto}h1,h2,h3,p{margin:0}.aurora{z-index:-1;pointer-events:none;position:absolute;inset:0;overflow:hidden}.aurora:before{content:"";background:radial-gradient(closest-side at 38% 42%, var(--glow-iris), transparent 68%), radial-gradient(closest-side at 66% 30%, var(--glow-blue), transparent 66%);filter:blur(48px);width:1200px;height:780px;position:absolute;top:-320px;left:50%;transform:translate(-50%)}.aurora:after{content:"";background-image:linear-gradient(180deg, transparent, var(--bg0) 92%), linear-gradient(var(--grid-line) 1px, transparent 1px), linear-gradient(90deg, var(--grid-line) 1px, transparent 1px);background-size:100% 100%,56px 56px,56px 56px;height:640px;position:absolute;top:0;left:0;right:0}.topbar{z-index:40;transition:background .2s var(--ease-base), border-color .2s var(--ease-base);border-bottom:1px solid #0000;position:sticky;top:0}.topbar.is-scrolled{background:var(--header-bg);border-bottom-color:var(--stroke1);-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px)}.topbar-inner{justify-content:space-between;align-items:center;gap:24px;height:68px;display:flex}.brand{letter-spacing:-.03em;align-items:center;gap:10px;font-size:19px;font-weight:650;text-decoration:none;display:inline-flex}.brand img{width:30px;height:30px}.nav{align-items:center;gap:4px;display:flex}.nav a{border-radius:var(--r-sm);color:var(--text2);padding:8px 12px;font-size:14px;font-weight:500;text-decoration:none;transition:color .12s ease-out,background .12s ease-out}.nav a:hover{color:var(--text1);background:var(--nav-hover)}.topbar-actions{align-items:center;gap:10px;display:flex}.button{border:1px solid var(--stroke2);border-radius:var(--r-md);min-height:40px;color:var(--text1);letter-spacing:.005em;white-space:nowrap;background:0 0;justify-content:center;align-items:center;gap:8px;padding:0 18px;font-size:13.5px;font-weight:600;text-decoration:none;transition:background .12s ease-out,border-color .12s ease-out,color .12s ease-out,transform .12s ease-out,box-shadow .12s ease-out;display:inline-flex}.button:hover{background:var(--nav-hover);border-color:var(--stroke2)}.button:active{transform:translateY(1px)}.button.primary{background:var(--iris);color:#fff;border-color:#0000;box-shadow:inset 0 1px #ffffff2e,0 8px 24px #6e5bff59}.button.primary:hover{background:var(--iris-bright)}.button.lg{min-height:48px;padding:0 24px;font-size:14.5px}.button .dot{background:var(--record);border-radius:999px;width:8px;height:8px;box-shadow:0 0 0 3px #ff4d5e40}.hero{text-align:center;padding:84px 0 40px}.eyebrow{border:1px solid var(--stroke2);background:color-mix(in srgb, var(--bg1) 72%, transparent);color:var(--text2);letter-spacing:.01em;border-radius:999px;align-items:center;gap:8px;margin-bottom:26px;padding:7px 14px 7px 10px;font-size:12.5px;font-weight:600;display:inline-flex}.eyebrow .pulse{background:var(--record);border-radius:999px;width:7px;height:7px}@keyframes pulse-ring{0%{box-shadow:0 0 #ff4d5e73}70%{box-shadow:0 0 0 7px #ff4d5e00}to{box-shadow:0 0 #ff4d5e00}}.eyebrow .pulse{animation:pulse-ring 1.6s var(--ease-base) infinite}.hero h1{letter-spacing:-.035em;text-wrap:balance;max-width:820px;margin:0 auto 20px;font-size:clamp(42px,6.6vw,76px);font-weight:700;line-height:1.03}.hero h1 .beam-text{background:var(--beam);color:#0000;-webkit-background-clip:text;background-clip:text}.hero-copy{max-width:620px;color:var(--text2);text-wrap:balance;margin:0 auto;font-size:clamp(16px,2vw,18.5px);line-height:1.6}.hero .actions{flex-wrap:wrap;justify-content:center;gap:12px;margin-top:34px;display:flex}.hero-meta{color:var(--text3);flex-wrap:wrap;justify-content:center;gap:8px 22px;margin-top:22px;font-size:13px;font-weight:500;display:flex}.hero-meta span{align-items:center;gap:7px;display:inline-flex}.hero-meta svg{color:var(--success);flex:none}.stage{margin-top:58px;padding-bottom:8px;position:relative}.stage:before{content:"";background:radial-gradient(ellipse at 50% 30%, var(--glow-iris), transparent 65%);filter:blur(56px);z-index:0;position:absolute;inset:8% 12% -6%}.app-window{z-index:1;border:1px solid var(--stroke2);border-radius:var(--r-xl);background:linear-gradient(180deg, var(--card-sheen), transparent 8%), var(--bg1);box-shadow:var(--shadow-lg);position:relative;overflow:hidden}.app-titlebar{border-bottom:1px solid var(--stroke1);background:var(--card-sheen);align-items:center;gap:14px;padding:13px 18px;display:flex}.traffic{gap:7px;display:flex}.traffic i{background:var(--bg3);border-radius:999px;width:11px;height:11px}.traffic i:first-child{background:#ff5f57}.traffic i:nth-child(2){background:#febc2e}.traffic i:nth-child(3){background:#28c840}.url-pill{background:var(--bg2);max-width:380px;color:var(--text3);text-align:center;border-radius:999px;flex:1;margin:0 auto;padding:5px 14px;font-size:12px}.app-body{grid-template-columns:216px 1fr;min-height:460px;display:grid}.mock-sidebar{border-right:1px solid var(--stroke1);flex-direction:column;gap:4px;padding:18px 12px;display:flex}.mock-nav-item{border-radius:var(--r-md);color:var(--text2);align-items:center;gap:10px;padding:9px 12px;font-size:13.5px;font-weight:500;display:flex}.mock-nav-item.active{background:var(--iris-soft);color:var(--text1)}.mock-nav-item svg{color:var(--text3);flex:none}.mock-nav-item.active svg{color:var(--iris-bright)}.mock-usage{border:1px solid var(--stroke1);border-radius:var(--r-md);background:var(--bg2);margin-top:auto;padding:12px}.mock-usage p{color:var(--text3);justify-content:space-between;font-size:11.5px;font-weight:550;display:flex}.mock-usage .bar{background:var(--bg3);border-radius:999px;height:4px;margin-top:8px;overflow:hidden}.mock-usage .bar i{background:var(--beam);border-radius:999px;width:34%;height:100%;display:block}.mock-main{text-align:left;padding:22px 24px;position:relative}.mock-main-head{justify-content:space-between;align-items:center;gap:16px;margin-bottom:18px;display:flex}.mock-main-head h3{letter-spacing:-.01em;font-size:17px;font-weight:650}.mock-record-btn{background:var(--record);color:#fff;border-radius:999px;align-items:center;gap:8px;padding:9px 16px;font-size:13px;font-weight:600;display:inline-flex;box-shadow:0 8px 20px #ff4d5e59}.mock-record-btn i{background:#fff;border-radius:999px;width:8px;height:8px}.mock-grid{grid-template-columns:repeat(3,minmax(0,1fr));gap:14px;display:grid}.mock-card{border:1px solid var(--stroke1);border-radius:var(--r-lg);background:var(--bg2);overflow:hidden}.mock-thumb{aspect-ratio:16/9;background:radial-gradient(circle at 24% 30%, #8b7cff80, transparent 60%), radial-gradient(circle at 78% 74%, #57c2ff59, transparent 55%), var(--bg3);position:relative}.mock-card:nth-child(2) .mock-thumb{background:radial-gradient(circle at 70% 22%, #57c2ff73, transparent 58%), radial-gradient(circle at 22% 80%, #6e5bff66, transparent 55%), var(--bg3)}.mock-card:nth-child(3) .mock-thumb{background:radial-gradient(circle at 50% 60%, #3ecf8e47, transparent 60%), radial-gradient(circle at 82% 18%, #8b7cff66, transparent 55%), var(--bg3)}.mock-thumb .play{background:#0a0c109e;border-radius:999px;place-items:center;width:34px;height:34px;display:grid;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)}.mock-thumb .play svg{color:#fff;margin-left:2px}.mock-thumb .duration{color:#fff;font-variant-numeric:tabular-nums;background:#0a0c10a6;border-radius:6px;padding:2px 7px;font-size:10.5px;font-weight:600;position:absolute;bottom:8px;right:8px}.mock-card-meta{padding:10px 12px 12px}.mock-card-meta b{color:var(--text1);font-size:12.5px;font-weight:600;display:block}.mock-card-meta span{color:var(--text3);font-size:11px}.mock-toast{border:1px solid var(--stroke2);background:var(--glass-bg);-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);color:var(--text1);box-shadow:var(--shadow-md);border-radius:999px;align-items:center;gap:9px;padding:10px 16px;font-size:12.5px;font-weight:550;display:inline-flex;position:absolute;bottom:20px;left:24px}.mock-toast svg{color:var(--success)}.mock-bubble{border:2px solid var(--stroke2);background:radial-gradient(circle at 36% 32%, #8b7cffbf, transparent 62%), radial-gradient(circle at 68% 72%, #57c2ff8c, transparent 58%), var(--bg3);width:92px;height:92px;box-shadow:var(--shadow-md);border-radius:999px;position:absolute;bottom:20px;right:26px}.mock-bubble:after{content:"";background:var(--record);width:9px;height:9px;animation:pulse-ring 1.6s var(--ease-base) infinite;border-radius:999px;position:absolute;top:8px;right:10px}section{padding:96px 0 0}.section-head{text-align:center;max-width:640px;margin:0 auto 44px}.kicker{color:var(--iris-bright);letter-spacing:.09em;text-transform:uppercase;margin-bottom:14px;font-size:12.5px;font-weight:650;display:inline-block}h2{letter-spacing:-.025em;text-wrap:balance;margin-bottom:14px;font-size:clamp(28px,4vw,40px);font-weight:700;line-height:1.12}.section-head p{color:var(--text2);text-wrap:balance;font-size:16.5px}.grid{grid-template-columns:repeat(3,minmax(0,1fr));gap:16px;display:grid}.grid.cols-4{grid-template-columns:repeat(4,minmax(0,1fr))}.card{border:1px solid var(--stroke1);border-radius:var(--r-lg);background:linear-gradient(180deg, var(--card-sheen), transparent 30%), var(--bg1);transition:transform .2s var(--ease-base), border-color .2s var(--ease-base), background .2s var(--ease-base);padding:26px 24px;position:relative}.card:hover{border-color:var(--stroke2);transform:translateY(-3px)}.card .icon{border-radius:var(--r-md);background:var(--iris-soft);width:42px;height:42px;color:var(--iris-bright);border:1px solid #6e5bff59;place-items:center;margin-bottom:18px;display:grid}.card h3{letter-spacing:-.01em;margin-bottom:8px;font-size:16px;font-weight:650}.card p{color:var(--text2);font-size:14px;line-height:1.6}.steps{counter-reset:steps;grid-template-columns:repeat(3,minmax(0,1fr));gap:16px;display:grid}.step{border:1px solid var(--stroke1);border-radius:var(--r-lg);background:var(--bg1);padding:28px 24px;position:relative;overflow:hidden}.step:before{counter-increment:steps;content:"0" counter(steps);letter-spacing:-.04em;color:var(--step-number);font-size:44px;font-weight:800;line-height:1;position:absolute;top:14px;right:18px}.step .step-dot{background:var(--iris-soft);width:30px;height:30px;color:var(--iris-bright);border:1px solid #6e5bff59;border-radius:999px;place-items:center;margin-bottom:16px;font-size:13px;font-weight:700;display:inline-grid}.step h3{margin-bottom:8px;font-size:16px;font-weight:650}.step p{color:var(--text2);font-size:14px;line-height:1.6}.cta{border-top:1px solid var(--stroke1);border-bottom:1px solid var(--stroke1);background:radial-gradient(ellipse 60% 120% at 50% 0%, var(--glow-iris), transparent 70%), var(--bg0);text-align:center;margin-top:96px;padding:72px 32px;position:relative;overflow:hidden}.cta h2{max-width:560px;margin:0 auto 14px}.cta p{max-width:480px;color:var(--text2);margin:0 auto;font-size:16px}.cta .actions{flex-wrap:wrap;justify-content:center;gap:12px;margin-top:30px;display:flex}.footer{padding:40px 0 52px}.footer-inner{color:var(--text3);flex-wrap:wrap;justify-content:space-between;align-items:center;gap:18px;font-size:13.5px;display:flex}.footer-brand{color:var(--text2);align-items:center;gap:9px;font-weight:600;text-decoration:none;display:inline-flex}.footer-brand img{width:22px;height:22px}.footer nav{flex-wrap:wrap;gap:4px 22px;display:flex}.footer nav a{color:var(--text3);text-decoration:none;transition:color .12s ease-out}.footer nav a:hover{color:var(--text1)}.reveal{opacity:0;transition:opacity .6s var(--ease-slow), transform .6s var(--ease-slow);transform:translateY(18px)}.reveal.is-visible{opacity:1;transform:none}@media (prefers-reduced-motion:reduce){html{scroll-behavior:auto}.reveal{opacity:1;transition:none;transform:none}.eyebrow .pulse,.mock-bubble:after{animation:none}}@media (max-width:960px){.grid,.grid.cols-4,.steps{grid-template-columns:repeat(2,minmax(0,1fr))}.nav{display:none}.app-body{grid-template-columns:1fr}.mock-sidebar{display:none}.mock-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.mock-grid .mock-card:nth-child(3){display:none}}@media (max-width:600px){.wrap{width:min(100% - 32px,1120px)}.hero{padding-top:56px}.topbar-inner{gap:12px}.topbar-actions{gap:8px}.topbar-sign-in{display:none}section{padding-top:72px}.grid,.grid.cols-4,.steps{grid-template-columns:1fr}.hero .actions .button,.cta .actions .button{flex:100%}.mock-toast{display:none}.app-body{min-height:0}.mock-main{padding-bottom:88px}.mock-bubble{width:64px;height:64px}}