@import "https://fonts.googleapis.com/css2?family=Inter:wght@400;500;600;700&family=Outfit:wght@500;600;700;800&display=swap";
:root{--bg:#070503;--bg-card:#14100c99;--border:#ffffff14;--border-hover:#f59e0b40;--text:#faf9f6;--text-muted:#d4d2cc;--text-dim:#807e78;--accent-1:#f59e0b;--accent-2:#ea580c;--font-display:"Outfit", "Inter", system-ui, sans-serif;--font-body:"Inter", system-ui, sans-serif;--radius-sm:6px;--radius-md:12px;--radius-lg:16px;--nav-h:64px;--shadow-glow:0 0 40px #f59e0b26;--shadow-demo:0 30px 70px #000000b3}*,:before,:after{box-sizing:border-box;margin:0;padding:0}html{scroll-behavior:smooth;-webkit-font-smoothing:antialiased}body{font-family:var(--font-body);background:var(--bg);color:var(--text);line-height:1.6;overflow-x:hidden}a{color:inherit;text-decoration:none}button{font-family:var(--font-body);cursor:pointer;background:0 0;border:none}img,video{max-width:100%;display:block}::-webkit-scrollbar{width:8px}::-webkit-scrollbar-track{background:var(--bg)}::-webkit-scrollbar-thumb{background:#ffffff1a;border-radius:4px}::-webkit-scrollbar-thumb:hover{background:#fff3}.container{max-width:1040px;margin:0 auto;padding:0 24px}.orb-container{pointer-events:none;z-index:0;position:absolute;inset:0;overflow:hidden}.orb{filter:blur(140px);opacity:.15;mix-blend-mode:screen;border-radius:50%;animation:12s ease-in-out infinite alternate floatOrb;position:absolute}.orb-1{background:radial-gradient(circle, var(--accent-1) 0%, transparent 80%);width:450px;height:450px;top:-100px;left:20%}.orb-2{background:radial-gradient(circle, var(--accent-2) 0%, transparent 80%);width:350px;height:350px;animation-delay:-4s;top:30%;right:15%}@keyframes floatOrb{0%{transform:translateY(0)scale(1)}to{transform:translateY(30px)scale(1.1)}}.navbar{z-index:100;height:var(--nav-h);border-bottom:1px solid #0000;align-items:center;transition:all .3s;display:flex;position:fixed;top:0;left:0;right:0}.navbar.scrolled{border-color:var(--border);-webkit-backdrop-filter:blur(16px);background:#040706bf}.navbar .container{justify-content:space-between;align-items:center;width:100%;display:flex}.nav-logo{font-family:var(--font-display);color:var(--text);align-items:center;gap:8px;font-size:17px;font-weight:700;display:flex}.nav-logo-mark{object-fit:contain;border-radius:6px;flex-shrink:0;width:24px;height:24px}.nav-links{align-items:center;gap:32px;list-style:none;display:flex}.nav-links a{color:var(--text-muted);font-size:13.5px;font-weight:500;transition:color .2s}.nav-links a:hover{color:var(--text)}.nav-cta{background:var(--text);color:var(--bg);border-radius:var(--radius-sm);align-items:center;gap:6px;padding:8px 16px;font-size:13px;font-weight:600;transition:all .2s;display:inline-flex}.nav-cta:hover{background:var(--accent-1);color:#fff;transform:translateY(-1px)}.nav-user-menu{position:relative}.nav-avatar-btn{border:2px solid var(--border);cursor:pointer;background:#ffffff0a;border-radius:50%;justify-content:center;align-items:center;width:36px;height:36px;padding:0;transition:border-color .2s;display:flex;overflow:hidden}.nav-avatar-btn:hover,.nav-avatar-btn[aria-expanded=true]{border-color:var(--accent-1)}.nav-avatar-img{object-fit:cover;border-radius:50%;width:100%;height:100%}.nav-avatar-fallback{color:var(--text);font-size:12px;font-weight:700}.nav-settings-panel{border:1px solid var(--border);border-radius:var(--radius-md);-webkit-backdrop-filter:blur(16px);background:#0c100ef5;min-width:220px;padding:14px;position:absolute;top:calc(100% + 10px);right:0;box-shadow:0 12px 40px #00000073}.nav-settings-name{color:var(--text);word-break:break-word;margin:0 0 10px;font-size:14px;font-weight:600}.nav-settings-plan-row{border-bottom:1px solid var(--border);justify-content:space-between;align-items:center;gap:10px;margin-bottom:12px;padding-bottom:12px;display:flex}.nav-settings-plan{color:var(--text-muted);text-transform:capitalize;font-size:12px;font-weight:500}.nav-settings-upgrade{border-radius:var(--radius-sm);background:var(--accent-gradient);color:#fff;cursor:pointer;white-space:nowrap;border:none;align-items:center;padding:5px 10px;font-size:12px;font-weight:600;text-decoration:none;display:inline-flex}.nav-settings-upgrade:disabled{opacity:.6;cursor:not-allowed}.nav-settings-logout{border:1px solid var(--border);border-radius:var(--radius-sm);width:100%;color:var(--text-muted);cursor:pointer;background:0 0;padding:8px 12px;font-size:13px;font-weight:500;transition:all .2s}.nav-settings-logout:hover{border-color:var(--text-muted);color:var(--text);background:#ffffff0d}.pricing-section{border-top:1px solid var(--border);background:#0f171533}.pricing-head{text-align:center;margin-bottom:48px}.pricing-head .section-sub{margin:0 auto}.pricing-grid{grid-template-columns:repeat(3,1fr);gap:20px;max-width:960px;margin:0 auto;display:grid}.pricing-card{background:var(--bg-card);border:1px solid var(--border);border-radius:var(--radius-lg);flex-direction:column;padding:28px 24px;transition:border-color .2s;display:flex;position:relative}.pricing-card-highlighted{border-color:var(--border-hover);box-shadow:var(--shadow-glow)}.pricing-badge{background:linear-gradient(135deg, var(--accent-1), var(--accent-2));color:#040706;text-transform:uppercase;letter-spacing:.04em;border-radius:100px;padding:4px 10px;font-size:11px;font-weight:700;position:absolute;top:16px;right:16px}.pricing-card-name{font-family:var(--font-display);color:var(--text);margin-bottom:6px;font-size:20px;font-weight:700}.pricing-card-credits{color:var(--accent-1);margin-bottom:16px;font-size:13px;font-weight:500}.pricing-card-price{align-items:baseline;gap:4px;margin-bottom:20px;display:flex}.pricing-amount{font-family:var(--font-display);color:var(--text);font-size:40px;font-weight:800;line-height:1}.pricing-period{color:var(--text-muted);font-size:14px;font-weight:500}.pricing-features{flex:1;margin-bottom:24px;list-style:none}.pricing-features li{color:var(--text-muted);margin-bottom:10px;padding-left:18px;font-size:13.5px;line-height:1.5;position:relative}.pricing-features li:before{content:"✓";color:var(--accent-1);font-size:12px;font-weight:700;position:absolute;left:0}.pricing-btn{justify-content:center;width:100%;margin-top:auto}.pricing-btn:disabled{opacity:.45;cursor:not-allowed;box-shadow:none;transform:none}.hero{padding-top:calc(var(--nav-h) + 40px);text-align:center;flex-direction:column;align-items:center;padding-bottom:60px;display:flex;position:relative}.hero-inner{z-index:1;max-width:800px;margin:0 auto;position:relative}.hero-badge{border:1px solid var(--border);color:var(--text-muted);background:#ffffff0a;border-radius:100px;align-items:center;gap:8px;margin-bottom:24px;padding:5px 14px;font-size:12px;font-weight:500;animation:.6s both fadeUp;display:inline-flex}.badge-dot{background:var(--accent-1);width:6px;height:6px;box-shadow:0 0 10px var(--accent-1);border-radius:50%;animation:2s infinite blink}@keyframes blink{0%,to{opacity:1;transform:scale(1)}50%{opacity:.4;transform:scale(.9)}}.hero-title{font-family:var(--font-display);letter-spacing:-.02em;color:var(--text);margin-bottom:16px;font-size:clamp(38px,6vw,68px);font-weight:800;line-height:1.15;animation:.6s .1s both fadeUp}.text-gradient{background:linear-gradient(135deg, var(--accent-1), var(--accent-2));-webkit-text-fill-color:transparent;-webkit-background-clip:text}.hero-sub{color:var(--text-muted);max-width:580px;margin:0 auto;font-size:clamp(15px,1.5vw,17px);line-height:1.6;animation:.6s .2s both fadeUp}.hero-actions{justify-content:center;align-items:center;gap:16px;margin-top:28px;animation:.6s .3s both fadeUp;display:flex}.btn-primary{background:linear-gradient(135deg, var(--accent-1), var(--accent-2));color:#040706;border-radius:var(--radius-sm);box-shadow:var(--shadow-glow);align-items:center;gap:8px;padding:12px 26px;font-size:14.5px;font-weight:600;transition:all .25s;display:inline-flex}.btn-primary:hover{transform:translateY(-2px);box-shadow:0 0 50px #10b98159}.btn-ghost{color:var(--text);border:1px solid var(--border);border-radius:var(--radius-sm);background:0 0;align-items:center;gap:8px;padding:12px 26px;font-size:14.5px;font-weight:500;transition:all .2s;display:inline-flex}.btn-ghost:hover{border-color:var(--text-muted);background:#ffffff0d}.hero-trust{color:var(--text-dim);margin-top:16px;font-size:12.5px;animation:.6s .4s both fadeUp}.hero-demo{z-index:1;width:100%;max-width:860px;margin-top:48px;padding:0 24px;animation:.8s .4s both fadeUp;position:relative}.demo-wrapper{border-radius:var(--radius-lg);box-shadow:var(--shadow-demo);border:1px solid var(--border);background:#0d1117;overflow:hidden}.demo-bar{border-bottom:1px solid var(--border);background:#161b22;align-items:center;gap:8px;padding:12px 18px;display:flex}.demo-dot{border-radius:50%;width:10px;height:10px}.demo-dot-r{background:#ff5f56}.demo-dot-y{background:#ffbd2e}.demo-dot-g{background:#27c93f}.demo-address{height:24px;color:var(--text-dim);border:1px solid var(--border);background:#0d1117;border-radius:6px;flex:1;align-items:center;margin:0 16px;padding:0 12px;font-size:11px;display:flex}.demo-body{grid-template-columns:1.1fr .9fr;min-height:340px;display:grid}.demo-page{border-right:1px solid var(--border);background:#0d1117;flex-direction:column;gap:16px;padding:24px;display:flex;position:relative}.demo-page-label{text-transform:uppercase;letter-spacing:1px;color:var(--text-dim);font-size:10px;font-weight:600}.demo-code{color:#e6edf3;font-family:JetBrains Mono,Fira Code,monospace;font-size:12px;line-height:1.7}.kw{color:#ff7b72}.fn{color:#d2a8ff}.str{color:#a5d6ff}.cm{color:#8b949e}.nm{color:#ff5f56}.demo-selection{border:1.5px solid var(--accent-1);background:#f59e0b0d;border-radius:6px;margin-top:8px;padding:12px;animation:3s ease-in-out infinite selectionGlow;position:relative;box-shadow:0 0 16px #f59e0b26}@keyframes selectionGlow{0%,to{box-shadow:0 0 16px #f59e0b26}50%{box-shadow:0 0 28px #f59e0b59}}.demo-crosshair{width:14px;height:14px;color:var(--accent-1);opacity:.8;position:absolute;top:8px;right:10px}.demo-sidebar{background:#090c10;flex-direction:column;gap:16px;padding:24px;display:flex}.sidebar-header{align-items:center;gap:8px;display:flex}.sidebar-icon{object-fit:contain;border-radius:5px;flex-shrink:0;width:22px;height:22px}.sidebar-name{color:var(--text);font-size:13px;font-weight:600}.sidebar-divider{background:var(--border);height:1px}.sidebar-section-label{text-transform:uppercase;letter-spacing:.8px;color:var(--accent-1);margin-bottom:6px;font-size:10px;font-weight:700}.skel{background:#ffffff14;border-radius:4px;height:8px;margin-top:6px;animation:2s ease-in-out infinite skelPulse}.skel-full{width:100%}.skel-long{width:85%}.skel-med{width:65%;animation-delay:.2s}.skel-short{width:45%;animation-delay:.4s}@keyframes skelPulse{0%,to{opacity:.4}50%{opacity:.8}}.sidebar-code-block{border:1px solid var(--border);color:#7ee787;background:#ffffff08;border-radius:6px;margin-top:6px;padding:12px;font-family:monospace;font-size:11px;line-height:1.6}.section{z-index:1;padding:70px 0;position:relative}.section-label{text-transform:uppercase;letter-spacing:.08em;color:var(--accent-1);margin-bottom:12px;font-size:11.5px;font-weight:600}.section-heading{font-family:var(--font-display);letter-spacing:-.015em;color:var(--text);margin-bottom:12px;font-size:clamp(26px,3vw,38px);font-weight:700;line-height:1.25}.section-sub{color:var(--text-muted);max-width:520px;font-size:14.5px;line-height:1.6}.features-section{border-top:1px solid var(--border);border-bottom:1px solid var(--border);background:#0f171533}.features-head{text-align:center;margin-bottom:40px}.features-head .section-sub{margin:0 auto}.features-grid{grid-template-columns:repeat(3,1fr);gap:16px;display:grid}.feat-card{background:var(--bg-card);border:1px solid var(--border);border-radius:var(--radius-md);padding:24px;transition:all .25s}.feat-card:hover{border-color:var(--border-hover);background:#f59e0b08;transform:translateY(-2px);box-shadow:0 10px 30px #f59e0b0a}.feat-emoji{margin-bottom:12px;font-size:24px;display:block}.feat-title{font-family:var(--font-display);color:var(--text);margin-bottom:8px;font-size:15.5px;font-weight:600}.feat-desc{color:var(--text-muted);font-size:13.5px;line-height:1.55}.hiw-section{background:var(--bg)}.hiw-head{margin-bottom:40px}.hiw-steps{grid-template-columns:repeat(4,1fr);gap:16px;width:100%;display:grid}.hiw-step{background:var(--bg-card);border:1px solid var(--border);border-radius:var(--radius-md);flex-direction:column;align-items:flex-start;transition:all .25s;display:flex}.hiw-step:hover{border-color:var(--border-hover);background:#f59e0b08}.hiw-num-container{justify-content:flex-start;width:100%;padding:20px 20px 0;display:flex}.hiw-num{font-family:var(--font-display);color:var(--accent-1);font-size:32px;font-weight:800;line-height:1}.hiw-body{padding:12px 20px 20px}.hiw-title{font-family:var(--font-display);color:var(--text);margin-bottom:6px;font-size:15.5px;font-weight:600}.hiw-desc{color:var(--text-muted);font-size:13.5px;line-height:1.55}.hiw-tag{border:1px solid var(--border);color:var(--accent-1);background:#ffffff0a;border-radius:4px;margin-top:10px;padding:3px 8px;font-family:monospace;font-size:11px;display:inline-block}.cta-section{background:linear-gradient(180deg, var(--bg) 0%, #f59e0b14 100%);text-align:center;border-top:1px solid var(--border);padding:70px 0}.cta-heading{font-family:var(--font-display);color:var(--text);margin-bottom:12px;font-size:clamp(26px,3.5vw,42px);font-weight:700;line-height:1.25}.cta-sub{color:var(--text-muted);margin-bottom:24px;font-size:14.5px}.btn-cream{background:var(--text);color:var(--bg);border-radius:var(--radius-sm);align-items:center;gap:8px;padding:12px 28px;font-size:14px;font-weight:600;transition:all .25s;display:inline-flex;box-shadow:0 4px 12px #0000004d}.btn-cream:hover{background:var(--accent-1);color:#fff;box-shadow:var(--shadow-glow);transform:translateY(-2px)}.footer{border-top:1px solid var(--border);background:#020403;padding:24px 0}.footer-inner{flex-wrap:wrap;justify-content:space-between;align-items:center;gap:16px;display:flex}.footer-brand{flex-direction:column;gap:4px;display:flex}.footer-logo{font-family:var(--font-display);color:var(--text);align-items:center;gap:8px;font-size:15px;font-weight:700;display:flex}.footer-tagline,.footer-copy{color:var(--text-dim);font-size:12px}.footer-links{align-items:center;gap:16px;display:flex}.footer-links a{color:var(--text-dim);font-size:12px;transition:color .2s}.footer-links a:hover{color:var(--text-muted)}.legal-page{padding-top:calc(var(--nav-h) + 48px);padding-bottom:40px}.legal-container{max-width:720px}.legal-updated{color:var(--text-dim);margin-bottom:32px;font-size:13px}.legal-prose h2{font-family:var(--font-display);color:var(--text);margin:32px 0 12px;font-size:20px;font-weight:700}.legal-prose h3{color:var(--text);margin:20px 0 8px;font-size:15px;font-weight:600}.legal-prose p,.legal-prose li{color:var(--text-muted);font-size:14.5px;line-height:1.7}.legal-prose p{margin-bottom:12px}.legal-prose ul{margin:0 0 16px 20px}.legal-prose li{margin-bottom:6px}.legal-prose a{color:var(--accent-1);text-underline-offset:2px;text-decoration:underline}.legal-prose code{color:var(--text);background:#ffffff0f;border-radius:4px;padding:2px 6px;font-size:13px}.legal-back{margin-top:40px;font-size:13px}.legal-back a{color:var(--text-muted);transition:color .2s}.legal-back a:hover{color:var(--text)}.contact-cards{grid-template-columns:repeat(2,1fr);gap:16px;margin-bottom:28px;display:grid}.contact-card{background:var(--bg-card);border:1px solid var(--border);border-radius:var(--radius-md);flex-direction:column;gap:6px;padding:20px;text-decoration:none;transition:border-color .2s,box-shadow .2s;display:flex}.contact-card:hover{border-color:var(--border-hover);box-shadow:var(--shadow-glow)}.contact-card-label{text-transform:uppercase;letter-spacing:.06em;color:var(--accent-1);font-size:11px;font-weight:600}.contact-card-value{color:var(--text);font-size:15px;font-weight:600}.contact-card-hint{color:var(--text-dim);font-size:12px}@media (max-width:600px){.contact-cards{grid-template-columns:1fr}}@keyframes fadeUp{0%{opacity:0;transform:translateY(10px)}to{opacity:1;transform:translateY(0)}}@media (max-width:860px){.features-grid,.hiw-steps{grid-template-columns:repeat(2,1fr)}.demo-body{grid-template-columns:1fr}.demo-sidebar{border-top:1px solid var(--border)}.pricing-grid{grid-template-columns:1fr;max-width:400px}}@media (max-width:600px){.features-grid,.hiw-steps{grid-template-columns:1fr}.nav-links{display:none}}.login-container{min-height:calc(100vh - var(--nav-h));z-index:10;justify-content:center;align-items:center;padding:40px 24px;display:flex;position:relative}.login-card{background:var(--bg-card);border:1px solid var(--border);border-radius:var(--radius-lg);-webkit-backdrop-filter:blur(20px);width:100%;max-width:400px;box-shadow:var(--shadow-demo);padding:32px;animation:.4s ease-out fadeUp}.login-title{font-family:var(--font-display);color:var(--text);text-align:center;margin-bottom:8px;font-size:24px;font-weight:800}.login-subtitle{color:var(--text-muted);text-align:center;margin-bottom:24px;font-size:13.5px;line-height:1.5}.login-form{flex-direction:column;gap:16px;display:flex}.login-input-group{flex-direction:column;gap:6px;display:flex}.login-label{color:var(--text-dim);text-transform:uppercase;letter-spacing:.05em;font-size:11px;font-weight:600}.login-input{border:1px solid var(--border);border-radius:var(--radius-sm);width:100%;color:var(--text);background:#ffffff08;outline:none;padding:10px 14px;font-size:13px;transition:all .2s}.login-input:focus{border-color:var(--accent-1);background:#f59e0b0a}.login-submit-btn{background:linear-gradient(135deg, var(--accent-1), var(--accent-2));color:#040706;border-radius:var(--radius-sm);text-align:center;width:100%;margin-top:10px;padding:12px;font-size:14px;font-weight:700;transition:all .2s;box-shadow:0 4px 14px #f59e0b33}.login-submit-btn:hover{transform:translateY(-1px);box-shadow:0 6px 20px #f59e0b59}.login-feedback-msg{text-align:center;color:#4ade80;min-height:18px;font-size:12.5px}.login-feedback-msg.error{color:#f87171}