@import"https://fonts.googleapis.com/css2?family=Outfit:wght@300;400;500;600;700;800&family=Inter:wght@400;500;600&family=JetBrains+Mono:wght@400;500&display=swap";:root{--bg-deep: #050507;--bg-surface: #0c0c10;--bg-card: #12121a;--primary: #6366f1;--primary-glow: rgba(99, 102, 241, .2);--secondary: #a855f7;--accent: #ec4899;--text-main: #f8fafc;--text-dim: #94a3b8;--border: #1e1e2e;--glass: rgba(12, 12, 16, .8);--pro-cyan: #00d2ff;--pro-emerald: #00ff9d}*{box-sizing:border-box;margin:0;padding:0}body{background-color:var(--bg-deep);color:var(--text-main);font-family:Inter,sans-serif;-webkit-font-smoothing:antialiased;min-height:100vh;overflow-x:hidden}h1,h2,h3,.brand-font{font-family:Outfit,sans-serif}.bg-mesh{position:fixed;top:0;right:0;bottom:0;left:0;z-index:-1;background:radial-gradient(circle at 10% 10%,rgba(99,102,241,.08) 0%,transparent 40%),radial-gradient(circle at 90% 90%,rgba(236,72,153,.05) 0%,transparent 40%)}.premium-nav{position:sticky;top:0;z-index:100;background:#050507cc;backdrop-filter:blur(12px);-webkit-backdrop-filter:blur(12px);border-bottom:1px solid var(--border);padding:.75rem 1.5rem}.studio-tab{padding:.5rem 1.25rem;font-size:13px;font-weight:600;color:var(--text-dim);border-radius:8px;transition:all .2s;cursor:pointer}.studio-tab:hover{color:var(--text-main);background:#ffffff08}.studio-tab.active{color:var(--text-main);background:#6366f11a;box-shadow:inset 0 0 0 1px #6366f133}.hero{padding:8rem 2rem 4rem;text-align:center;max-width:1000px;margin:0 auto}.hero-tag{display:inline-flex;padding:.5rem 1rem;background:#6366f11a;border:1px solid rgba(99,102,241,.2);border-radius:99px;color:var(--primary);font-size:11px;font-weight:800;text-transform:uppercase;letter-spacing:.2em;margin-bottom:2rem}.hero-title{font-size:clamp(3rem,8vw,6rem);font-weight:800;line-height:.95;letter-spacing:-.04em;margin-bottom:1.5rem;background:linear-gradient(180deg,#fff,#ffffffb3);-webkit-background-clip:text;background-clip:text;-webkit-text-fill-color:transparent}.hero-subtitle{color:var(--text-dim);font-size:1.125rem;max-width:600px;margin:0 auto;line-height:1.6}.pro-workspace-wrapper{max-width:1800px;margin:0 auto;padding:2rem}.pro-card-container{display:grid;grid-template-columns:1fr 1fr;gap:1px;background:var(--border);border:1px solid var(--border);border-radius:16px;overflow:hidden;box-shadow:0 40px 100px #0009}.pro-pane{background:#08080c;display:flex;flex-direction:column}.pro-pane-header{display:flex;justify-content:space-between;align-items:center;padding:1rem 1.5rem;background:#0000004d;border-bottom:1px solid var(--border)}.pro-pane-label{font-size:12px;font-weight:800;text-transform:uppercase;color:var(--pro-cyan);display:flex;align-items:center;gap:10px;letter-spacing:.1em}.pro-pane-label.toon{color:var(--pro-emerald)}.pro-token-badge{font-size:11px;color:var(--text-dim);font-weight:600}textarea.pro-input{background:transparent;color:var(--text-main);border:none;resize:none;width:100%;height:650px;padding:2rem;font-family:JetBrains Mono,monospace;font-size:15px;line-height:1.7;outline:none}.pro-output{height:650px;padding:2rem;font-family:JetBrains Mono,monospace;font-size:15px;line-height:1.7;color:var(--pro-emerald);overflow-y:auto;white-space:pre-wrap}.pro-calc-section{margin-top:4rem;padding:3rem;background:#0a0a0f;border:1px solid var(--border);border-radius:20px}.pro-calc-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:3rem}.pro-calc-title{font-size:1.75rem;font-weight:800;text-transform:uppercase;letter-spacing:.05em;color:#fff}.pro-model-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(260px,1fr));gap:2rem}.pro-model-card{background:#0f0f15;border:1px solid #1a1a25;border-radius:16px;padding:2rem;transition:all .3s ease}.pro-model-card:hover{transform:translateY(-8px);border-color:var(--pro-cyan);box-shadow:0 10px 30px #00d2ff1a}.footer-grid{display:grid;grid-template-columns:2fr 1fr 1fr 1fr;gap:4rem;max-width:1400px;margin:0 auto}.footer-link{color:var(--text-dim);text-decoration:none;font-size:14px;display:block;margin-bottom:.75rem;transition:color .2s}.footer-link:hover{color:var(--primary)}.flex{display:flex}.items-center{align-items:center}.justify-between{justify-content:space-between}.gap-2{gap:.5rem}.gap-4{gap:1rem}.mt-12{margin-top:3rem}@keyframes fadeIn{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}.flex-col{flex-direction:column}.items-start{align-items:flex-start}.mx-auto{margin-left:auto;margin-right:auto}.w-full{width:100%}.max-w-1400{max-width:1400px}.max-w-1800{max-width:1800px}.px-8{padding-left:2rem;padding-right:2rem}.gap-3{gap:.75rem}.gap-6{gap:1.5rem}.gap-12{gap:3rem}.px-100{padding-left:100px;padding-right:100px}.diff-nav{display:flex;gap:8px;background:#ffffff08;padding:4px;border-radius:12px;border:1px solid rgba(255,255,255,.05);margin-bottom:24px;width:fit-content}.diff-mode-btn{padding:6px 16px;font-size:11px;font-weight:700;text-transform:uppercase;letter-spacing:.05em;color:var(--text-dim);border-radius:8px;transition:all .2s;cursor:pointer}.diff-mode-btn:hover{color:#fff}.diff-mode-btn.active{background:var(--primary);color:#fff;box-shadow:0 4px 12px #6366f14d}.diff-inputs-grid{display:grid;grid-template-columns:1fr 1fr;gap:24px;margin-bottom:24px}.diff-input-pane{background:#0003;border:1px solid rgba(255,255,255,.05);border-radius:12px;padding:16px}.diff-input-title{font-size:10px;font-weight:800;color:var(--text-dim);text-transform:uppercase;letter-spacing:.1em;margin-bottom:12px;display:flex;align-items:center;gap:8px}.diff-textarea{width:100%;height:500px;background:transparent;border:none;outline:none;font-family:JetBrains Mono,monospace;font-size:13px;color:#fff;resize:none}.header-brand{display:flex;align-items:center;gap:.75rem;font-weight:800;text-transform:uppercase;letter-spacing:-.02em;font-size:1.1rem;background:linear-gradient(to bottom,#fff 50%,#fff6);background-clip:text;-webkit-background-clip:text;-webkit-text-fill-color:transparent;transition:all .3s cubic-bezier(.4,0,.2,1)}.header-brand:hover{filter:brightness(1.2);transform:translateY(-1px)}.header-brand-icon{width:1.25rem;height:1.25rem;color:var(--primary);filter:drop-shadow(0 0 8px rgba(99,102,241,.4))}.footer-brand{font-size:clamp(3rem,10vw,5rem);font-weight:900;text-transform:uppercase;letter-spacing:-.05em;line-height:1;background:linear-gradient(to bottom,#fff 40%,#fff3);background-clip:text;-webkit-background-clip:text;-webkit-text-fill-color:transparent;margin-bottom:2rem;display:flex;flex-direction:column;align-items:center;gap:1.5rem}.footer-brand-icon{width:3rem;height:3rem;color:var(--primary);filter:drop-shadow(0 0 15px rgba(99,102,241,.6))}.footer-centered{display:flex;flex-direction:column;align-items:center;text-align:center;padding-top:80px;padding-bottom:40px;border-top:1px solid rgba(255,255,255,.05);background:linear-gradient(to bottom,transparent,rgba(0,0,0,.4))}.footer-nav{display:flex;justify-content:center;gap:64px;margin-bottom:48px}.footer-nav-link{color:var(--text-dim);text-decoration:none;font-size:9px;font-weight:700;text-transform:uppercase;letter-spacing:.2em;opacity:.6;transition:all .2s}.footer-nav-link:hover{color:#fff;opacity:1}.social-links{display:flex;gap:16px;margin-bottom:40px}.social-icon{width:40px;height:40px;border-radius:50%;display:flex;align-items:center;justify-content:center;border:1px solid rgba(255,255,255,.1);color:var(--text-dim);transition:all .2s;background:#ffffff05}.social-icon:hover{border-color:var(--primary);color:var(--primary);transform:translateY(-2px);background:#6366f10d}.footer-copyright{font-size:11px;color:#fff3;letter-spacing:.02em}.scale-selector{display:flex;gap:4px;background:#ffffff08;padding:4px;border-radius:10px;border:1px solid rgba(255,255,255,.05)}.scale-btn{padding:4px 12px;font-size:10px;font-weight:800;color:var(--text-dim);border-radius:6px;transition:all .2s;cursor:pointer}.scale-btn:hover{color:#fff}.scale-btn.active{background:#ffffff1a;color:#fff}.monthly-slider{width:100%;height:4px;-moz-appearance:none;appearance:none;-webkit-appearance:none;background:#ffffff0d;border-radius:2px;outline:none;margin-top:20px}.monthly-slider::-webkit-slider-thumb{-webkit-appearance:none;width:12px;height:12px;background:var(--primary);border-radius:50%;cursor:pointer;box-shadow:0 0 10px #6366f180;transition:transform .1s}.monthly-slider::-webkit-slider-thumb:hover{transform:scale(1.2)}