:root{--ink:#0e1220;--ink-2:#3a4256;--muted:#6b7385;--line:#e7e9f0;--surface:#ffffff;--surface-2:#f7f8fc;--brand:#5b5bd6;--brand-2:#7c3aed;--brand-3:#06b6d4;--accent:#ff7a59;--ok:#16a34a;--radius:16px;--shadow-sm:0 1px 2px rgba(16,20,40,0.06),0 1px 3px rgba(16,20,40,0.08);--shadow:0 10px 30px -12px rgba(30,30,90,0.25);--shadow-lg:0 30px 70px -25px rgba(40,30,120,0.35);--maxw:1120px;--font-sans:"Inter",ui-sans-serif,system-ui,-apple-system,"Segoe UI",Roboto,Helvetica,Arial,sans-serif;--font-display:"Sora",var(--font-sans)}*{box-sizing:border-box}body,html{padding:0;margin:0}body{font-family:var(--font-sans);color:var(--ink);background:var(--surface);-webkit-font-smoothing:antialiased;line-height:1.55}a{color:inherit;text-decoration:none}img{max-width:100%;display:block}h1,h2,h3,h4{font-family:var(--font-display);line-height:1.1;margin:0;letter-spacing:-.02em}.wrap{max-width:var(--maxw)}.wrap,.wrap-narrow{margin:0 auto;padding:0 24px}.wrap-narrow{max-width:760px}.btn{display:inline-flex;align-items:center;gap:8px;font-weight:600;font-size:15px;line-height:1;padding:14px 22px;border-radius:999px;cursor:pointer;border:1px solid transparent;transition:transform .12s ease,box-shadow .2s ease,background .2s;white-space:nowrap}.btn:active{transform:translateY(1px)}.btn-primary{color:#fff;background:linear-gradient(135deg,var(--brand) 0,var(--brand-2) 55%,var(--accent) 130%);box-shadow:var(--shadow)}.btn-primary:hover{box-shadow:var(--shadow-lg)}.btn-ghost{background:#fff;border-color:var(--line);color:var(--ink);box-shadow:var(--shadow-sm)}.btn-ghost:hover{border-color:#cfd3e0}.btn-lg{padding:17px 30px;font-size:17px}.btn-block{width:100%;justify-content:center}.nav{position:-webkit-sticky;position:sticky;top:0;z-index:50;-webkit-backdrop-filter:saturate(1.4) blur(10px);backdrop-filter:saturate(1.4) blur(10px);background:rgba(255,255,255,.82);border-bottom:1px solid var(--line)}.nav-inner{justify-content:space-between;height:68px}.brand,.nav-inner{display:flex;align-items:center}.brand{gap:10px;font-family:var(--font-display);font-weight:800;font-size:19px;letter-spacing:-.03em}.brand-mark{width:30px;height:30px;border-radius:9px;background:linear-gradient(135deg,var(--brand),var(--brand-2) 60%,var(--accent));box-shadow:var(--shadow-sm);display:grid;place-items:center;color:#fff;font-size:16px}.nav-links{display:flex;align-items:center;gap:22px}.nav-links a{color:var(--ink-2);font-weight:500;font-size:15px}.nav-links a:hover{color:var(--ink)}.hero{position:relative;overflow:hidden;padding:92px 0 40px;text-align:center}.hero:before{content:"";position:absolute;inset:-20% -10% auto -10%;height:620px;z-index:-1;background:radial-gradient(52% 60% at 20% 20%,rgba(124,58,237,.2),transparent 60%),radial-gradient(48% 55% at 82% 12%,rgba(6,182,212,.18),transparent 60%),radial-gradient(60% 60% at 55% 80%,rgba(255,122,89,.14),transparent 60%);filter:blur(6px)}.eyebrow{display:inline-flex;align-items:center;gap:8px;font-weight:600;font-size:13px;color:var(--brand-2);background:#f2eeff;border:1px solid #e6ddff;padding:7px 14px;border-radius:999px}.hero h1{font-size:clamp(38px,6vw,66px);margin:22px auto 0;max-width:15ch}.hero .lede{font-size:clamp(17px,2.2vw,21px);color:var(--ink-2);max-width:44ch;margin:20px auto 0}.grad{background:linear-gradient(120deg,var(--brand),var(--brand-2) 45%,var(--accent));-webkit-background-clip:text;background-clip:text;color:transparent}.hero-cta{display:flex;gap:14px;justify-content:center;margin-top:34px;flex-wrap:wrap}.hero-sub{margin-top:16px;color:var(--muted);font-size:14px}.describe-card{max-width:640px;margin:44px auto 0;background:#fff;border:1px solid var(--line);border-radius:22px;box-shadow:var(--shadow-lg);padding:10px;text-align:left}.describe-card textarea{width:100%;border:none;outline:none;resize:none;font:inherit;font-size:17px;padding:18px 18px 8px;border-radius:16px;color:var(--ink);background:transparent;min-height:92px}.describe-card .row{display:flex;align-items:center;justify-content:space-between;padding:6px 10px 8px;gap:10px}.chiprow{display:flex;gap:8px;flex-wrap:wrap;margin:22px auto 0;justify-content:center}.chip{font-size:13px;color:var(--ink-2);background:#fff;border:1px solid var(--line);padding:8px 13px;border-radius:999px;cursor:pointer;box-shadow:var(--shadow-sm);transition:border-color .15s}.chip:hover{border-color:var(--brand);color:var(--brand-2)}.section{padding:76px 0}.section.alt{background:var(--surface-2)}.section-head{text-align:center;max-width:640px;margin:0 auto 46px}.section-head h2{font-size:clamp(28px,4vw,42px)}.section-head p{color:var(--ink-2);font-size:18px;margin-top:14px}.grid-3{grid-template-columns:repeat(3,1fr);grid-gap:22px}.grid-2,.grid-3{display:grid;gap:22px}.grid-2{grid-template-columns:repeat(2,1fr);grid-gap:22px}.card{background:#fff;border:1px solid var(--line);border-radius:var(--radius);padding:26px;box-shadow:var(--shadow-sm)}.card .ic{width:46px;height:46px;border-radius:13px;display:grid;place-items:center;font-size:22px;background:linear-gradient(135deg,#eef0ff,#f7eeff);margin-bottom:16px}.card h3{font-size:20px}.card p{color:var(--ink-2);margin-top:8px;font-size:15px}.steps{display:grid;grid-template-columns:repeat(3,1fr);grid-gap:26px;gap:26px;counter-reset:step}.step{position:relative;padding-top:8px}.step .n{width:40px;height:40px;border-radius:12px;display:grid;place-items:center;font-weight:800;color:#fff;background:linear-gradient(135deg,var(--brand),var(--brand-2));margin-bottom:14px;font-family:var(--font-display)}.step h3{font-size:20px}.step p{color:var(--ink-2);margin-top:8px}.price-card{max-width:480px;margin:0 auto;background:#fff;border:1px solid var(--line);border-radius:26px;box-shadow:var(--shadow-lg);overflow:hidden}.price-top{padding:34px 34px 26px;background:linear-gradient(135deg,#10122a,#221a4d);color:#fff}.price-top .amt{font-family:var(--font-display);font-size:56px;font-weight:800;letter-spacing:-.03em}.price-top .amt small{font-size:18px;font-weight:600;color:#c9c6ef}.price-top .sub{color:#c9c6ef;margin-top:6px}.price-body{padding:26px 34px 34px}.price-body ul{list-style:none;padding:0;margin:0 0 22px}.price-body li{display:flex;gap:12px;padding:9px 0;color:var(--ink-2);border-bottom:1px dashed var(--line)}.price-body li:last-child{border-bottom:none}.price-body li .tick{color:var(--ok);font-weight:800}.price-monthly{text-align:center;margin-top:14px}.footer,.price-monthly{color:var(--muted);font-size:14px}.footer{border-top:1px solid var(--line);padding:40px 0}.footer-inner{justify-content:space-between;gap:12px}.footer-inner,.footer-links{display:flex;align-items:center;flex-wrap:wrap}.footer-links{gap:18px}.footer-links a{color:var(--ink-2);font-weight:500}.footer-links a:hover{color:var(--ink)}.legal{padding:56px 0 20px}.legal .eyebrow{margin-bottom:16px}.legal h1{font-size:clamp(30px,5vw,44px)}.legal .updated{color:var(--muted);font-size:14px;margin-top:12px}.legal-body{margin-top:28px;color:var(--ink-2);font-size:16px;line-height:1.75}.legal-body h2{font-size:22px;color:var(--ink);margin:34px 0 10px}.legal-body p,.legal-body ul{margin:0 0 14px}.legal-body ul{padding-left:22px}.legal-body li{margin:7px 0}.legal-body a{color:var(--brand-2);font-weight:600}.legal-body a:hover{text-decoration:underline}.legal-body strong{color:var(--ink)}.consent{display:flex;align-items:flex-start;gap:10px;margin:4px 0 16px;font-size:13px;color:var(--ink-2);line-height:1.5}.consent input{width:16px;height:16px;margin-top:2px;flex-shrink:0;accent-color:var(--brand);cursor:pointer}.consent a{color:var(--brand-2);font-weight:600}.consent a:hover{text-decoration:underline}.auth-shell{min-height:100vh;display:grid;place-items:center;padding:40px 20px;background:radial-gradient(60% 50% at 50% 0,#f2eeff,#fff 60%)}.auth-card{width:100%;max-width:420px;background:#fff;border:1px solid var(--line);border-radius:22px;box-shadow:var(--shadow-lg);padding:34px}.auth-card h1{font-size:26px}.auth-card p.sub{color:var(--muted);margin:8px 0 24px}.field{margin-bottom:14px}.field label{display:block;font-size:13px;font-weight:600;color:var(--ink-2);margin-bottom:6px}.field input,.field select,.field textarea{width:100%;padding:13px 14px;border:1px solid var(--line);border-radius:12px;font:inherit;font-size:15px;outline:none;transition:border-color .15s,box-shadow .15s;background:#fff;color:var(--ink)}.field input:focus,.field textarea:focus{border-color:var(--brand);box-shadow:0 0 0 4px rgba(91,91,214,.12)}.form-err{background:#fef2f2;border:1px solid #fecaca;color:#b91c1c;padding:11px 14px;border-radius:12px;font-size:14px;margin-bottom:14px}.form-note{color:var(--muted);font-size:13px;text-align:center;margin-top:18px}.link{color:var(--brand-2);font-weight:600}.gen-screen{min-height:100vh;display:grid;place-content:center;justify-items:center;text-align:center;padding:40px 24px;grid-gap:6px;gap:6px;background:radial-gradient(60% 50% at 50% 10%,#f2eeff,#fff 60%)}.gen-screen h2{font-size:30px;margin-top:18px}.gen-screen p{color:var(--ink-2);max-width:44ch;margin:10px 0 0}.gen-orb{width:80px;height:80px;border-radius:50%;background:conic-gradient(from 0deg,var(--brand),var(--brand-2),var(--accent),var(--brand));animation:spin 1.4s linear infinite;filter:blur(1px);box-shadow:var(--shadow-lg)}.gen-orb:after{content:"";position:absolute;inset:10px;border-radius:50%;background:#fff}.gen-orb{position:relative}@keyframes spin{to{transform:rotate(1turn)}}.gen-steps{display:flex;flex-direction:column;gap:8px;margin-top:26px}.gen-steps span{color:var(--muted);font-size:14px;animation:fadePulse 2.4s ease-in-out infinite}.gen-steps span:nth-child(2){animation-delay:.3s}.gen-steps span:nth-child(3){animation-delay:.6s}.gen-steps span:nth-child(4){animation-delay:.9s}@keyframes fadePulse{0%,to{opacity:.4}50%{opacity:1;color:var(--brand-2)}}.preview-shell{min-height:100vh;background:#eef0f6}.preview-bar{position:-webkit-sticky;position:sticky;top:0;z-index:60;background:#12142a;color:#fff;justify-content:space-between;gap:14px;padding:10px 18px;flex-wrap:wrap}.preview-bar,.preview-bar-l{display:flex;align-items:center}.preview-bar-l{gap:12px}.pb-brand{font-family:var(--font-display);font-weight:800;font-size:15px;color:#fff}.pb-badge{font-size:12px;color:#c9c6ef;background:rgba(255,255,255,.1);padding:4px 10px;border-radius:999px}.preview-tabs{display:flex;gap:4px;flex-wrap:wrap}.preview-tabs button{background:transparent;border:none;color:#b9b6de;font:inherit;font-size:13px;font-weight:600;padding:6px 12px;border-radius:8px;cursor:pointer}.preview-tabs button:hover{color:#fff;background:rgba(255,255,255,.08)}.preview-tabs button.active{color:#12142a;background:#fff}.preview-cta{position:-webkit-sticky;position:sticky;top:45px;z-index:55;background:#fff;border-bottom:1px solid var(--line);padding:14px 18px;box-shadow:var(--shadow-sm)}.preview-cta-inner{display:flex;align-items:center;justify-content:space-between;gap:16px;flex-wrap:wrap;max-width:1120px;margin:0 auto}.pc-copy{color:var(--ink-2);font-size:15px}.pc-form{display:flex;gap:8px;flex-wrap:wrap}.pc-form input{padding:11px 13px;border:1px solid var(--line);border-radius:10px;font:inherit;font-size:14px;min-width:180px}.pc-form input:focus{outline:none;border-color:var(--brand);box-shadow:0 0 0 4px rgba(91,91,214,.12)}.pc-row2{display:flex;align-items:center;justify-content:space-between;gap:12px;max-width:1120px;margin:8px auto 0;flex-wrap:wrap}.pc-toggle{font-size:13px;color:var(--muted)}.pc-toggle button{background:none;border:none;color:var(--brand-2);font:inherit;font-weight:600;cursor:pointer}.pc-error{color:#b91c1c;font-size:13px;font-weight:500}.preview-frame{max-width:1180px;margin:22px auto;background:#fff;border-radius:16px;overflow:hidden;box-shadow:var(--shadow-lg);border:1px solid var(--line)}.dash{min-height:100vh;background:var(--surface-2)}.dash-head{display:flex;align-items:flex-end;justify-content:space-between;gap:16px;margin-bottom:34px;flex-wrap:wrap}.empty{text-align:center;background:#fff;border:1px solid var(--line);border-radius:22px;padding:60px 24px;box-shadow:var(--shadow-sm)}.site-grid{display:grid;grid-template-columns:repeat(3,1fr);grid-gap:22px;gap:22px}.site-card{background:#fff;border:1px solid var(--line);border-radius:18px;overflow:hidden;box-shadow:var(--shadow-sm);transition:box-shadow .2s,transform .15s}.site-card:hover{box-shadow:var(--shadow);transform:translateY(-2px)}.site-thumb{height:130px;display:grid;place-items:center;color:#fff}.site-thumb span{font-family:var(--font-display);font-weight:800;font-size:22px;letter-spacing:-.02em;text-shadow:0 2px 8px rgba(0,0,0,.2);padding:0 16px;text-align:center}.site-body{padding:18px}.site-row{display:flex;align-items:center;justify-content:space-between;gap:10px}.site-row h3{font-size:18px}.pill{font-size:12px;font-weight:700;padding:4px 10px;border-radius:999px}.pill.published{background:#dcfce7;color:#15803d}.pill.draft{background:#f1f5f9;color:#64748b}.site-tag{color:var(--muted);font-size:14px;margin:6px 0 16px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.site-actions{display:flex;gap:8px}.site-actions .btn{font-size:14px;padding:10px 16px}.ed{min-height:100vh;display:flex;flex-direction:column;background:#eef0f6}.ed-top{position:-webkit-sticky;position:sticky;top:0;z-index:70;background:#12142a;color:#fff;justify-content:space-between;padding:10px 16px;flex-wrap:wrap}.ed-top,.ed-top-l{display:flex;align-items:center;gap:12px}.ed-brand{font-family:var(--font-display);font-weight:800;font-size:15px;color:#fff}.ed-name{font-size:13px;color:#c9c6ef}.ed-tabs{display:flex;gap:4px;flex-wrap:wrap}.ed-tabs button{background:transparent;border:none;color:#b9b6de;font:inherit;font-size:13px;font-weight:600;padding:6px 12px;border-radius:8px;cursor:pointer}.ed-tabs button:hover{color:#fff;background:rgba(255,255,255,.08)}.ed-tabs button.active{color:#12142a;background:#fff}.ed-actions{display:flex;gap:8px;align-items:center}.ed-actions .btn{font-size:13px;padding:9px 15px}.btn-live{background:#16a34a;color:#fff}.btn-live:hover{background:#15803d}.ed-body{flex:1 1;display:flex;min-height:0}.ed-side{width:320px;background:#fff;border-right:1px solid var(--line);padding:18px;overflow-y:auto;flex-shrink:0}.ed-side h4{font-size:12px;text-transform:uppercase;letter-spacing:.06em;color:var(--muted);margin:0 0 10px}.ed-side .grp{margin-bottom:24px}.add-list{display:flex;flex-direction:column;gap:6px}.add-btn{text-align:left;background:var(--surface-2);border:1px solid var(--line);border-radius:10px;padding:10px 12px;font:inherit;font-size:14px;cursor:pointer;display:flex;align-items:center;gap:10px;transition:border-color .12s}.add-btn:hover{border-color:var(--brand)}.add-btn .em{font-size:16px}.ai-box textarea{width:100%;border:1px solid var(--line);border-radius:12px;padding:12px;font:inherit;font-size:14px;resize:vertical;min-height:76px;outline:none}.ai-box textarea:focus{border-color:var(--brand);box-shadow:0 0 0 4px rgba(91,91,214,.12)}.ai-chips{display:flex;flex-wrap:wrap;gap:6px;margin:10px 0}.ai-chip{font-size:12px;background:#f2eeff;color:var(--brand-2);border:1px solid #e6ddff;border-radius:999px;padding:5px 10px;cursor:pointer}.ai-msg{font-size:13px;margin-top:10px;padding:10px 12px;border-radius:10px}.ai-msg.ok{background:#dcfce7;color:#15803d}.ai-msg.err{background:#fef2f2;color:#b91c1c}.ed-canvas{flex:1 1;overflow-y:auto;padding:22px}.ed-frame{max-width:1180px;margin:0 auto;background:#fff;border-radius:16px;overflow:hidden;box-shadow:var(--shadow-lg);border:1px solid var(--line);position:relative}.ed-hint{text-align:center;color:var(--muted);font-size:13px;margin:0 auto 14px;max-width:1180px}.ed-pop{position:fixed;z-index:90;background:#fff;border:1px solid var(--line);border-radius:14px;box-shadow:var(--shadow-lg);padding:14px;width:340px}.ed-pop h5{font-size:12px;text-transform:uppercase;letter-spacing:.05em;color:var(--muted);margin:0 0 8px}.ed-pop textarea{width:100%;border:1px solid var(--line);border-radius:10px;padding:10px;font:inherit;font-size:14px;resize:vertical;min-height:60px;outline:none}.ed-pop textarea:focus{border-color:var(--brand);box-shadow:0 0 0 3px rgba(91,91,214,.12)}.ed-pop-actions{display:flex;gap:8px;margin-top:10px;justify-content:flex-end}.ed-pop-actions .btn{font-size:13px;padding:8px 14px}.sec-tools{position:absolute;top:8px;right:8px;display:flex;gap:6px;z-index:5}.sec-tools button{background:rgba(18,20,42,.85);color:#fff;border:none;border-radius:8px;padding:5px 9px;font-size:12px;cursor:pointer}.sec-tools button:hover{background:#12142a}.ed-overlay-wrap{position:relative}@media (max-width:860px){.grid-2,.grid-3,.steps{grid-template-columns:1fr}.nav-links a:not(.btn){display:none}.pc-form input{min-width:0;flex:1 1}.site-grid{grid-template-columns:1fr}.ed-side{display:none}}