
:root{--bg:#f4f4ef;--panel:#fff;--line:#ddddD5;--ink:#121210;--muted:#77776f;--lime:#dfff63;--soft:#ecece6;--red:#ffebe7}*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;background:var(--bg);color:var(--ink);font-family:Inter,-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif}button,input,textarea,select{font:inherit;color:inherit}button{cursor:pointer}a{color:inherit}.nav{height:64px;display:flex;align-items:center;justify-content:space-between;padding:0 24px;border-bottom:1px solid var(--line);background:rgba(249,249,245,.9);backdrop-filter:blur(16px);position:sticky;top:0;z-index:30}.brand{font-size:19px;font-weight:850;letter-spacing:-.05em}.brand span{color:#888}.navlinks{display:flex;gap:3px}.navlinks button{border:0;background:transparent;border-radius:9px;padding:8px 10px;font-size:10px}.navlinks button.active,.navlinks button:hover{background:#fff}.navright{display:flex;align-items:center;gap:7px}.btn{border:1px solid var(--line);background:#fff;border-radius:10px;padding:9px 11px;font-size:9px}.btn.dark{background:#151513;color:#fff;border-color:#151513}.btn.lime{background:var(--lime);border-color:#cee858}.tiny{font-size:8px;color:var(--muted)}.page{display:none}.page.active{display:block}.container{max-width:1220px;margin:auto;padding:34px 22px 70px}.eyebrow{font-size:8px;letter-spacing:.16em;color:#85857d}.hero{display:grid;grid-template-columns:1.35fr .65fr;gap:22px;padding:68px 0 44px;align-items:end}.hero h1{font-size:64px;line-height:.94;letter-spacing:-.075em;margin:10px 0 20px}.hero p{font-size:13px;line-height:1.75;color:var(--muted);max-width:680px}.heroBtns{display:flex;gap:8px;margin-top:20px}.heroCard{background:#111;color:#fff;border-radius:24px;padding:22px;min-height:290px;display:flex;flex-direction:column;justify-content:space-between}.heroCard h3{font-size:25px;letter-spacing:-.04em;margin:6px 0}.heroModels{display:grid;grid-template-columns:1fr 1fr;gap:7px}.heroModels div{background:#20201d;border:1px solid #31312b;border-radius:11px;padding:10px;font-size:9px}.chips{display:flex;flex-wrap:wrap;gap:7px;margin-top:17px}.chips span{background:#fff;border:1px solid var(--line);border-radius:99px;padding:7px 9px;font-size:8px}.features{display:grid;grid-template-columns:repeat(4,1fr);gap:9px}.feature{background:#fff;border:1px solid var(--line);border-radius:16px;padding:17px;min-height:155px}.feature b{font-size:11px}.feature p{font-size:9px;color:var(--muted);line-height:1.65}.sectionTitle{margin:44px 0 16px}.sectionTitle h2{font-size:28px;letter-spacing:-.045em;margin:5px 0}.templates{display:grid;grid-template-columns:repeat(4,1fr);gap:9px}.template{background:#fff;border:1px solid var(--line);border-radius:15px;overflow:hidden;cursor:pointer}.visual{aspect-ratio:1.2;background:linear-gradient(145deg,#171916,#5e6650 60%,#dfff63)}.template:nth-child(2) .visual{background:radial-gradient(circle at 40% 35%,#efffb8 0 8%,#606a52 9% 23%,#171814 24% 62%,#9ba092)}.template:nth-child(3) .visual{background:linear-gradient(135deg,#e4e4dc,#70756c 52%,#121310)}.template:nth-child(4) .visual{background:radial-gradient(circle at 55% 44%,#fff 0 4%,#bccd67 5% 16%,#32352c 17% 45%,#10110f 46%)}.template div:last-child{padding:11px}.template b{font-size:9px}.template p{font-size:8px;color:var(--muted);margin:5px 0 0}.head{display:grid;grid-template-columns:1fr auto;gap:15px;align-items:end}.head h1{font-size:38px;letter-spacing:-.055em;margin:5px 0}.wallet{background:#111;color:white;border-radius:15px;padding:13px 16px;min-width:205px}.wallet small{font-size:8px;color:#aaa}.wallet b{display:block;font-size:25px;margin-top:3px}.studio{display:grid;grid-template-columns:165px minmax(0,1fr) 300px;gap:10px;margin-top:20px}.panel{background:#fff;border:1px solid var(--line);border-radius:16px}.cats{padding:8px;height:max-content}.cat{width:100%;border:0;background:transparent;border-radius:9px;padding:10px;text-align:left;font-size:10px;display:flex;justify-content:space-between}.cat.active,.cat:hover{background:#efefe9}.models{padding:11px}.modelGrid{display:grid;grid-template-columns:repeat(2,1fr);gap:8px}.model{border:1px solid var(--line);background:#fafaf7;border-radius:13px;padding:12px;cursor:pointer}.model.sel{border-color:#111;box-shadow:0 0 0 1px #111 inset}.modelTop{display:flex;justify-content:space-between;gap:8px}.model b{font-size:10px}.model p{font-size:8px;color:var(--muted);line-height:1.5;margin:6px 0 0}.cost{font-size:8px;background:#ecece7;border-radius:99px;padding:4px 6px;white-space:nowrap}.composer{margin-top:10px;padding:13px}.composer textarea{width:100%;min-height:145px;border:1px solid var(--line);border-radius:12px;background:#fafaf7;padding:12px;resize:vertical;outline:none}.options{display:grid;grid-template-columns:repeat(4,1fr);gap:7px;margin-top:9px}.options label{font-size:8px;color:var(--muted)}.options select{display:block;width:100%;margin-top:4px;border:1px solid var(--line);border-radius:8px;background:white;padding:7px}.composeFoot{display:flex;justify-content:space-between;align-items:center;gap:8px;margin-top:10px}.side{padding:12px;height:max-content}.side h3{font-size:11px;margin:0 0 9px}.provider{display:flex;justify-content:space-between;border-top:1px solid var(--line);padding:9px 0;font-size:8px}.dot{width:7px;height:7px;border-radius:50%;display:inline-block;background:#ccc}.dot.on{background:#75b32e}.notice{background:#fff6dd;border:1px solid #ead9a1;border-radius:10px;padding:9px;font-size:8px;color:#6b5b2e;line-height:1.55}.jobs{margin-top:10px;padding:12px}.job{border-top:1px solid var(--line);padding:10px 0}.job:first-child{border-top:0}.state{float:right;font-size:8px;background:#efefe9;border-radius:99px;padding:4px 6px}.result{margin-top:6px;font-size:8px;color:var(--muted);white-space:pre-wrap;word-break:break-word;max-height:220px;overflow:auto}.result img,.result video{width:min(100%,520px);border-radius:10px;margin-top:5px}.priceGrid{display:grid;grid-template-columns:repeat(3,1fr);gap:10px;margin-top:24px}.price{background:#fff;border:1px solid var(--line);border-radius:18px;padding:19px;position:relative}.price.featured{border-color:#111;box-shadow:0 12px 30px rgba(0,0,0,.06)}.price h3{font-size:14px}.price .amount{font-size:30px;font-weight:800;letter-spacing:-.04em}.price p,.price li{font-size:9px;color:var(--muted);line-height:1.7}.tag{position:absolute;top:12px;right:12px;background:var(--lime);border-radius:99px;padding:5px 7px;font-size:8px}.accountGrid,.adminGrid{display:grid;grid-template-columns:1fr 1fr;gap:10px;margin-top:20px}.card{padding:15px}.card h3{font-size:11px;margin:0 0 10px}.metricGrid{display:grid;grid-template-columns:repeat(4,1fr);gap:8px}.metric{background:#fff;border:1px solid var(--line);border-radius:13px;padding:12px}.metric small{font-size:8px;color:var(--muted)}.metric b{display:block;font-size:22px;margin-top:4px}.ledger{width:100%;border-collapse:collapse;font-size:8px}.ledger td,.ledger th{padding:8px;border-top:1px solid var(--line);text-align:left}.legal{max-width:820px}.legal h1{font-size:38px;letter-spacing:-.05em}.legal h2{font-size:15px;margin-top:28px}.legal p,.legal li{font-size:10px;color:#555;line-height:1.8}.auth{position:fixed;inset:0;background:rgba(10,10,9,.35);display:none;place-items:center;padding:18px;z-index:60}.auth.open{display:grid}.authbox{background:#fff;width:min(410px,100%);border-radius:18px;padding:18px}.authbox h2{font-size:20px;margin:0 0 4px}.authbox input{width:100%;border:1px solid var(--line);border-radius:9px;padding:10px;margin-top:8px}.authrow{display:flex;gap:7px;margin-top:10px}.hidden{display:none!important}.footer{border-top:1px solid var(--line);padding:24px;display:flex;justify-content:space-between;gap:15px;font-size:8px;color:var(--muted)}.footer a{margin-left:10px}@media(max-width:1000px){.hero,.studio{grid-template-columns:1fr}.cats{display:flex;overflow:auto}.cat{width:auto;white-space:nowrap}.features,.templates{grid-template-columns:1fr 1fr}.hero h1{font-size:50px}.metricGrid{grid-template-columns:1fr 1fr}}@media(max-width:650px){.navlinks{display:none}.container{padding:24px 12px 55px}.hero{padding-top:40px}.hero h1{font-size:40px}.features,.templates,.priceGrid,.modelGrid,.accountGrid,.adminGrid{grid-template-columns:1fr}.head{grid-template-columns:1fr}.wallet{min-width:0}.options{grid-template-columns:1fr 1fr}.composeFoot{align-items:flex-end;flex-direction:column}.footer{flex-direction:column}.metricGrid{grid-template-columns:1fr 1fr}}
