:root{--ink:#253053;--muted:#65708f;--soft:#eef8f4;--mint:#27b99a;--mint-dark:#147a69;--yellow:#ffd96c;--coral:#ff6b57;--paper:#fff;--line:#d9e7e4;--shadow:0 24px 70px rgba(37,48,83,.14)}
*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;font-family:Inter,Arial,sans-serif;color:var(--ink);background:#fbfdfb}a{color:inherit;text-decoration:none}h1,h2,h3,p{margin-top:0}
.topbar{position:sticky;top:0;z-index:20;display:flex;align-items:center;justify-content:space-between;gap:24px;min-height:72px;padding:14px clamp(18px,5vw,72px);background:rgba(255,255,255,.88);border-bottom:1px solid rgba(217,231,228,.8);backdrop-filter:blur(18px);transition:transform 180ms ease,opacity 180ms ease}.topbar.is-hidden{opacity:0;transform:translateY(-100%);pointer-events:none}.top-cta{display:inline-flex;align-items:center;justify-content:center;min-height:42px;padding:11px 18px;color:#fff;background:var(--mint-dark);border-radius:999px;font-size:.92rem;font-weight:800;box-shadow:0 14px 30px rgba(20,122,105,.24)}.promo-topbar{justify-content:center}.promo-strip{display:flex;align-items:center;justify-content:center;flex-wrap:wrap;gap:10px 14px;text-align:center}.promo-label{color:var(--mint-dark);font-size:.74rem;font-weight:900;letter-spacing:.12em;text-transform:uppercase}.promo-strip strong{font-size:clamp(.98rem,2vw,1.16rem)}.promo-strike{color:var(--coral);text-decoration:line-through;text-decoration-thickness:2px}
.hero{position:relative;overflow:hidden;min-height:calc(100vh - 72px);padding:clamp(44px,7vw,92px) clamp(18px,5vw,72px) 56px;background:linear-gradient(135deg,rgba(238,248,244,.92),rgba(255,255,255,.94) 48%,rgba(255,217,108,.18)),radial-gradient(circle at 80% 12%,rgba(39,185,154,.18),transparent 30%)}.hero-bg span{position:absolute;border:2px solid rgba(37,48,83,.08);pointer-events:none}.hero-bg span:nth-child(1){width:190px;height:190px;top:16%;left:6%;border-radius:50%}.hero-bg span:nth-child(2){width:150px;height:150px;top:12%;right:14%;transform:rotate(24deg);border-radius:28px}.hero-bg span:nth-child(3){width:290px;height:140px;right:2%;bottom:12%;border-radius:999px}.hero-bg span:nth-child(4){width:220px;height:120px;left:18%;bottom:7%;transform:rotate(-8deg);border-radius:22px}.hero-content,.section,.footer{width:min(1160px,100%);margin:0 auto}.hero-content{position:relative;z-index:1;display:grid;grid-template-columns:minmax(0,1.04fr) minmax(340px,.74fr);gap:clamp(34px,6vw,78px);align-items:center}.eyebrow{margin:0 0 14px;color:var(--mint-dark);font-size:.78rem;font-weight:900;letter-spacing:.1em;text-transform:uppercase}h1{margin-bottom:18px;font-size:clamp(3.2rem,8vw,7.2rem);line-height:.92}.hero-lead{max-width:760px;margin-bottom:18px;font-size:clamp(1.5rem,3.1vw,2.75rem);line-height:1.12;font-weight:800}.hero-sub{max-width:650px;color:var(--muted);font-size:clamp(1rem,1.6vw,1.15rem);line-height:1.75}.hero-actions{display:flex;align-items:center;flex-wrap:wrap;gap:14px;margin:34px 0 22px}.hero-actions .button.primary{min-width:340px;min-height:66px;padding:0 46px;font-size:1.08rem}
.button{display:inline-flex;align-items:center;justify-content:center;min-height:54px;padding:0 24px;border-radius:999px;font-weight:900;transition:transform 160ms ease,box-shadow 160ms ease}.button:hover{transform:translateY(-2px)}.button.primary{color:#fff;background:var(--mint-dark);box-shadow:0 16px 34px rgba(20,122,105,.28)}.book-stage{display:grid;gap:24px;justify-items:center}.book{position:relative;width:min(360px,78vw);aspect-ratio:.72;perspective:1200px;transform:rotate(-3deg)}.real-book{width:min(430px,86vw);aspect-ratio:auto;margin:0;perspective:none;transform:rotate(-2deg);overflow:visible}.book.real-book>img{display:block;width:100%;max-width:430px;height:auto;border-radius:14px;box-shadow:0 28px 70px rgba(37,48,83,.22)}.hero-stat{display:grid;grid-template-columns:auto 1fr;gap:14px;max-width:430px;padding:18px;background:rgba(255,255,255,.86);border:1px solid var(--line);border-radius:16px;box-shadow:0 18px 50px rgba(37,48,83,.1)}.hero-stat strong{color:var(--mint-dark);font-size:2rem;line-height:1}.hero-stat span{color:var(--muted);font-size:.92rem;line-height:1.45}
.section{padding:clamp(64px,9vw,112px) clamp(18px,4vw,36px)}.section-heading{max-width:780px;margin-bottom:34px}.section-heading h2,.offer-copy h2{margin-bottom:14px;font-size:clamp(2rem,4.8vw,4.2rem);line-height:1.05}.section-heading p:not(.eyebrow),.offer-copy p,.value-panel p,.faq-list p{color:var(--muted);line-height:1.7}.problem-grid{display:grid;grid-template-columns:repeat(5,1fr);gap:14px}.problem-grid article,.feature-list article,.value-panel,.offer-box,.faq-list details{background:var(--paper);border:1px solid var(--line);border-radius:8px}.problem-grid article{min-height:220px;padding:20px;border-top:5px solid var(--coral)}.problem-grid span{display:inline-flex;margin-bottom:18px;color:var(--coral);font-weight:900}.problem-grid h3,.feature-list h3{margin-bottom:10px;font-size:1.08rem;line-height:1.25}.problem-grid p,.feature-list p{margin-bottom:0;color:var(--muted);font-size:.94rem;line-height:1.58}
.learn{width:100%;max-width:none;background:var(--soft)}.learn>*{width:min(1160px,100%);margin-left:auto;margin-right:auto}.learn-layout{display:grid;grid-template-columns:minmax(0,1.25fr) minmax(280px,.75fr);gap:20px}.feature-list{display:grid;grid-template-columns:repeat(2,1fr);gap:14px}.feature-list article{display:grid;grid-template-columns:auto 1fr;gap:16px;padding:22px}.icon{display:grid;width:40px;height:40px;place-items:center;color:#fff;background:var(--mint-dark);border-radius:10px;font-weight:900}.value-panel{padding:28px;background:var(--ink);color:#fff}.value-panel .panel-label{color:var(--yellow);font-size:.8rem;font-weight:900;letter-spacing:.1em;text-transform:uppercase}.value-panel strong{display:block;margin-bottom:18px;font-size:clamp(1.5rem,2.6vw,2.3rem);line-height:1.12}.value-panel p:last-child{color:rgba(255,255,255,.72)}
.offer{padding-top:clamp(70px,10vw,130px)}.offer-box{display:grid;grid-template-columns:1fr;gap:30px;padding:clamp(24px,5vw,48px);background:linear-gradient(135deg,#fff,rgba(255,217,108,.32)),var(--paper);box-shadow:var(--shadow)}.bonus-list{display:grid;grid-template-columns:repeat(2,1fr);gap:10px;margin:28px 0 0;padding:0;list-style:none}.bonus-list li{padding:14px 14px 14px 40px;background:rgba(255,255,255,.72);border:1px solid var(--line);border-radius:8px;color:var(--ink);font-weight:800}.bonus-list li::before{content:"✓";position:absolute;margin-left:-24px;color:var(--mint-dark)}.price-card{display:flex;flex-direction:column;justify-content:center;align-items:stretch;width:min(720px,100%);margin:0 auto;padding:clamp(28px,5vw,42px);background:#fff;border:1px solid var(--line);border-radius:8px;box-shadow:0 18px 45px rgba(37,48,83,.1)}.old-price{width:max-content;color:var(--coral);font-weight:900;text-decoration:line-through}.price-card p{margin:20px 0 4px;color:var(--muted);font-weight:700}.price-card strong{margin-bottom:24px;color:var(--mint-dark);font-size:clamp(3rem,7vw,4.8rem);line-height:.95}.button.full{width:100%;min-height:68px;padding:0 34px;font-size:clamp(1.05rem,2vw,1.28rem)}.price-card small{margin-top:14px;color:var(--muted);text-align:center}
.social-proof{padding-top:clamp(54px,8vw,96px)}.review-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:16px}.review-grid article{display:flex;min-height:300px;flex-direction:column;padding:24px;background:var(--paper);border:1px solid var(--line);border-radius:8px;box-shadow:0 16px 42px rgba(37,48,83,.08)}.stars{margin-bottom:18px;color:#f4b740;font-size:1.08rem;letter-spacing:.08em}.review-grid p{color:var(--muted);line-height:1.7}.review-grid strong{margin-top:auto;color:var(--ink);font-size:1rem}.review-grid span{margin-top:5px;color:var(--mint-dark);font-size:.88rem;font-weight:800;line-height:1.35}.faq-list{display:grid;gap:12px}.faq-list details{padding:20px 22px}.faq-list summary{cursor:pointer;font-weight:900}.faq-list p{margin:12px 0 0}.footer{display:flex;flex-wrap:wrap;justify-content:space-between;gap:12px;padding:34px clamp(18px,4vw,36px);color:#fff;background:var(--ink)}.footer span{color:rgba(255,255,255,.72)}
@media(max-width:980px){.hero-content,.learn-layout,.offer-box{grid-template-columns:1fr}.book-stage{justify-items:start}.problem-grid{grid-template-columns:repeat(2,1fr)}.price-card{max-width:100%}.review-grid{grid-template-columns:1fr}}
@media(max-width:640px){.topbar{min-height:64px;gap:10px;padding:10px 14px}.promo-topbar{justify-content:space-between}.promo-strip{justify-content:flex-start;flex:1;text-align:left}.promo-label{display:none}.top-cta{min-height:40px;padding:9px 13px;font-size:.82rem}.hero{min-height:auto;padding-top:42px}.hero-actions .button,.hero-actions .button.primary{width:100%;min-width:0}.hero-actions .button.primary{min-height:64px}.real-book{width:min(315px,88vw)}.hero-stat{grid-template-columns:1fr}.problem-grid,.feature-list,.bonus-list{grid-template-columns:1fr}.problem-grid article{min-height:auto}.section{padding-left:18px;padding-right:18px}}
