:root{--bg:#08090c;--panel:#111319;--panel2:#171a22;--text:#f7f8fb;--muted:#9ba3b4;--line:#282d38;--accent:#7c5cff;--accent2:#28d7ff;--ok:#33d69f}*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;background:radial-gradient(circle at 85% -10%,#2a205d 0,transparent 32%),radial-gradient(circle at 10% 20%,#102b41 0,transparent 30%),var(--bg);color:var(--text);font:15px/1.6 Inter,ui-sans-serif,system-ui,-apple-system,Segoe UI,Arial}.nav{height:72px;position:sticky;top:0;z-index:20;display:flex;align-items:center;gap:30px;padding:0 4vw;background:#08090ccc;backdrop-filter:blur(16px);border-bottom:1px solid #ffffff10}.brand{display:flex;align-items:center;gap:8px;color:#fff;text-decoration:none}.brandmark{display:grid;place-items:center;width:32px;height:32px;border-radius:10px;background:linear-gradient(135deg,var(--accent),var(--accent2));font-weight:900}.brand small{color:#99a1b1}.nav nav{display:flex;gap:24px;flex:1}.nav nav a,.nav-actions a,footer a{color:#cfd3dc;text-decoration:none}.nav nav a:hover,footer a:hover{color:#fff}.nav-actions{display:flex;gap:10px}.btn{display:inline-flex;align-items:center;justify-content:center;min-height:42px;padding:0 17px;border:0;border-radius:12px;background:linear-gradient(135deg,var(--accent),#5c8dff);color:white!important;text-decoration:none;font-weight:700;cursor:pointer}.btn.ghost{background:#ffffff0d;border:1px solid #ffffff18}.btn.big{min-height:52px;padding:0 24px}.navtoggle{display:none;background:none;border:0;color:#fff;font-size:24px}.hero{max-width:1240px;margin:auto;padding:96px 4vw 60px;text-align:center}.eyebrow{display:inline-block;padding:7px 12px;border:1px solid #ffffff19;border-radius:99px;background:#ffffff08;color:#cfd4ff}.hero h1{font-size:clamp(44px,7vw,88px);line-height:.98;letter-spacing:-.06em;margin:25px auto 20px;max-width:1000px}.gradient{background:linear-gradient(90deg,#fff,#bcaeff,#7de5ff);-webkit-background-clip:text;color:transparent}.hero p{max-width:760px;margin:0 auto 28px;color:var(--muted);font-size:19px}.actions{display:flex;gap:12px;justify-content:center;flex-wrap:wrap}.stage{max-width:1180px;margin:35px auto 80px;padding:18px;border:1px solid #ffffff12;border-radius:28px;background:linear-gradient(180deg,#151824cc,#0c0e14cc);box-shadow:0 30px 100px #0008}.mock{min-height:520px;border-radius:20px;overflow:hidden;background:linear-gradient(135deg,#1a1d2b,#0f1119);display:grid;grid-template-columns:260px 1fr}.side{padding:22px;border-right:1px solid var(--line)}.side .item{padding:13px 14px;border-radius:10px;color:#b7bdca;margin:5px 0}.side .item.active{background:#ffffff0c;color:#fff}.workspace{padding:28px}.promptbox{margin-top:230px;padding:16px;background:#0c0e13;border:1px solid var(--line);border-radius:18px}.promptbox textarea{width:100%;min-height:86px;background:transparent;border:0;outline:0;color:#fff;resize:none}.chips{display:flex;gap:8px;flex-wrap:wrap}.chip{padding:7px 10px;border:1px solid var(--line);border-radius:9px;color:#aeb5c3}.section{max-width:1180px;margin:0 auto;padding:75px 4vw}.section h2{font-size:clamp(32px,4vw,52px);letter-spacing:-.04em;margin:0 0 14px}.section>p{color:var(--muted);max-width:720px}.grid{display:grid;grid-template-columns:repeat(3,1fr);gap:18px;margin-top:32px}.card{padding:24px;border:1px solid #ffffff12;border-radius:20px;background:linear-gradient(160deg,#151820,#0e1015)}.card h3{margin:10px 0}.icon{font-size:28px}.card p{color:var(--muted)}.studio-wrap,.auth-wrap,.dash{max-width:1180px;margin:auto;padding:50px 4vw 80px}.studio-grid{display:grid;grid-template-columns:1.2fr .8fr;gap:20px}.panel{background:#101219;border:1px solid var(--line);border-radius:20px;padding:22px}.field{margin:15px 0}.field label{display:block;margin-bottom:7px;color:#cfd4de;font-weight:600}.field input,.field textarea,.field select{width:100%;padding:13px 14px;border:1px solid var(--line);border-radius:11px;background:#0b0d12;color:#fff;outline:none}.field textarea{min-height:120px;resize:vertical}.preview{min-height:520px;display:grid;place-items:center;text-align:center;background:radial-gradient(circle,#1c2240,#0b0d12 65%);border:1px dashed #353b49;border-radius:16px;color:#aab2c0}.auth-card{max-width:480px;margin:40px auto;background:#101219;border:1px solid var(--line);border-radius:20px;padding:28px}.notice{padding:12px 14px;border-radius:10px;background:#33203a;border:1px solid #65336e;margin:12px 0}.success{background:#17352c;border-color:#27664e}.stats{display:grid;grid-template-columns:repeat(4,1fr);gap:14px}.stat{padding:20px;border-radius:16px;background:#11141b;border:1px solid var(--line)}.stat strong{display:block;font-size:28px}.table{width:100%;border-collapse:collapse;margin-top:20px}.table th,.table td{text-align:left;padding:12px;border-bottom:1px solid var(--line)}.badge{padding:4px 8px;border-radius:99px;background:#ffffff0d}.pricing{display:grid;grid-template-columns:repeat(3,1fr);gap:18px;margin-top:30px}.price{font-size:42px;font-weight:800}footer{max-width:1180px;margin:40px auto 0;padding:45px 4vw;display:grid;grid-template-columns:2fr repeat(3,1fr);gap:24px;border-top:1px solid #ffffff12;color:var(--muted)}footer b{display:block;color:#fff;margin-bottom:8px}footer a{display:block;margin:6px 0}.copy{grid-column:1/-1;border-top:1px solid #ffffff10;padding-top:20px}.muted{color:var(--muted)}@media(max-width:850px){.nav{padding:0 18px}.navtoggle{display:block;margin-left:auto}.nav nav{display:none;position:absolute;top:71px;left:0;right:0;padding:18px;background:#0b0d12;border-bottom:1px solid var(--line);flex-direction:column}.nav.open nav{display:flex}.nav-actions{display:none}.grid,.pricing,.stats{grid-template-columns:1fr 1fr}.mock{grid-template-columns:1fr}.side{display:none}.studio-grid{grid-template-columns:1fr}.hero{padding-top:65px}footer{grid-template-columns:1fr 1fr}}@media(max-width:560px){.grid,.pricing,.stats,footer{grid-template-columns:1fr}.hero h1{font-size:46px}.stage{margin-inline:12px}.mock{min-height:440px}.workspace{padding:18px}.promptbox{margin-top:180px}}