@import "https://fonts.googleapis.com/css2?family=Inter:wght@300;400;500;600;700;800&family=Cormorant+Garamond:ital,wght@0,400;0,500;0,600;0,700;1,400;1,500;1,600&family=JetBrains+Mono:wght@400;500&family=Fredoka:wght@400;500;600;700&family=Poppins:wght@400;500;600;700&display=swap";:root{--ink:#1f1b16;--gold:#8a6b30;--gold-light:#b2904a;--gold-bg:#f9f4e9;--ivory:#fbf8f2;--parchment:#f7f2ea;--rose:#b76e79;--rose-bg:#fcf4f5;--sage:#4e7d63;--sage-bg:#eff5f1;--taupe:#d9d0c3;--taupe-light:#ede8df;--surface:#fff;--border:var(--taupe);--border-light:var(--taupe-light);--text:var(--ink);--text-2:#5c5346;--text-secondary:#5c5346;--text-muted:#a39a8b;--text-inverse:#fbf8f2;--shadow-card:0 2px 12px -4px #1f1b161a, 0 0 0 1px #1f1b1608;--shadow-md:0 4px 20px -6px #1f1b161f;--shadow-lg:0 12px 40px -10px #1f1b1626;--shadow-gold:0 4px 16px #8a6b3026;--r-xs:6px;--r-sm:8px;--r:12px;--r-lg:16px;--r-xl:20px;--sans:"Inter", system-ui, -apple-system, sans-serif;--display:"Cormorant Garamond", Georgia, serif;--mono:"JetBrains Mono", monospace;--font-mono:"JetBrains Mono", monospace;--transition:.2s cubic-bezier(.4,0,.2,1)}*,:before,:after{box-sizing:border-box;margin:0;padding:0}html{scroll-behavior:smooth;-webkit-font-smoothing:antialiased}[data-theme=dark]{--ink:#ece7de;--ivory:#1b1f27;--parchment:#1b212c;--surface:#222a37;--taupe:#39424f;--taupe-light:#2c343f;--border:#39424f;--border-light:#2c343f;--text:#ece7de;--text-2:#bcc4d0;--text-secondary:#bcc4d0;--text-muted:#8b95a5;--text-inverse:#1b1f27}[data-theme=dark] body{background:linear-gradient(140deg,#11141a,#161b23 48%,#11141a)}[data-theme=dark] .badge-pro{color:#cdd5e0;background:#2a3340}body{font-family:var(--sans);color:var(--text);background:linear-gradient(140deg,#f4ecdf,#fbf8f2 48%,#f3e9dc);font-size:14px;line-height:1.6;overflow-x:hidden}h1,h2,h3,h4{color:var(--ink);font-weight:600;line-height:1.15}h1{font-family:var(--display);letter-spacing:-.01em;font-size:clamp(2rem,4.5vw,3.2rem)}h2{font-family:var(--display);font-size:clamp(1.5rem,3vw,2rem)}h3{font-size:1.05rem}a{color:var(--gold);transition:color var(--transition);text-decoration:none}a:hover{color:var(--gold-light)}.btn{border-radius:var(--r);cursor:pointer;transition:all var(--transition);font-size:.88rem;font-weight:600;font-family:var(--sans);letter-spacing:-.01em;white-space:nowrap;border:none;justify-content:center;align-items:center;gap:7px;padding:10px 22px;display:inline-flex}.btn:active{transform:scale(.97)}.btn-primary{background:var(--ink);color:var(--ivory)}.btn-primary:hover{color:var(--ivory);background:#2d2822;transform:translateY(-1px);box-shadow:0 6px 20px #1f1b1633}.btn-gold{background:var(--gold);color:#fff}.btn-gold:hover{background:var(--gold-light);color:#fff;box-shadow:var(--shadow-gold);transform:translateY(-1px)}.btn-outline{border:1.5px solid var(--border);color:var(--text-2);background:0 0;font-weight:500}.btn-outline:hover{border-color:var(--gold);color:var(--gold);background:var(--gold-bg)}.btn-ghost{color:var(--text-2);background:0 0}.btn-ghost:hover{background:var(--parchment);color:var(--ink)}.btn-white{color:var(--ink);box-shadow:var(--shadow-md);background:#fff}.btn-white:hover{color:var(--ink);box-shadow:var(--shadow-lg);transform:translateY(-1px)}.btn-outline-light{color:var(--ivory);background:0 0;border:1.5px solid #ffffff47;font-weight:500}.btn-outline-light:hover{color:var(--ivory);background:#ffffff1a;border-color:#ffffff8c;transform:translateY(-1px)}.btn-sm{border-radius:var(--r-sm);padding:6px 14px;font-size:.8rem}.btn-lg{border-radius:var(--r);padding:13px 28px;font-size:.95rem}.btn:disabled{opacity:.4;cursor:not-allowed;transform:none!important}.card{background:var(--surface);border:1px solid var(--border);border-radius:var(--r-lg);transition:all var(--transition);box-shadow:var(--shadow-card);padding:20px}.card:hover{border-color:var(--gold-light);box-shadow:var(--shadow-md)}input,textarea,select{background:var(--surface);border:1.5px solid var(--border);border-radius:var(--r);font-family:var(--sans);color:var(--text);transition:all var(--transition);outline:none;width:100%;padding:10px 14px;font-size:.9rem}input:focus,textarea:focus,select:focus{border-color:var(--gold);box-shadow:0 0 0 3px #8a6b3014}:focus-visible{outline-offset:2px;border-radius:6px;outline:3px solid #b78a2ea6}.card:focus-visible,a:focus-visible,button:focus-visible,[role=button]:focus-visible,[tabindex]:focus-visible{outline-offset:3px;outline:3px solid #b78a2eb3}:focus:not(:focus-visible){outline:none}label{color:var(--text-2);margin-bottom:5px;font-size:.82rem;font-weight:600;display:block}input::placeholder{color:var(--text-muted)}.badge{letter-spacing:.02em;text-transform:uppercase;border-radius:99px;align-items:center;gap:3px;padding:3px 9px;font-size:.7rem;font-weight:600;display:inline-flex}.badge-basic{background:var(--parchment);color:var(--text-muted)}.badge-pro{background:var(--gold-bg);color:var(--gold)}.badge-ultra{background:var(--sage-bg);color:var(--sage);border:1px solid var(--sage)}.stat-card{background:var(--surface);border:1px solid var(--border);border-radius:var(--r-lg);box-shadow:var(--shadow-card);padding:18px}.stat-value{color:var(--ink);font-size:1.5rem;font-weight:700;line-height:1}.stat-label{color:var(--text-muted);margin-top:2px;font-size:.78rem}.progress-bar{background:var(--parchment);border-radius:3px;height:5px;overflow:hidden}.progress-fill{background:linear-gradient(90deg,var(--gold),var(--gold-light));border-radius:3px;height:100%;transition:width .6s}.gradient-text{background:linear-gradient(90deg,var(--gold),var(--gold-light));-webkit-text-fill-color:transparent;-webkit-background-clip:text}.container{max-width:1140px;margin:0 auto;padding:0 24px}.page{min-height:100vh;padding-top:72px;padding-bottom:32px}.navbar{z-index:100;-webkit-backdrop-filter:blur(14px);backdrop-filter:blur(14px);border-bottom:1px solid var(--border);background:#fbf8f2e0;padding:0 20px;position:fixed;top:0;left:0;right:0}.navbar-inner{justify-content:space-between;align-items:center;max-width:1140px;height:58px;margin:0 auto;display:flex}.navbar-brand{font-family:var(--display);color:var(--ink);letter-spacing:-.01em;align-items:center;gap:7px;font-size:1.3rem;font-weight:600;display:flex}.navbar-nav{scrollbar-width:none;align-items:center;gap:1px;max-width:100%;display:flex;overflow-x:auto}.navbar-nav::-webkit-scrollbar{display:none}.nav-link{border-radius:var(--r-sm);color:var(--text-2);transition:all var(--transition);white-space:nowrap;align-items:center;gap:5px;padding:6px 9px;font-size:.82rem;font-weight:500;display:inline-flex}.nav-link:hover,.nav-link.active{color:var(--gold);background:var(--gold-bg)}@media (width<=1180px){.nav-link span.nav-label{display:none}}.hero{color:var(--ivory);background:linear-gradient(140deg,#1f1b16,#2d2822);padding:100px 0 80px;position:relative;overflow:hidden}.hero:before{content:"";pointer-events:none;background:radial-gradient(60% 40% at 30% 20%,#8a6b301f,#0000 50%);position:absolute;inset:0}.hero-dots{pointer-events:none;background-image:radial-gradient(#ffffff0a 1px,#0000 1px);background-size:48px 48px;position:absolute;inset:0;-webkit-mask-image:radial-gradient(70% 60% at 50% 30%,#000 30%,#0000 70%);mask-image:radial-gradient(70% 60% at 50% 30%,#000 30%,#0000 70%)}.hero-badge{color:#ffffffb3;background:#ffffff0d;border:1px solid #ffffff1a;border-radius:99px;align-items:center;gap:8px;margin-bottom:20px;padding:7px 18px;font-size:.82rem;display:inline-flex}.hero-badge .dot{background:var(--gold-light);border-radius:50%;width:7px;height:7px;animation:2s infinite pulse;box-shadow:0 0 10px #b8904a80}@keyframes pulse{0%,to{opacity:1}50%{opacity:.3}}.hero h1{color:var(--ivory);max-width:580px;margin-bottom:14px}.hero-stats{gap:32px;margin-top:36px;display:flex}.hero-stat h3{color:var(--ivory);margin-bottom:0;font-size:1.5rem;font-weight:700}.hero-stat p{color:#fbf8f266;margin:0;font-size:.8rem}.hero .btn-outline{color:#fbf8f2cc;border-color:#fbf8f233}.hero .btn-outline:hover{color:var(--ivory);background:#ffffff0f;border-color:#fbf8f280}.hero .btn-primary{background:var(--gold);color:#fff;box-shadow:0 4px 20px #8a6b3033}.hero .btn-primary:hover{background:var(--gold-light);transform:translateY(-1px)}.section{padding:60px 0}.section-tag{text-transform:uppercase;letter-spacing:.12em;color:#5c4a2e;margin-bottom:8px;font-size:.82rem;font-weight:700}.section-title{max-width:560px;margin-bottom:12px}.section-subtitle{color:var(--text-2);max-width:460px;font-size:.98rem;line-height:1.65}.feat-icon{border-radius:var(--r);flex-shrink:0;justify-content:center;align-items:center;width:44px;height:44px;margin-bottom:14px;font-size:20px;display:flex}.feat-1{background:var(--gold-bg);color:var(--gold)}.feat-2{background:var(--rose-bg);color:var(--rose)}.feat-3{background:var(--sage-bg);color:var(--sage)}.feat-4{background:var(--parchment);color:#8b7355}.feat-5{color:var(--gold);background:#8a6b3014}.feat-6{color:var(--rose);background:#b76e7914}.pricing-card{background:var(--surface);border-radius:var(--r-xl);border:1.5px solid var(--border);box-shadow:var(--shadow-card);padding:30px;transition:all .3s;position:relative}.pricing-card:hover{box-shadow:var(--shadow-lg);transform:translateY(-3px)}.pricing-card.popular{border-color:var(--gold);box-shadow:0 4px 24px #8a6b301f}.popular-tag{background:var(--gold);color:#fff;border-radius:99px;padding:4px 16px;font-size:.72rem;font-weight:700;position:absolute;top:-12px;left:50%;transform:translate(-50%)}.cta-section{background:linear-gradient(140deg,#1f1b16,#2d2822);padding:80px 0;position:relative;overflow:hidden}.cta-section:before{content:"";pointer-events:none;background:radial-gradient(60% 40% at 30% 20%,#8a6b301a,#0000 50%);position:absolute;inset:0}.footer{border-top:1px solid var(--border);background:var(--surface);padding:48px 0}.partner-track{gap:32px;width:max-content;animation:25s linear infinite scrollPartners;display:flex}.partner-track:hover{animation-play-state:paused}@keyframes scrollPartners{0%{transform:translate(0)}to{transform:translate(-50%)}}.partner-item{will-change:auto;isolation:isolate;flex-direction:column;flex-shrink:0;align-items:center;gap:6px;padding:12px 20px;transition:opacity .3s;display:flex}.partner-item:hover{opacity:1}.partner-logo{border-radius:16px;flex-shrink:0;justify-content:center;align-items:center;width:60px;height:60px;display:flex;overflow:hidden;box-shadow:0 3px 10px #8a6b302e}.partner-logo svg{width:100%;height:100%;display:block}.partner-name{color:var(--text-2);text-align:center;text-rendering:optimizelegibility;max-width:96px;font-size:.88rem;font-weight:600;line-height:1.3}.step-num{background:var(--gold-bg);width:38px;height:38px;color:var(--gold);border-radius:50%;justify-content:center;align-items:center;margin:0 auto 14px;font-size:.95rem;font-weight:700;display:flex}.loading-screen{background:var(--ivory);justify-content:center;align-items:center;min-height:100vh;display:flex}.spinner{border:2.5px solid var(--border);border-top-color:var(--gold);border-radius:50%;width:28px;height:28px;animation:.7s linear infinite spin}@keyframes spin{to{transform:rotate(360deg)}}.brand-mark{background:linear-gradient(135deg,var(--gold),var(--gold-light));color:#fff;border-radius:var(--r-sm);width:32px;height:32px;font-family:var(--display);justify-content:center;align-items:center;font-size:.95rem;font-weight:700;display:inline-flex}.pricing-amount{color:var(--ink);font-size:2rem;font-weight:700}.pricing-period{color:var(--text-muted);font-size:.9rem;font-weight:400}.footer-links a{color:var(--text-2);margin-bottom:5px;font-size:.84rem;transition:color .15s;display:block}.footer-links a:hover{color:var(--gold)}.floating-card{color:#fbf8f280;pointer-events:none;background:#ffffff0a;border:1px solid #ffffff0f;border-radius:8px;padding:6px 12px;font-size:.78rem;animation:18s ease-in-out infinite floatUp;position:absolute}@keyframes floatUp{0%{opacity:0;transform:translateY(0)}8%{opacity:1}85%{opacity:1}to{opacity:0;transform:translateY(-240px)}}.animated-bg{pointer-events:none;z-index:0;position:fixed;inset:0;overflow:hidden}.lines-wrap{flex-direction:column;gap:6px;display:flex}.cursor{background:var(--gold);vertical-align:text-bottom;width:2px;height:1em;margin-left:2px;animation:1s step-end infinite blink;display:inline-block}@keyframes blink{0%,to{opacity:1}50%{opacity:0}}.comment{color:#fbf8f259;font-family:var(--font-mono);font-size:.8rem}.prompt{color:#fbf8f280;font-family:var(--font-mono);font-size:.8rem}.plan-badge{text-transform:uppercase;border-radius:99px;align-items:center;gap:4px;padding:3px 10px;font-size:.7rem;font-weight:600;display:inline-flex}.plan-basic{background:var(--parchment);color:var(--text-muted)}.plan-pro{background:var(--gold-bg);color:var(--gold)}.plan-ultra{background:var(--sage-bg);color:var(--sage);border:1px solid var(--sage)}.toast-container{z-index:1000;flex-direction:column;gap:6px;display:flex;position:fixed;top:76px;right:18px}.toast{border-radius:var(--r);min-width:260px;box-shadow:var(--shadow-lg);padding:12px 18px;font-size:.85rem;font-weight:500;animation:.3s slideIn}.toast-success{background:var(--sage-bg);border:1px solid var(--sage);color:var(--sage)}.toast-error{background:var(--rose-bg);border:1px solid var(--rose);color:var(--rose)}.toast-info{background:var(--gold-bg);border:1px solid var(--gold);color:var(--gold)}@keyframes slideIn{0%{opacity:0;transform:translate(100%)}to{opacity:1;transform:translate(0)}}.text-center{text-align:center}.text-muted{color:var(--text-muted)}.text-2{color:var(--text-2)}.text-secondary{color:var(--text-secondary)}.text-gradient{background:linear-gradient(90deg,var(--gold),var(--gold-light));-webkit-text-fill-color:transparent;-webkit-background-clip:text}.mt-1{margin-top:6px}.mt-2{margin-top:12px}.mt-3{margin-top:20px}.mt-4{margin-top:32px}.mb-1{margin-bottom:6px}.mb-2{margin-bottom:12px}.mb-3{margin-bottom:20px}.mb-4{margin-bottom:32px}.flex{display:flex}.flex-center{justify-content:center;align-items:center;display:flex}.gap-1{gap:6px}.gap-2{gap:12px}.gap-3{gap:20px}.gap-4{gap:28px}.grid-2{grid-template-columns:repeat(auto-fill,minmax(320px,1fr));gap:16px;display:grid}.grid-3{grid-template-columns:repeat(auto-fill,minmax(280px,1fr));gap:16px;display:grid}.grid-4{grid-template-columns:repeat(auto-fill,minmax(230px,1fr));gap:12px;display:grid}.home-split{flex:1;grid-template-columns:1fr 280px;gap:14px;display:grid}@media (width<=860px){.home-split{grid-template-columns:1fr}}.mobile-nav{display:none}.mobile-nav-toggle{color:var(--ink);cursor:pointer;background:0 0;border:none;align-items:center;padding:6px;display:flex}.mobile-nav-drawer{background:var(--parchment);border-bottom:1px solid var(--border);box-shadow:var(--shadow);z-index:200;flex-direction:column;gap:2px;max-height:calc(100vh - 58px);padding:8px;display:flex;position:fixed;top:58px;left:0;right:0;overflow-y:auto}.mobile-nav-link{border-radius:var(--r,10px);color:var(--text);align-items:center;gap:12px;padding:12px 16px;font-size:1rem;text-decoration:none;display:flex}.mobile-nav-link.active{background:var(--gold-bg);color:var(--gold)}@media (width<=1024px){.container{padding:0 20px}.hero{padding:80px 0 60px}.hero .container>div{grid-template-columns:1fr!important}.hero-terminal{justify-content:center;margin-top:24px;display:flex}.partner-logo{width:44px;height:44px;font-size:.85rem}.partner-name{font-size:.68rem}}@media (width<=768px){.container{padding:0 16px}.navbar-nav{display:none}.mobile-nav{display:flex}.grid-2,.grid-3,.grid-4{grid-template-columns:1fr}h1{font-size:1.8rem!important}h2{font-size:1.3rem!important}.hero{padding:70px 0 40px}.hero h1{font-size:1.6rem!important}.hero p{font-size:.9rem}.hero-stats{flex-wrap:wrap;gap:12px}.hero-stat h3{font-size:1.2rem}.section{padding:40px 0}.page{padding-top:60px}.navbar-inner{height:50px}.pricing-card{padding:20px}.hero-terminal{display:none}.card{padding:14px}.partner-track{gap:20px}.partner-item{padding:8px 12px}.partner-logo{border-radius:10px;width:40px;height:40px;font-size:.8rem}footer .container>div:first-child{gap:20px;grid-template-columns:1fr 1fr!important}.mobile-nav-drawer{top:50px}}@media (width<=480px){.mobile-nav-drawer{top:46px}.container{padding:0 12px}h1{font-size:1.5rem!important}h2{font-size:1.15rem!important}.hero{padding:60px 0 30px}.hero h1{font-size:1.35rem!important}.hero-stats{gap:8px}.hero-stat h3{font-size:1rem}.hero-stat p{font-size:.7rem}.section{padding:30px 0}.page{padding-top:56px}.navbar-inner{height:46px}.navbar-brand{font-size:1.1rem}.btn-lg{padding:10px 20px;font-size:.88rem}.card{padding:12px}.pricing-card{padding:16px}.pricing-amount{font-size:1.8rem}.partner-track{gap:14px}.partner-logo{width:36px;height:36px;font-size:.72rem}.partner-name{max-width:60px;font-size:.62rem}footer .container>div:first-child{gap:16px;grid-template-columns:1fr!important}}@keyframes mascotBob{0%,to{transform:translateY(0)}50%{transform:translateY(-6px)}}@keyframes mascotPop{0%{transform:scale(1)rotate(-4deg)}to{transform:scale(1.12)rotate(4deg)}}.badge-tile{border-radius:var(--r);border:1px solid var(--border-light);text-align:center;transition:all var(--transition);flex-direction:column;align-items:center;gap:6px;padding:14px 8px;display:flex}.badge-tile.locked{opacity:.4;filter:grayscale()}.badge-tile.owned{background:var(--gold-bg);border-color:var(--gold-light)}.badge-tile .b-icon{font-size:1.7rem;line-height:1}@keyframes badgePop{0%{transform:scale(0)}70%{transform:scale(1.2)}to{transform:scale(1)}}html[data-fontscale=lg] body{font-size:15.5px}html[data-fontscale=xl] body{font-size:17px}html[data-fontscale=sm] body{font-size:13px}@keyframes flameFlicker{0%,to{transform:scale(1)rotate(-2deg)}50%{transform:scale(1.08)rotate(2deg)}}.streak-flame{animation:1.4s ease-in-out infinite flameFlicker;display:inline-flex}.device-frame{max-width:430px;box-shadow:var(--shadow-lg);background:var(--ivory);border:10px solid #1f1b16;border-radius:36px;min-height:760px;margin:0 auto;overflow:hidden}html[data-age-group=kids]{--gold:#4fc3f7;--gold-light:#81d4fa;--gold-bg:#e1f5fe;--sage:#81c784;--sage-bg:#e8f5e9;--rose:#ff8a65;--rose-bg:#fbe9e7;--ink:#2e3a59;--parchment:#fff8e1;--display:"Fredoka",sans-serif;--sans:"Fredoka",sans-serif;--r:18px;--r-lg:24px;--r-sm:14px}html[data-age-group=kids] body{background:linear-gradient(140deg,#e1f5fe,#fff8e1 60%,#f1f8e9);font-size:17px}html[data-age-group=kids] .btn{border-radius:18px;font-weight:700}html[data-age-group=kids] .card{border-width:2px;border-radius:24px}html[data-age-group=teens]{--gold:#6366f1;--gold-light:#818cf8;--gold-bg:#eef2ff;--sage:#14b8a6;--sage-bg:#e0f2f1;--rose:#f59e0b;--rose-bg:#fef3c7;--ink:#1e293b;--parchment:#f1f5f9;--display:"Poppins",sans-serif;--sans:"Poppins",sans-serif;--r:14px;--r-lg:18px}html[data-age-group=teens] body{background:linear-gradient(140deg,#eef2ff,#f8fafc 55%,#e0f2f1)}html[data-age-group=teens] .btn{border-radius:12px}:root{--sidebar-w:236px}.app-shell{min-height:100vh;display:flex}.sidebar{width:var(--sidebar-w);-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);border-right:1px solid var(--border);z-index:100;background:#fbf8f2f5;flex-direction:column;padding:14px 12px 10px;display:flex;position:fixed;top:0;bottom:0;left:0;overflow-y:auto}.sidebar::-webkit-scrollbar{width:6px}.sidebar::-webkit-scrollbar-thumb{background:var(--border);border-radius:6px}.sidebar-brand{font-family:var(--display);color:var(--ink);letter-spacing:-.01em;align-items:center;gap:8px;padding:6px 8px 12px;font-size:1.25rem;font-weight:600;display:flex}.sidebar-group{margin-top:8px}.sidebar-group-title{letter-spacing:.09em;text-transform:uppercase;color:var(--text-muted);padding:8px 10px 3px;font-size:.64rem;font-weight:700}.sidebar-link{border-radius:var(--r-sm);color:var(--text-2);transition:all var(--transition);white-space:nowrap;align-items:center;gap:11px;padding:8px 10px;font-size:.86rem;font-weight:500;display:flex}.sidebar-link:hover{color:var(--gold);background:var(--gold-bg)}.sidebar-link.active{color:var(--gold);background:var(--gold-bg);font-weight:600}.sidebar-link .sl-badge{margin-left:auto;font-size:.6rem}.sidebar-footer{border-top:1px solid var(--border);flex-direction:column;gap:2px;margin-top:auto;padding-top:8px;display:flex}.app-main{margin-left:var(--sidebar-w);flex:1;min-width:0}.app-topbar{display:none}.app-main .page{padding-top:26px}@media (width<=768px){.sidebar{display:none}.app-main{margin-left:0}.app-topbar{-webkit-backdrop-filter:blur(14px);backdrop-filter:blur(14px);border-bottom:1px solid var(--border);z-index:100;background:#fbf8f2eb;justify-content:space-between;align-items:center;height:54px;padding:0 16px;display:flex;position:fixed;top:0;left:0;right:0}.app-main .page{padding-top:66px}}@keyframes stepFade{0%{opacity:0;transform:translateY(8px)}to{opacity:1;transform:translateY(0)}}.step-fade{animation:.3s cubic-bezier(.22,.61,.36,1) stepFade}@keyframes celebratePop{0%{opacity:0;transform:scale(.82)translateY(10px)}60%{transform:scale(1.03)}to{opacity:1;transform:scale(1)translateY(0)}}.celebrate-pop{animation:.42s cubic-bezier(.34,1.56,.64,1) celebratePop}@keyframes pybotFloat{0%,to{transform:translateY(0)}50%{transform:translateY(-5px)}}.pybot-float{transform-origin:50%;animation:3s ease-in-out infinite pybotFloat}@keyframes pybotBlip{0%,to{opacity:1}50%{opacity:.35}}.pybot-blip{animation:1.6s ease-in-out infinite pybotBlip}@keyframes nodePulse{0%,to{box-shadow:0 0 #f59f004d}50%{box-shadow:0 0 0 7px #f59f001a}}.node-pulse{animation:1.8s ease-in-out infinite nodePulse}@media (prefers-reduced-motion:reduce){.step-fade,.celebrate-pop,.pybot-float,.pybot-blip,.node-pulse{animation:none}}.viz-grid{grid-template-columns:1fr 1fr;align-items:start;gap:16px;display:grid}@media (width<=920px){.viz-grid{grid-template-columns:1fr}}.seg{background:var(--parchment);border:1px solid var(--border-light);border-radius:99px;flex-wrap:wrap;gap:2px;padding:3px;display:inline-flex}.seg button{color:var(--text-secondary);cursor:pointer;font-size:.8rem;font-weight:600;font-family:var(--sans);transition:all var(--transition);background:0 0;border:none;border-radius:99px;align-items:center;gap:6px;padding:6px 14px;display:inline-flex}.seg button.on{background:var(--surface);color:var(--text);box-shadow:var(--shadow-card)}.tool-input{border-radius:var(--r);border:1px solid var(--border);background:var(--surface);color:var(--text);font-size:.85rem;font-family:var(--sans);transition:border-color var(--transition);outline:none;padding:9px 13px}.tool-input:focus{border-color:var(--gold-light);box-shadow:0 0 0 3px #8a6b301a}.panel-head{border-bottom:1px solid var(--border);background:var(--parchment);border-radius:var(--r-lg) var(--r-lg) 0 0;align-items:center;gap:8px;padding:9px 14px;display:flex}.panel-title{text-transform:uppercase;letter-spacing:.07em;color:var(--text-muted);font-size:.74rem;font-weight:700}.dot{border-radius:99px;flex-shrink:0;width:9px;height:9px}.topic-head{border:1px solid var(--border);border-radius:var(--r-lg);background:var(--surface);cursor:pointer;text-align:left;width:100%;transition:all var(--transition);font-family:var(--sans);align-items:center;gap:12px;padding:12px 16px;display:flex}.topic-head:hover{border-color:var(--gold-light)}.tpl-card{text-align:left;cursor:pointer;flex-direction:column;gap:8px;padding:16px;transition:transform .15s,box-shadow .15s,border-color .15s;display:flex}.tpl-card:hover{box-shadow:var(--shadow-md);border-color:var(--gold-light);transform:translateY(-3px)}.admin-shell{--ink:#1f2733;--text-2:#6b7385;--text-secondary:#4a5160;--text-muted:#8a92a3;--surface:#fff;--parchment:#f5f6f8;--ivory:#f5f6f8;--bg:#f5f6f8;--border:#e2e5ea;--border-light:#eef0f3;--gold:#b9913a;--gold-bg:#f7f1e2;--sage:#2f9e6e;--sage-bg:#e8f6ef;--rose:#e0566a;--rose-bg:#fdecef;--danger:#e0566a;--success:#2f9e6e;min-height:100vh;color:var(--ink);background:#f5f6f8;display:flex}.admin-sidebar{border-right:1px solid var(--border);background:#fff;flex-direction:column;flex-shrink:0;width:240px;height:100vh;padding:16px 12px;display:flex;position:sticky;top:0;overflow-y:auto}.admin-brand{color:#1f2733;align-items:center;gap:10px;padding:8px 10px 16px;font-size:1.06rem;display:flex}.admin-brand b{color:#b9913a;font-weight:700}.admin-brand span:last-child{font-weight:600}.ab-badge{color:#fff;background:linear-gradient(135deg,#caa24c,#8a6b30);border-radius:9px;justify-content:center;align-items:center;width:30px;height:30px;display:flex;box-shadow:0 4px 14px #caa24c4d}.admin-nav{flex-direction:column;gap:2px;display:flex}.admin-nav-group{margin-top:12px}.admin-nav-title{letter-spacing:.1em;text-transform:uppercase;color:#9aa1b0;padding:0 11px 6px;font-size:.64rem;font-weight:700}.admin-nav-link{color:#4a5160;cursor:pointer;text-align:left;background:0 0;border:none;border-radius:9px;align-items:center;gap:11px;width:100%;padding:9px 11px;font-size:.85rem;font-weight:500;text-decoration:none;transition:background .14s,color .14s;display:flex}.admin-nav-link:hover{color:#1f2733;background:#f1f2f5}.admin-nav-link.active{color:#1f2733;background:linear-gradient(135deg,#caa24c2e,#caa24c14);box-shadow:inset 2px 0 #b9913a}.admin-nav-link.active svg{color:#b9913a}.admin-sidebar-foot{border-top:1px solid var(--border);margin-top:auto;padding-top:10px}.admin-main{flex-direction:column;flex:1;min-width:0;display:flex}.admin-topbar{border-bottom:1px solid var(--border);z-index:20;background:#fff;flex-shrink:0;justify-content:space-between;align-items:center;height:58px;padding:0 26px;display:flex;position:sticky;top:0}.admin-topbar-id{align-items:center;gap:14px;display:flex}.admin-live{color:#2f9e6e;text-transform:uppercase;letter-spacing:.05em;align-items:center;gap:7px;font-size:.74rem;font-weight:700;display:flex}.admin-live .dot{background:#2f9e6e;border-radius:50%;width:7px;height:7px;animation:2s infinite adminPulse;box-shadow:0 0 #2f9e6e88}@keyframes adminPulse{0%{box-shadow:0 0 #2f9e6e66}70%{box-shadow:0 0 0 7px #2f9e6e00}to{box-shadow:0 0 #2f9e6e00}}.admin-env{color:#8a92a3;font-size:.82rem;font-weight:600}.admin-whoami{align-items:center;gap:10px;display:flex}.admin-whoami-email{color:#4a5160;font-size:.82rem}.admin-avatar{color:#fff;background:linear-gradient(135deg,#caa24c,#8a6b30);border-radius:50%;justify-content:center;align-items:center;width:30px;height:30px;display:flex}.admin-content{flex:1;width:100%;max-width:1320px;padding:26px}.admin-shell .card{background:var(--surface);border:1px solid var(--border);box-shadow:none;border-radius:14px}.admin-shell .card:hover{box-shadow:0 6px 18px #1f273314}.admin-shell h1,.admin-shell h2,.admin-shell h3,.admin-shell h4,.admin-shell .section-title,.admin-shell .page-title{color:var(--ink)}.admin-shell table{width:100%}.admin-shell table th{color:#8a92a3;text-transform:uppercase;letter-spacing:.04em;border-bottom:1px solid var(--border);text-align:left;padding:10px 12px;font-size:.72rem}.admin-shell table td{border-bottom:1px solid var(--border-light);color:var(--text-secondary);padding:11px 12px;font-size:.86rem}.admin-shell table tr:hover td{background:#f7f8fa}.admin-shell input,.admin-shell select,.admin-shell textarea,.admin-shell .tool-input{border:1px solid var(--border);color:var(--ink);background:#fff}.admin-shell input::placeholder,.admin-shell .tool-input::placeholder{color:#9aa1b0}.admin-shell input:focus,.admin-shell select:focus,.admin-shell .tool-input:focus{border-color:#b9913a;outline:none}.admin-shell .btn-outline,.admin-shell .btn-ghost{border:1px solid var(--border);color:var(--text-secondary);background:0 0}.admin-shell .btn-outline:hover,.admin-shell .btn-ghost:hover{color:#1f2733;background:#f1f2f5;border-color:#b9913a}.admin-shell .btn-primary{color:#fff;background:linear-gradient(135deg,#caa24c,#8a6b30);border:none}.admin-shell .seg{border:1px solid var(--border);background:#f1f2f5}.admin-shell .seg button.on{color:#fff;background:#b9913a}.admin-shell .progress-bar{background:#e2e5ea}.admin-hamburger{color:var(--ink);cursor:pointer;background:0 0;border:none;margin-right:4px;padding:4px;display:none}.admin-nav-close{color:var(--text-muted);cursor:pointer;background:0 0;border:none;margin-left:auto;padding:4px;display:none}.admin-backdrop{display:none}@media (width<=880px){.admin-shell{flex-direction:row}.admin-sidebar{z-index:60;width:260px;height:100vh;transition:transform .22s;position:fixed;top:0;left:0;transform:translate(-100%);box-shadow:0 20px 60px #00000040}.admin-shell.nav-open .admin-sidebar{transform:translate(0)}.admin-shell.nav-open .admin-backdrop{z-index:55;background:#0f121873;display:block;position:fixed;inset:0}.admin-nav-close,.admin-hamburger{display:inline-flex}.admin-main{width:100%}.admin-topbar{z-index:40;position:sticky;top:0}.admin-content{padding:16px}.admin-whoami-email{display:none}.admin-shell table{white-space:nowrap;display:block;overflow-x:auto}}.prac-metrics{align-items:center;gap:0;display:flex}.prac-metric{padding:0 16px}.prac-metric[data-last="0"]{border-right:1px solid var(--border-light)}.prac-toolbar{z-index:20;background:var(--ivory);flex-wrap:wrap;align-items:center;gap:10px;margin-bottom:14px;padding:12px 0;display:flex;position:sticky;top:0}@media (width<=820px){.prac-header{align-items:flex-start}.prac-metrics{flex-wrap:wrap;gap:8px;width:100%;margin-top:4px}.prac-metric{border:1px solid var(--border-light);border-radius:var(--r-sm);background:var(--surface);flex:28%;padding:8px 6px}.prac-metric[data-last="0"]{border-right:1px solid var(--border-light)}.prac-toolbar{gap:8px}.prac-search{flex:100%;max-width:none}.prac-toolbar .seg{flex:auto;justify-content:center}.prac-toolbar>select{flex:100%}}@media (width<=420px){.prac-metric{flex:30%}.prac-row{gap:10px;padding:12px 14px}.prac-group-head{padding:12px 14px}.prac-row .pr-num{display:none}}.prac-search{flex:240px;max-width:360px;position:relative}.prac-search input{width:100%;padding-left:36px}.prac-list{border:1px solid var(--border-light);border-radius:var(--r-lg);background:var(--surface);box-shadow:var(--shadow-card);overflow:hidden}.prac-group-head{background:var(--parchment);border-top:1px solid var(--border-light);font-family:var(--sans);align-items:center;gap:12px;padding:14px 20px;display:flex}.prac-list>section:first-child .prac-group-head{border-top:none}.prac-group-head .pg-name{letter-spacing:-.01em;font-size:.9rem;font-weight:700}.prac-group-head .pg-count{color:var(--text-muted);font-size:.76rem;font-weight:600}.prac-row{border-top:1px solid var(--border-light);cursor:pointer;text-align:left;width:100%;font-family:var(--sans);color:var(--text);transition:background var(--transition);background:0 0;align-items:center;gap:14px;padding:13px 20px;display:flex}.prac-row:hover{background:var(--parchment)}.prac-row:disabled{cursor:default}.prac-row .pr-num{font-family:var(--mono);color:var(--text-muted);text-align:right;flex-shrink:0;width:30px;font-size:.74rem}.prac-row .pr-title{letter-spacing:-.01em;font-size:.92rem;font-weight:600;line-height:1.3}.prac-row .pr-topic{color:var(--text-muted);font-size:.72rem;font-weight:500}.prac-row .pr-diff{text-align:right;flex-shrink:0;width:62px;font-size:.78rem;font-weight:700}.prac-row .pr-chev{color:var(--text-muted);opacity:0;transition:opacity var(--transition);flex-shrink:0}.prac-row:hover .pr-chev{opacity:1}.prac-showmore{border:none;border-top:1px solid var(--border-light);width:100%;color:var(--sage);cursor:pointer;font-size:.82rem;font-weight:600;font-family:var(--sans);transition:background var(--transition);background:0 0;padding:12px 20px;display:block}.prac-showmore:hover{background:var(--parchment)}.prac-modal{background:var(--surface);border:1px solid var(--border);border-radius:var(--r-lg);width:100%;max-width:1320px;height:92vh;max-height:1040px;box-shadow:var(--shadow-lg);display:flex;overflow:hidden}.prac-pane{flex-direction:column;min-width:0;display:flex;overflow:hidden}.prac-pane-l{flex:42%}.prac-pane-r{flex:58%}.prac-pane-l{padding:24px 26px;overflow:auto}.prac-pane-r{border-left:1px solid var(--border-light);background:var(--parchment)}.prac-pane-r-head{border-bottom:1px solid var(--border-light);justify-content:space-between;align-items:center;padding:14px 18px;display:flex}.prac-pane-r-body{flex-direction:column;flex:1;min-height:0;padding:16px 18px;display:flex;overflow:auto}.prac-tabs{border-bottom:1px solid var(--border-light);gap:4px;margin:14px 0 16px;display:flex}.prac-tab{appearance:none;color:var(--text-muted);cursor:pointer;font-size:.84rem;font-weight:600;font-family:var(--sans);transition:color var(--transition);background:0 0;border:none;border-bottom:2px solid #0000;align-items:center;gap:6px;margin-bottom:-1px;padding:9px 14px;display:inline-flex}.prac-tab:hover{color:var(--text-2)}.prac-tab.on{color:var(--text);border-bottom-color:var(--sage)}@media (width<=880px){.prac-modal{flex-direction:column;height:94vh;max-height:none}.prac-pane-r{border-left:none;border-top:1px solid var(--border-light)}}.hero-grid{grid-template-columns:1.05fr 1fr;align-items:center;gap:48px;display:grid}.hero h1{color:var(--ivory);margin-bottom:18px}.hero p{color:#ffffffb8;max-width:520px;margin-bottom:26px;font-size:1.05rem;line-height:1.7}.hero-code{font-family:var(--mono);color:#e7c98a;background:#ffffff14;border:1px solid #ffffff1f;border-radius:6px;padding:1px 7px;font-size:.92em}.hero-stats{flex-wrap:wrap;gap:30px;margin-top:34px;display:flex}.hero-stat h3{font-family:var(--display);color:var(--ivory);font-size:1.9rem;line-height:1}.hero-stat p{color:#ffffff80;font-size:.78rem;font-family:var(--mono);letter-spacing:.02em;margin:6px 0 0}.mono-tag{font-family:var(--mono);color:var(--gold);letter-spacing:.03em;margin-bottom:12px;font-size:.78rem;font-weight:500}.section-title{max-width:640px}.lp-card{transition:transform var(--transition), box-shadow var(--transition), border-color var(--transition)}.lp-card:hover{box-shadow:var(--shadow-md);border-color:var(--gold-light);transform:translateY(-3px)}.lp-ic{background:var(--gold-bg);width:42px;height:42px;color:var(--gold);border:1px solid color-mix(in srgb, var(--gold) 22%, transparent);border-radius:11px;flex-shrink:0;justify-content:center;align-items:center;display:flex}.lp-chip{background:var(--gold-bg);border:1px solid var(--border-light);color:var(--text-secondary);font-size:.8rem;font-weight:500;font-family:var(--mono);border-radius:8px;padding:5px 11px}.lp-step{font-family:var(--mono);color:var(--gold);font-size:1.4rem;font-weight:700}.lp-split{grid-template-columns:1fr 1fr;align-items:center;gap:44px;display:grid}.lp-checks{flex-direction:column;gap:11px;margin:0;padding:0;list-style:none;display:flex}.lp-checks li{color:var(--text-secondary);align-items:center;gap:10px;font-size:.92rem;display:flex}.lp-checks li svg{color:var(--sage);flex-shrink:0}.code-window{border-radius:var(--r-lg);background:#0f1620;border:1px solid #20303f;overflow:hidden;box-shadow:0 22px 50px -18px #0f16208c}.cw-bar{background:#0b121b;border-bottom:1px solid #1b2836;align-items:center;gap:7px;padding:11px 14px;display:flex}.cw-dot{border-radius:50%;width:11px;height:11px}.cw-dot.r{background:#ff5f57}.cw-dot.y{background:#febc2e}.cw-dot.g{background:#28c840}.cw-file{font-family:var(--mono);color:#5d7184;margin-left:8px;font-size:.76rem}.cw-body{margin:0;padding:18px;overflow:auto}.cw-body code{font-family:var(--mono);color:#cfe3f5;white-space:pre;font-size:.82rem;line-height:1.7}.cw-out{font-family:var(--mono);color:#9fb3c4;background:#0b121b;border-top:1px solid #1b2836;flex-wrap:wrap;align-items:center;gap:14px;padding:12px 16px;font-size:.8rem;display:flex}.cw-run{color:#5d7184}.cw-pass{color:#28c840;align-items:center;gap:5px;margin-left:auto;font-weight:500;display:inline-flex}.lp-foot{grid-template-columns:2fr 1fr 1fr 1fr;gap:40px;margin-bottom:30px;display:grid}.lp-foot-h{color:var(--ink);margin-bottom:12px;font-size:.85rem;font-weight:600}.lp-foot-bottom{border-top:1px solid var(--border);color:var(--text-muted);flex-wrap:wrap;justify-content:space-between;gap:12px;padding-top:20px;font-size:.78rem;display:flex}@media (width<=860px){.hero-grid{grid-template-columns:1fr;gap:32px}.lp-split{grid-template-columns:1fr;gap:28px}.lp-foot{grid-template-columns:1fr 1fr;gap:28px}}.hero-terminal{width:520px;margin:0 auto;position:relative}.terminal-window{-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);background:#0f1423f0;border:1px solid #ffffff1a;border-radius:10px;overflow:hidden;box-shadow:0 16px 48px #0006,inset 0 0 0 1px #ffffff0a}.terminal-header{background:#ffffff05;border-bottom:1px solid #ffffff0d;align-items:center;gap:6px;padding:9px 12px;display:flex}.terminal-dot{border-radius:50%;width:9px;height:9px}.terminal-dot:first-child{background:#ff5f56}.terminal-dot:nth-child(2){background:#ffbd2e}.terminal-dot:nth-child(3){background:#27c93f}.terminal-title{text-align:center;color:#ffffff4d;font-size:.68rem;font-family:var(--font-mono);flex:1}.terminal-body{height:340px;font-family:var(--font-mono);scroll-behavior:smooth;flex-direction:column-reverse;padding:18px 20px;font-size:.8rem;line-height:1.85;display:flex;overflow-y:auto}.terminal-body::-webkit-scrollbar{width:0;height:0}.terminal-body .lines-wrap{flex-direction:column;display:flex}.terminal-body .line{flex-shrink:0;animation:.15s ease-out slideDown;display:flex}@keyframes slideDown{0%{opacity:0;transform:translateY(-14px)}to{opacity:1;transform:translateY(0)}}.terminal-body .prompt{color:#27c93f;-webkit-user-select:none;user-select:none;margin-right:6px}.terminal-body .string{color:#f1fa8c}.terminal-body .comment{color:#6272a4}.terminal-body .cursor{vertical-align:text-bottom;background:#f8f8f2;width:7px;height:14px;margin-left:1px;animation:1s step-end infinite blink;display:inline-block}.floating-card{font-family:var(--font-mono);color:#fff3;pointer-events:none;background:#19263ca6;border:1px solid #ffffff0d;border-radius:6px;padding:6px 12px;font-size:.68rem;animation:6s ease-in-out infinite cardFloat;position:absolute}.floating-card:first-child{animation-delay:0s;top:-14px;right:-12px}.floating-card:nth-child(2){animation-delay:1.5s;bottom:-10px;left:-10px}.floating-card:nth-child(3){animation-delay:3s;top:35%;right:-20px}.floating-card:nth-child(4){animation-delay:4.5s;bottom:30%;left:-18px}@keyframes cardFloat{0%,to{transform:translateY(0)rotate(0)}50%{transform:translateY(-6px)rotate(1deg)}}@media (width<=768px){.hero-terminal{width:100%}.floating-card{display:none}.terminal-body{height:220px;font-size:.7rem}}