:root{--purple:#6c3bff;--purple2:#8b36ff;--cyan:#00b8ff;--ink:#0b1026;--muted:#667085;--line:#e8eaf2;--soft:#f6f7fb;--white:#fff;--shadow:0 18px 60px rgba(27,23,61,.12)}*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;font-family:Inter,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif;background:#f8f9fc;color:var(--ink)}button,input,textarea,select{font:inherit}.app-shell{min-height:100vh}.topbar{position:sticky;top:0;z-index:50;height:74px;background:rgba(255,255,255,.94);backdrop-filter:blur(18px);border-bottom:1px solid var(--line);display:flex;align-items:center;gap:24px;padding:0 28px}.brand{border:0;background:none;display:flex;align-items:center;gap:10px;cursor:pointer}.brand-word{font-weight:950;letter-spacing:-2px;font-size:28px}.brand-word span{background:linear-gradient(135deg,var(--purple),#357cff);-webkit-background-clip:text;color:transparent}.brand-mark{width:34px;height:30px;display:block;position:relative}.brand-mark:before,.brand-mark i,.brand-mark b{content:"";position:absolute;left:0;right:0;border-radius:11px 3px 11px 3px;background:linear-gradient(135deg,#7a2cff,#1ba8ff);transform:skewX(-22deg)}.brand-mark:before{height:10px;top:0}.brand-mark i{height:10px;top:10px;left:7px;right:5px}.brand-mark b{height:12px;top:19px;left:14px;right:10px}.top-search{flex:1;max-width:620px;margin:auto;background:#f4f5f9;border:1px solid #edf0f5;border-radius:14px;padding:0 14px;display:flex;align-items:center}.top-search input{border:0;outline:0;background:none;width:100%;height:44px}.top-actions{display:flex;gap:10px;align-items:center}.plan-pill,.score-pill{background:#efeaff;color:#6132e7;border:1px solid #dfd3ff;border-radius:999px;padding:7px 11px;font-weight:800;font-size:12px}.icon-btn{width:40px;height:40px;border:1px solid var(--line);background:white;border-radius:12px;cursor:pointer}.workspace{display:grid;grid-template-columns:240px 1fr}.sidebar{position:sticky;top:74px;height:calc(100vh - 74px);padding:22px 16px;border-right:1px solid var(--line);background:white;display:flex;flex-direction:column}.sidebar nav{display:grid;gap:6px}.sidebar nav button{border:0;background:transparent;text-align:left;padding:12px 14px;border-radius:12px;color:#4f5568;cursor:pointer;font-weight:700}.sidebar nav button span{display:inline-block;width:25px}.sidebar nav button.active,.sidebar nav button:hover{background:#f1edff;color:#5d31db}.side-card{margin-top:auto;background:linear-gradient(145deg,#0c122c,#17132d);color:#fff;border-radius:18px;padding:18px;display:grid;gap:8px}.side-card em{color:#b04cff;font-style:normal}.side-card small{opacity:.72}.mini-globe{font-size:32px;color:#3a9bff}.main{min-width:0;padding:28px}.view{display:none;max-width:1480px;margin:0 auto}.view.active{display:block}.btn{border:0;border-radius:13px;padding:12px 18px;font-weight:850;cursor:pointer;transition:.2s}.btn:hover{transform:translateY(-1px)}.btn.primary{color:#fff;background:linear-gradient(135deg,#7b2cff,#4e67ff 56%,#1ba8ff);box-shadow:0 12px 25px rgba(102,68,255,.25)}.btn.soft{background:#fff;border:1px solid var(--line);color:#2e3350}.btn.large{padding:15px 20px}.btn.compact{padding:10px 14px}.hero-v2{min-height:560px;background:radial-gradient(circle at 20% 20%,#fff 0,#fbfaff 40%,#f6f8ff 100%);border:1px solid var(--line);border-radius:28px;display:grid;grid-template-columns:1.05fr .95fr;overflow:hidden;box-shadow:var(--shadow)}.hero-copy{padding:64px 58px;display:flex;flex-direction:column;justify-content:center}.eyebrow{font-size:12px;letter-spacing:.22em;font-weight:900;color:#d8d7ff}.eyebrow.dark{color:#68708d}.hero-copy h1{font-size:72px;line-height:.92;letter-spacing:-4px;margin:14px 0 20px}.hero-copy h1 span,.showcase-copy h2 span{background:linear-gradient(90deg,#6a28ff,#00a9ff);-webkit-background-clip:text;color:transparent}.hero-copy p{font-size:18px;line-height:1.65;color:#5b6073;max-width:650px}.hero-actions{display:flex;gap:12px;margin-top:10px}.trust-row{display:flex;gap:18px;flex-wrap:wrap;margin-top:34px;color:#53596e;font-weight:800;font-size:13px}.hero-visual{position:relative;min-height:560px;background:linear-gradient(135deg,#faf6ff,#eef6ff);overflow:hidden}.phone-card{position:absolute;border-radius:34px;overflow:hidden;box-shadow:0 28px 60px rgba(30,20,80,.25);border:8px solid #111525;background:#111525;z-index:2}.phone-card img{width:100%;height:100%;object-fit:cover;display:block}.phone-a{width:280px;height:520px;left:8%;bottom:-10px;transform:rotate(-3deg)}.phone-b{width:258px;height:500px;right:6%;bottom:24px;transform:rotate(4deg)}.hero-orb{position:absolute;border-radius:50%;filter:blur(1px)}.orb-a{width:240px;height:240px;background:rgba(121,62,255,.13);right:-40px;top:-40px}.orb-b{width:170px;height:170px;background:rgba(0,177,255,.14);left:30px;bottom:20px}.quick-panel,.section-block{margin-top:28px}.quick-panel{background:white;border:1px solid var(--line);border-radius:22px;padding:26px;box-shadow:0 8px 30px rgba(30,35,70,.05)}.section-head,.page-head{display:flex;align-items:end;justify-content:space-between;gap:20px}.section-head h2,.page-head h1{margin:5px 0 0}.page-head{margin-bottom:22px}.page-head h1{font-size:42px;letter-spacing:-1.5px}.page-head p{margin:7px 0 0;color:var(--muted)}.prompt-jump{display:flex;gap:10px;margin:22px 0}.prompt-jump input{flex:1;border:1px solid var(--line);border-radius:14px;padding:15px 16px;outline:0}.tool-grid{display:grid;grid-template-columns:repeat(8,1fr);gap:12px}.tool-card{background:#f8f9fd;border:1px solid #edf0f6;border-radius:16px;padding:16px 10px;text-align:center;cursor:pointer}.tool-icon{width:42px;height:42px;margin:0 auto 8px;border-radius:12px;display:grid;place-items:center;background:#eee9ff;color:#6d35f2;font-size:20px}.tool-card strong{display:block;font-size:12px}.visual-grid{display:grid;grid-template-columns:repeat(6,1fr);gap:14px;margin-top:18px}.visual-card{position:relative;aspect-ratio:.96;border-radius:18px;overflow:hidden;background:#eef1f5;box-shadow:0 8px 24px rgba(25,30,60,.08);cursor:pointer}.visual-card img{width:100%;height:100%;object-fit:cover}.visual-card .cap{position:absolute;left:10px;right:10px;bottom:10px;background:rgba(11,16,38,.82);backdrop-filter:blur(8px);color:white;border-radius:11px;padding:9px 10px;font-size:12px;font-weight:850}.showcase-banner{position:relative;margin-top:32px;border-radius:26px;overflow:hidden;min-height:420px;background:#0a1024}.showcase-banner img{width:100%;height:100%;object-fit:cover;display:block}.showcase-copy{position:absolute;right:0;top:0;bottom:0;width:32%;padding:48px;color:#fff;background:linear-gradient(90deg,transparent,rgba(7,9,16,.86) 25%,rgba(7,9,16,.96));display:flex;flex-direction:column;justify-content:center}.showcase-copy h2{font-size:40px;line-height:1.12;margin:12px 0}.market-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:18px;margin-top:18px}.product-card,.project-card{background:#fff;border:1px solid var(--line);border-radius:18px;overflow:hidden;box-shadow:0 8px 28px rgba(20,30,60,.06);cursor:pointer}.product-img{aspect-ratio:1.22;background:#111;overflow:hidden;position:relative}.product-img img{width:100%;height:100%;object-fit:cover}.product-img .cert{position:absolute;top:10px;left:10px;background:white;color:#552dd1;border-radius:999px;padding:5px 8px;font-size:10px;font-weight:900}.product-body{padding:14px}.product-body h3{margin:0 0 8px;font-size:15px}.product-meta,.product-price{display:flex;align-items:center;justify-content:space-between;color:#697084;font-size:12px}.product-price{margin-top:12px}.product-price strong{font-size:17px;color:#11152a}.studio-layout{display:grid;grid-template-columns:430px 1fr;gap:24px;align-items:start}.panel{background:white;border:1px solid var(--line);border-radius:20px;padding:22px;box-shadow:0 8px 28px rgba(20,30,60,.05)}.form-panel{display:grid;gap:10px}.form-panel label{font-size:13px;font-weight:850;color:#464d63;margin-top:4px}.field{width:100%;border:1px solid #dde2ec;border-radius:12px;background:#fff;padding:12px 13px;outline:none}.field:focus{border-color:#8b6bff;box-shadow:0 0 0 3px #efeaff}.two{display:grid;grid-template-columns:1fr 1fr;gap:10px}.chips{display:flex;flex-wrap:wrap;gap:8px}.chip{border:1px solid var(--line);background:white;border-radius:999px;padding:8px 12px;cursor:pointer;font-weight:750}.chip.on{background:#efeaff;color:#6030df;border-color:#d9cbff}.actions,.preview-actions,.filter-row{display:flex;gap:10px;align-items:center}.filter-row{margin:16px 0}.filter-row .field:first-child{flex:1}.filter-row select{max-width:220px}.canvas-wrap{background:#eff1f6;border:1px solid #dfe3ec;border-radius:24px;padding:22px;display:grid;place-items:center;min-height:610px}.flyer{position:relative;width:min(460px,90vw);aspect-ratio:4/5;border-radius:18px;overflow:hidden;background:#111;color:white;box-shadow:0 24px 55px rgba(6,8,18,.27)}.photo{position:absolute;inset:0;background:radial-gradient(circle at 70% 35%,#f2b366 0,#8a481e 18%,#17100d 48%,#070708 75%)}.overlay{position:absolute;inset:0;background:linear-gradient(180deg,rgba(0,0,0,.06),rgba(0,0,0,.12) 42%,rgba(0,0,0,.78))}.logo-f{position:absolute;top:7%;left:7%;font-weight:950;letter-spacing:.08em}.content{position:absolute;left:7%;right:7%;bottom:7%}.offer{font-size:28px;font-weight:950;color:#ffd67c}.content h3{font-size:58px;line-height:.9;margin:8px 0 10px;letter-spacing:-2px}.content p{max-width:82%;opacity:.85}.cta{display:inline-block;margin-top:8px;border:1px solid rgba(255,255,255,.6);border-radius:999px;padding:9px 14px;font-weight:800}.preview-actions{margin-top:14px;flex-wrap:wrap}.metrics{display:grid;grid-template-columns:repeat(4,1fr);gap:15px}.metric{background:white;border:1px solid var(--line);border-radius:18px;padding:20px}.metric span,.metric small{display:block;color:var(--muted)}.metric strong{display:block;font-size:28px;margin:8px 0}.checklist hr,.panel hr{border:0;border-top:1px solid var(--line);margin:20px 0}.plans{display:grid;grid-template-columns:repeat(4,1fr);gap:16px}.plan{position:relative}.plan.featured{border:2px solid #7044f7;transform:translateY(-4px)}.amount{font-size:40px;font-weight:950;margin-top:12px}.toggle{background:white;border:1px solid var(--line);padding:4px;border-radius:999px}.toggle button{border:0;background:transparent;padding:9px 12px;border-radius:999px;cursor:pointer}.toggle button.on{background:#eee8ff;color:#6030df;font-weight:850}.plan-name{font-size:50px;font-weight:950;background:linear-gradient(90deg,#6c32ff,#00a5ff);-webkit-background-clip:text;color:transparent;margin:10px 0}.modal{position:fixed;inset:0;background:rgba(8,10,20,.55);backdrop-filter:blur(8px);display:none;place-items:center;padding:20px;z-index:100}.modal.show{display:grid}.modal-card{width:min(480px,96vw);background:white;border-radius:22px;padding:20px;position:relative}.modal-close{position:absolute;right:14px;top:14px;border:0;background:white;border-radius:50%;width:34px;height:34px;font-size:22px;cursor:pointer}.modal-visual{height:240px;border-radius:16px;background:linear-gradient(135deg,#19172f,#7e36ff);margin-bottom:18px;background-size:cover;background-position:center}.product-line{display:flex;justify-content:space-between;margin:18px 0}.toast{position:fixed;left:50%;bottom:28px;transform:translateX(-50%) translateY(30px);opacity:0;background:#11162a;color:#fff;padding:12px 16px;border-radius:12px;z-index:200;transition:.25s;pointer-events:none}.toast.show{opacity:1;transform:translateX(-50%) translateY(0)}.mobile-nav{display:none}
@media(max-width:1100px){.workspace{grid-template-columns:86px 1fr}.sidebar nav button{font-size:0;text-align:center}.sidebar nav button span{font-size:20px;width:auto}.side-card{display:none}.hero-v2{grid-template-columns:1fr}.hero-visual{min-height:480px}.tool-grid{grid-template-columns:repeat(4,1fr)}.visual-grid{grid-template-columns:repeat(3,1fr)}.market-grid{grid-template-columns:repeat(3,1fr)}.studio-layout{grid-template-columns:1fr}.metrics{grid-template-columns:repeat(2,1fr)}.plans{grid-template-columns:repeat(2,1fr)}}
@media(max-width:760px){body{padding-bottom:76px}.topbar{height:62px;padding:0 14px}.top-search,.plan-pill,.top-actions .icon-btn{display:none}.top-actions{margin-left:auto}.brand-word{font-size:24px}.workspace{display:block}.sidebar{display:none}.main{padding:14px}.hero-v2{border-radius:20px;min-height:auto}.hero-copy{padding:34px 24px}.hero-copy h1{font-size:50px;letter-spacing:-2.5px}.hero-copy p{font-size:15px}.hero-actions{flex-direction:column}.hero-visual{min-height:390px}.phone-a{width:210px;height:390px;left:4%}.phone-b{width:190px;height:370px;right:2%}.trust-row{gap:10px}.section-head,.page-head{align-items:flex-start;flex-direction:column}.quick-panel{padding:18px}.prompt-jump{flex-direction:column}.tool-grid{grid-template-columns:repeat(4,1fr);gap:8px}.tool-card{padding:12px 5px}.visual-grid{grid-template-columns:repeat(2,1fr)}.showcase-banner{min-height:300px}.showcase-banner img{height:300px}.showcase-copy{display:none}.market-grid{grid-template-columns:repeat(2,1fr);gap:10px}.page-head h1{font-size:34px}.panel{padding:16px}.two{grid-template-columns:1fr}.canvas-wrap{min-height:500px;padding:12px}.content h3{font-size:44px}.metrics,.plans{grid-template-columns:1fr}.filter-row{flex-direction:column;align-items:stretch}.filter-row select{max-width:none}.mobile-nav{position:fixed;left:0;right:0;bottom:0;height:70px;background:rgba(255,255,255,.97);border-top:1px solid var(--line);display:grid;grid-template-columns:repeat(5,1fr);z-index:80}.mobile-nav button{border:0;background:none;color:#68708a;font-size:20px}.mobile-nav button small{display:block;font-size:10px;margin-top:3px}.mobile-nav button.active{color:#6b35ef}.mobile-nav .create-mobile{width:56px;height:56px;border-radius:50%;align-self:center;justify-self:center;background:linear-gradient(135deg,#7b2cff,#486dff);color:#fff;box-shadow:0 8px 22px rgba(100,70,255,.35)}}