@import url('https://fonts.googleapis.com/css2?family=DM+Sans:wght@400;500;600;700&family=Space+Grotesk:wght@500;600;700&display=swap');
:root{--bg:#f5f3ee;--ink:#121212;--muted:#696762;--line:#d9d6ce;--accent:#dfff45;--dark:#171717}
*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;background:var(--bg);color:var(--ink);font-family:"DM Sans",Arial,sans-serif}a{text-decoration:none;color:inherit}.nav{height:78px;border-bottom:1px solid var(--line);display:flex;align-items:center;justify-content:space-between;padding:0 5vw;position:sticky;top:0;background:rgba(245,243,238,.9);backdrop-filter:blur(14px);z-index:10}.logo{font-family:"Space Grotesk";font-size:23px;font-weight:700;letter-spacing:-1.5px}.logo span{background:var(--accent);padding:2px 5px;margin-left:3px}.nav nav{display:flex;gap:30px;font-size:14px}.nav nav a:hover{opacity:.55}.nav-btn,.btn{display:inline-flex;align-items:center;justify-content:center;border:1px solid var(--ink);padding:12px 18px;font-weight:700;font-size:13px}.nav-btn{background:var(--ink);color:white}.hero{min-height:650px;padding:90px 7vw 80px;display:grid;grid-template-columns:1fr 1fr;gap:50px;align-items:center;overflow:hidden}.eyebrow{font-size:11px;font-weight:700;letter-spacing:2px;color:#6c6a64;margin-bottom:17px}.hero h1,.problem h2,.section-head h2,.bundle h2,.steps h2,.about h2,.checkout h2{font-family:"Space Grotesk";font-size:clamp(44px,6vw,78px);line-height:.94;letter-spacing:-4px;margin:0}.hero h1 em,.problem em,.bundle em,.about em{font-style:normal;background:var(--accent);padding:0 8px}.hero-copy>p{max-width:570px;font-size:18px;line-height:1.65;color:var(--muted);margin:28px 0}.hero-actions{display:flex;gap:12px}.btn{padding:15px 23px}.primary{background:var(--ink);color:white}.ghost{background:transparent}.trust{display:flex;gap:20px;flex-wrap:wrap;margin-top:25px;font-size:12px;color:#5f5d57}.hero-stack{height:470px;position:relative}.floating-card,.cover{border:1px solid #111;box-shadow:9px 11px 0 #111;background:white}.floating-card{position:absolute;width:245px;height:300px;padding:24px;display:flex;flex-direction:column;justify-content:space-between}.floating-card span,.cover span{font-weight:700}.floating-card b{font-family:"Space Grotesk";font-size:27px;line-height:.95;letter-spacing:-1px}.floating-card small{font-size:10px;letter-spacing:1px}.card-a{left:8%;top:0;transform:rotate(-7deg);background:#dfff45}.card-b{right:2%;top:28px;transform:rotate(8deg);background:#d7d4ff}.card-c{left:17%;bottom:0;transform:rotate(5deg);background:#ffb9a8}.card-d{right:10%;bottom:10px;transform:rotate(-5deg);background:#fff}.problem,.about{padding:110px 7vw;display:grid;grid-template-columns:1fr 1fr;gap:70px;border-top:1px solid var(--line)}.problem p,.about p{font-size:20px;line-height:1.65;color:var(--muted);max-width:600px}.products{padding:110px 7vw}.section-head{display:flex;justify-content:space-between;align-items:end;margin-bottom:45px}.section-head h2,.steps h2,.checkout h2{font-size:52px}.section-head p{color:var(--muted)}.grid{display:grid;grid-template-columns:repeat(2,1fr);gap:55px 28px}.cover{height:390px;padding:25px;display:flex;flex-direction:column;justify-content:space-between}.cover h3{font-family:"Space Grotesk";font-size:48px;line-height:.88;letter-spacing:-3px;margin:0}.cover small{font-size:10px;letter-spacing:1.5px}.cover1{background:#dfff45}.cover2{background:#d7d4ff}.cover3{background:#ffb9a8}.cover4{background:#d8f1e7}.product-body{padding:22px 3px}.product-body h3{font-family:"Space Grotesk";font-size:24px;margin:9px 0}.product-body p{color:var(--muted);line-height:1.55;min-height:50px}.tag{font-size:10px;font-weight:700;letter-spacing:1.5px}.buy{display:flex;align-items:center;justify-content:space-between;margin-top:20px}.buy b{font-size:21px}.buy-btn{background:var(--ink);color:white;padding:12px 15px;font-size:12px;font-weight:700}.bundle{margin:0 7vw 110px;padding:65px;background:var(--dark);color:white;display:grid;grid-template-columns:1fr 1fr;gap:70px}.bundle .eyebrow{color:#aaa}.bundle h2{font-size:58px}.bundle-copy p{color:#bdbdbd;max-width:500px;line-height:1.6}.bundle-price{display:flex;gap:15px;align-items:baseline;margin:30px 0}.bundle-price span{text-decoration:line-through;color:#777}.bundle-price strong{font-size:34px}.light{background:white;color:#111;border-color:white}.bundle-list{border-top:1px solid #444}.bundle-list div{padding:19px 0;border-bottom:1px solid #444;display:grid;grid-template-columns:45px 1fr auto;gap:10px;color:#999}.bundle-list b{color:white}.bundle-list .save{color:var(--accent);font-weight:700;letter-spacing:1px;font-size:11px}.steps{padding:100px 7vw;border-top:1px solid var(--line)}.step-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:25px;margin-top:55px}.step-grid>div{border-top:1px solid #111;padding-top:20px}.step-grid span{font-size:12px;font-weight:700}.step-grid h3{font-family:"Space Grotesk";font-size:25px;margin:25px 0 8px}.step-grid p{color:var(--muted);line-height:1.55}.checkout{margin:0 7vw 110px;text-align:center;background:var(--accent);padding:75px 25px}.checkout h2{font-size:50px}.checkout p{max-width:620px;margin:20px auto 28px;color:#4c4c45;line-height:1.6}footer{background:var(--dark);color:white;padding:45px 7vw;display:grid;grid-template-columns:1fr 2fr 1fr;align-items:center;gap:20px}footer p{color:#888;text-align:center;font-size:12px}footer>div:last-child{display:flex;gap:15px;justify-content:end;font-size:11px;color:#aaa}
@media(max-width:800px){.nav{padding:0 5%;}.nav nav{display:none}.nav-btn{padding:10px 12px}.hero,.problem,.about,.bundle{grid-template-columns:1fr}.hero{padding:65px 6vw}.hero-stack{height:430px;margin-top:10px}.floating-card{width:190px;height:245px}.floating-card b{font-size:21px}.products{padding:80px 6vw}.grid{grid-template-columns:1fr}.cover{height:430px}.section-head{display:block}.section-head h2{font-size:42px}.bundle{margin:0 6vw 80px;padding:40px 25px}.bundle h2{font-size:45px}.step-grid{grid-template-columns:1fr}.problem,.about{padding:80px 6vw;gap:20px}.problem h2,.about h2{font-size:50px}footer{grid-template-columns:1fr;text-align:center}footer p{text-align:center}footer>div:last-child{justify-content:center;flex-wrap:wrap}}