@import url('https://fonts.googleapis.com/css2?family=Inter:wght@400;500;600;700;800&family=Space+Grotesk:wght@500;600;700&display=swap');
:root{--bg:#08090d;--panel:#11131a;--panel2:#171a23;--text:#f4f5f7;--muted:#a6abb8;--line:#282c37;--accent:#d8ff3e;--max:1120px}
*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;background:var(--bg);color:var(--text);font:15px/1.7 Inter,system-ui,sans-serif}a{color:inherit;text-decoration:none}.nav{height:76px;border-bottom:1px solid var(--line);display:flex;align-items:center;justify-content:space-between;padding:0 5%;position:sticky;top:0;background:rgba(8,9,13,.9);backdrop-filter:blur(14px);z-index:5}.brand{display:flex;align-items:center;gap:10px;font-weight:700}.brand b{font-weight:400;color:var(--muted)}.mark{width:34px;height:34px;border-radius:10px;display:grid;place-items:center;background:var(--accent);color:#08090d;font-weight:800;font-family:"Space Grotesk"}.nav nav{display:flex;gap:24px;align-items:center;color:#c5c8d0}.nav nav a:hover{color:#fff}.btn{display:inline-flex;align-items:center;justify-content:center;padding:13px 20px;border-radius:10px;background:var(--accent);color:#090a0d;font-weight:700;border:1px solid var(--accent);cursor:pointer}.btn.small{padding:9px 14px}.btn.ghost{background:transparent;color:#fff;border-color:var(--line)}.btn:disabled{opacity:.4;cursor:not-allowed}.hero{max-width:var(--max);margin:0 auto;padding:115px 24px 90px}.eyebrow{font-size:11px;letter-spacing:.18em;color:var(--accent);font-weight:800}.hero h1{font:700 clamp(48px,7vw,86px)/.98 "Space Grotesk",sans-serif;max-width:900px;margin:18px 0 25px;letter-spacing:-.045em}.hero h1 span{color:#aeb4c2}.lead{font-size:19px;line-height:1.65;color:var(--muted);max-width:760px}.actions{display:flex;gap:12px;margin:32px 0}.trust{display:flex;flex-wrap:wrap;gap:20px;color:#777e8e;font-size:13px}.section{max-width:var(--max);margin:0 auto;padding:80px 24px}.section-head{margin-bottom:34px}.section h2,.dark-panel h2{font:700 42px/1.1 "Space Grotesk";margin:10px 0}.grid{display:grid;gap:16px}.grid.three{grid-template-columns:repeat(3,1fr)}.grid.two{grid-template-columns:repeat(2,1fr)}.card,.feature,.panel{border:1px solid var(--line);background:var(--panel);border-radius:18px}.card{padding:28px}.card .num{color:var(--accent);font-weight:800}.card h3{font:700 24px "Space Grotesk";margin:15px 0 7px}.card p,.feature span{color:var(--muted)}.dark-panel{display:flex;align-items:center;justify-content:space-between;background:var(--panel2);max-width:var(--max);padding:55px 45px;border-radius:24px}.dark-panel p{color:var(--muted);max-width:620px}.feature{padding:24px;display:flex;flex-direction:column;gap:5px}.feature b{font-size:17px}footer{border-top:1px solid var(--line);padding:35px 5%;display:flex;gap:25px;justify-content:space-between;align-items:center;color:#9298a6}footer b{color:#fff;display:block}footer small{color:#5e6471}.footer-links{display:flex;gap:20px}.studio-wrap,.legal{max-width:var(--max);margin:auto;padding:75px 24px}.studio-wrap h1,.legal h1{font:700 58px "Space Grotesk";margin:10px 0 15px}.studio-grid{display:grid;grid-template-columns:1fr 1fr;gap:18px;margin-top:35px}.panel{padding:28px}.panel h2{font:700 24px "Space Grotesk";margin-top:0}.panel label{display:block;color:#aeb4c2;margin:18px 0}.panel input,.panel select{display:block;width:100%;margin-top:8px;background:#0a0b10;color:#fff;border:1px solid var(--line);padding:13px;border-radius:9px}.result{min-height:340px}.placeholder{color:#747b8a;padding:20px 0}.generated h3{font:700 26px "Space Grotesk";margin:6px 0 18px}.generated p,.generated li{color:#b0b5c1}.publish{margin-top:18px}.status{margin:15px 0;color:#c7cad2}.dot{display:inline-block;width:8px;height:8px;border-radius:50%;background:var(--accent);margin-right:8px}.publish-actions{display:flex;gap:10px}.note,.notice{margin-top:25px;padding:15px;border-left:3px solid var(--accent);background:#11131a;color:#9ea4b2}.legal{max-width:850px}.legal h2{font:700 24px "Space Grotesk";margin-top:40px}.legal p{color:#b3b8c4}.muted{color:#777e8e!important}
@media(max-width:800px){.nav nav a:not(.btn){display:none}.hero{padding-top:80px}.grid.three,.grid.two,.studio-grid{grid-template-columns:1fr}.dark-panel{display:block;padding:35px 25px}.dark-panel .btn{margin-top:15px}.hero h1{font-size:52px}.studio-wrap h1,.legal h1{font-size:44px}footer{display:block}.footer-links{margin:18px 0;flex-wrap:wrap}}