@font-face { font-family: "Lato"; src: url("../fonts/lato-400.ttf") format("truetype"); font-weight: 400; font-style: normal; font-display: swap; }
@font-face { font-family: "Lato"; src: url("../fonts/lato-700.ttf") format("truetype"); font-weight: 700; font-style: normal; font-display: swap; }
@font-face { font-family: "Lato"; src: url("../fonts/lato-900.ttf") format("truetype"); font-weight: 900; font-style: normal; font-display: swap; }
@font-face { font-family: "Playfair Display"; src: url("../fonts/playfair-display-700.ttf") format("truetype"); font-weight: 700; font-style: normal; font-display: swap; }
@font-face { font-family: "Playfair Display"; src: url("../fonts/playfair-display-800.ttf") format("truetype"); font-weight: 800; font-style: normal; font-display: swap; }

:root { --cream:#fafaf8; --white:#ffffff; --ink:#1a3a52; --ink-soft:#587088; --gold:#b8860b; --gold-light:#d8ae46; --line:#e8e6e1; --tint:#f3f1ed; --dark:#0f1419; --dark-card:#1a1f26; --dark-line:#2d3540; --shadow:0 22px 54px rgba(22, 45, 64, .12); --ease:cubic-bezier(.23,1,.32,1); }
html[data-theme="dark"] { --cream:#0f1419; --white:#1a1f26; --ink:#e9e5dd; --ink-soft:#bdc6d0; --line:#2d3540; --tint:#171d24; --shadow:0 22px 54px rgba(0, 0, 0, .26); }
* { box-sizing:border-box; }
html { scroll-behavior:smooth; }
body { margin:0; background:var(--cream); color:var(--ink); font-family:"Lato",Arial,sans-serif; font-size:16px; line-height:1.6; text-rendering:optimizeLegibility; }
body, .site-header, .section, .comparison-card, .learning-card, .bonus-card, .pain-item, .guarantee-card, .theme-toggle { transition:background-color .25s var(--ease), color .25s var(--ease), border-color .25s var(--ease); }
a { color:inherit; text-decoration:none; }
button { font:inherit; }
img { display:block; max-width:100%; }
h1,h2,h3,p { margin-top:0; }
h1,h2,h3 { color:var(--ink); font-family:"Playfair Display",Georgia,serif; letter-spacing:-.035em; line-height:1.08; }
h1 { margin-bottom:1.25rem; max-width:760px; font-size:clamp(2.8rem,5.6vw,5.25rem); }
h2 { margin-bottom:1rem; font-size:clamp(2.35rem,4.2vw,4.1rem); }
h3 { margin-bottom:.55rem; font-size:1.35rem; }
.container { width:min(100% - 2.5rem, 1180px); margin-inline:auto; }
.narrow { width:min(100% - 2.5rem, 820px); margin-inline:auto; }
.narrow-wide { width:min(100% - 2.5rem, 980px); margin-inline:auto; }
.centered { text-align:center; }
.skip-link { position:fixed; top:-70px; left:1rem; z-index:100; padding:.75rem 1rem; background:var(--gold); color:#17110a; border-radius:0 0 .5rem .5rem; transition:top .2s var(--ease); }
.skip-link:focus { top:0; }
.site-header { position:absolute; z-index:20; top:0; left:0; width:100%; padding:1.2rem 0; color:var(--ink); }
.header-inner { display:flex; align-items:center; justify-content:space-between; gap:1rem; }
.wordmark,.header-actions { display:flex; align-items:center; gap:.75rem; }
.wordmark { font-weight:900; letter-spacing:.04em; text-transform:uppercase; font-size:.72rem; }
.wordmark-mark { display:grid; width:2.1rem; aspect-ratio:1; place-items:center; border:1px solid currentColor; font-size:.68rem; }
.header-actions { gap:.55rem; }
.theme-toggle { display:grid; width:2.55rem; height:2.55rem; place-items:center; border:1px solid rgba(26,58,82,.2); border-radius:50%; background:rgba(250,250,248,.85); color:var(--ink); cursor:pointer; }
html[data-theme="dark"] .theme-toggle { border-color:var(--dark-line); background:rgba(26,31,38,.88); }
.theme-icon-moon { display:none; }
html[data-theme="dark"] .theme-icon-sun { display:none; }
html[data-theme="dark"] .theme-icon-moon { display:block; }
.header-cta { padding:.55rem .9rem; border:1px solid rgba(26,58,82,.18); font-size:.75rem; font-weight:700; background:rgba(250,250,248,.68); }
html[data-theme="dark"] .header-cta { border-color:var(--dark-line); background:rgba(26,31,38,.85); }
.hero { position:relative; display:grid; min-height:760px; overflow:hidden; isolation:isolate; align-items:center; }
.hero-image { position:absolute; z-index:-2; inset:0; background:url("../images/hero-influencer-virtual.webp") 70% center/cover no-repeat; }
.hero-wash { position:absolute; z-index:-1; inset:0; background:linear-gradient(90deg, rgba(250,250,248,.96) 0%, rgba(250,250,248,.86) 40%, rgba(250,250,248,.2) 76%); }
html[data-theme="dark"] .hero-wash { background:linear-gradient(90deg, rgba(15,20,25,.95) 0%, rgba(15,20,25,.82) 43%, rgba(15,20,25,.25) 78%); }
.hero-content { padding:9.3rem 0 5rem; }
.hero-copy { max-width:690px; }
.eyebrow,.micro-label { margin-bottom:.9rem; color:var(--gold); font-weight:900; font-size:.73rem; letter-spacing:.17em; text-transform:uppercase; }
.hero-lead { max-width:650px; margin-bottom:2rem; color:var(--ink-soft); font-size:clamp(1.1rem,1.7vw,1.32rem); line-height:1.55; }
.check-list { display:grid; gap:.8rem; padding:0; margin:0 0 2.25rem; list-style:none; }
.check-list li { position:relative; padding-left:1.75rem; font-size:1rem; font-weight:700; }
.check-list li::before { position:absolute; left:0; top:.12em; width:1.05rem; height:1.05rem; display:grid; place-items:center; border:1px solid var(--gold); border-radius:50%; color:var(--gold); content:"✓"; font-size:.7rem; }
.button { display:inline-flex; align-items:center; justify-content:center; gap:.8rem; min-height:3.5rem; padding:.9rem 1.4rem; font-weight:900; letter-spacing:.01em; text-transform:uppercase; transition:transform .16s var(--ease), box-shadow .2s var(--ease), background-color .2s var(--ease); }
.button:hover { transform:translateY(-2px); box-shadow:0 12px 24px rgba(184,134,11,.22); }
.button:active { transform:scale(.97); }
.button:focus-visible,.theme-toggle:focus-visible,.header-cta:focus-visible,.text-link:focus-visible { outline:3px solid var(--gold-light); outline-offset:4px; }
.button-primary { background:var(--gold); color:#fffdf6; }
.button-wide { width:min(100%, 420px); }
.section { padding:clamp(4.6rem,8vw,8rem) 0; }
.section-light { background:var(--cream); }
.section-tinted { background:var(--tint); }
.section-heading { margin-bottom:3rem; }
.section-heading h2 { margin-bottom:0; }
.pain-grid { display:grid; grid-template-columns:repeat(2,1fr); gap:.9rem; margin-bottom:2rem; }
.pain-item { position:relative; min-height:76px; display:flex; align-items:center; padding:1.2rem 1.2rem 1.2rem 3.2rem; border:1px solid var(--line); background:var(--white); font-weight:700; line-height:1.35; }
.pain-item::before { position:absolute; left:1.15rem; width:.75rem; height:.75rem; border:2px solid var(--gold); border-radius:50%; content:""; }
.insight-card { padding:1.7rem 2rem; border-left:3px solid var(--gold); background:var(--white); color:var(--ink-soft); }
.insight-card p:last-child { margin-bottom:0; }
.gold-text { color:var(--gold); font-weight:900; }
.learning-intro { max-width:720px; margin-bottom:3.25rem; }
.learning-intro > p:last-child { color:var(--ink-soft); font-size:1.14rem; }
.learning-grid { display:grid; grid-template-columns:repeat(3,1fr); border-top:1px solid var(--line); border-left:1px solid var(--line); }
.learning-card { min-height:195px; padding:1.55rem; border-right:1px solid var(--line); border-bottom:1px solid var(--line); background:var(--cream); }
.learning-card:hover { background:var(--white); }
.learning-card p { margin:0; color:var(--ink-soft); font-size:.97rem; line-height:1.5; }
.card-index { display:block; margin-bottom:1.4rem; color:var(--gold); font-size:.73rem; font-weight:900; letter-spacing:.12em; }
.main-delivery { display:flex; gap:1.25rem; align-items:flex-start; margin-bottom:1.15rem; padding:2.2rem; border:1px solid rgba(184,134,11,.35); background:linear-gradient(105deg, rgba(184,134,11,.12), rgba(184,134,11,.035)); }
.main-delivery p:last-child { margin:0; color:var(--ink-soft); }
.delivery-icon { display:grid; flex:0 0 auto; width:3rem; height:3rem; place-items:center; border:1px solid var(--gold); color:var(--gold); font-size:1.35rem; }
.bonus-grid { display:grid; grid-template-columns:repeat(2,1fr); gap:1.15rem; }
.bonus-card { min-height:180px; padding:1.65rem; border:1px solid var(--line); background:var(--white); }
.bonus-card p { margin:0; color:var(--ink-soft); }
.bonus-tag { display:inline-block; margin-bottom:1.35rem; color:var(--gold); font-size:.68rem; font-weight:900; letter-spacing:.13em; text-transform:uppercase; }
.book-section { overflow:hidden; background:linear-gradient(125deg, var(--cream) 0%, var(--tint) 100%); }
.book-layout { display:grid; grid-template-columns:1fr 370px; gap:min(10vw,10rem); align-items:center; }
.book-copy p:not(.eyebrow) { max-width:540px; color:var(--ink-soft); font-size:1.16rem; }
.text-link { display:inline-flex; gap:.4rem; margin-top:1rem; padding-bottom:.25rem; border-bottom:1px solid var(--gold); color:var(--gold); font-weight:900; }
.book-cover-wrap { position:relative; margin:0; padding:1rem; background:linear-gradient(145deg, rgba(184,134,11,.75), transparent 45%); box-shadow:var(--shadow); }
.book-cover-wrap::before { position:absolute; inset:0; transform:translate(.8rem,.8rem); z-index:-1; border:1px solid var(--gold); content:""; }
.book-cover-wrap img { width:100%; height:auto; background:#07090c; }
.comparison-card { margin-bottom:1.75rem; padding:2rem; background:var(--white); border:1px solid var(--line); }
.comparison-card > p { color:var(--ink-soft); }
.comparison-card > p:last-child { margin:1.6rem 0 0; text-align:center; }
.price-comparison { display:grid; gap:.6rem; margin:0; }
.price-comparison div { display:flex; justify-content:space-between; gap:1rem; padding:.85rem 1rem; background:var(--tint); }
.price-comparison dt { color:var(--ink-soft); }
.price-comparison dd { margin:0; color:var(--ink); font-weight:900; }
.offer-card { padding:clamp(2.25rem,6vw,3.75rem); border:2px solid rgba(184,134,11,.45); background:radial-gradient(circle at top, rgba(184,134,11,.13), transparent 52%), var(--white); text-align:center; box-shadow:var(--shadow); }
.offer-card .micro-label { margin-bottom:.25rem; }
.old-price { margin-bottom:.15rem; color:var(--ink-soft); font-family:"Playfair Display",Georgia,serif; font-size:2.2rem; line-height:1; text-decoration:line-through; text-decoration-thickness:1px; }
.offer-label { margin:1.4rem 0 .1rem; color:var(--ink-soft); font-size:.78rem; font-weight:900; letter-spacing:.12em; text-transform:uppercase; }
.current-price { margin:0; color:var(--gold); font-family:"Playfair Display",Georgia,serif; font-size:clamp(4.75rem,10vw,6.8rem); font-weight:800; letter-spacing:-.065em; line-height:.95; }
.installments { margin:1.25rem auto 1.75rem; max-width:360px; color:var(--ink-soft); font-size:.85rem; }
.offer-list { display:grid; gap:.5rem; width:max-content; max-width:100%; margin:0 auto 2rem; padding:0; text-align:left; list-style:none; }
.offer-list li { position:relative; padding-left:1.45rem; font-weight:700; }
.offer-list li::before { position:absolute; left:0; color:var(--gold); content:"✓"; font-weight:900; }
.guarantee-card { display:flex; align-items:flex-start; gap:1rem; margin-top:1.75rem; padding:1.55rem; border:1px solid var(--line); background:var(--white); }
.guarantee-card h3 { margin-bottom:.35rem; }
.guarantee-card p { margin:0; color:var(--ink-soft); }
.guarantee-icon { display:grid; width:2rem; aspect-ratio:1; flex:0 0 auto; place-items:center; border-radius:50%; border:1px solid var(--gold); color:var(--gold); font-weight:900; }
.final-cta { background:var(--cream); }
.final-cta h2 { max-width:760px; margin-inline:auto; }
.final-copy { max-width:710px; margin:0 auto 2.2rem; color:var(--ink-soft); font-size:1.12rem; }
.ps { max-width:660px; margin:3.8rem auto 0; padding:1.25rem 1.4rem; border-top:1px solid var(--line); color:var(--ink-soft); font-size:.95rem; }
.ps strong { color:var(--gold); letter-spacing:.08em; }
.site-footer { padding:1.75rem 0; background:#142c3e; color:#ebebe7; font-size:.82rem; }
.footer-inner { display:flex; justify-content:space-between; gap:1rem; }

@media (max-width:820px) { .hero { min-height:780px; align-items:end; } .hero-image { background-position:67% center; } .hero-wash { background:linear-gradient(180deg, rgba(250,250,248,.1) 0%, rgba(250,250,248,.4) 31%, rgba(250,250,248,.97) 68%, rgba(250,250,248,1) 100%); } html[data-theme="dark"] .hero-wash { background:linear-gradient(180deg, rgba(15,20,25,.15) 0%, rgba(15,20,25,.38) 31%, rgba(15,20,25,.95) 68%, rgba(15,20,25,1) 100%); } .hero-content { padding:9rem 0 4.25rem; } .hero-copy { max-width:100%; } .pain-grid,.bonus-grid { grid-template-columns:1fr; } .learning-grid { grid-template-columns:repeat(2,1fr); } .book-layout { grid-template-columns:1fr; gap:2.7rem; } .book-cover-wrap { max-width:340px; margin-inline:auto; } }
@media (max-width:560px) { .container,.narrow,.narrow-wide { width:min(100% - 1.5rem, 1180px); } .site-header { padding:.9rem 0; } .wordmark { font-size:.64rem; } .wordmark-mark { width:1.9rem; } .header-cta { display:none; } .hero { min-height:740px; } h1 { font-size:2.62rem; } h2 { font-size:2.3rem; } .hero-lead { font-size:1.05rem; } .check-list li { font-size:.92rem; } .learning-grid { grid-template-columns:1fr; } .main-delivery,.comparison-card,.offer-card { padding:1.5rem; } .current-price { font-size:5rem; } .guarantee-card { padding:1.25rem; } .footer-inner { flex-direction:column; text-align:center; } }
@media (prefers-reduced-motion:reduce) { *,*::before,*::after { scroll-behavior:auto!important; transition-duration:.001ms!important; animation-duration:.001ms!important; } }