.landing{overflow-x:clip}.landing .wrap{width:min(1160px,100% - 32px);margin-inline:auto}.l-section{padding-top:clamp(80px,11vw,140px)}.l-head{display:grid;gap:14px;max-width:720px;margin-bottom:44px}.l-head.center{margin-inline:auto;text-align:center;justify-items:center}.l-head h2{font-size:clamp(32px,4.6vw,54px);font-weight:700;letter-spacing:-.05em;line-height:1.02}.l-head p{font-size:17px;color:var(--text-2);max-width:600px}.l-nav{position:sticky;top:12px;z-index:40;width:min(1160px,100% - 24px);margin:12px auto 0}.l-nav-inner{display:flex;align-items:center;gap:6px;padding:7px 7px 7px 20px;border-radius:999px;background:var(--glass);-webkit-backdrop-filter:blur(20px) saturate(1.8);backdrop-filter:blur(20px) saturate(1.8);border:1px solid var(--border);box-shadow:inset 0 1px 0 var(--hairline-hi),var(--shadow-md)}.l-links{display:flex;gap:2px;margin-left:20px}.l-links a{padding:8px 12px;font-size:14px;font-weight:500;color:var(--text-2);border-radius:999px;transition:color .15s,background-color .15s}.l-links a:hover{color:var(--text);background:var(--bg-2)}.l-hero{position:relative;isolation:isolate;padding-top:clamp(64px,10vw,120px);text-align:center}.aurora{position:absolute;inset:-160px 0 auto;height:900px;z-index:-1;pointer-events:none;overflow:hidden;-webkit-mask-image:linear-gradient(#000 50%,transparent);mask-image:linear-gradient(#000 50%,transparent)}.aurora i{position:absolute;opacity:.7;will-change:translate;animation:drift 18s ease-in-out infinite alternate}.aurora i:nth-child(1){width:900px;height:640px;left:-2%;top:20px;background:radial-gradient(closest-side,oklch(.6 .24 292 / .8),transparent)}.aurora i:nth-child(2){width:800px;height:600px;right:-4%;top:-40px;background:radial-gradient(closest-side,oklch(.6 .2 330 / .5),transparent);animation-duration:22s;animation-delay:-6s}.aurora i:nth-child(3){width:720px;height:500px;left:30%;top:260px;background:radial-gradient(closest-side,oklch(.75 .13 210 / .4),transparent);animation-duration:26s;animation-delay:-12s}[data-theme=light] .aurora i{opacity:.3}@keyframes drift{50%{translate:60px 40px}to{translate:-40px 20px}}.gridlines{position:absolute;inset:0;z-index:-1;pointer-events:none;opacity:.5;background-image:linear-gradient(var(--border) 1px,transparent 1px),linear-gradient(90deg,var(--border) 1px,transparent 1px);background-size:64px 64px;-webkit-mask-image:radial-gradient(ellipse 60% 50% at 50% 20%,#000,transparent 75%);mask-image:radial-gradient(ellipse 60% 50% at 50% 20%,#000,transparent 75%)}.live-pill{display:inline-flex;align-items:center;gap:10px;padding:6px 14px 6px 6px;font-size:13px;color:var(--text-2);border-radius:999px;background:var(--glass);border:1px solid var(--border);-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px)}.live-pill b{font:500 10.5px/1 var(--font-mono);letter-spacing:.08em;padding:5px 9px;border-radius:999px;color:var(--accent-ink);background:var(--accent-soft)}.live-dot{width:7px;height:7px;border-radius:50%;background:var(--success);animation:ping 2s infinite}@keyframes ping{0%{box-shadow:0 0 0 0 var(--success)}70%,to{box-shadow:0 0 0 7px transparent}}.l-hero h1{margin:28px auto 0;max-width:980px;font-size:clamp(46px,8.6vw,108px);font-weight:700;letter-spacing:-.06em;line-height:.94}.rot{display:inline-grid;vertical-align:bottom;text-align:left}.rot span{grid-area:1 / 1;opacity:0;translate:0 50%;filter:blur(8px);animation:rot 12s infinite}.rot span:nth-child(2){animation-delay:3s}.rot span:nth-child(3){animation-delay:6s}.rot span:nth-child(4){animation-delay:9s}@keyframes rot{0%{opacity:0;translate:0 50%;filter:blur(8px)}5%,21%{opacity:1;translate:0 0;filter:blur(0)}26%,to{opacity:0;translate:0 -50%;filter:blur(8px)}}.lede{max-width:620px;margin:26px auto 34px;font-size:clamp(16px,1.6vw,19px);line-height:1.55;color:var(--text-2)}.proof{display:flex;gap:8px 22px;justify-content:center;flex-wrap:wrap;margin:26px 0 0;padding:0;list-style:none;font-size:13px;color:var(--text-3)}.proof li{display:inline-flex;align-items:center;gap:7px}.proof svg{color:var(--success)}.stage{perspective:1600px;margin-top:clamp(56px,8vw,88px)}.stage:after{content:"";display:block;height:1px;max-width:900px;margin:0 auto;background:linear-gradient(90deg,transparent,var(--accent),transparent);box-shadow:0 0 40px 10px var(--glow);opacity:.5}.mock{max-width:1060px;margin-inline:auto;overflow:hidden;text-align:left;border-radius:22px;background:var(--bg);border:1px solid var(--border);box-shadow:inset 0 1px 0 var(--hairline-hi),0 0 0 8px color-mix(in oklab,var(--surface) 40%,transparent),0 60px 120px -40px var(--glow),var(--shadow-lg);transform-origin:50% 0}@supports (animation-timeline: view()){.mock{animation:tilt linear both;animation-timeline:view();animation-range:entry 0% cover 45%}@keyframes tilt{0%{transform:rotateX(22deg) scale(.93);opacity:.5}}}.mock-bar{display:flex;align-items:center;gap:7px;padding:12px 16px;border-bottom:1px solid var(--border);background:var(--bg-2)}.mock-bar i{width:11px;height:11px;border-radius:50%;background:var(--border-strong)}.mock-bar .url{margin:0 auto;padding:5px 40px;font:400 12px/1 var(--font-mono);color:var(--text-2);background:var(--surface);border:1px solid var(--border);border-radius:8px}.mock-app{display:grid;grid-template-columns:200px minmax(0,1fr);min-height:470px}.mock-side{display:flex;flex-direction:column;gap:3px;padding:18px 12px;border-right:1px solid var(--border);background:color-mix(in oklab,var(--surface) 55%,transparent)}.mock-side>.logo{margin:0 8px 14px}.mock-side>span{display:flex;align-items:center;gap:10px;padding:8px 10px;font-size:13px;color:var(--text-2);border-radius:9px}.mock-side>span.on{color:var(--text);background:var(--surface-2);box-shadow:inset 0 0 0 1px var(--border)}.mock-side>span.on svg{color:var(--accent-ink)}.mock-search{margin-bottom:8px;border:1px solid var(--border);background:var(--bg-2);color:var(--text-3)!important}.mock-search kbd{margin-left:auto}.mock-xp{margin-top:auto;display:grid!important;gap:6px!important;border:1px solid var(--border);background:var(--surface);font-size:12px!important}.mock-xp .mono{font-size:10.5px;color:var(--text-3)}.mock-main{padding:26px 28px;display:grid;gap:10px;align-content:start;min-width:0}.mock-main h3{font-size:26px;font-weight:700;letter-spacing:-.04em}.mock-sub{display:flex;align-items:center;gap:8px;margin-top:12px;font-size:14px;font-weight:600}.mock-now{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:10px}.mock-card{display:flex;gap:10px;padding:10px;border-radius:14px;background:radial-gradient(200px 80px at 0 0,color-mix(in oklab,var(--s-playing) 12%,transparent),transparent 70%),var(--surface);border:1px solid var(--border);min-width:0}.mock-card .cover{width:50px;flex-shrink:0;border-radius:8px}.mock-card>div{display:flex;flex-direction:column;gap:7px;min-width:0;flex:1}.mock-card b{overflow:hidden;text-overflow:ellipsis;white-space:nowrap;font-size:12.5px}.mock-btn{display:inline-flex;align-items:center;gap:4px;width:fit-content;margin-top:auto;padding:4px 9px;font-size:10.5px;font-weight:600;color:#fff;border-radius:999px;background:var(--accent)}.mock-grid{display:grid;grid-template-columns:repeat(7,minmax(0,1fr));gap:10px}.mock-grid .cover{border-radius:9px}.bento{display:grid;grid-template-columns:repeat(12,minmax(0,1fr));gap:14px}.tile-b{position:relative;display:flex;flex-direction:column;gap:8px;min-height:280px;padding:28px;overflow:hidden;border-radius:24px;background:var(--surface);border:1px solid var(--border);box-shadow:inset 0 1px 0 var(--hairline-hi);transition:border-color .3s}.tile-b:hover{border-color:var(--border-strong)}.tile-b h2,.tile-b h3{font-size:21px;letter-spacing:-.03em}.tile-b p{font-size:14.5px;color:var(--text-2);max-width:46ch}.tile-ic{display:grid;place-items:center;width:38px;height:38px;margin-bottom:6px;border-radius:12px;color:var(--accent-ink);background:var(--accent-soft);box-shadow:inset 0 0 0 1px var(--accent-line)}.viz{margin-top:auto;padding-top:24px}.b-7{grid-column:span 7}.b-5{grid-column:span 5}.b-tall{grid-row:span 2}.shelf-viz{display:grid;gap:10px}.row-b{display:flex;align-items:center;gap:12px;padding:12px 14px;border-radius:16px;background:radial-gradient(200px 70px at 0 0,color-mix(in oklab,var(--c) 14%,transparent),transparent 70%),var(--bg-2);border:1px solid var(--border)}.row-label{font-size:13.5px;font-weight:600;min-width:74px}.mini-covers{display:flex;gap:8px;margin-left:auto}.mini-covers .cover{width:52px;border-radius:8px}.log-viz{display:grid;gap:14px}.log-viz .chip{cursor:default}.log-viz .chip.on{color:var(--accent-ink);border-color:var(--accent-line);background:var(--accent-soft)}.find-viz{display:grid;gap:16px}.fake-search{display:flex;align-items:center;gap:10px;padding:11px 14px;font-size:14px;border-radius:12px;background:var(--bg-2);border:1px solid var(--border);color:var(--text)}.fake-search svg{color:var(--text-3)}.caret{width:1.5px;height:16px;margin-left:-8px;background:var(--accent);animation:blink 1s steps(1) infinite}@keyframes blink{50%{opacity:0}}.fan{position:relative;height:150px}.fan .cover{position:absolute;bottom:0;left:50%;width:98px;border-radius:12px;box-shadow:0 20px 40px -16px #000000b3;transform-origin:50% 120%;translate:-50% 0;transition:rotate .5s var(--ease-spring),translate .5s var(--ease-spring)}.fan .cover:nth-child(1){rotate:-15deg}.fan .cover:nth-child(2){z-index:2}.fan .cover:nth-child(3){rotate:15deg}.tile-b:hover .fan .cover:nth-child(1){rotate:-24deg}.tile-b:hover .fan .cover:nth-child(3){rotate:24deg}.tile-b:hover .fan .cover:nth-child(2){translate:-50% -8px}.journal-viz{display:flex;align-items:center;gap:24px}.journal-viz .ring-label b{font-size:18px}.mini-heat{flex:1;max-width:340px;display:grid;grid-auto-flow:column;grid-template-rows:repeat(7,1fr);gap:4px}.ladder-l{display:grid;grid-template-columns:repeat(6,minmax(0,1fr));gap:10px;margin:0;padding:0;list-style:none}.ladder-l li{position:relative;display:grid;gap:6px;align-content:start;padding:18px 16px;border-radius:18px;background:var(--surface);border:1px solid var(--border)}.ladder-l li:nth-child(n+4){background:radial-gradient(200px 100px at 50% 0,var(--accent-soft),transparent 70%),var(--surface)}.ladder-l li:last-child{border-color:var(--accent-line);box-shadow:0 0 40px -16px var(--glow)}.lvl-n{font-size:12px;color:var(--accent-ink)}.ladder-l b{font-size:16px;letter-spacing:-.02em}.ladder-l .mono{color:var(--text-2)}.xp-rules-l{display:flex;flex-wrap:wrap;gap:10px;justify-content:center;margin:28px 0 0;padding:0;list-style:none}.xp-rules-l li{display:inline-flex;align-items:center;gap:10px;padding:8px 14px 8px 8px;font-size:13.5px;background:var(--surface);border:1px solid var(--border);border-radius:999px}.xp-rules-l b{font:600 12px/1 var(--font-mono);padding:6px 9px;border-radius:999px;color:var(--accent-ink);background:var(--accent-soft)}.trio{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:14px}.trio-item{display:grid;gap:8px;align-content:start;padding:26px;border-radius:22px;background:var(--surface);border:1px solid var(--border)}.trio-item>svg{color:var(--success);margin-bottom:14px}.trio-item h3{font-size:18px}.trio-item p{font-size:14.5px;color:var(--text-2)}.l-download{display:grid;justify-items:start;gap:12px;margin-top:30px}.l-download p{max-width:460px}.faq{display:grid;gap:10px;max-width:780px;margin-inline:auto}.faq details{border-radius:18px;background:var(--surface);border:1px solid var(--border);transition:border-color .2s}.faq details[open]{border-color:var(--border-strong)}.faq summary{display:flex;align-items:center;gap:16px;padding:18px 22px;cursor:pointer;list-style:none;font-size:16px;font-weight:550;letter-spacing:-.01em}.faq summary::-webkit-details-marker{display:none}.faq summary:after{content:"+";margin-left:auto;font:300 22px/1 var(--font-mono);color:var(--text-3);transition:rotate .3s var(--ease-out)}.faq details[open] summary:after{rotate:45deg}.faq details::details-content{block-size:0;overflow:clip;transition:block-size .35s var(--ease-out),content-visibility .35s allow-discrete}.faq details[open]::details-content{block-size:auto}.faq details p{padding:0 22px 20px;font-size:15px;color:var(--text-2)}.l-cta{position:relative;isolation:isolate;overflow:hidden;display:grid;justify-items:center;gap:16px;margin-top:clamp(80px,11vw,140px);padding:clamp(56px,8vw,96px) 24px;text-align:center;border-radius:32px;border:1px solid var(--border);background:radial-gradient(760px 380px at 50% 118%,oklch(.6 .24 292 / .7),transparent 70%),radial-gradient(500px 240px at 10% -20%,oklch(.75 .13 210 / .18),transparent 70%),var(--surface)}.l-cta .gridlines{-webkit-mask-image:radial-gradient(ellipse 60% 70% at 50% 100%,#000,transparent 75%);mask-image:radial-gradient(ellipse 60% 70% at 50% 100%,#000,transparent 75%)}.l-cta h2{font-size:clamp(40px,6vw,72px);font-weight:700;letter-spacing:-.055em;line-height:1}.l-cta p{max-width:460px;font-size:17px;color:var(--text-2);margin-bottom:10px}.cta-flame{color:var(--s-playing);filter:drop-shadow(0 0 16px var(--s-playing))}.l-foot{margin-top:80px;padding:28px 0 36px;border-top:1px solid var(--border)}.foot-row{display:flex;align-items:center;gap:20px;flex-wrap:wrap}.foot-row nav{margin-left:auto;gap:18px;font-size:13.5px;color:var(--text-2)}.foot-row nav a:hover,.foot-row a:hover{color:var(--text)}.foot-row .tiny a{text-decoration:underline;text-underline-offset:3px}.l-links a.active{color:var(--text);background:var(--bg-2)}.l-nav .l-menu-btn{display:none}.l-menu{display:grid;gap:2px;margin-top:8px;padding:8px;border-radius:22px;background:var(--glass);-webkit-backdrop-filter:blur(20px) saturate(1.8);backdrop-filter:blur(20px) saturate(1.8);border:1px solid var(--border);box-shadow:var(--shadow-md)}.l-menu a{padding:12px 14px;border-radius:14px;font-weight:500;color:var(--text-2)}.l-menu a.active,.l-menu a:hover{color:var(--text);background:var(--bg-2)}.l-page-head{display:grid;gap:16px;padding:clamp(56px,9vw,104px) 0 clamp(36px,5vw,56px)}.l-page-head h1{max-width:900px;font-size:clamp(40px,6.4vw,76px);font-weight:700;letter-spacing:-.055em;line-height:.98}.l-page-head .lede{margin:4px 0 0}.link-btn{padding:4px 2px;font:inherit;color:var(--text-2);background:none;border:0;cursor:pointer;text-decoration:underline;text-underline-offset:4px}.link-btn:hover{color:var(--text)}.demo-link{display:block;margin:18px auto 0;font-size:14.5px}.doors-section{padding-top:clamp(56px,8vw,96px)}.doors{display:grid;grid-template-columns:repeat(auto-fit,minmax(240px,1fr));gap:14px}.door{position:relative;display:grid;gap:8px;align-content:start;padding:26px 26px 28px;border-radius:22px;background:var(--surface);border:1px solid var(--border);box-shadow:inset 0 1px 0 var(--hairline-hi);transition:border-color .2s,translate .2s}.door>svg:first-child{color:var(--accent-ink);margin-bottom:10px}.door b{font-size:18px;letter-spacing:-.02em}.door span{font-size:14.5px;color:var(--text-2)}.door-go{position:absolute;top:26px;right:24px;color:var(--text-3);transition:color .2s,translate .2s}.door:hover{border-color:var(--border-strong);translate:0 -2px}.door:hover .door-go{color:var(--accent-ink);translate:3px 0}.l-next{display:grid;justify-items:center;padding-bottom:8px}.l-next .demo-link{margin-top:14px}.l-steps{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:14px;padding:0;list-style:none;counter-reset:step}.l-steps li{display:grid;gap:8px;align-content:start;padding:24px 26px 26px;border-radius:22px;background:var(--surface);border:1px solid var(--border);counter-increment:step}.l-steps li:before{content:"0" counter(step);font-family:var(--font-mono);font-size:12px;font-weight:600;color:var(--accent-ink)}.l-steps b{font-size:18px;letter-spacing:-.02em}.l-steps span{font-size:14.5px;color:var(--text-2)}.know{display:grid;gap:16px;max-width:760px;margin:0 0 24px;padding-left:20px;color:var(--text-2)}.know b{color:var(--text)}.know a,.l-section .muted a,.l-section .tiny a{color:var(--accent-ink);text-decoration:underline;text-underline-offset:3px}.faq-groups{display:grid;gap:44px}.faq-groups>section{max-width:780px}.faq-groups h2{margin-bottom:14px;font-size:20px;letter-spacing:-.02em}.faq-groups .faq{margin-inline:0}.faq a{color:var(--accent-ink);text-decoration:underline;text-underline-offset:3px}.site-doc{padding-top:clamp(48px,8vw,88px)}@supports (animation-timeline: view()){.reveal{animation:reveal linear both;animation-timeline:view();animation-range:entry 0% entry 60%}@keyframes reveal{0%{opacity:0;translate:0 32px;filter:blur(6px)}}}@media(max-width:960px){.l-links{display:none}.l-nav .l-menu-btn{display:inline-flex}.l-steps{grid-template-columns:minmax(0,1fr)}.b-7,.b-5{grid-column:span 12}.b-tall{grid-row:auto}.mock-app{grid-template-columns:minmax(0,1fr)}.mock-side{display:none}.mock-now{grid-template-columns:minmax(0,1fr) minmax(0,1fr)}.mock-now>:nth-child(3){display:none}.ladder-l{grid-template-columns:repeat(3,minmax(0,1fr))}.trio{grid-template-columns:minmax(0,1fr)}}@media(max-width:640px){.mock-main{padding:18px}.mock-now{grid-template-columns:minmax(0,1fr)}.mock-now>:nth-child(2){display:none}.mock-grid{grid-template-columns:repeat(4,minmax(0,1fr))}.mock-grid>:nth-child(n+5){display:none}.mock-bar .url{padding-inline:14px}.mini-covers .cover:nth-child(n+3){display:none}.ladder-l{grid-template-columns:minmax(0,1fr) minmax(0,1fr)}.tile-b{padding:22px}.foot-row nav{margin-left:0}}@media(prefers-reduced-motion:reduce){.rot span{animation:none}.rot span:first-child{opacity:1;translate:none;filter:none}.mock,.reveal{animation:none!important}}