@import url('https://fonts.googleapis.com/css2?family=DM+Sans:wght@400;500;600;700&family=Manrope:wght@600;700;800&display=swap');
:root{--ink:#111827;--muted:#697386;--line:#e5e8ee;--bg:#f7f8fb;--card:#fff;--dark:#0b1020;--accent:#7567f8}
*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;background:var(--bg);color:var(--ink);font-family:"DM Sans",system-ui,sans-serif}button,input,textarea,select{font:inherit}.nav{height:70px;border-bottom:1px solid rgba(229,232,238,.9);background:rgba(255,255,255,.88);backdrop-filter:blur(12px);display:flex;align-items:center;justify-content:space-between;padding:0 max(18px,calc((100% - 1120px)/2));position:sticky;top:0;z-index:20}.brand{color:var(--ink);text-decoration:none;font-weight:800;display:flex;align-items:center;gap:10px}.mark{width:36px;height:36px;border-radius:11px;background:var(--dark);color:#fff;display:grid;place-items:center;font:800 11px Manrope}.nav-actions{display:flex;align-items:center;gap:20px;color:#697386;font-size:13px}.nav-actions a{color:inherit;text-decoration:none}.pill{padding:7px 11px;border:1px solid var(--line);border-radius:999px;background:#fff}.hero{max-width:1120px;margin:auto;padding:76px 20px 65px;display:grid;grid-template-columns:1.2fr .8fr;gap:65px;align-items:center}.eyebrow{font-size:11px;letter-spacing:2.2px;font-weight:800;color:var(--accent);margin-bottom:18px}.hero h1{font:800 clamp(44px,6.5vw,78px)/.98 Manrope;margin:0;letter-spacing:-4px}.hero h1 span{color:#657083}.hero p{max-width:650px;color:var(--muted);font-size:18px;line-height:1.7;margin:24px 0}.hero-points{display:flex;gap:18px;flex-wrap:wrap;color:#566174;font-size:13px;font-weight:600}.hero-card{background:#111827;border-radius:25px;padding:14px;box-shadow:0 30px 70px rgba(17,24,39,.18);transform:rotate(1.5deg)}.mini-top{height:28px;display:flex;gap:6px;align-items:center;padding-left:8px}.mini-top span{width:7px;height:7px;border-radius:50%;background:#4b5563}.mini-slide{height:330px;border-radius:15px;background:linear-gradient(135deg,#182338,#273a57);padding:45px 34px;color:#fff}.mini-label{font-size:8px;letter-spacing:2px;color:#8f9fff;font-weight:800}.mini-title{font:700 30px/1.12 Manrope;margin-top:35px}.mini-line{height:3px;width:55px;background:#8f9fff;margin:28px 0}.mini-small{font-size:11px;color:#b8c2d2}.workspace,.preview{max-width:1120px;margin:0 auto 30px;padding:30px;background:#fff;border:1px solid var(--line);border-radius:25px;box-shadow:0 18px 55px rgba(16,24,40,.055)}.workspace-head,.section-head{display:flex;align-items:flex-start;justify-content:space-between;gap:20px;margin-bottom:27px}.step{font-size:10px;letter-spacing:1.5px;color:var(--accent);font-weight:800;margin-bottom:6px}.workspace h2,.preview h2,.how h2{font:800 28px Manrope;margin:0 0 6px;letter-spacing:-1px}.workspace-head p,.section-head p{margin:0;color:var(--muted);font-size:14px}.ghost{border:1px solid var(--line);background:#fff;border-radius:10px;padding:10px 14px;color:#4b5563;cursor:pointer}.grid{display:grid;grid-template-columns:1fr 1fr;gap:20px}.field.full{grid-column:1/-1}.field label,.option label{display:block;font-size:12px;font-weight:800;margin-bottom:8px}.label-row{display:flex;justify-content:space-between}.label-row span{font-size:11px;color:#929aaa}.field input,.field textarea,.option select{width:100%;border:1px solid #dfe3e9;background:#fbfcfe;border-radius:12px;padding:13px 14px;outline:0;color:var(--ink)}.field input:focus,.field textarea:focus,.option select:focus{border-color:#8176ef;box-shadow:0 0 0 3px rgba(117,103,248,.09)}textarea{height:330px;resize:vertical;line-height:1.6}.hint{font-size:11px;color:#929aaa;margin-top:7px}.options{display:grid;grid-template-columns:repeat(3,1fr);gap:15px;margin-top:20px}.option select{padding:12px}.action-row{margin-top:20px}.primary{width:100%;border:0;border-radius:12px;padding:15px 18px;background:#111827;color:#fff;cursor:pointer;font-weight:800;display:flex;align-items:center;justify-content:center;gap:10px;transition:.15s}.primary:hover{background:#202a3c;transform:translateY(-1px)}.primary b{margin-left:auto}.primary.compact{width:auto;min-width:190px}.spinner{display:none;width:14px;height:14px;border:2px solid rgba(255,255,255,.35);border-top-color:#fff;border-radius:50%;animation:spin .7s linear infinite}.loading .spinner{display:inline-block}@keyframes spin{to{transform:rotate(360deg)}}.status{text-align:center;min-height:21px;margin-top:12px;font-size:12px;color:#687386}.preview.hidden{display:none}.slide-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:15px}.slide-card{aspect-ratio:16/9;background:#172033;border-radius:13px;overflow:hidden;position:relative;color:#fff;padding:19px;box-shadow:0 7px 22px rgba(16,24,40,.1)}.slide-card .num{position:absolute;right:14px;bottom:11px;font-size:8px;opacity:.6}.slide-card .tag{font-size:6px;letter-spacing:1.5px;font-weight:800;margin-bottom:16px}.slide-card h3{font:700 15px/1.12 Manrope;margin:0 0 12px}.slide-card p{font-size:8px;line-height:1.45;opacity:.83;margin:0}.visual-cards{display:grid;grid-template-columns:1fr 1fr;gap:6px;margin-top:10px}.visual-cards i{font-style:normal;background:rgba(255,255,255,.1);border-radius:5px;padding:7px;font-size:6px;min-height:32px}.how{max-width:1120px;margin:0 auto;padding:75px 20px}.centered{text-align:center;display:block}.centered>div{max-width:620px;margin:auto}.feature-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:14px;margin-top:30px}.feature-grid article{background:#fff;border:1px solid var(--line);border-radius:17px;padding:22px}.feature-grid span{color:var(--accent);font-weight:800;font-size:10px}.feature-grid h3{font:700 16px Manrope;margin:15px 0 7px}.feature-grid p{font-size:13px;line-height:1.55;color:var(--muted);margin:0}footer{border-top:1px solid var(--line);padding:28px 20px;display:flex;justify-content:center;gap:10px;color:#8a93a3;font-size:12px}footer strong{color:#394256}@media(max-width:800px){.hero{grid-template-columns:1fr;padding-top:55px}.hero-card{display:none}.slide-grid{grid-template-columns:1fr 1fr}.feature-grid{grid-template-columns:1fr 1fr}}@media(max-width:600px){.nav-actions a{display:none}.hero h1{letter-spacing:-2px}.workspace,.preview{margin-left:10px;margin-right:10px;padding:19px;border-radius:19px}.grid,.options{grid-template-columns:1fr}.field.full{grid-column:auto}.workspace-head,.section-head{flex-direction:column}.primary.compact{width:100%}.slide-grid,.feature-grid{grid-template-columns:1fr}.hero-points{gap:8px;flex-direction:column}footer{flex-direction:column;text-align:center}}