@import "https://fonts.googleapis.com/css2?family=Inter:wght@300;400;500;600;700&family=JetBrains+Mono:wght@400;500&display=swap";.landing-page{--bg:#0a0a0a;--surface:#111;--surface-2:#161616;--border:#1f1f1f;--border-2:#2a2a2a;--text:#ededed;--muted:#8a8a8a;--muted-2:#5a5a5a;--accent:#fff;background:var(--bg);min-height:100vh;color:var(--text);-webkit-font-smoothing:antialiased;font-family:Inter,sans-serif;line-height:1.5;overflow-x:hidden}.landing-page *{box-sizing:border-box;margin:0;padding:0}.landing-page a{color:inherit;text-decoration:none}.landing-page ::selection{color:#000;background:#fff}.landing-page .container{max-width:1240px;margin:0 auto;padding:0 24px}.landing-page .nav{z-index:100;-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);border-bottom:1px solid var(--border);background:#0a0a0ad9;position:fixed;top:0;left:0;right:0}.landing-page .nav-inner{justify-content:space-between;align-items:center;height:64px;display:flex}.landing-page .logo{letter-spacing:-.02em;align-items:center;gap:10px;font-size:18px;font-weight:600;display:flex}.landing-page .logo-mark{justify-content:center;align-items:center;width:24px;height:24px;display:flex}.landing-page .logo-icon{color:#fff;width:24px;height:24px}.landing-page .nav-links{color:var(--muted);gap:32px;font-size:14px;display:flex}.landing-page .nav-links a:hover{color:#fff;transition:all .2s}.landing-page .nav-cta{align-items:center;gap:12px;display:flex}.landing-page .btn{cursor:pointer;border:none;border-radius:8px;justify-content:center;align-items:center;gap:8px;padding:10px 18px;font-family:inherit;font-size:14px;font-weight:500;transition:transform .15s,background .2s;display:inline-flex}.landing-page .btn-primary{color:#000;background:#fff}.landing-page .btn-primary:hover{transform:translateY(-1px)}.landing-page .btn-ghost{color:#fff;border:1px solid var(--border-2);background:0 0}.landing-page .btn-ghost:hover{background:var(--surface)}.landing-page .btn-lg{padding:14px 24px;font-size:15px}.landing-page .hero{text-align:center;padding:160px 0 100px;position:relative}.landing-page .pill{border:1px solid var(--border-2);color:var(--muted);border-radius:100px;align-items:center;gap:8px;margin-bottom:28px;padding:6px 14px;font-size:13px;animation:.8s both fadeUp;display:inline-flex}.landing-page .pill .dot{background:#fff;border-radius:50%;width:6px;height:6px}.landing-page h1{letter-spacing:-.035em;margin-bottom:24px;font-size:clamp(40px,6vw,76px);font-weight:600;line-height:1.05;animation:.8s .1s both fadeUp}.landing-page h1 .sub{color:var(--muted)}.landing-page .hero p.lead{color:var(--muted);max-width:620px;margin:0 auto 36px;font-size:18px;animation:.8s .2s both fadeUp}.landing-page .hero-cta{flex-wrap:wrap;justify-content:center;gap:12px;animation:.8s .3s both fadeUp;display:flex}.landing-page .hero-note{color:var(--muted-2);margin-top:18px;font-size:13px;animation:.8s .4s both fadeUp}@keyframes fadeUp{0%{opacity:0;transform:translateY(16px)}to{opacity:1;transform:none}}.landing-page .board-wrap{max-width:1240px;margin:80px auto 0;padding:0 24px;animation:1s .5s both fadeUp}.landing-page .board{background:0 0;border:0;border-radius:0;margin:0 auto;overflow:hidden}.landing-page .board-image{width:100%;height:auto;display:block}.landing-page section{padding:120px 0}.landing-page .sec-head{text-align:center;margin-bottom:64px}.landing-page .sec-tag{color:var(--muted);text-transform:uppercase;letter-spacing:.15em;margin-bottom:16px;font-family:JetBrains Mono,monospace;font-size:12px}.landing-page h2{letter-spacing:-.03em;font-size:clamp(32px,4.5vw,52px);font-weight:600;line-height:1.1}.landing-page h2 .sub{color:var(--muted)}.landing-page .sec-head p{color:var(--muted);max-width:580px;margin:20px auto 0;font-size:17px}.landing-page .features{grid-template-columns:repeat(3,1fr);gap:16px;display:grid}.landing-page .feature{background:var(--surface);border:1px solid var(--border);border-radius:14px;padding:28px;transition:border-color .25s,transform .25s}.landing-page .feature:hover{border-color:var(--border-2);transform:translateY(-4px)}.landing-page .feat-ico{border:1px solid var(--border-2);border-radius:10px;justify-content:center;align-items:center;width:40px;height:40px;margin-bottom:20px;font-size:18px;display:flex}.landing-page .feature h3{letter-spacing:-.01em;margin-bottom:10px;font-size:18px;font-weight:600}.landing-page .feature p{color:var(--muted);font-size:14px;line-height:1.6}.landing-page .steps{counter-reset:step;grid-template-columns:repeat(3,1fr);gap:16px;display:grid}.landing-page .step{background:var(--surface);border:1px solid var(--border);border-radius:14px;padding:28px;position:relative}.landing-page .step-num{color:var(--muted-2);margin-bottom:16px;font-family:JetBrains Mono,monospace;font-size:12px}.landing-page .step h3{margin-bottom:10px;font-size:18px;font-weight:600}.landing-page .step p{color:var(--muted);font-size:14px;line-height:1.6}.landing-page .pricing{grid-template-columns:repeat(3,1fr);gap:16px;max-width:1080px;margin:0 auto;display:grid}.landing-page .plan{background:var(--surface);border:1px solid var(--border);border-radius:14px;flex-direction:column;padding:32px;display:flex}.landing-page .plan.featured{background:#0f0f0f;border-color:#fff}.landing-page .plan-name{color:var(--muted);text-transform:uppercase;letter-spacing:.1em;margin-bottom:8px;font-family:JetBrains Mono,monospace;font-size:14px}.landing-page .plan-price{letter-spacing:-.03em;margin-bottom:6px;font-size:42px;font-weight:600}.landing-page .plan-price small{color:var(--muted);font-size:14px;font-weight:400}.landing-page .plan-desc{color:var(--muted);margin-bottom:24px;font-size:14px}.landing-page .plan-list{flex-direction:column;flex:1;gap:12px;margin-bottom:28px;list-style:none;display:flex}.landing-page .plan-list li{color:var(--text);align-items:flex-start;gap:10px;font-size:14px;display:flex}.landing-page .plan-list li:before{content:"";border:1px solid var(--border-2);background:radial-gradient(circle,#fff 30%,#0000 32%);border-radius:50%;flex-shrink:0;width:14px;height:14px;margin-top:3px}.landing-page .faq{flex-direction:column;gap:8px;max-width:760px;margin:0 auto;display:flex}.landing-page .faq-item{background:var(--surface);border:1px solid var(--border);border-radius:12px;overflow:hidden}.landing-page .faq-q{cursor:pointer;width:100%;color:var(--text);text-align:left;background:0 0;border:none;justify-content:space-between;align-items:center;padding:20px 24px;font-family:inherit;font-size:15px;font-weight:500;display:flex}.landing-page .faq-q:after{content:"+";color:var(--muted);font-size:22px;font-weight:300;transition:transform .25s}.landing-page .faq-item.open .faq-q:after{transform:rotate(45deg)}.landing-page .faq-a{max-height:0;color:var(--muted);padding:0 24px;font-size:14px;line-height:1.7;transition:max-height .3s;overflow:hidden}.landing-page .faq-item.open .faq-a{max-height:300px;padding-bottom:20px}.landing-page .cta{text-align:center;border-top:1px solid var(--border);border-bottom:1px solid var(--border);padding:120px 24px}.landing-page .cta h2{margin-bottom:24px}.landing-page .cta-sub{color:var(--muted);margin-bottom:36px;font-size:17px}.landing-page footer{color:var(--muted);padding:48px 0;font-size:13px}.landing-page .foot{grid-template-columns:1fr auto 1fr;align-items:center;gap:16px;display:grid}.landing-page .foot-brand{flex-wrap:wrap;align-items:center;gap:12px;display:flex}.landing-page .studio-link{color:var(--text);align-items:center;gap:2px;font-weight:600;display:inline-flex}.landing-page .studio-mark{color:var(--text);font-family:JetBrains Mono,monospace}.landing-page .foot-links{flex-wrap:wrap;justify-content:center;gap:24px;display:flex}.landing-page .foot-contact{color:var(--muted);justify-self:end}.landing-page .foot-links a:hover,.landing-page .studio-link:hover,.landing-page .foot-contact:hover{color:#fff}@media (width<=720px){.landing-page .foot{grid-template-columns:1fr}.landing-page .foot-links{justify-content:flex-start}.landing-page .foot-contact{justify-self:start}}.landing-page .reveal{opacity:0;transition:opacity .8s,transform .8s;transform:translateY(24px)}.landing-page .reveal.in{opacity:1;transform:none}@media (width<=860px){.landing-page .nav-links{display:none}.landing-page .features,.landing-page .steps,.landing-page .pricing{grid-template-columns:1fr}.landing-page section{padding:80px 0}.landing-page .hero{padding:130px 0 60px}}