.landing-page{--accent:#67e8f9;--border:#ffffff1a;--foreground:#f4f4f5;color:var(--foreground);background:#090c10;max-width:none;min-height:100vh;overflow:clip}.landing-page .site-header,.landing-page .section-wrap{width:88%;max-width:1280px;margin-left:auto;margin-right:auto}.landing-page .site-header{border-color:#ffffff12;height:90px}.landing-page .site-header nav{margin-left:0}.landing-page .nav-link{color:#a1a1aa;border-radius:6px;min-height:44px;padding:0 6px;transition:color .2s,background .2s}.landing-page .nav-link:hover{color:#a5f3fc;background:#ffffff05}.landing-page .github-button{color:#e4e4e7;background:#ffffff05;border-color:#ffffff25;transition:background .2s,border-color .2s,transform .2s}.landing-page .github-button:hover{background:#ffffff0d;border-color:#22d3ee80;transform:translateY(-2px)}.landing-page :is(a,button,input,select):focus-visible{outline-offset:5px;outline:2px solid #67e8f9;box-shadow:0 0 0 5px #06b6d422}.landing-page :is(button,.primary-button,.github-button):active:not(:disabled){transform:translateY(1px)}.landing-page .hero{text-align:left;padding:75px 6% 0;overflow:visible}.landing-page .hero:before{background:#0891b220;width:650px;max-width:85vw;height:420px;top:45px;left:65%}.landing-page .hero-grid{opacity:.2;background-image:linear-gradient(#67e8f920 1px,#0000 1px),linear-gradient(90deg,#67e8f920 1px,#0000 1px);background-size:64px 64px;-webkit-mask-image:radial-gradient(at 65% 45%,#000,#0000 72%);mask-image:radial-gradient(at 65% 45%,#000,#0000 72%)}.landing-hero-layout{grid-template-columns:minmax(0,1fr) minmax(0,1fr);align-items:center;gap:60px;max-width:1280px;margin:auto;display:grid}.landing-hero-copy{min-width:0;animation:.7s both landing-enter}.landing-page .landing-pill{letter-spacing:1.5px;color:#67e8f9;-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);background:#ffffff0d;border:1px solid #ffffff1a;border-radius:40px;padding:10px 14px;font-size:10px;display:inline-flex;box-shadow:0 0 24px #06b6d40a}.landing-page .status-dot{background:#67e8f9;box-shadow:0 0 12px #22d3ee66}.landing-page .hero-title{letter-spacing:-.065em;justify-content:flex-start;gap:.16em;margin:30px 0 26px;font-size:clamp(48px,5.5vw,82px)}.landing-page .typed-word{color:#0000;background:linear-gradient(105deg,#67e8f9,#a5b4fc);-webkit-background-clip:text;background-clip:text;border-color:#67e8f9;min-width:4.1em}.landing-page .typing-caret{background:#67e8f9}.landing-promise{letter-spacing:-.045em;margin:0 0 24px;font-size:clamp(28px,3.3vw,47px);font-weight:500;line-height:1.14}.landing-promise span{color:#a1a1aa}.landing-page .hero-tagline{color:#a1a1aa;max-width:430px;margin:0;font-size:15px;line-height:1.9}.landing-page .primary-button{color:#083344;background:#a5f3fc;border-color:#a5f3fc;border-radius:8px;min-height:50px;margin-top:30px;transition:transform .2s,box-shadow .2s,background .2s;box-shadow:0 0 26px #22d3ee18}.landing-page .primary-button:hover{background:#cffafe;box-shadow:0 0 32px #22d3ee30}.landing-page .hero-note{color:#a1a1aa;justify-content:flex-start;margin-top:18px;font-size:11px}.landing-page .hero-note svg{color:#67e8f9;width:16px}.landing-page .hero-bottom{color:#8c929e;border-color:#ffffff15;max-width:1280px;margin:65px auto 0;padding-bottom:22px}.landing-demo{background:linear-gradient(145deg,#161d28,#0f131b 65%);border:1px solid #ffffff26;border-radius:16px;min-width:0;animation:.8s .12s both landing-enter;position:relative;box-shadow:0 30px 80px #0006,0 0 65px #06b6d40c}.demo-chrome{font:9px var(--font-geist-mono),monospace;color:#a1a1aa;border-bottom:1px solid #ffffff12;flex-wrap:wrap;align-items:center;gap:12px;padding:16px 20px;display:flex}.demo-dots{gap:5px;display:flex}.demo-dots i{background:#566070;border-radius:50%;width:6px;height:6px}.demo-dots i:first-child{background:#76939e}.demo-live{color:#67e8f9;margin-left:auto}.demo-body{padding:26px}.demo-meta{color:#8ddde7;font:9px var(--font-geist-mono),monospace;letter-spacing:.08em;justify-content:space-between;gap:12px;display:flex}.landing-demo h2{letter-spacing:-.025em;margin:22px 0 10px;font-size:22px;font-weight:500;line-height:1.5}.demo-instruction{color:#a1a1aa;margin:0 0 22px;font-size:12px}.demo-options{border:0;gap:9px;min-width:0;margin:0;padding:0;display:grid}.demo-option{color:#d4d4d8;cursor:pointer;background:#ffffff02;border:1px solid #586272;border-radius:8px;align-items:center;gap:10px;min-height:52px;padding:12px;font-size:13px;transition:border-color .2s,background .2s,transform .2s;display:flex}.demo-option input{accent-color:#67e8f9;flex-shrink:0;width:17px;height:17px;margin:0}.demo-letter{font:10px var(--font-geist-mono),monospace;color:#a1a1aa}.demo-option:hover:not(:has(input:disabled)){background:#22d3ee08;border-color:#67e8f9;transform:translate(2px)}.demo-option:focus-within{outline-offset:3px;outline:2px solid #67e8f9}.demo-option.chosen{background:#08334466;border-color:#67e8f9}.demo-option.correct{background:#12372b;border-color:#6ee7b7}.demo-option.incorrect{background:#3c1d2b;border-color:#fda4af}.demo-options:disabled .demo-option{cursor:default}.demo-result-label{color:#a7f3d0;margin-left:auto;font-size:10px}.demo-option.incorrect .demo-result-label{color:#fecdd3}.demo-feedback{color:#b1b8c5;min-height:91px;margin:18px 0 0;font-size:12px;line-height:1.8}.demo-feedback strong{color:#a5f3fc}.demo-actions{border-top:1px solid #ffffff12;justify-content:space-between;align-items:center;gap:12px;padding-top:17px;display:flex}.demo-actions>span{color:#a1a1aa;align-items:center;gap:5px;font-size:10px;display:flex}.demo-actions>span svg{width:14px;height:14px}.demo-actions button{color:#083344;background:#a5f3fc;border:1px solid #67e8f9;border-radius:7px;justify-content:center;align-items:center;gap:14px;min-height:48px;padding:12px 16px;font-size:12px;font-weight:600;transition:box-shadow .2s,transform .2s,background .2s;display:inline-flex;box-shadow:0 0 22px #22d3ee25}.demo-actions button:hover:not(:disabled){background:#cffafe;box-shadow:0 0 30px #22d3ee45}.demo-actions button:disabled{color:#a0b0bc;box-shadow:none;cursor:not-allowed;background:#253340;border-color:#566476}.demo-caption{color:#a1a1aa;background:#0002;border-top:1px solid #ffffff12;border-radius:0 0 16px 16px;align-items:center;gap:8px;padding:13px 24px;font-size:10px;display:flex}.landing-page .catalog{padding-top:64px}.landing-page .section-kicker{color:#67e8f9}.landing-page .section-heading h2{color:#f4f4f5;letter-spacing:-.045em}.landing-page .section-heading h2 span,.landing-page .catalog-intro{color:#a1a1aa}.landing-page .text-action{color:#a5f3fc}.landing-page .hub-card{isolation:isolate;background:linear-gradient(145deg,#131921,#0d1118);border:1px solid #ffffff1a;border-radius:14px;transition:border-color .3s,box-shadow .3s,transform .3s;animation:.7s .15s both landing-enter;position:relative;overflow:hidden}.landing-page .hub-card:nth-child(2){animation-delay:.25s}.landing-page .hub-card:nth-child(3){animation-delay:.35s}.landing-page .hub-card:before{content:"";z-index:-1;opacity:0;background:radial-gradient(at 50% 0,#38bdf826,#0000 70%);transition:opacity .3s;position:absolute;inset:0}.landing-page .hub-card:hover{border-color:#06b6d480;transform:translateY(-4px);box-shadow:0 0 30px #38bdf826}.landing-page .hub-card:hover:before{opacity:1}.landing-page .hub-card h3{color:#f4f4f5}.landing-page .hub-card h3 svg{color:#67e8f9}.landing-page .hub-card p,.landing-page .card-category,.landing-page .hub-number{color:#a1a1aa}.landing-page .hub-preview{min-height:55px}.landing-page .hub-preview>span{color:#b7c7d4;background:#ffffff05;border-color:#ffffff20}.landing-page .hub-preview .hub-ready-track{color:#a5f3fc;background:#06b6d40a;border-color:#22d3ee30}.landing-page .hub-preview .hub-status{border-radius:30px;align-items:center;gap:8px;padding:8px 10px;font-size:10px;display:inline-flex}.landing-page .hub-status i{background:#67e8f9;border-radius:50%;flex-shrink:0;width:6px;height:6px}.landing-page .hub-status.is-loading i{animation:1.8s ease-in-out infinite landing-status}.landing-page .hub-status.is-error i{background:#fcd34d}.landing-page .hub-card-footer{border-color:#ffffff15}.landing-page .hub-card-footer>span{color:#cbd5e1}.landing-page .hub-card-footer svg{color:#67e8f9}.landing-page .catalog-disclaimer{color:#a1a1aa}.landing-page .how-section,.landing-page .site-footer{border-color:#ffffff15}.landing-page .outline-pill{color:#a5f3fc;border-color:#ffffff20}.landing-page .step{border-color:#22d3ee40}.landing-page .step-number{color:#67e8f9}.landing-page .step p,.landing-page .site-footer>span{color:#a1a1aa}.landing-page .site-footer>a:last-child{color:#a5f3fc}@keyframes landing-enter{0%{opacity:0;transform:translateY(16px)}to{opacity:1;transform:translateY(0)}}@keyframes landing-status{50%{opacity:.4;box-shadow:0 0 10px #22d3ee66}}@media (max-width:1050px){.landing-hero-layout{gap:28px}.landing-page .hero-title{font-size:clamp(42px,5.3vw,65px)}.demo-body{padding:22px}.demo-actions{flex-wrap:wrap}.demo-chrome{padding:14px}.demo-chrome>span:nth-child(2){font-size:8px}}@media (max-width:800px){.landing-hero-layout{grid-template-columns:1fr;gap:40px;max-width:620px}.landing-page .hero{padding-top:45px}.landing-page .hero-title{font-size:clamp(44px,9vw,76px)}.landing-page .hero-tagline{max-width:510px}.landing-page .hero-bottom{margin-top:40px}.landing-page .section-heading{gap:25px}.landing-page .catalog{padding-top:42px}}@media (max-width:600px){.landing-page .site-header:has(>.github-button){height:auto;padding:14px 0}.landing-page .hero-title{font-size:clamp(40px,10.5vw,60px)}.landing-page .landing-pill{letter-spacing:.8px;font-size:8px}.landing-promise{font-size:35px}.landing-page .hero-tagline{font-size:14px}.demo-body{padding:20px 16px}.landing-demo h2{font-size:20px}.demo-chrome>span:nth-child(2){display:none}.demo-actions>span{font-size:9px}.demo-actions button{gap:7px;padding:10px 12px}.demo-option{gap:8px;font-size:12px}.demo-result-label{font-size:9px}.demo-caption{padding:12px 16px;line-height:1.7}.landing-page .hero-bottom{justify-content:flex-start}.landing-page .site-footer{flex-wrap:wrap}.landing-page .hub-card{padding:24px}}@media (prefers-reduced-motion:reduce){.landing-page *,.landing-page :before{scroll-behavior:auto!important;transition:none!important;animation:none!important}.landing-page .hub-card:hover,.landing-page .github-button:hover,.landing-page .primary-button:hover,.demo-option:hover{transform:none}}@media (forced-colors:active){.landing-page .typed-word{color:canvastext;background:0 0}.demo-option.chosen{outline:2px solid highlight}.demo-option input{forced-color-adjust:auto}}