@import "https://fonts.googleapis.com/css2?family=Plus+Jakarta+Sans:wght@400;500;600;700;800&display=swap";:root{--bg:#f8fafc;--surface:#fff;--border:#e2e8f0;--text:#0f172a;--text-muted:#64748b;--primary:#059669;--teal:#14b8a6;--primary-hover:#047857;--primary-soft:#ecfdf5;--danger:#e5484d;--sidebar-bg:#0f172a;--sidebar-text:#e6ebf1;--lightningcss-light:initial;--lightningcss-dark: ;color-scheme:light;font-family:Plus Jakarta Sans,Segoe UI,system-ui,-apple-system,sans-serif}*{box-sizing:border-box}body{background:var(--bg);color:var(--text);margin:0;line-height:1.6}a{color:var(--primary);text-decoration:none}a:hover{text-decoration:underline}.container{max-width:1120px;margin:0 auto;padding:0 1.5rem}.nav{-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);border-bottom:1px solid var(--border);z-index:10;background:#ffffffe6;position:sticky;top:0}.nav-inner{justify-content:space-between;align-items:center;gap:1rem;max-width:1120px;height:70px;margin:0 auto;padding:0 1.5rem;display:flex}.brand{color:var(--text);letter-spacing:-.02em;align-items:center;gap:.6rem;font-size:1.3rem;font-weight:800;display:flex}.brand:hover{text-decoration:none}.brand-logo{width:auto;height:34px;display:block}.brand-mark{background:linear-gradient(135deg, var(--primary), var(--teal));color:#fff;border-radius:9px;place-items:center;width:34px;height:34px;font-size:1rem;font-weight:800;display:grid;box-shadow:0 6px 14px -4px #0596698c}.nav-links{gap:1.75rem;font-size:.9rem;font-weight:600;display:flex}.nav-links a{color:var(--text-muted)}.nav-links a:hover{color:var(--primary);text-decoration:none}.nav-cta{align-items:center;gap:1.1rem;display:flex}.nav-login{color:var(--text);font-size:.9rem;font-weight:700}.btn-primary,.btn-secondary{cursor:pointer;border:1.5px solid #0000;border-radius:10px;align-items:center;gap:.6rem;padding:.7rem 1.4rem;font-size:.95rem;font-weight:700;transition:background .15s,border-color .15s,transform .15s;display:inline-flex}.btn-primary{background:var(--primary);color:#fff;box-shadow:0 10px 22px -10px #059669b3}.btn-primary:hover{background:var(--primary-hover);text-decoration:none;transform:translateY(-1px)}.btn-secondary{background:var(--surface);color:var(--text);border-color:var(--border)}.btn-secondary:hover{border-color:var(--primary);color:var(--primary);text-decoration:none}.btn-sm{border-radius:8px;padding:.5rem 1rem;font-size:.85rem}.btn-lg{padding:.95rem 1.75rem;font-size:1rem}.play{color:var(--primary);font-size:.8rem}.hero{border-bottom:1px solid var(--border);padding:4.5rem 0 5rem}.hero-grid{grid-template-columns:1.1fr 1fr;align-items:center;gap:3.5rem;display:grid}.eyebrow{background:var(--primary-soft);color:var(--primary-hover);border:1px solid #c9eedb;border-radius:999px;align-items:center;gap:.5rem;padding:.35rem .85rem;font-size:.78rem;font-weight:700;display:inline-flex}.eyebrow .dot{background:var(--primary);border-radius:50%;width:7px;height:7px}.hero h1{letter-spacing:-.035em;margin:1.3rem 0 1.2rem;font-size:3.6rem;font-weight:800;line-height:1.04}.accent{background:linear-gradient(90deg, var(--primary), var(--teal));color:#0000;-webkit-background-clip:text;background-clip:text}.mock-tile .value.accent{color:var(--primary);background:0 0}.hero p.lede{color:var(--text-muted);max-width:28rem;margin:0;font-size:1.1rem}.hero-actions{flex-wrap:wrap;gap:.9rem;margin-top:2rem;display:flex}.hero-note{color:var(--text-muted);margin-top:.9rem;font-size:.85rem}.mock-card{background:var(--surface);border-radius:22px;padding:1.5rem 1.4rem;box-shadow:0 30px 60px -25px #05966959,0 0 0 1px #05966914}.mock-head{border-bottom:1px solid var(--border);justify-content:space-between;align-items:center;padding-bottom:1rem;display:flex}.mock-badge{background:var(--primary-soft);color:var(--primary-hover);border-radius:6px;padding:.2rem .5rem;font-size:.72rem;font-weight:700}.mock-grid{grid-template-columns:1fr 1fr;gap:.8rem;margin:1.2rem 0 .8rem;display:grid}.mock-tile{background:var(--bg);border-radius:12px;padding:.9rem 1rem}.mock-tile .label{color:var(--text-muted);font-size:.72rem;font-weight:600}.mock-tile .value{letter-spacing:-.01em;margin-top:.2rem;font-size:1.45rem;font-weight:800}.mock-tile .delta{color:var(--primary);margin-top:.2rem;font-size:.75rem;font-weight:700}.alert-row{justify-content:space-between;margin-top:.5rem;font-size:.9rem;font-weight:600;display:flex}.danger{color:var(--danger)}section{padding:3.5rem 0}.section-title{text-align:center;letter-spacing:-.03em;margin:0;font-size:2.1rem;font-weight:800}.section-sub{text-align:center;color:var(--text-muted);max-width:36rem;margin:.6rem auto 0}.card-grid{grid-template-columns:repeat(auto-fit,minmax(230px,1fr));gap:1.25rem;margin-top:2.5rem;display:grid}.card-grid.three{grid-template-columns:repeat(auto-fit,minmax(260px,1fr));gap:1.75rem;margin-top:3.5rem}.feature-card{background:var(--surface);border:1px solid var(--border);border-radius:16px;padding:1.75rem}.features-section{background:var(--surface);padding:5.5rem 0}.features-section .feature-card{background:#fafbfc}.icon-box{border-radius:10px;place-items:center;width:44px;height:44px;font-size:1.2rem;display:grid}.feature-card .icon{font-size:1.6rem}.feature-card h3{margin:.8rem 0 .4rem;font-size:1.05rem}.feature-card p{color:var(--text-muted);margin:0;font-size:.92rem}.cta-section{padding:4.5rem 0}.cta-banner{background:var(--sidebar-bg);color:#fff;text-align:center;border-radius:26px;max-width:900px;margin:0 auto;padding:3.5rem 1.5rem}.cta-banner h2{letter-spacing:-.03em;margin:0;font-size:2.1rem}.cta-banner p{color:#aeb8c5;margin:.6rem 0 1.8rem}.dark-section{background:var(--sidebar-bg);color:var(--sidebar-text)}.dark-section .section-title,.dark-section .section-sub{color:var(--sidebar-text)}.chip-row{flex-wrap:wrap;justify-content:center;gap:.6rem;margin-top:2rem;display:flex}.chip{color:var(--sidebar-text);background:#ffffff14;border:1px solid #ffffff26;border-radius:999px;padding:.55rem 1.1rem;font-size:.9rem;font-weight:600}.chip.locked{opacity:.55}.pricing-grid{grid-template-columns:repeat(auto-fit,minmax(230px,1fr));align-items:stretch;gap:1.25rem;margin-top:2.5rem;display:grid}.plan-card{background:var(--surface);border:2px solid var(--border);border-radius:16px;flex-direction:column;padding:1.6rem;display:flex;position:relative}.plan-card.featured{border-color:var(--primary);box-shadow:0 20px 40px -24px #2f6b3a66}.plan-tag{background:var(--primary);color:#fff;border-radius:999px;padding:.3rem .8rem;font-size:.75rem;font-weight:700;position:absolute;top:-.8rem;left:50%;transform:translate(-50%)}.plan-card h3{margin:0;font-size:1.1rem}.plan-price{margin:.6rem 0 0;font-size:2rem;font-weight:800}.plan-price .per{color:var(--text-muted);font-size:.9rem;font-weight:500}.plan-feats{flex:1;margin:1.2rem 0;padding:0;font-size:.9rem;list-style:none}.plan-feats li{color:var(--text-muted);gap:.5rem;margin-bottom:.5rem;display:flex}.plan-feats li .tick{color:var(--primary);font-weight:800}.addon-note{background:var(--surface);border:1px solid var(--border);color:var(--text-muted);border-radius:12px;margin-top:2rem;padding:1.2rem 1.5rem;font-size:.9rem}.addon-note p{margin:.25rem 0}.module-card{background:var(--surface);border:1px solid var(--border);border-radius:14px;padding:1.5rem}.module-card h3{margin:.8rem 0 .4rem}.module-card p{color:var(--text-muted);margin:0 0 .9rem;font-size:.92rem}.module-links{flex-direction:column;gap:.4rem;font-size:.88rem;display:flex}.footer{border-top:1px solid var(--border);background:var(--surface);padding:2.5rem 0}.footer-inner{color:var(--text-muted);flex-wrap:wrap;justify-content:space-between;gap:1rem;font-size:.9rem;display:flex}.footer-links{gap:1.5rem;display:flex}.mock-wrap{position:relative}.mock-wrap:before{content:"";filter:blur(18px);opacity:.6;background:linear-gradient(45deg,#a7f3d0,#ccfbf1);border-radius:2rem;position:absolute;inset:0;transform:rotate(3deg)scale(1.04)}.mock-wrap .mock-card{position:relative}.feature-card{transition:transform .2s,box-shadow .2s,border-color .2s}.feature-card:hover{transform:translateY(-4px);box-shadow:0 18px 35px -18px #0f172a40}.eyebrow .dot{animation:2s infinite pulse}@keyframes pulse{50%{opacity:.35}}.cta-banner{position:relative;overflow:hidden}.cta-banner:before,.cta-banner:after{content:"";filter:blur(70px);opacity:.25;border-radius:50%;width:260px;height:260px;position:absolute}.cta-banner:before{background:var(--primary);top:-80px;right:-60px}.cta-banner:after{background:var(--teal);bottom:-80px;left:-60px}.cta-banner>*{position:relative}.cta-banner .btn-primary{box-shadow:0 0 40px -6px #10b981b3}.carousel{scroll-snap-type:x mandatory;scrollbar-width:thin;gap:1rem;margin-top:2.5rem;padding:.5rem .25rem 1.25rem;display:flex;overflow-x:auto}.carousel-tile{scroll-snap-align:start;color:var(--text);border:1px solid #0f172a0d;border-radius:18px;flex-direction:column;flex:0 0 170px;gap:.6rem;padding:1.4rem 1.1rem;font-size:.95rem;font-weight:700;transition:transform .15s;display:flex}.carousel-tile .emoji{font-size:2rem}.carousel-tile:hover{text-decoration:none;transform:translateY(-3px)}.carousel-nav{justify-content:center;gap:.6rem;display:flex}.carousel-nav button{border:1px solid var(--border);background:var(--surface);cursor:pointer;width:42px;height:42px;color:var(--text);border-radius:50%;font-size:1.1rem}.carousel-nav button:hover{border-color:var(--primary);color:var(--primary)}.page-hero{text-align:center;background:radial-gradient(at top,#d1fae5 0%,#f8fafc00 65%);padding:4.5rem 0 3rem}.page-hero h1{letter-spacing:-.035em;margin:1rem 0 .8rem;font-size:3rem;font-weight:800;line-height:1.08}.page-hero p{color:var(--text-muted);max-width:38rem;margin:0 auto;font-size:1.1rem}.page-body{padding:1rem 0 5rem}.group{margin-top:3.5rem}.group-head{align-items:center;gap:.75rem;margin-bottom:1.25rem;display:flex}.group-head h2{letter-spacing:-.02em;margin:0;font-size:1.5rem}.group-head .sub{color:var(--text-muted);margin-left:auto;font-size:.9rem}.tile-grid{grid-template-columns:repeat(auto-fill,minmax(250px,1fr));gap:1rem;display:grid}.tile{background:var(--surface);border:1px solid var(--border);border-radius:14px;padding:1.2rem 1.3rem;transition:border-color .15s,box-shadow .15s}.tile:hover{border-color:var(--tone,var(--primary));box-shadow:0 10px 25px -15px #0f172a4d}.tile h3{margin:0;font-size:1rem}.tile p{color:var(--text-muted);margin:.3rem 0 0;font-size:.88rem;line-height:1.5}.tag{letter-spacing:.06em;vertical-align:middle;color:#92400e;background:#fef3c7;border-radius:5px;margin-left:.4rem;padding:.15rem .5rem;font-size:.66rem;font-weight:800;display:inline-block}.module-grid{grid-template-columns:repeat(auto-fill,minmax(300px,1fr));gap:1.5rem;margin-top:2rem;display:grid}.module-tile{background:var(--surface);border:1px solid var(--border);border-radius:20px;padding:2rem;transition:border-color .2s,box-shadow .2s;position:relative;overflow:hidden}.module-tile:hover{border-color:var(--primary);box-shadow:0 20px 40px -22px #05966973}.module-tile .blob{border-radius:0 0 0 100%;width:110px;height:110px;transition:transform .3s;position:absolute;top:-20px;right:-20px}.module-tile:hover .blob{transform:scale(1.15)}.module-tile .emoji{font-size:2.4rem;position:relative}.module-tile h3{margin:1rem 0 .4rem;font-size:1.25rem;position:relative}.module-tile p{color:var(--text-muted);margin:0;font-size:.92rem}.module-tile .kind{letter-spacing:.08em;color:var(--primary);margin-top:1.1rem;font-size:.72rem;font-weight:800}.module-tile .module-links{margin-top:1rem}.pill-row{flex-wrap:wrap;justify-content:center;gap:.7rem;margin-top:2rem;display:flex}.pill{background:var(--surface);border:1px solid var(--border);border-radius:999px;padding:.55rem 1.1rem;font-size:.9rem;font-weight:600}.soft-section{background:var(--surface);border-top:1px solid var(--border);border-bottom:1px solid var(--border);padding:4.5rem 0}.plan-card{border-width:1px;border-radius:20px;padding:1.8rem}.plan-card.featured{background:var(--sidebar-bg);border:2px solid var(--primary);color:#fff;box-shadow:0 30px 60px -25px #0596698c}.plan-card.featured .plan-price .per,.plan-card.featured .plan-feats li{color:#cbd5e1}.plan-card.featured .plan-feats li .tick{color:#34d399}.plan-card .btn-primary,.plan-card .btn-secondary{justify-content:center;width:100%}.plan-price{letter-spacing:-.03em;white-space:nowrap;font-size:2.1rem}.plan-blurb{color:var(--text-muted);margin:.5rem 0 0;font-size:.88rem}.plan-card.featured .plan-blurb{color:#94a3b8}.addon-note{background:var(--primary-soft);border-color:#a7f3d0;border-radius:18px}.trust-row{grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:1rem;margin-top:3rem;display:grid}.trust-item{background:var(--surface);border:1px solid var(--border);color:var(--text-muted);border-radius:14px;align-items:flex-start;gap:.75rem;padding:1rem 1.1rem;font-size:.88rem;display:flex}.trust-item strong{color:var(--text);font-size:.95rem;display:block}.trust-item .emoji{font-size:1.4rem}.faq{max-width:760px;margin:4rem auto 0}.faq h2{text-align:center;letter-spacing:-.03em;font-size:1.8rem}.faq details{background:var(--surface);border:1px solid var(--border);border-radius:12px;margin-top:.75rem;padding:1rem 1.2rem}.faq summary{cursor:pointer;font-weight:700}.faq details p{color:var(--text-muted);margin:.6rem 0 0;font-size:.92rem}.dl-page{background:var(--sidebar-bg);color:#fff}.dl-page .page-hero{background:radial-gradient(at top,#05966959 0%,#0f172a00 65%)}.dl-page .page-hero p,.dl-muted{color:#94a3b8}.dl-grid{grid-template-columns:repeat(auto-fill,minmax(240px,1fr));gap:1.25rem;display:grid}.dl-card{background:#1e293b;border:1px solid #334155;border-radius:20px;flex-direction:column;padding:1.8rem;transition:border-color .2s,transform .2s;display:flex}.dl-card:hover{border-color:var(--primary);transform:translateY(-3px)}.dl-card .emoji{font-size:2.2rem}.dl-card h3{margin:.9rem 0 .3rem;font-size:1.2rem}.dl-card p{color:#94a3b8;flex:1;margin:0;font-size:.88rem}.dl-card .meta{color:#64748b;margin:.9rem 0;font-size:.75rem;font-weight:600}.dl-card .btn-primary{justify-content:center}.dl-card.alt{background:#1e293b80}.dl-card.alt h3{color:#34d399}.dl-section-title{letter-spacing:-.02em;text-align:center;margin:4rem 0 .4rem;font-size:1.6rem}.dl-page a:not(.btn-primary){color:#34d399}.note-box{color:#94a3b8;text-align:center;border:1px dashed #334155;border-radius:14px;margin-top:2rem;padding:1rem 1.2rem;font-size:.88rem}@media (width<=860px){.page-hero h1{font-size:2.2rem}.group-head .sub{display:none}.hero-grid{grid-template-columns:1fr}.hero h1{font-size:2.5rem}.hero{padding:3rem 0}.cta-banner h2{font-size:1.6rem}.nav-links{display:none}}