:root{--bg:#06101d;--panel:#0b1828;--ink:#0c1726;--blue:#1976ff;--cyan:#25d9ef;--muted:#65758b}*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;font-family:Inter,ui-sans-serif,system-ui,sans-serif;color:var(--ink);background:#f8fbff}a{text-decoration:none;color:inherit}.wrap{width:min(1160px,calc(100% - 36px));margin:auto}.nav{height:78px;display:flex;align-items:center;justify-content:space-between}.nav nav{display:flex;gap:28px;color:#536276;font-size:14px}.logo{font-weight:900;font-size:23px;letter-spacing:-1px}.logo span,footer b span{color:var(--blue)}.button,.pricing button,.pricing a{border:0;border-radius:11px;padding:14px 20px;background:linear-gradient(135deg,var(--blue),var(--cyan));color:white;font-weight:750;cursor:pointer;display:inline-flex;justify-content:center}.button.small{padding:10px 14px;font-size:13px}.button.ghost{background:white;color:var(--ink);border:1px solid #d8e3ef}.hero{text-align:center;padding:90px 0 70px}.badge,.eyebrow{font-size:11px;font-weight:800;letter-spacing:.12em;color:var(--blue)}.hero h1{font-size:clamp(48px,7vw,82px);line-height:1;letter-spacing:-.06em;max-width:980px;margin:24px auto 20px}.hero h1 em{font-style:normal;color:var(--blue)}.hero>p{max-width:720px;margin:auto;color:var(--muted);font-size:18px;line-height:1.7}.actions{display:flex;justify-content:center;gap:11px;margin:28px 0 52px}.mock{max-width:1000px;margin:auto;text-align:left;display:grid;grid-template-columns:190px 1fr;border:1px solid #dbe6f1;border-radius:22px;overflow:hidden;box-shadow:0 35px 90px #1c579126}.mock aside{background:var(--bg);color:#879bb4;padding:22px;display:grid;gap:15px;align-content:start}.mock aside b{color:white;margin-bottom:12px}.mock>div{padding:35px;background:white}.mock article{margin-top:22px;padding:25px;border-radius:16px;background:#0b1828;color:white}.mock article p{padding:17px;background:#06101d;color:#99aac0;border-radius:10px}.mock article button{background:#1976ff;color:white;border:0;padding:10px 13px;border-radius:8px}.section{padding:100px 0}.section h2{font-size:clamp(36px,5vw,58px);letter-spacing:-.045em;margin:12px 0 35px}.cards{display:grid;grid-template-columns:repeat(3,1fr);gap:15px}.cards article{padding:28px;background:white;border:1px solid #dfe8f2;border-radius:18px}.cards i{font-style:normal;color:var(--blue);font-size:24px}.cards p,.split p{color:var(--muted);line-height:1.65}.dark{background:var(--bg);color:white}.pricing{display:grid;grid-template-columns:repeat(4,1fr);gap:12px}.pricing article{position:relative;background:var(--panel);border:1px solid #203148;padding:24px;border-radius:17px}.pricing article.featured{border-color:#269de9;box-shadow:0 0 35px #178cff2b}.pricing label{position:absolute;top:-10px;right:12px;background:#1c8cff;padding:5px 8px;border-radius:9px;font-size:9px}.pricing strong{display:block;font-size:28px}.pricing strong small{font-size:12px;color:#8ea0b6}.pricing p{color:#8ea0b6;min-height:42px}.pricing button,.pricing a{width:100%;padding:11px}.split{display:flex;align-items:center;justify-content:space-between;gap:60px}.split>div{max-width:720px}footer{border-top:1px solid #dce5ee;padding:30px 0 45px;display:flex;justify-content:space-between;color:#758399}
.studio{background:var(--bg);color:white;display:grid;grid-template-columns:240px 1fr;min-height:100vh}.side{position:sticky;top:0;height:100vh;padding:24px 16px;border-right:1px solid #18283b;display:flex;flex-direction:column}.side nav{display:grid;gap:7px;margin-top:30px}.side nav a{padding:11px;border-radius:10px;color:#91a3b8}.side nav a.active,.side nav a:hover{background:#102741;color:#6bdaf2}.balance{margin-top:auto;padding:16px;background:var(--panel);border:1px solid #1a2c41;border-radius:14px}.balance small,.balance b{display:block}.balance b{font-size:26px;margin:5px 0 10px}.balance button{width:100%;padding:8px;border:0;border-radius:8px;background:#153455;color:#7fe7f7}.workspace{padding:32px 38px 80px;max-width:1400px;width:100%}.workspace header{display:flex;justify-content:space-between;align-items:center}.workspace header small,.choices small,.wallet small{color:#4fcbe9;letter-spacing:.12em;font-size:10px}.workspace h1{font-size:34px}.avatar{width:42px;height:42px;border-radius:12px;display:grid;place-items:center;background:linear-gradient(135deg,var(--blue),var(--cyan));font-weight:800}.choices,.wallet{display:grid;grid-template-columns:1fr 1fr;gap:13px;margin:28px 0}.choices article,.wallet article,.builder{padding:25px;border:1px solid #1b3047;border-radius:18px;background:var(--panel)}.choices p,.builder>p,.wallet p{color:#8ca0b8}.builder textarea{width:100%;min-height:150px;background:#06101c;color:white;border:1px solid #21344b;border-radius:12px;padding:17px;margin:14px 0;font:inherit;resize:vertical}.builder-actions{display:flex;justify-content:space-between;gap:18px}.type{border:1px solid #22384f;background:#0a1624;color:#8599b0;padding:9px 12px;border-radius:9px}.type.active{color:#76e1f6;border-color:#2a72a4;background:#102b44}.result{margin-top:15px;color:#a9bdd2}.result pre{white-space:pre-wrap;font:14px/1.65 Inter;background:#06101c;padding:18px;border-radius:12px;max-height:500px;overflow:auto}.wallet article:first-child{background:linear-gradient(145deg,#0b1828,#0e2845)}
@media(max-width:850px){.nav nav{display:none}.cards,.pricing{grid-template-columns:1fr 1fr}.mock{grid-template-columns:1fr}.mock aside{display:none}.studio{grid-template-columns:1fr}.side{position:relative;height:auto}.side nav{display:flex;overflow:auto}.balance{display:none}.workspace{padding:24px 16px}.split{align-items:flex-start;flex-direction:column}.choices,.wallet{grid-template-columns:1fr}}@media(max-width:560px){.cards,.pricing{grid-template-columns:1fr}.actions,.builder-actions{flex-direction:column}.hero{padding-top:55px}.section{padding:72px 0}.workspace h1{font-size:28px}}
.logo{display:flex;align-items:center}.logo img{display:block;width:166px;height:auto}.footer-logo{display:block;width:122px;height:auto}.studio-logo{display:block;width:52px;height:52px;border-radius:14px;overflow:hidden;box-shadow:0 10px 28px #086dff4d}.studio-logo img{display:block;width:100%;height:100%;object-fit:cover}
.avatar{border:0;color:white;cursor:pointer;min-width:52px;padding:0 10px;font:inherit}.result{min-height:24px}dialog[hidden]{display:none}dialog{position:fixed;inset:0;width:100%;height:100%;max-width:none;max-height:none;margin:0;padding:20px;border:0;background:#020913c9;z-index:20;display:grid;place-items:center}.auth-card{position:relative;width:min(430px,100%);padding:32px;border:1px solid #263c56;border-radius:22px;background:#0b1828;color:white;box-shadow:0 32px 100px #0009}.auth-card>img{display:block;width:170px;margin-bottom:24px}.auth-card h2{margin:0 0 8px;font-size:28px}.auth-card>p{color:#91a3b8;line-height:1.5}.auth-card form{display:grid;gap:14px;margin-top:22px}.auth-card label{display:grid;gap:7px;color:#b7c5d5;font-size:13px}.auth-card input{width:100%;padding:13px 14px;border:1px solid #29415e;border-radius:10px;background:#06101c;color:white;font:inherit}.auth-card .button{width:100%}.auth-card .ghost{background:transparent;color:#bfeaf4;border-color:#36516e}.auth-close{position:absolute;top:14px;right:16px;border:0;background:transparent;color:#96a9be;font-size:28px;cursor:pointer}.auth-message{min-height:20px;color:#76e1f6;font-size:13px;line-height:1.4}.sign-out{display:block;margin:18px auto 0;border:0;background:transparent;color:#7890aa;cursor:pointer}
.account-summary{display:flex;align-items:center;justify-content:flex-end;gap:10px;flex:0 0 auto}.account-status{color:#42d8c8;font-size:.78rem;font-weight:700;white-space:nowrap}.account-summary .avatar{width:auto;max-width:120px;height:42px;padding:0 16px;white-space:nowrap}
.account-panel{display:grid;gap:8px;padding:18px;margin:20px 0 10px;border:1px solid #28435f;border-radius:12px;background:#071321}.account-panel strong{color:#42d8c8}.account-panel span{color:#b7c5d5;overflow-wrap:anywhere}
.preview-toolbar{display:flex;align-items:center;justify-content:space-between;gap:16px;padding:12px 14px;border:1px solid #26415d;border-bottom:0;border-radius:14px 14px 0 0;background:#0d2137}.preview-toolbar>div:first-child{display:grid;gap:2px;min-width:0}.preview-toolbar small{color:#8fa5bc}.preview-toolbar a{color:#70dff4;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.preview-actions{display:flex;gap:8px;flex:0 0 auto}.preview-toolbar button{border:1px solid #2d83b6;border-radius:9px;padding:9px 13px;background:#123b5b;color:#8cecff;cursor:pointer}.site-preview{display:block;width:100%;height:720px;border:1px solid #26415d;border-radius:0 0 14px 14px;background:white}.result:has(.site-preview){color:white}
@media(max-width:760px){.preview-toolbar{align-items:flex-start;flex-direction:column}.site-preview{height:620px}}
@media(max-width:760px){.workspace header{align-items:flex-start;gap:18px}.account-summary{flex-direction:column;align-items:flex-end;gap:6px}.account-status{font-size:.7rem}}
.projects,.project-editor{margin:28px 0;padding:25px;border:1px solid #1b3047;border-radius:18px;background:var(--panel)}.section-heading,.editor-top{display:flex;align-items:center;justify-content:space-between;gap:18px}.section-heading h2,.editor-top h2{margin:7px 0}.section-heading small,.editor-top small{color:#4fcbe9;letter-spacing:.12em;font-size:10px}.project-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:14px;margin-top:20px}.project-card{overflow:hidden;border:1px solid #223a54;border-radius:15px;background:#071321}.project-thumb{height:105px;display:grid;place-items:center;background:radial-gradient(circle at 70% 30%,#25d9ef55,transparent 38%),linear-gradient(145deg,#0b3864,#10203a)}.project-thumb span{font-size:11px;font-weight:900;letter-spacing:.2em;color:#8eefff}.project-card>div:nth-child(2){padding:16px}.project-card small{font-size:9px;color:#7190ac;letter-spacing:.08em}.project-card h3{margin:7px 0 9px;font-size:16px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.project-card a{display:block;color:#65dcef;font-size:11px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.project-card button{width:100%;padding:12px;border:0;border-top:1px solid #223a54;background:#102b44;color:#83e7f7;font-weight:700;cursor:pointer}.empty-projects{grid-column:1/-1;display:grid;gap:8px;padding:30px;border:1px dashed #29415e;border-radius:13px;text-align:center;color:#91a3b8}.empty-projects strong{color:white}.project-editor[hidden]{display:none}.editor-top{margin-bottom:18px}.editor-top>div:first-child{min-width:0}.editor-top h2{white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.editor-top span{color:#7d93aa;font-size:12px}.editor-layout{display:grid;grid-template-columns:330px minmax(0,1fr);gap:0;min-height:720px}.conversation{display:flex;flex-direction:column;border:1px solid #26415d;border-right:0;border-radius:14px 0 0 14px;overflow:hidden;background:#071321}.messages{flex:1;max-height:570px;padding:16px;overflow:auto}.message{margin-bottom:13px;padding:12px;border-radius:12px;background:#10233a}.message.user{background:#123b5b}.message small{color:#58d4ec;font-size:9px;letter-spacing:.1em}.message p{margin:5px 0 0;color:#d5e0eb;font-size:13px;line-height:1.5}.conversation form{display:grid;gap:10px;padding:14px;border-top:1px solid #26415d}.conversation textarea{min-height:95px;padding:12px;border:1px solid #29415e;border-radius:10px;background:#06101c;color:white;font:inherit;resize:vertical}.editor-layout>.site-preview{height:720px;border-radius:0 14px 14px 0}.preview-actions button{border:1px solid #2d83b6;border-radius:9px;padding:9px 13px;background:#123b5b;color:#8cecff;cursor:pointer}
@media(max-width:980px){.project-grid{grid-template-columns:1fr 1fr}.editor-layout{grid-template-columns:1fr}.conversation{border-right:1px solid #26415d;border-radius:14px 14px 0 0}.editor-layout>.site-preview{border-radius:0 0 14px 14px}}
@media(max-width:620px){.project-grid{grid-template-columns:1fr}.section-heading,.editor-top{align-items:flex-start;flex-direction:column}.editor-top .preview-actions{flex-wrap:wrap}}
.editor-tabs{display:flex;gap:7px;margin:0 0 12px}.editor-tabs button{padding:9px 14px;border:1px solid #29415e;border-radius:9px;background:#071321;color:#8299b1;cursor:pointer}.editor-tabs button.active{border-color:#2d83b6;background:#123b5b;color:#8cecff}.editor-stage{min-width:0}.editor-stage>.site-preview{height:720px;border-radius:0 14px 14px 0}.code-panel,.versions-panel{height:720px;border:1px solid #26415d;border-radius:0 14px 14px 0;background:#06101c;overflow:hidden}.code-panel[hidden],.versions-panel[hidden],.editor-stage>.site-preview[hidden]{display:none}.code-panel{display:grid;grid-template-rows:auto 1fr auto}.code-panel>div{display:flex;align-items:center;justify-content:space-between;padding:12px 15px;border-bottom:1px solid #26415d}.code-panel button,.versions-panel button{padding:8px 12px;border:1px solid #2d83b6;border-radius:8px;background:#123b5b;color:#8cecff;cursor:pointer}.code-panel textarea{width:100%;height:100%;padding:17px;border:0;outline:0;resize:none;background:#030a12;color:#c9e5dc;font:12px/1.65 ui-monospace,SFMono-Regular,Menlo,monospace;tab-size:2}.code-panel>small{padding:10px 15px;color:#7890a8}.versions-panel{padding:20px;overflow:auto}.versions-panel h3{margin-top:0}.versions-panel article{display:flex;align-items:center;justify-content:space-between;gap:15px;padding:14px 0;border-bottom:1px solid #1d3148}.versions-panel article>div{display:grid;gap:4px}.versions-panel span{color:#b4c3d1;font-size:13px}.versions-panel small{color:#71889f;font-size:11px}
@media(max-width:980px){.editor-stage>.site-preview,.code-panel,.versions-panel{border-radius:0 0 14px 14px}}