:root{--text:#152033;--muted:#66758a;--line:#e6ecf4;--blue:#2563ff;--violet:#7c4dff;--cyan:#1bd8d0;--green:#22c77a;--soft:#f7faff}*{letter-spacing:0}.preview-d{background:radial-gradient(circle at 80% 8%,rgba(37,99,255,.13),transparent 30%),radial-gradient(circle at 20% 18%,rgba(27,216,208,.13),transparent 28%),linear-gradient(180deg,#fbfdff,#f6f9ff 62%,#ffffff);color:var(--text);font-family:Inter,system-ui,-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif}.nav-d{display:flex;justify-content:space-between;align-items:center;padding:22px 16px}.nav-d a{text-decoration:none;color:var(--muted);margin-left:18px}.nav-d .brand{margin-left:0;color:var(--text);font-weight:850}.login{border:1px solid var(--line);background:white;border-radius:999px;padding:9px 14px}.hero{display:grid;grid-template-columns:1fr;gap:42px;align-items:center;padding:54px 16px 76px}.eyebrow{display:inline-flex;background:rgba(37,99,255,.08);color:var(--blue);border:1px solid rgba(37,99,255,.15);border-radius:999px;padding:8px 13px;font-weight:850}.hero h1{font-size:clamp(2.25rem,6vw,5rem);line-height:1.04;font-weight:900;margin-top:18px;max-width:820px}.hero p{color:var(--muted);font-size:1.17rem;max-width:650px}.actions{display:flex;gap:12px;flex-wrap:wrap;margin-top:28px}.actions a{text-decoration:none;border-radius:999px;padding:12px 18px;font-weight:800}.primary{color:white;background:linear-gradient(135deg,var(--blue),var(--violet),var(--cyan));box-shadow:0 18px 40px rgba(37,99,255,.22)}.secondary{background:white;border:1px solid var(--line);color:var(--text)}.mockup-wrap{position:relative;min-height:470px}.phone{width:min(100%,330px);margin:auto;background:#101828;border-radius:38px;padding:13px;box-shadow:0 30px 80px rgba(21,32,51,.2);animation:float 6s ease-in-out infinite}.post-preview{background:white;border-radius:28px;padding:14px}.image{height:290px;border-radius:22px;background:linear-gradient(135deg,#dff7ff,#e8e0ff 50%,#dff7ea)}.copy-lines span{display:block;height:11px;background:#dbe4f0;border-radius:999px;margin:12px}.copy-lines span:nth-child(2){width:70%}.copy-lines span:nth-child(3){width:42%}.ai-card,.metric{position:absolute;background:white;border:1px solid var(--line);border-radius:18px;padding:14px 16px;box-shadow:0 18px 48px rgba(21,32,51,.12);font-weight:850}.ai-card{left:0;top:46px}.metric{right:0;bottom:54px;color:var(--green)}.problem{background:white;border:1px solid var(--line);border-radius:28px;padding:30px;box-shadow:0 18px 50px rgba(21,32,51,.07);margin-bottom:60px}.problem h2{font-size:clamp(1.7rem,4vw,3rem);font-weight:880}.problem p{color:var(--muted);margin:0}.how{padding:20px 16px 58px}.section-head span{color:var(--blue);text-transform:uppercase;font-weight:850;font-size:.78rem}.section-head h2{font-size:clamp(1.8rem,4vw,3.2rem);font-weight:900}.steps{display:grid;grid-template-columns:1fr;gap:14px;margin-top:26px}.steps article{background:white;border:1px solid var(--line);border-radius:20px;padding:20px;box-shadow:0 14px 36px rgba(21,32,51,.06);transition:.2s}.steps article:hover,.benefits article:hover{transform:translateY(-5px)}.steps b{display:inline-grid;place-items:center;width:34px;height:34px;border-radius:12px;background:linear-gradient(135deg,var(--blue),var(--cyan));color:white}.steps p{margin:14px 0 0;color:var(--muted)}.benefits{display:grid;grid-template-columns:1fr;gap:16px;padding:0 16px 76px}.benefits article{background:white;border:1px solid var(--line);border-radius:22px;padding:22px;box-shadow:0 14px 36px rgba(21,32,51,.06);transition:.2s}.benefits h3{font-size:1.08rem}.benefits p{color:var(--muted);margin:0}@media(min-width:900px){.hero{grid-template-columns:1fr .9fr}.steps{grid-template-columns:repeat(5,1fr)}.benefits{grid-template-columns:repeat(4,1fr)}}@keyframes float{0%,100%{transform:translateY(0)}50%{transform:translateY(-12px)}}