:root{
  --bg:#08110f;
  --bg-2:#0d1915;
  --panel:#10211c;
  --panel-2:#132822;
  --soft:#18352d;
  --line:rgba(212,179,92,.22);
  --line-strong:rgba(212,179,92,.5);
  --text:#eef4ef;
  --muted:#bfd0c7;
  --gold:#d4b35c;
  --gold-soft:#f0dc9f;
  --green:#1e8b64;
  --danger:#b83b3b;
  --radius:22px;
  --shadow:0 24px 60px rgba(0,0,0,.34);
  --container:min(1160px, calc(100% - 2rem));
}
*{box-sizing:border-box}
html{scroll-behavior:smooth}
body{
  margin:0;
  font-family: Inter, system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif;
  background:
    radial-gradient(circle at top right, rgba(30,139,100,.12), transparent 28%),
    radial-gradient(circle at left center, rgba(212,179,92,.08), transparent 18%),
    linear-gradient(180deg, #09110f 0%, #07110f 100%);
  color:var(--text);
  line-height:1.65;
}
a{color:inherit;text-decoration:none}
img{max-width:100%;display:block}
.container{width:var(--container);margin:0 auto}
.section{padding:84px 0}
.section-sm{padding:56px 0}
.eyebrow{
  display:inline-flex;align-items:center;gap:.55rem;
  padding:.45rem .8rem;border:1px solid var(--line);
  border-radius:999px;background:rgba(255,255,255,.03);
  color:var(--gold-soft);font-size:.86rem;font-weight:700;letter-spacing:.05em;text-transform:uppercase;
}
.eyebrow::before{content:'♠';font-size:.9rem;color:var(--gold)}
.h1,.h2,.h3,h1,h2,h3{font-family:"Cormorant Garamond", Georgia, serif;line-height:1.05;letter-spacing:.01em;margin:0 0 1rem}
.h1,h1{font-size:clamp(2.5rem, 5vw, 4.8rem)}
.h2,h2{font-size:clamp(2rem, 3.6vw, 3.2rem)}
.h3,h3{font-size:clamp(1.4rem, 2.5vw, 2rem)}
p{margin:.2rem 0 1rem;color:var(--muted)}
.lead{font-size:1.16rem;max-width:62ch}
.text-gold{color:var(--gold-soft)}
.grid{display:grid;gap:1.4rem}
.grid-2{grid-template-columns:repeat(2,minmax(0,1fr))}
.grid-3{grid-template-columns:repeat(3,minmax(0,1fr))}
.grid-4{grid-template-columns:repeat(4,minmax(0,1fr))}
.card,.panel,.article-card,.step,.feature-box,.cta-box,.faq-item,.article-shell,.form-card,.table-wrap{
  background:linear-gradient(180deg, rgba(19,40,34,.94) 0%, rgba(12,28,24,.94) 100%);
  border:1px solid var(--line);
  border-radius:var(--radius);
  box-shadow:var(--shadow);
}
.card,.panel,.step,.feature-box,.cta-box,.faq-item,.form-card{padding:1.35rem}
.article-shell{padding:1.8rem}
.table-wrap{padding:1rem;overflow:auto}
.btn-row{display:flex;flex-wrap:wrap;gap:.85rem;margin-top:1.25rem}
.btn{
  display:inline-flex;align-items:center;justify-content:center;gap:.55rem;
  min-height:50px;padding:0 1.2rem;border-radius:999px;border:1px solid transparent;
  font-weight:800;letter-spacing:.01em;transition:.22s ease;cursor:pointer
}
.btn:hover{transform:translateY(-2px)}
.btn-primary{background:linear-gradient(180deg, #dfc26e 0%, #c99c31 100%);color:#111}
.btn-primary:hover{box-shadow:0 10px 30px rgba(212,179,92,.25)}
.btn-secondary{background:rgba(255,255,255,.04);border-color:var(--line);color:var(--text)}
.btn-secondary:hover{border-color:var(--line-strong)}
.btn-ghost{background:transparent;border-color:var(--line);color:var(--gold-soft)}
.muted{color:var(--muted)}
.header{
  position:sticky;top:0;z-index:30;backdrop-filter:blur(16px);
  background:rgba(7,16,13,.76);border-bottom:1px solid rgba(212,179,92,.12)
}
.header-inner{display:flex;align-items:center;justify-content:space-between;gap:1rem;min-height:82px}
.logo{display:flex;align-items:center;gap:.8rem;font-weight:900}
.logo-mark{
  width:42px;height:42px;border-radius:50%;display:grid;place-items:center;
  background:linear-gradient(180deg, rgba(212,179,92,.2) 0%, rgba(212,179,92,.05) 100%);
  border:1px solid var(--line);color:var(--gold-soft);font-size:1.1rem
}
.logo-text strong{display:block;font-size:1.05rem;letter-spacing:.02em}
.logo-text span{display:block;font-size:.78rem;color:var(--muted)}
.nav{display:flex;align-items:center;gap:1rem}
.nav-links{display:flex;gap:.6rem;align-items:center;flex-wrap:wrap}
.nav-links a{
  padding:.65rem .85rem;border-radius:999px;color:var(--muted);font-weight:650;font-size:.96rem
}
.nav-links a:hover,.nav-links a.active{background:rgba(255,255,255,.04);color:var(--text)}
.nav-toggle{display:none;background:transparent;border:1px solid var(--line);border-radius:12px;color:var(--text);min-width:44px;height:44px}
.hero{padding:80px 0 56px}
.hero-grid{display:grid;grid-template-columns:1.1fr .9fr;gap:2rem;align-items:center}
.hero-image-wrap{position:relative}
.hero-image-wrap img{border-radius:30px;border:1px solid var(--line);box-shadow:var(--shadow)}
.hero-badge{
  position:absolute;left:1rem;bottom:1rem;padding:.75rem 1rem;border-radius:18px;
  background:rgba(8,17,15,.84);border:1px solid var(--line);max-width:230px
}
.hero-badge strong{display:block;color:var(--gold-soft)}
.kicker{display:flex;flex-wrap:wrap;gap:.65rem;margin-top:1rem}
.kicker span{
  display:inline-flex;align-items:center;gap:.5rem;background:rgba(255,255,255,.03);
  border:1px solid rgba(255,255,255,.06);border-radius:999px;padding:.55rem .85rem;color:var(--muted);font-size:.92rem
}
.trust-strip{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:1rem;margin-top:2rem}
.trust-item{padding:1rem;border-radius:18px;background:rgba(255,255,255,.03);border:1px solid rgba(212,179,92,.1)}
.trust-item strong{display:block;font-size:1.2rem;color:var(--gold-soft)}
.section-head{display:flex;align-items:end;justify-content:space-between;gap:1rem;margin-bottom:1.5rem}
.section-head p{max-width:60ch}
.icon-circle{
  width:52px;height:52px;border-radius:50%;display:grid;place-items:center;background:rgba(212,179,92,.1);border:1px solid var(--line);color:var(--gold-soft);font-size:1.15rem;margin-bottom:.8rem
}
.step-number{
  display:inline-grid;place-items:center;width:34px;height:34px;border-radius:50%;background:rgba(212,179,92,.15);border:1px solid var(--line);color:var(--gold-soft);font-weight:800;margin-bottom:.8rem
}
.cover-card{display:grid;grid-template-columns:260px 1fr;gap:1.4rem;align-items:center}
.cover-stack{padding:1rem;background:rgba(255,255,255,.02);border:1px solid rgba(212,179,92,.08);border-radius:24px}
.cover-stack img{border-radius:16px;box-shadow:0 18px 45px rgba(0,0,0,.35)}
.cover-stack.small{max-width:300px}
.list-check{list-style:none;padding:0;margin:1rem 0 0;display:grid;gap:.8rem}
.list-check li{position:relative;padding-left:1.7rem;color:var(--muted)}
.list-check li::before{content:'✓';position:absolute;left:0;top:0;color:var(--gold-soft);font-weight:800}
.split-article{display:grid;grid-template-columns:280px 1fr;gap:1.8rem;align-items:start}
.toc{position:sticky;top:110px}
.toc a{display:block;padding:.7rem .9rem;border-radius:14px;color:var(--muted);border:1px solid transparent}
.toc a:hover{background:rgba(255,255,255,.03);border-color:rgba(255,255,255,.06);color:var(--text)}
.article-content h2{margin-top:2rem}
.article-content h3{margin-top:1.4rem}
.article-content ul{padding-left:1.15rem;color:var(--muted)}
.article-content li{margin:.45rem 0}
.article-meta{display:flex;flex-wrap:wrap;gap:.75rem;color:var(--muted);font-size:.95rem;margin:1rem 0 0}
.cta-box{display:flex;align-items:center;justify-content:space-between;gap:1rem;flex-wrap:wrap}
.form-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:1rem}
.field{display:grid;gap:.4rem}
.field.full{grid-column:1 / -1}
label{font-weight:700;color:var(--text)}
input,select,textarea{
  width:100%;min-height:52px;padding:0 1rem;border-radius:16px;border:1px solid rgba(255,255,255,.08);
  background:rgba(255,255,255,.03);color:var(--text);outline:none;transition:.2s ease
}
textarea{padding:1rem;min-height:130px}
input:focus,textarea:focus,select:focus{border-color:var(--line-strong);box-shadow:0 0 0 3px rgba(212,179,92,.08)}
.form-note{font-size:.92rem;color:var(--muted)}
.form-message{margin-top:1rem;padding:.95rem 1rem;border-radius:16px;display:none}
.form-message.success{display:block;background:rgba(35,138,93,.16);border:1px solid rgba(35,138,93,.3);color:#d9ffe9}
.form-message.warning{display:block;background:rgba(212,179,92,.12);border:1px solid rgba(212,179,92,.2);color:#f3e6b8}
.compare-table{width:100%;border-collapse:collapse;min-width:700px}
.compare-table th,.compare-table td{padding:1rem;border-bottom:1px solid rgba(255,255,255,.08);text-align:left;vertical-align:top}
.compare-table th{color:var(--gold-soft);font-family:"Cormorant Garamond", Georgia, serif;font-size:1.25rem}
.article-grid .article-card{padding:0;overflow:hidden}
.article-card img{width:100%;aspect-ratio:16/10;object-fit:cover;border-bottom:1px solid rgba(255,255,255,.06)}
.article-card-body{padding:1.2rem}
.article-card .tags{display:flex;gap:.5rem;flex-wrap:wrap;margin-bottom:.8rem}
.tag{font-size:.78rem;padding:.35rem .6rem;border-radius:999px;background:rgba(255,255,255,.04);color:var(--gold-soft);border:1px solid var(--line)}
.faq-item{padding:0;overflow:hidden}
.faq-question{
  width:100%;background:none;border:none;color:var(--text);text-align:left;padding:1.15rem 1.2rem;
  display:flex;justify-content:space-between;align-items:center;font-size:1rem;font-weight:800;cursor:pointer
}
.faq-answer{padding:0 1.2rem 1.2rem;display:none}
.faq-item.open .faq-answer{display:block}
.faq-item.open .faq-question span:last-child{transform:rotate(45deg)}
.quote{
  padding:1.2rem 1.3rem;border-left:3px solid var(--gold);background:rgba(255,255,255,.02);
  border-radius:0 18px 18px 0;color:var(--text)
}
.footer{padding:56px 0 34px;border-top:1px solid rgba(212,179,92,.12);margin-top:84px}
.footer-grid{display:grid;grid-template-columns:1.2fr 1fr 1fr;gap:1.2rem}
.footer small,.footer p{color:var(--muted)}
.footer-links{display:grid;gap:.45rem}
.notice{font-size:.92rem;color:var(--muted)}
.simple-hero{padding:64px 0 34px}
.simple-hero .lead{max-width:70ch}
.divider{height:1px;background:linear-gradient(90deg, transparent, rgba(212,179,92,.28), transparent);margin:1.8rem 0}
.table-cards{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:1rem}
.mini-card{padding:1rem;border-radius:18px;background:rgba(255,255,255,.03);border:1px solid rgba(255,255,255,.06)}
.mini-card strong{display:block;color:var(--text);margin-bottom:.4rem}
.callout{padding:1rem 1.1rem;border-radius:18px;background:rgba(212,179,92,.08);border:1px solid rgba(212,179,92,.18)}
.highlight{color:var(--gold-soft)}
.center{text-align:center}
.badge-row{display:flex;flex-wrap:wrap;gap:.6rem}
.badge{padding:.42rem .7rem;border-radius:999px;background:rgba(255,255,255,.04);border:1px solid rgba(255,255,255,.07);color:var(--muted);font-size:.84rem}
@media (max-width: 1024px){
  .hero-grid,.cover-card,.split-article,.footer-grid{grid-template-columns:1fr}
  .grid-4{grid-template-columns:repeat(2,minmax(0,1fr))}
  .grid-3{grid-template-columns:repeat(2,minmax(0,1fr))}
  .trust-strip{grid-template-columns:repeat(2,minmax(0,1fr))}
  .toc{position:static}
}
@media (max-width: 760px){
  .nav-toggle{display:inline-grid;place-items:center}
  .nav{position:relative}
  .nav-links{
    display:none;position:absolute;top:calc(100% + .8rem);right:0;background:rgba(7,16,13,.98);
    border:1px solid var(--line);border-radius:18px;padding:.7rem;min-width:260px;box-shadow:var(--shadow);flex-direction:column;align-items:stretch
  }
  .nav-links.open{display:flex}
  .nav-links a{border-radius:14px}
  .grid-4,.grid-3,.grid-2,.trust-strip,.form-grid,.table-cards{grid-template-columns:1fr}
  .hero{padding-top:42px}
  .section{padding:66px 0}
  .cover-card{gap:1rem}
  .cover-stack{max-width:320px;margin:0 auto}
  .cta-box{align-items:flex-start}
}


/* === V2 additions: resources, interactive tools and commercial polish === */
.sticky-cta{
  position:fixed;left:50%;bottom:18px;transform:translateX(-50%);z-index:40;
  display:flex;align-items:center;gap:.8rem;max-width:min(920px, calc(100% - 2rem));
  padding:.65rem .8rem;background:rgba(7,16,13,.9);backdrop-filter:blur(16px);
  border:1px solid var(--line);border-radius:999px;box-shadow:0 18px 45px rgba(0,0,0,.3)
}
.sticky-cta span{color:var(--muted);font-size:.92rem}
.sticky-cta .btn{min-height:40px;padding:0 .95rem;font-size:.9rem}
.tool-shell{display:grid;grid-template-columns:1fr 360px;gap:1.4rem;align-items:start}
.tool-card{padding:1.35rem;background:linear-gradient(180deg, rgba(19,40,34,.94), rgba(10,24,20,.94));border:1px solid var(--line);border-radius:var(--radius);box-shadow:var(--shadow)}
.tool-output{padding:1rem;border-radius:18px;background:rgba(255,255,255,.035);border:1px solid rgba(255,255,255,.07);margin-top:1rem}
.option-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:.8rem;margin:1rem 0}
.option-btn{width:100%;text-align:left;padding:1rem;border-radius:18px;border:1px solid rgba(255,255,255,.08);background:rgba(255,255,255,.035);color:var(--text);cursor:pointer;font-weight:750;transition:.2s ease}
.option-btn:hover{border-color:var(--line-strong);transform:translateY(-1px)}
.option-btn.correct{background:rgba(35,138,93,.2);border-color:rgba(35,138,93,.5)}
.option-btn.wrong{background:rgba(184,59,59,.18);border-color:rgba(184,59,59,.45)}
.score-pill{display:inline-flex;align-items:center;gap:.4rem;border-radius:999px;border:1px solid var(--line);background:rgba(212,179,92,.08);color:var(--gold-soft);font-weight:800;padding:.45rem .75rem}
.hand-board{display:flex;gap:.45rem;flex-wrap:wrap;margin:.8rem 0 1rem}
.play-card{min-width:56px;height:78px;border-radius:10px;background:#f7f1e6;color:#111;display:grid;place-items:center;font-weight:900;font-size:1.1rem;box-shadow:0 8px 18px rgba(0,0,0,.18);border:1px solid rgba(0,0,0,.12)}
.play-card.red{color:#b51f2a}.play-card.dark{color:#111}
.resource-hero{position:relative;overflow:hidden}
.resource-hero::after{content:'';position:absolute;inset:auto -10% -45% auto;width:520px;height:520px;border-radius:50%;background:radial-gradient(circle, rgba(212,179,92,.14), transparent 65%);pointer-events:none}
.download-box{display:flex;justify-content:space-between;gap:1rem;align-items:center;flex-wrap:wrap;padding:1rem;border:1px solid rgba(255,255,255,.08);background:rgba(255,255,255,.03);border-radius:18px;margin-top:.8rem}
.download-box strong{color:var(--text)}
.progress-wrap{height:12px;background:rgba(255,255,255,.06);border-radius:999px;overflow:hidden;border:1px solid rgba(255,255,255,.06)}
.progress-bar{height:100%;width:0%;background:linear-gradient(90deg, var(--green), var(--gold));transition:.2s ease}
.note-small{font-size:.88rem;color:var(--muted)}
.kpi-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:.8rem;margin:1rem 0}
.kpi{padding:1rem;border-radius:18px;background:rgba(255,255,255,.03);border:1px solid rgba(255,255,255,.07)}
.kpi strong{display:block;font-size:1.35rem;color:var(--gold-soft)}
@media (max-width:1024px){.tool-shell{grid-template-columns:1fr}.sticky-cta{display:none}.kpi-grid{grid-template-columns:1fr}.option-grid{grid-template-columns:1fr}}


/* === V3 commercial funnel additions === */
.sales-hero{padding:72px 0 40px;position:relative;overflow:hidden}.sales-grid{display:grid;grid-template-columns:1.05fr .95fr;gap:2rem;align-items:center}.value-stack{display:grid;gap:.75rem;margin-top:1.2rem}.value-item{display:flex;gap:.75rem;align-items:flex-start;padding:.9rem 1rem;border-radius:18px;background:rgba(255,255,255,.035);border:1px solid rgba(255,255,255,.07)}.value-item b{color:var(--gold-soft)}.value-icon{min-width:34px;width:34px;height:34px;border-radius:50%;display:grid;place-items:center;background:rgba(212,179,92,.13);border:1px solid var(--line);color:var(--gold-soft)}.sales-card{padding:1.25rem;border-radius:28px;background:linear-gradient(180deg,rgba(19,40,34,.96),rgba(7,16,13,.96));border:1px solid var(--line);box-shadow:var(--shadow)}.sales-card .cover-stack{max-width:360px;margin:0 auto 1rem}.price-box{padding:1rem;border-radius:22px;background:rgba(212,179,92,.08);border:1px solid rgba(212,179,92,.22);margin:1rem 0}.price-box strong{display:block;font-size:1.35rem;color:var(--gold-soft)}.price-box span{color:var(--muted)}.microcopy{font-size:.9rem;color:var(--muted);margin-top:.7rem}.problem-list{display:grid;gap:1rem}.problem-item{display:grid;grid-template-columns:44px 1fr;gap:.9rem;padding:1rem;border-radius:20px;background:rgba(255,255,255,.03);border:1px solid rgba(255,255,255,.07)}.problem-item .x{width:44px;height:44px;border-radius:50%;display:grid;place-items:center;background:rgba(184,59,59,.13);border:1px solid rgba(184,59,59,.25);color:#ffb1b1;font-weight:900}.module-card{position:relative;overflow:hidden}.module-card::after{content:attr(data-module);position:absolute;right:1rem;top:.7rem;font-family:"Cormorant Garamond",Georgia,serif;font-size:3.3rem;color:rgba(212,179,92,.12);font-weight:700;line-height:1}.bonus-card{border-color:rgba(212,179,92,.28);background:linear-gradient(180deg,rgba(42,34,17,.45),rgba(12,28,24,.94))}.objection{padding:1.1rem;border-radius:22px;background:rgba(255,255,255,.03);border:1px solid rgba(255,255,255,.07)}.guarantee-box{padding:1.3rem;border-radius:26px;background:linear-gradient(135deg,rgba(212,179,92,.11),rgba(30,139,100,.08));border:1px solid rgba(212,179,92,.25)}.email-sequence{display:grid;gap:1rem}.email-card{padding:1.15rem;border-radius:22px;background:rgba(255,255,255,.03);border:1px solid rgba(255,255,255,.07)}.email-card pre,.copy-panel pre{white-space:pre-wrap;word-break:break-word;background:rgba(0,0,0,.25);border:1px solid rgba(255,255,255,.07);border-radius:16px;padding:1rem;color:var(--muted);font-family:ui-monospace,SFMono-Regular,Consolas,monospace;font-size:.92rem;line-height:1.55}.copy-actions{display:flex;gap:.7rem;flex-wrap:wrap;margin-top:.8rem}.copy-btn{min-height:40px;padding:0 .85rem;border-radius:999px;border:1px solid var(--line);background:rgba(255,255,255,.04);color:var(--gold-soft);font-weight:800;cursor:pointer}.offer-ribbon{display:inline-flex;align-items:center;gap:.5rem;padding:.55rem .85rem;border-radius:999px;background:rgba(30,139,100,.12);border:1px solid rgba(30,139,100,.28);color:#d8ffe9;font-weight:800;font-size:.9rem}.compare-highlight{box-shadow:0 0 0 1px rgba(212,179,92,.34),var(--shadow)}.inline-note{padding:.85rem 1rem;border-radius:16px;background:rgba(255,255,255,.035);border:1px solid rgba(255,255,255,.07);color:var(--muted);font-size:.95rem}@media(max-width:1024px){.sales-grid{grid-template-columns:1fr}.sales-card .cover-stack{max-width:310px}.problem-item{grid-template-columns:1fr}.problem-item .x{margin-bottom:.2rem}}

.article-feature{margin:0 0 1.6rem;overflow:hidden;border-radius:24px;border:1px solid rgba(255,255,255,.08);background:rgba(255,255,255,.02)}
.article-feature img{width:100%;aspect-ratio:16/9;object-fit:cover;display:block}
.article-content ol{padding-left:1.2rem;color:var(--muted)}
.article-content ol li{margin:.45rem 0}


/* === V3.4 additions === */
.start-route{counter-reset:route;display:grid;gap:1rem}
.route-step{display:grid;grid-template-columns:52px 1fr;gap:1rem;align-items:start;padding:1.1rem;border-radius:22px;background:rgba(255,255,255,.035);border:1px solid rgba(255,255,255,.08)}
.route-step::before{counter-increment:route;content:counter(route);width:52px;height:52px;border-radius:50%;display:grid;place-items:center;background:rgba(212,179,92,.14);border:1px solid var(--line);color:var(--gold-soft);font-weight:900;font-size:1.2rem}
.download-card{display:flex;flex-direction:column;gap:.9rem;padding:1.2rem;border-radius:22px;background:linear-gradient(180deg,rgba(19,40,34,.94),rgba(12,28,24,.94));border:1px solid var(--line);box-shadow:var(--shadow)}
.download-card .mini-thumb{height:120px;border-radius:18px;display:grid;place-items:center;background:rgba(212,179,92,.08);border:1px solid rgba(212,179,92,.18);font-family:"Cormorant Garamond",Georgia,serif;font-size:2.4rem;color:var(--gold-soft)}
.responsible-note{padding:1rem 1.1rem;border-radius:18px;background:rgba(212,179,92,.07);border:1px solid rgba(212,179,92,.18);color:var(--muted);font-size:.95rem}
.responsible-note strong{color:var(--gold-soft)}
.vs-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:1.2rem}
.vs-card{padding:1.3rem;border-radius:24px;background:rgba(255,255,255,.035);border:1px solid rgba(255,255,255,.08)}
.vs-card.featured{border-color:rgba(212,179,92,.38);box-shadow:0 0 0 1px rgba(212,179,92,.18),var(--shadow)}
.print-resource{font-family:Inter,system-ui,sans-serif;max-width:900px;margin:0 auto;padding:32px;color:#17221e;line-height:1.55}
.print-resource h1,.print-resource h2{font-family:Georgia,serif;color:#0d2a20}
.print-table{width:100%;border-collapse:collapse;margin:18px 0}
.print-table th,.print-table td{border:1px solid #bcc8c2;padding:10px;text-align:left}
.print-box{border:1px solid #bcc8c2;border-radius:14px;padding:14px;margin:12px 0;background:#f7f4ea}
@media(max-width:760px){.route-step{grid-template-columns:1fr}.vs-grid{grid-template-columns:1fr}}


/* === V3.5 about + article enhancements === */
.about-hero-grid{display:grid;grid-template-columns:360px minmax(0,1fr);gap:2rem;align-items:center}
.about-photo-card{padding:1rem;border-radius:28px;background:linear-gradient(180deg,rgba(19,40,34,.94),rgba(12,28,24,.94));border:1px solid rgba(255,255,255,.08);box-shadow:var(--shadow)}
.about-photo{display:block;width:100%;aspect-ratio:4/5;object-fit:cover;border-radius:22px}
.about-badges{display:flex;flex-wrap:wrap;gap:.7rem;margin:1rem 0 1.2rem}
.about-badge{padding:.55rem .85rem;border-radius:999px;background:rgba(212,179,92,.1);border:1px solid rgba(212,179,92,.22);color:var(--gold-soft);font-weight:700;font-size:.92rem}
.article-content p + p{margin-top:.95rem}
.article-content ul li + li{margin-top:.5rem}
.article-content h2 + p, .article-content h2 + ul, .article-content h2 + ol{margin-top:.7rem}
@media(max-width:900px){.about-hero-grid{grid-template-columns:1fr}}


/* === V3.6 Hotmart affiliate sales landing === */
.sales-body{background:
  radial-gradient(circle at 12% 4%, rgba(212,179,92,.14), transparent 24%),
  radial-gradient(circle at 90% 14%, rgba(30,139,100,.18), transparent 26%),
  linear-gradient(180deg,#07110f 0%,#0a1512 42%,#07110f 100%);
}
.sales-topbar{position:sticky;top:0;z-index:50;backdrop-filter:blur(16px);background:rgba(7,16,13,.86);border-bottom:1px solid rgba(212,179,92,.16)}
.sales-topbar-inner{width:var(--container);margin:0 auto;min-height:72px;display:flex;align-items:center;justify-content:space-between;gap:1rem}
.sales-logo{display:flex;align-items:center;gap:.75rem;font-weight:900}
.sales-logo-mark{width:42px;height:42px;border-radius:50%;display:grid;place-items:center;background:rgba(212,179,92,.12);border:1px solid var(--line);color:var(--gold-soft)}
.sales-hero{padding:68px 0 40px}
.sales-hero-grid{width:var(--container);margin:0 auto;display:grid;grid-template-columns:1.08fr .92fr;gap:2.4rem;align-items:center}
.sales-kicker{display:inline-flex;align-items:center;gap:.5rem;border:1px solid rgba(212,179,92,.28);background:rgba(212,179,92,.08);padding:.5rem .85rem;border-radius:999px;color:var(--gold-soft);font-weight:800;text-transform:uppercase;letter-spacing:.05em;font-size:.84rem}
.sales-title{font-family:"Cormorant Garamond",Georgia,serif;font-size:clamp(2.7rem,5.4vw,5.7rem);line-height:.98;margin:1rem 0;color:var(--text)}
.sales-subtitle{font-size:1.18rem;color:var(--muted);max-width:64ch}
.sales-cta-row{display:flex;flex-wrap:wrap;gap:.85rem;margin:1.35rem 0}
.sales-proof{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:.8rem;margin-top:1.2rem}
.sales-proof div{border:1px solid rgba(255,255,255,.08);background:rgba(255,255,255,.035);border-radius:18px;padding:.9rem}
.sales-proof strong{display:block;color:var(--gold-soft);font-size:1.08rem}
.sales-product-card{position:relative;border:1px solid rgba(212,179,92,.28);background:linear-gradient(180deg,rgba(19,40,34,.96),rgba(9,20,17,.96));border-radius:32px;padding:1.15rem;box-shadow:var(--shadow)}
.sales-product-card img{border-radius:22px;margin:0 auto;max-height:520px;width:auto}
.sales-product-badge{position:absolute;right:1rem;top:1rem;border-radius:999px;background:linear-gradient(180deg,#dfc26e,#b98a24);color:#111;padding:.55rem .9rem;font-weight:900;box-shadow:0 16px 34px rgba(0,0,0,.28)}
.sales-section{padding:74px 0}
.sales-container{width:var(--container);margin:0 auto}
.sales-center{text-align:center;max-width:860px;margin:0 auto 2rem}
.sales-h2{font-family:"Cormorant Garamond",Georgia,serif;font-size:clamp(2rem,3.8vw,3.6rem);line-height:1.02;margin:0 0 1rem;color:var(--text)}
.sales-lead{color:var(--muted);font-size:1.1rem}
.sales-grid-2{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:1.2rem}
.sales-grid-3{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:1.2rem}
.sales-card{border:1px solid var(--line);background:linear-gradient(180deg,rgba(19,40,34,.94),rgba(12,28,24,.94));border-radius:24px;padding:1.35rem;box-shadow:var(--shadow)}
.sales-card h3{font-size:1.75rem}
.sales-list{list-style:none;padding:0;margin:1rem 0 0;display:grid;gap:.75rem}
.sales-list li{position:relative;padding-left:1.75rem;color:var(--muted)}
.sales-list li::before{content:"✓";position:absolute;left:0;top:0;color:var(--gold-soft);font-weight:900}
.sales-red-list li::before{content:"✕";color:#ff9b9b}
.sales-before-after{display:grid;grid-template-columns:1fr 1fr;gap:1.2rem}
.sales-stack{max-width:900px;margin:0 auto;border:1px solid rgba(212,179,92,.3);background:linear-gradient(180deg,rgba(19,40,34,.98),rgba(9,20,17,.98));border-radius:30px;overflow:hidden;box-shadow:var(--shadow)}
.sales-stack-row{display:grid;grid-template-columns:1fr 120px;gap:1rem;padding:1rem 1.25rem;border-bottom:1px solid rgba(255,255,255,.08);align-items:center}
.sales-stack-row strong{color:var(--text)}
.sales-stack-row span{color:var(--gold-soft);font-weight:900;text-align:right}
.sales-stack-total{padding:1.35rem;background:rgba(212,179,92,.08);display:grid;gap:.6rem}
.sales-price-line{display:flex;justify-content:space-between;gap:1rem;align-items:center;font-size:1.1rem}
.sales-price-line .old{text-decoration:line-through;color:var(--muted)}
.sales-price-line .now{font-size:clamp(2rem,5vw,3.6rem);color:var(--gold-soft);font-family:"Cormorant Garamond",Georgia,serif;font-weight:800}
.sales-photo-row{display:grid;grid-template-columns:280px 1fr;gap:1.6rem;align-items:center}
.sales-photo-row img{border-radius:28px;border:1px solid rgba(212,179,92,.22);box-shadow:var(--shadow)}
.sales-quote{padding:1.2rem;border-left:4px solid var(--gold);background:rgba(255,255,255,.035);border-radius:0 18px 18px 0;color:var(--text)}
.sales-guarantee{border:1px solid rgba(212,179,92,.28);background:rgba(212,179,92,.07);border-radius:24px;padding:1.35rem}
.sales-footer{padding:32px 0;border-top:1px solid rgba(212,179,92,.16);color:var(--muted);font-size:.92rem}
.sales-footer-inner{width:var(--container);margin:0 auto;display:flex;flex-wrap:wrap;justify-content:space-between;gap:1rem}
.sales-footer a{color:var(--gold-soft)}
.sales-sticky-cta{position:fixed;left:50%;bottom:18px;transform:translateX(-50%);z-index:60;width:min(760px,calc(100% - 2rem));display:flex;align-items:center;justify-content:space-between;gap:1rem;padding:.7rem .85rem;border-radius:999px;background:rgba(7,16,13,.92);backdrop-filter:blur(16px);border:1px solid rgba(212,179,92,.28);box-shadow:0 20px 60px rgba(0,0,0,.4)}
.sales-sticky-cta span{color:var(--muted);font-weight:700}
@media(max-width:980px){
  .sales-hero-grid,.sales-grid-2,.sales-grid-3,.sales-before-after,.sales-photo-row{grid-template-columns:1fr}
  .sales-proof{grid-template-columns:1fr}
  .sales-product-card img{max-height:420px}
}
@media(max-width:680px){
  .sales-topbar-inner{min-height:64px}
  .sales-topbar .btn{display:none}
  .sales-section{padding:56px 0}
  .sales-stack-row{grid-template-columns:1fr}
  .sales-stack-row span{text-align:left}
  .sales-sticky-cta{border-radius:22px;align-items:flex-start;flex-direction:column}
  .sales-sticky-cta .btn{width:100%}
}


/* === V3.7 offer landing upgrades === */
.sales-progress{position:fixed;top:0;left:0;height:4px;width:0;background:linear-gradient(90deg,#d4b35c,#f0dc9f);z-index:100;box-shadow:0 0 18px rgba(212,179,92,.55)}
.sales-micro{display:flex;flex-wrap:wrap;gap:.7rem;margin:1.1rem 0}.sales-micro span{display:inline-flex;align-items:center;gap:.4rem;padding:.52rem .78rem;border:1px solid rgba(255,255,255,.08);border-radius:999px;background:rgba(255,255,255,.035);color:var(--muted);font-weight:650;font-size:.92rem}.sales-micro span::before{content:'✓';color:var(--gold-soft);font-weight:900}.sales-emphasis{color:var(--gold-soft)}
.sales-pain-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:.9rem;margin-top:1.5rem}.sales-pain{padding:1rem;border-radius:18px;background:rgba(255,255,255,.035);border:1px solid rgba(255,255,255,.08);display:flex;gap:.8rem;align-items:flex-start}.sales-pain b{display:grid;place-items:center;min-width:34px;height:34px;border-radius:50%;background:rgba(212,179,92,.1);border:1px solid rgba(212,179,92,.22);color:var(--gold-soft)}
.method-steps{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:1rem}.method-step{position:relative;overflow:hidden;border:1px solid var(--line);border-radius:24px;padding:1.2rem;background:linear-gradient(180deg,rgba(19,40,34,.94),rgba(12,28,24,.94));box-shadow:var(--shadow)}.method-step::before{content:attr(data-step);position:absolute;right:.75rem;top:.2rem;font-family:"Cormorant Garamond",Georgia,serif;font-size:5rem;line-height:1;color:rgba(212,179,92,.11);font-weight:800}.method-step h3{position:relative}.module-list{display:grid;gap:1rem}.module-row{display:grid;grid-template-columns:140px 1fr;gap:1rem;padding:1rem;border:1px solid rgba(255,255,255,.08);border-radius:18px;background:rgba(255,255,255,.032)}.module-row strong{color:var(--gold-soft)}
.diagnostic{max-width:920px;margin:0 auto}.diagnostic-question{padding:1rem;border-radius:18px;background:rgba(255,255,255,.035);border:1px solid rgba(255,255,255,.08);display:flex;align-items:center;justify-content:space-between;gap:1rem;margin:.75rem 0}.diagnostic-question span{color:var(--text);font-weight:750}.diagnostic-toggle{display:flex;gap:.45rem}.diagnostic-toggle button{border:1px solid rgba(212,179,92,.25);background:rgba(212,179,92,.08);color:var(--text);border-radius:999px;padding:.5rem .8rem;font-weight:800;cursor:pointer}.diagnostic-toggle button.active{background:linear-gradient(180deg,#dfc26e,#b98a24);color:#111}.diagnostic-result{display:none;margin-top:1rem}.diagnostic-result.show{display:block}.objection-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:1rem}.objection-card{padding:1.2rem;border-radius:22px;background:rgba(255,255,255,.035);border:1px solid rgba(255,255,255,.08)}.objection-card h3{font-family:Inter,system-ui,sans-serif;font-size:1.05rem;color:var(--gold-soft);margin:0 0 .5rem}.sales-bonus-detail{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:1rem}.bonus-detail{padding:1.15rem;border-radius:22px;background:linear-gradient(180deg,rgba(19,40,34,.94),rgba(12,28,24,.94));border:1px solid var(--line);box-shadow:var(--shadow)}.bonus-detail .number{width:40px;height:40px;border-radius:50%;display:grid;place-items:center;background:rgba(212,179,92,.12);border:1px solid rgba(212,179,92,.25);color:var(--gold-soft);font-weight:900;margin-bottom:.8rem}.after-buy{display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:.8rem}.after-step{padding:1rem;border-radius:18px;background:rgba(255,255,255,.035);border:1px solid rgba(255,255,255,.08)}.after-step strong{display:block;color:var(--gold-soft);font-size:1.1rem;margin-bottom:.35rem}.truth-box{max-width:920px;margin:0 auto;padding:1.5rem;border-radius:28px;background:linear-gradient(180deg,rgba(212,179,92,.12),rgba(212,179,92,.045));border:1px solid rgba(212,179,92,.25);box-shadow:var(--shadow)}.truth-box p{font-size:1.12rem}.sales-reveal{opacity:0;transform:translateY(18px);transition:opacity .7s ease, transform .7s ease}.sales-reveal.is-visible{opacity:1;transform:none}.faq-answer p+ul{margin-top:.5rem}.sales-safe-note{font-size:.92rem;color:var(--muted);margin-top:.9rem}
@media(max-width:980px){.method-steps,.sales-bonus-detail,.after-buy{grid-template-columns:1fr 1fr}.sales-pain-grid,.objection-grid{grid-template-columns:1fr}.module-row{grid-template-columns:1fr}}
@media(max-width:620px){.method-steps,.sales-bonus-detail,.after-buy{grid-template-columns:1fr}.diagnostic-question{align-items:flex-start;flex-direction:column}.diagnostic-toggle{width:100%}.diagnostic-toggle button{flex:1}.sales-pain{flex-direction:column}}


/* === V3.7.1 Hotmart landing polish === */
.sales-body{padding-bottom:120px}
.sales-footer{margin-bottom:96px}
.sales-logo{cursor:default}
@media(max-width:680px){
  .sales-body{padding-bottom:190px}
  .sales-footer{margin-bottom:150px}
}


/* === V3.8 Reader resource center === */
.reader-hero{padding:70px 0 36px}
.reader-hero-grid{display:grid;grid-template-columns:1.1fr .9fr;gap:2rem;align-items:center}
.reader-hero-card{padding:1.25rem;border-radius:30px;background:linear-gradient(180deg,rgba(19,40,34,.94),rgba(12,28,24,.94));border:1px solid var(--line);box-shadow:var(--shadow)}
.reader-hero-card img{border-radius:22px;width:100%;aspect-ratio:16/10;object-fit:cover}
.resource-strip{display:flex;flex-wrap:wrap;gap:.65rem;margin-top:1rem}
.resource-strip span{display:inline-flex;align-items:center;gap:.45rem;padding:.48rem .75rem;border-radius:999px;background:rgba(255,255,255,.04);border:1px solid rgba(255,255,255,.08);color:var(--muted);font-size:.9rem}
.resource-card{display:flex;flex-direction:column;gap:.85rem;padding:1.25rem;border-radius:24px;background:linear-gradient(180deg,rgba(19,40,34,.94),rgba(12,28,24,.94));border:1px solid var(--line);box-shadow:var(--shadow)}
.resource-card.featured{border-color:rgba(212,179,92,.45);box-shadow:0 0 0 1px rgba(212,179,92,.18),var(--shadow)}
.resource-icon{width:58px;height:58px;border-radius:18px;display:grid;place-items:center;background:rgba(212,179,92,.1);border:1px solid rgba(212,179,92,.22);color:var(--gold-soft);font-size:1.35rem;font-weight:900}
.resource-meta{font-size:.9rem;color:var(--muted)}
.resource-route{display:grid;gap:1rem;counter-reset:readerroute}
.resource-route-item{display:grid;grid-template-columns:56px 1fr auto;gap:1rem;align-items:center;padding:1rem;border-radius:20px;background:rgba(255,255,255,.035);border:1px solid rgba(255,255,255,.08)}
.resource-route-item::before{counter-increment:readerroute;content:counter(readerroute);width:52px;height:52px;border-radius:50%;display:grid;place-items:center;background:rgba(212,179,92,.12);border:1px solid var(--line);color:var(--gold-soft);font-weight:900}
.resource-table{width:100%;border-collapse:collapse;min-width:720px}
.resource-table th,.resource-table td{padding:1rem;border-bottom:1px solid rgba(255,255,255,.08);text-align:left;vertical-align:top}
.resource-table th{color:var(--gold-soft);font-family:"Cormorant Garamond",Georgia,serif;font-size:1.25rem}
.beginner-result{margin-top:1rem;padding:1.1rem;border-radius:20px;background:rgba(212,179,92,.08);border:1px solid rgba(212,179,92,.22)}
.challenge-day{padding:1.2rem;border-radius:22px;background:rgba(255,255,255,.035);border:1px solid rgba(255,255,255,.08)}
.challenge-day strong{color:var(--gold-soft)}
.kdp-note{padding:1rem 1.1rem;border-radius:18px;background:rgba(255,255,255,.035);border:1px solid rgba(255,255,255,.08);color:var(--muted);font-size:.95rem}
@media(max-width:980px){.reader-hero-grid{grid-template-columns:1fr}.resource-route-item{grid-template-columns:1fr}.resource-route-item::before{margin-bottom:.2rem}}


/* === V4.0 GTM + picture image optimization === */
picture{display:block}
picture img{width:100%}
.logo picture img,.sales-logo picture img{width:auto}