@font-face{font-family:Studio;src:url("fonts/Vazirmatn-variable.woff2") format("woff2");font-weight:100 900;font-display:swap}:root{--bg:#f6f7fb;--ink:#131521;--muted:#72778c;--line:#e2e4ec;--violet:#6d4aff;--blue:#1877f2;--card:rgba(255,255,255,.78)}*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;background:var(--bg);color:var(--ink);font-family:Studio,Tahoma,sans-serif;line-height:1.7;overflow-x:hidden}.ambient{position:fixed;border-radius:50%;filter:blur(90px);opacity:.22;pointer-events:none}.ambient.a{width:420px;height:420px;background:#7c5cff;top:-180px;right:-100px}.ambient.b{width:360px;height:360px;background:#54d7ff;bottom:0;left:-160px}.topbar{height:76px;display:flex;align-items:center;gap:34px;max-width:1280px;margin:auto;padding:0 28px;border-bottom:1px solid rgba(20,23,35,.08);position:relative;z-index:2}.studio-mark{display:flex;gap:11px;align-items:center;text-decoration:none;color:var(--ink);margin-left:auto}.studio-mark span{display:grid;place-items:center;width:36px;height:36px;border-radius:12px;color:white;background:linear-gradient(135deg,var(--violet),var(--blue));font-weight:800}.studio-mark strong{font-size:17px}.topbar nav{display:flex;gap:24px}.topbar a{color:inherit;text-decoration:none}.account{display:flex;gap:14px;align-items:center;font-size:14px}.account a{color:var(--violet)}.pill,.primary{border:0;border-radius:14px;background:linear-gradient(135deg,var(--violet),#306bff);color:white!important;padding:12px 20px;text-decoration:none;box-shadow:0 12px 30px rgba(85,75,255,.2);font:inherit;cursor:pointer}main{max-width:1280px;margin:auto;padding:0 28px}.hero{min-height:610px;display:grid;grid-template-columns:1.4fr .7fr;align-items:center;gap:70px}.kicker{font-size:12px;font-weight:800;letter-spacing:.18em;color:var(--violet)}h1{font-size:clamp(48px,7vw,92px);line-height:1.06;margin:18px 0;letter-spacing:-.04em}h1 em{font-style:normal;background:linear-gradient(100deg,var(--violet),#1597e8);-webkit-background-clip:text;color:transparent}.lead{max-width:650px;color:var(--muted);font-size:20px}.hero-actions{display:flex;gap:12px;margin-top:32px}.ghost{border:1px solid var(--line);border-radius:14px;padding:12px 20px;color:var(--ink);text-decoration:none;background:white}.credit-card{padding:30px;border:1px solid rgba(255,255,255,.9);border-radius:28px;background:var(--card);box-shadow:0 30px 80px rgba(43,49,78,.12);backdrop-filter:blur(20px);transform:rotate(-2deg)}.credit-card>span{color:var(--muted)}.credit-card strong{font-size:58px;display:block;direction:ltr;text-align:right;margin-top:8px}.credit-card small{color:var(--muted)}.credit-line{height:8px;background:#e9e9f2;border-radius:10px;margin:28px 0}.credit-line i{display:block;width:48%;height:100%;background:linear-gradient(90deg,var(--violet),#42c5ff);border-radius:10px}.credit-card button,.product button{border:0;background:none;color:var(--muted);font:inherit}.products{display:grid;grid-template-columns:repeat(3,1fr);gap:18px;padding:40px 0 120px}.product{position:relative;padding:32px;min-height:330px;border:1px solid var(--line);border-radius:24px;background:rgba(255,255,255,.6);transition:.25s}.product:hover{transform:translateY(-6px);box-shadow:0 22px 50px rgba(25,28,45,.08)}.product.active{color:white;background:#151725;border-color:#151725}.product .icon{font-size:38px}.product>span{position:absolute;top:28px;left:30px;color:#9297a8}.product h2{font-size:26px;margin-top:58px}.product p{color:#8d92a5}.product.active p{color:#b9bdca}.product a{color:#9f91ff}.workspace{padding:56px;border:1px solid var(--line);border-radius:32px;background:rgba(255,255,255,.7);margin-bottom:90px}.workspace>header{display:flex;align-items:end;justify-content:space-between;gap:20px;margin-bottom:36px}.workspace h2{font-size:34px;margin:4px 0}.price{color:var(--muted)}.builder{display:grid;grid-template-columns:1fr 1fr;gap:22px}.builder form,.result,.login-wall{padding:26px;border:1px solid var(--line);border-radius:20px;background:white}.idea{display:block}.idea textarea{width:100%;min-height:190px;resize:vertical;border:0;outline:0;padding:12px 0;font:inherit;font-size:18px}.idea small{display:block;text-align:left;color:var(--muted)}.options{display:grid;grid-template-columns:repeat(3,1fr);gap:10px;margin:18px 0}.options label{font-size:13px;color:var(--muted)}select{width:100%;padding:12px;margin-top:5px;border:1px solid var(--line);border-radius:11px;background:#fafafe;font:inherit}.generate{width:100%}.result>div{display:flex;justify-content:space-between}.result button{border:0;background:none;color:var(--violet);font:inherit}.result pre{white-space:pre-wrap;font:15px/2 Studio;min-height:310px;color:#42465a}.login-wall{text-align:center;padding:70px}.login-wall h3{font-size:28px}#status{color:var(--violet)}footer{max-width:1280px;margin:auto;padding:30px 28px 60px;border-top:1px solid var(--line);display:flex;justify-content:space-between;color:var(--muted)}@media(max-width:850px){.topbar nav{display:none}.hero{grid-template-columns:1fr;padding:70px 0}.credit-card{transform:none}.products{grid-template-columns:1fr}.workspace{padding:24px}.workspace>header,.builder{display:block}.result{margin-top:18px}.options{grid-template-columns:1fr}h1{font-size:54px}}@media(prefers-reduced-motion:reduce){*{scroll-behavior:auto!important;transition:none!important}}
/* Demo refinements: separate product identity, readable controls and mobile layout. */
.demo-note{background:#ebe8fa;color:#49388d;padding:12px 20px;border-radius:12px;font-size:14px;margin-top:24px}.hero{min-height:510px}.product{font:inherit;text-align:start;color:var(--ink);cursor:pointer}.product h2{margin-top:40px}.product p{color:#626879}.product.active p{color:#d0d3df}.product b{font-size:15px;color:#6044d0}.product.active b{color:#c4baff}.products{padding-bottom:72px}.credit-card{transform:none;backdrop-filter:none}.credit-card strong{font-size:72px}.credit-card hr{border:0;border-top:1px solid var(--line);margin:24px 0}.primary,.pill{background:#6947eb}.hero h1 em{background:none;color:#6947eb}.example{font:inherit;border:1px solid var(--line);background:#f6f4ff;color:#5034b9;border-radius:10px;min-height:44px;padding:8px 12px;cursor:pointer}details{margin:20px 0}summary{cursor:pointer;padding:12px 0}details label,dialog label{display:block;margin:12px 0}details input,details textarea{display:block;width:100%;font:inherit;border:1px solid var(--line);border-radius:10px;padding:12px;margin-top:8px}.empty{padding:72px 12px;text-align:center;color:#626879}.result button{min-height:44px;cursor:pointer}button:disabled{cursor:default}a:focus-visible,button:focus-visible,input:focus-visible,textarea:focus-visible,select:focus-visible,summary:focus-visible{outline:3px solid #5e42d0;outline-offset:4px}.price,.lead,.credit-card small{color:#626879}dialog{max-width:480px;width:calc(100% - 32px);border:1px solid var(--line);border-radius:24px;padding:32px;font:inherit;color:var(--ink)}dialog::backdrop{background:#18152c88}.close{min-width:44px;min-height:44px;font:inherit;border:0;border-radius:8px;cursor:pointer}.account{min-height:44px}.result pre{overflow-wrap:anywhere}.topbar .pill{font-size:14px}.generate{margin-top:12px}@media(max-width:600px){main{padding:0 16px}.topbar{padding:0 16px;gap:12px}.studio-mark strong{font-size:14px}.topbar .pill{font-size:12px;padding:10px}.hero{padding:48px 0;gap:32px}h1{font-size:48px}.lead{font-size:18px}.workspace{padding:18px}.workspace h2{font-size:26px}.builder form,.result{padding:16px}footer{display:block}.products{gap:12px}.product{min-height:230px}.product h2{margin-top:20px}}
.brief-progress{padding:14px;background:#f0ecff;color:#49388d;border-radius:12px;font-size:14px}.interview details{border:1px solid var(--line);border-radius:12px;padding:0 16px;margin:12px 0}.interview summary{font-weight:700;min-height:48px}.interview textarea{min-height:88px;resize:vertical}.interview label{font-size:15px;line-height:1.8}.result pre{max-height:1000px;overflow:auto}.builder{align-items:start}.result{position:sticky;top:20px}@media(max-width:850px){.result{position:static}}