:root{--ink:#312829;--wine:#875050;--wine-dark:#68393b;--rose:#b77b77;--cream:#f7f1ec;--paper:#fffdf9;--gold:#c79a66;--line:#dfd1c6}*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;background:var(--paper);color:var(--ink);font-family:"DM Sans",sans-serif;font-size:16px;line-height:1.6}.topbar{height:82px;display:flex;align-items:center;justify-content:space-between;padding:0 clamp(22px,6vw,88px);border-bottom:1px solid rgba(49,40,41,.1);background:rgba(255,253,249,.92);backdrop-filter:blur(16px);position:sticky;top:0;z-index:10}.brand{display:flex;align-items:center;gap:12px;text-decoration:none;color:var(--ink)}.brand-mark{width:43px;height:43px;border:1px solid var(--gold);border-radius:50%;display:grid;place-items:center;font-family:"Playfair Display",serif;font-weight:600;color:var(--wine)}.brand strong{font-family:"Playfair Display",serif;font-size:17px;display:block;line-height:1.1}.brand small{font-size:9px;letter-spacing:.2em;color:var(--rose)}.mini-cta,.button{display:inline-flex;align-items:center;justify-content:center;gap:20px;text-decoration:none;font-weight:700;letter-spacing:.05em;transition:.2s ease}.mini-cta{color:var(--wine);font-size:13px;border-bottom:1px solid var(--gold)}.hero{min-height:calc(100vh - 82px);display:grid;grid-template-columns:1.08fr .92fr;align-items:center;gap:clamp(30px,5vw,90px);padding:70px clamp(22px,7vw,110px);overflow:hidden;background:radial-gradient(circle at 82% 22%,#f3ded6 0,transparent 28%),linear-gradient(135deg,#fffdfa 0,#f7eee8 100%)}.eyebrow{font-size:12px;letter-spacing:.22em;font-weight:700;color:var(--wine);margin:0 0 16px}.hero h1,.problem h2,.section-title h2,.for-who h2,.author h2,.final-cta h2{font-family:"Playfair Display",serif;line-height:1.05;font-weight:600;margin:0}.hero h1{font-size:clamp(45px,6vw,82px);letter-spacing:-.045em}.hero h1 em{color:var(--wine);font-weight:500}.lead{max-width:670px;font-size:clamp(18px,1.7vw,22px);line-height:1.55;color:#57494a;margin:28px 0}.offer-row{display:flex;align-items:center;gap:24px;flex-wrap:wrap}.price span{display:block;font-size:12px;text-transform:uppercase;letter-spacing:.08em;color:#78696a}.price strong{display:block;font-size:30px;color:var(--wine-dark)}.button{min-height:58px;padding:0 24px;background:var(--wine);color:white;border-radius:2px;font-size:13px;box-shadow:0 14px 32px rgba(104,57,59,.22)}.button:hover{background:var(--wine-dark);transform:translateY(-2px)}.button span{font-size:20px}.micro{font-size:12px;color:#7f7371;margin-top:18px}.hero-visual{position:relative;display:grid;place-items:center;min-height:540px}.hero-visual img{width:min(100%,520px);position:relative;z-index:1;filter:drop-shadow(0 30px 35px rgba(70,38,39,.25));transform:rotate(2deg)}.glow{position:absolute;width:75%;aspect-ratio:1;border-radius:50%;background:#e7c4b5;filter:blur(60px);opacity:.5}.badge{position:absolute;right:2%;top:12%;z-index:2;width:98px;height:98px;border-radius:50%;background:var(--wine);color:white;display:grid;place-items:center;font-size:11px;letter-spacing:.15em;transform:rotate(8deg);border:4px solid #f2ddd3}.problem{padding:110px max(22px,18vw);text-align:center;background:var(--ink);color:#f9f0ea}.problem .eyebrow{color:#d7ac80}.problem h2{font-size:clamp(35px,4vw,58px)}.problem>p:last-child{font-size:18px;max-width:800px;margin:28px auto 0;color:#dfd2cd}.inside{padding:110px clamp(22px,7vw,110px)}.section-title{max-width:760px;margin-bottom:50px}.section-title h2,.for-who h2,.author h2{font-size:clamp(34px,4vw,56px)}.grid{display:grid;grid-template-columns:repeat(3,1fr);gap:1px;background:var(--line);border:1px solid var(--line)}.grid article{background:var(--paper);padding:34px;min-height:230px}.grid article span{color:var(--gold);font-family:"Playfair Display",serif;font-size:18px}.grid h3{font-family:"Playfair Display",serif;font-size:24px;margin:28px 0 10px}.grid p{margin:0;color:#6d6060}.for-who{padding:100px clamp(22px,10vw,150px);display:grid;grid-template-columns:1fr 1fr;gap:90px;align-items:center;background:var(--cream)}.for-who ul{list-style:none;padding:0;margin:0}.for-who li{padding:18px 0 18px 34px;border-bottom:1px solid var(--line);position:relative}.for-who li:before{content:"✓";position:absolute;left:0;color:var(--wine);font-weight:700}.author{display:grid;grid-template-columns:.85fr 1.15fr;min-height:690px;background:white}.portrait{min-height:620px;overflow:hidden}.portrait img{width:100%;height:100%;object-fit:cover;object-position:center 35%;display:block}.author-copy{padding:90px clamp(30px,8vw,120px);display:flex;flex-direction:column;justify-content:center}.credentials{color:var(--wine);font-weight:700}.author-copy>p{max-width:620px}.instagram{color:var(--wine);font-weight:700;text-decoration:none;margin-top:16px}.final-cta{padding:90px clamp(22px,8vw,120px);display:grid;grid-template-columns:1fr auto;gap:80px;align-items:center;background:var(--wine);color:white}.final-cta .eyebrow{color:#e4bf96}.final-cta h2{font-size:clamp(40px,5vw,68px)}.checkout-card{width:min(100%,380px);padding:34px;background:rgba(255,255,255,.09);border:1px solid rgba(255,255,255,.24)}.checkout-card>span,.checkout-card>small{display:block}.checkout-card>strong{display:block;font-size:42px;margin:4px 0 22px}.button.light{background:white;color:var(--wine);width:100%}.checkout-card>small{margin-top:15px;color:#eadbd5}footer{padding:50px clamp(22px,7vw,110px);display:grid;grid-template-columns:auto 1fr auto;gap:50px;align-items:center;background:#211b1c;color:#cfc3bf;font-size:12px}footer .brand{color:white}footer p{max-width:700px;margin:0}.footer-brand .brand-mark{color:#e4bf96}@media(max-width:900px){.hero{grid-template-columns:1fr;padding-top:55px}.hero-visual{min-height:auto}.hero-visual img{width:min(92%,460px)}.badge{right:5%;top:4%}.grid{grid-template-columns:repeat(2,1fr)}.for-who,.author,.final-cta{grid-template-columns:1fr;gap:42px}.portrait{min-height:540px}.author-copy{padding:65px 24px}.final-cta{padding:75px 24px}.checkout-card{width:100%}footer{grid-template-columns:1fr;gap:24px}}@media(max-width:560px){.topbar{height:70px}.mini-cta{font-size:11px}.brand strong{font-size:14px}.brand-mark{width:38px;height:38px}.hero{min-height:auto;padding:48px 22px 60px}.hero h1{font-size:46px}.lead{font-size:17px}.offer-row{align-items:stretch;flex-direction:column}.button{width:100%}.hero-visual{margin-top:15px}.badge{width:78px;height:78px;font-size:9px}.problem,.inside{padding:75px 22px}.grid{grid-template-columns:1fr}.grid article{min-height:auto}.for-who{padding:75px 22px}.portrait{min-height:440px}.portrait img{object-position:center top}footer{padding:42px 22px}.footer-brand{display:flex}}
