:root{--ink:#12372a;--pink:#2fbf71;--orange:#22c55e;--yellow:#d9f99d;--purple:#14b8a6}*{letter-spacing:0}.preview-c{min-height:100vh;background:radial-gradient(circle at 12% 18%,#d9f99d,transparent 28%),radial-gradient(circle at 84% 10%,#a7f3d0,transparent 30%),linear-gradient(180deg,#fafff7,#f0fdf4 55%,#ecfeff);color:var(--ink);font-family:Inter,system-ui,-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif}.nav-c{display:flex;justify-content:space-between;align-items:center;padding:22px 16px}.nav-c a{text-decoration:none;color:var(--ink);font-weight:850}.nav-cta{background:#fff;border:2px solid var(--ink);border-radius:999px;padding:9px 16px;box-shadow:5px 5px 0 var(--ink)}.hero{display:grid;grid-template-columns:1fr;gap:40px;align-items:center;padding:48px 16px 64px}.sticker{display:inline-block;background:var(--yellow);border:2px solid var(--ink);border-radius:999px;padding:8px 14px;font-weight:850;transform:rotate(-2deg);box-shadow:4px 4px 0 var(--ink)}.hero h1{font-size:clamp(2.35rem,7vw,5.3rem);font-weight:950;line-height:1.02;margin-top:18px}.hero p{font-size:1.16rem;max-width:600px}.actions{display:flex;gap:12px;flex-wrap:wrap;margin-top:26px}.actions a{text-decoration:none;border-radius:999px;padding:12px 18px;font-weight:850}.primary{background:linear-gradient(135deg,var(--pink),var(--orange));color:#fff;box-shadow:0 16px 30px rgba(47,191,113,.26)}.secondary{background:#fff;color:var(--ink);border:2px solid var(--ink)}.phone-scene{position:relative;min-height:480px}.phone{width:min(100%,310px);margin:auto;background:#111;border:10px solid #111;border-radius:38px;padding:14px;box-shadow:0 30px 70px rgba(18,55,42,.25);animation:bounce 5s ease-in-out infinite}.story-bar{height:16px;border-radius:999px;background:linear-gradient(90deg,var(--pink),var(--yellow),var(--purple));margin-bottom:12px}.insta-post{background:#fff;border-radius:24px;padding:12px}.visual{height:280px;border-radius:18px;background:linear-gradient(135deg,#22c55e,#2fbf71 55%,#14b8a6)}.caption span{display:block;height:10px;border-radius:999px;background:#d9f2e3;margin:10px}.caption span:nth-child(2){width:70%}.caption span:nth-child(3){width:45%}.bubble{position:absolute;background:#fff;border:2px solid var(--ink);border-radius:999px;padding:10px 15px;font-weight:850;box-shadow:5px 5px 0 var(--ink)}.one{top:40px;left:4%}.two{right:3%;bottom:62px}.punch{padding:34px 16px}.punch h2{font-size:clamp(1.8rem,4vw,3.2rem);font-weight:940}.solution{padding:38px 16px}.solution p{font-weight:900;color:var(--pink);text-transform:uppercase}.solution h2{font-size:clamp(1.7rem,4vw,3rem);font-weight:920}.flow{display:grid;grid-template-columns:1fr;gap:14px;margin-top:24px}.flow article,.benefits div{background:#fff;border:2px solid var(--ink);border-radius:22px;padding:18px;box-shadow:6px 6px 0 var(--ink)}.flow b{color:var(--pink);margin-right:10px}.benefits{display:grid;grid-template-columns:1fr;gap:14px;padding:30px 16px 70px}.benefits div{font-weight:900}.benefits div:nth-child(2){background:#eefdbd}.benefits div:nth-child(3){background:#dcfce7}.benefits div:nth-child(4){background:#ccfbf1}@media(min-width:900px){.hero{grid-template-columns:1fr 1fr}.flow{grid-template-columns:repeat(5,1fr)}.benefits{grid-template-columns:repeat(4,1fr)}}@keyframes bounce{0%,100%{transform:translateY(0) rotate(1deg)}50%{transform:translateY(-12px) rotate(-1deg)}}