:root{
  --bg:#f4f0e6; --paper:#fffdf8; --ink:#1a1917; --muted:#6b665c; --navy:#1f405c; --navy-d:#142c40;
  --line:#e2dccd; --gold:#b8913b; --red:#b3402e; --green:#2f7a4f; --amber:#b9791f;
}
*{box-sizing:border-box}
html{scroll-behavior:smooth}
body{margin:0;background:var(--bg);color:var(--ink);font:16px/1.55 Inter,system-ui,sans-serif;-webkit-font-smoothing:antialiased}
a{color:inherit}
.wrap{max-width:1200px;margin:0 auto;padding:0 24px}
.serif{font-family:'Playfair Display',Georgia,serif}
/* nav */
nav{position:sticky;top:0;z-index:10;background:rgba(244,240,230,.92);backdrop-filter:blur(8px);border-bottom:1px solid var(--line)}
nav .wrap{display:flex;align-items:center;justify-content:space-between;height:64px}
.logo{font:700 20px 'Playfair Display',serif;letter-spacing:.02em;text-decoration:none}
.logo small{display:block;font:600 9px Inter;letter-spacing:.32em;color:var(--gold);margin-bottom:-2px}

.links{display:flex;gap:26px;font-size:13px;font-weight:600;letter-spacing:.04em}
.links a{text-decoration:none;color:var(--muted)}.links a:hover{color:var(--ink)}
.btn{display:inline-block;background:var(--navy);color:#fff;text-decoration:none;font-weight:700;font-size:14px;letter-spacing:.02em;padding:14px 26px;border:2px solid var(--navy);transition:.15s}
.btn:hover{background:var(--navy-d)}
.btn.ghost{background:transparent;color:var(--navy)}
.btn.ghost:hover{background:var(--navy);color:#fff}
nav .btn{padding:9px 18px;font-size:12px}

/* hero */
.hero{padding:72px 0 40px}
.herogrid{display:grid;grid-template-columns:1.12fr .88fr;gap:44px;align-items:center}
@media(max-width:980px){.herogrid{grid-template-columns:1fr}}
.heroright .fcap,.fsplit .fcap{font:700 11px Inter;letter-spacing:.18em;text-transform:uppercase;color:var(--muted);margin-bottom:10px}
.card.feature{padding:26px;box-shadow:0 30px 50px -28px rgba(20,44,64,.6);transform:rotate(.6deg)}
.card.feature h3{font-size:25px}
.fsplit{display:grid;grid-template-columns:1.25fr .75fr;gap:48px;align-items:start}
@media(max-width:1000px){.fsplit{grid-template-columns:1fr}}
.fsplit .fcap{color:#d4b36a}
.eyebrow{font:700 12px Inter;letter-spacing:.2em;text-transform:uppercase;color:var(--gold);margin-bottom:18px}
h1{font:800 clamp(38px,4.9vw,66px)/1.04 'Playfair Display',serif;margin:0 0 22px;letter-spacing:-.01em;max-width:15ch}
h1 em{font-style:normal;background:linear-gradient(transparent 62%,rgba(184,145,59,.4) 62%)}
.sub{font-size:clamp(17px,2vw,21px);max-width:56ch;color:#3b382f;margin:0 0 28px}
.sub b{color:var(--ink)}
.cta{display:flex;flex-wrap:wrap;gap:12px;align-items:center}
.chips{display:flex;flex-wrap:wrap;gap:8px;align-items:center;margin:28px 0 0}.chips span{font-size:13px;background:var(--paper);border:1px solid var(--line);padding:6px 11px}.chips b{font-weight:800}.chips strong{font:800 13px Inter;letter-spacing:.02em;margin-right:6px;flex-basis:100%}
.chips em{font-size:12px;color:var(--muted);font-style:normal;margin-left:4px}
.micro{font-size:13px;color:var(--muted);margin-top:14px}
/* deal cards */
.thisweek{display:flex;justify-content:space-between;align-items:end;margin:52px 0 16px;flex-wrap:wrap;gap:8px}
.thisweek h2{font:700 13px Inter;letter-spacing:.2em;text-transform:uppercase;margin:0}
.thisweek span{font-size:13px;color:var(--muted)}
.cards{display:grid;grid-template-columns:repeat(4,1fr);gap:16px}
@media(max-width:1100px){.cards{grid-template-columns:repeat(2,1fr)}}
@media(max-width:640px){.cards{grid-template-columns:1fr}}
.card{background:var(--paper);border:1px solid var(--line);padding:22px;display:flex;flex-direction:column;gap:14px;box-shadow:0 1px 0 rgba(0,0,0,.02),0 14px 30px -22px rgba(20,44,64,.5);transition:.18s}
.card:hover{transform:translateY(-3px);box-shadow:0 22px 38px -22px rgba(20,44,64,.55)}
.top{display:flex;justify-content:space-between;gap:12px;align-items:flex-start}
.tag{font:700 11px Inter;letter-spacing:.14em;text-transform:uppercase;color:var(--muted)}
.tier{display:inline-block;font:700 11px Inter;letter-spacing:.08em;text-transform:uppercase;padding:4px 9px;margin-top:8px;color:#fff}
.t-on{background:var(--green)}.t-ww{background:var(--amber)}.t-nc{background:var(--red)}
.ring{--p:67;--c:var(--green);width:74px;height:74px;border-radius:50%;flex:none;display:grid;place-items:center;background:conic-gradient(var(--c) calc(var(--p)*1%),#e8e2d3 0)}
.ring i{font:800 24px 'Playfair Display',serif;font-style:normal;width:58px;height:58px;border-radius:50%;background:var(--paper);display:grid;place-items:center}
.card h3{font:700 20px/1.2 'Playfair Display',serif;margin:0}
.nums{display:flex;flex-wrap:wrap;gap:8px}
.nums b{font:700 13px Inter;background:#efe9d9;padding:5px 9px}
.line{font-size:14px;border-left:3px solid var(--line);padding-left:12px}
.line.win{border-color:var(--green)}
.line.catch{border-color:var(--red);background:#fbf1ee;padding:10px 12px}
.line strong{display:block;font:700 10px Inter;letter-spacing:.16em;text-transform:uppercase;margin-bottom:2px}
.line.win strong{color:var(--green)}.line.catch strong{color:var(--red)}
.more{margin-top:auto;font-size:13px;font-weight:700;color:var(--navy);text-decoration:none}
.more:hover{text-decoration:underline}
/* funnel */
section{padding:72px 0}
.dark{background:var(--navy-d);color:#f4f0e6}
.dark .eyebrow{color:#d4b36a}
h2.big{font:800 clamp(30px,4.4vw,52px)/1.05 'Playfair Display',serif;margin:0 0 14px;max-width:18ch}
.lede{font-size:18px;max-width:58ch;opacity:.9;margin:0 0 36px}
.funnel{display:grid;gap:10px;max-width:920px}
.frow{display:grid;grid-template-columns:150px 1fr;gap:16px;align-items:center}
@media(max-width:640px){.frow{grid-template-columns:1fr}}
.flabel{font:700 12px Inter;letter-spacing:.14em;text-transform:uppercase;opacity:.85}
.fbar{position:relative;height:46px;background:rgba(255,255,255,.08)}
.fbar span{position:absolute;inset:0 auto 0 0;background:linear-gradient(90deg,#d4b36a,#b8913b);display:flex;align-items:center;padding-left:14px;font:800 20px 'Playfair Display',serif;color:#1a1917;min-width:56px}
.fbar em{position:absolute;left:max(calc(var(--w) + 12px),84px);top:50%;transform:translateY(-50%);font-style:normal;font-size:13px;opacity:.85;white-space:nowrap}
@media(max-width:640px){.fbar em{display:none}}
.dark .card{color:var(--ink)}
.fnote{font-size:13px;opacity:.7;margin-top:18px}
/* issue hub */
.issue{background:var(--paper);border:1px solid var(--line);display:grid;grid-template-columns:200px 1fr;gap:0;margin-bottom:16px}
@media(max-width:760px){.issue{grid-template-columns:1fr}}
.issue .num{background:var(--navy);color:#fff;padding:22px;display:flex;flex-direction:column;justify-content:space-between}
.issue .num b{font:800 54px/1 'Playfair Display',serif}
.issue .num span{font-size:12px;letter-spacing:.14em;text-transform:uppercase;opacity:.85}
.issue .body{padding:22px 26px}
.issue h3{font:700 26px/1.15 'Playfair Display',serif;margin:0 0 12px}
.three{display:grid;grid-template-columns:repeat(3,1fr);gap:14px;margin:14px 0 14px}
@media(max-width:860px){.three{grid-template-columns:1fr}}
.three div{font-size:14px}
.three strong{display:block;font:700 10px Inter;letter-spacing:.16em;text-transform:uppercase;margin-bottom:3px}
.three .a strong{color:var(--green)}.three .b strong{color:var(--amber)}.three .c strong{color:var(--red)}
.mix{display:flex;flex-wrap:wrap;gap:6px 14px;font-size:12px;color:var(--muted);border-top:1px solid var(--line);padding-top:12px}
.mix b{color:var(--ink)}
/* pillars */
.pillars{display:grid;grid-template-columns:repeat(3,1fr);gap:18px;margin-top:8px}
@media(max-width:860px){.pillars{grid-template-columns:1fr}}
.pillar{border-top:4px solid var(--navy);background:var(--paper);padding:22px;border-left:1px solid var(--line);border-right:1px solid var(--line);border-bottom:1px solid var(--line)}
.pillar b{font:800 44px/1 'Playfair Display',serif;color:var(--navy)}
.pillar h3{font:700 18px 'Inter';margin:6px 0 6px}
.pillar p{font-size:14px;color:#44413a;margin:0}
/* cta band + footer */
.band{background:var(--navy);color:#fff;text-align:center;padding:72px 0}
.band h2{font:800 clamp(30px,4.6vw,54px)/1.05 'Playfair Display',serif;margin:0 0 12px}
.band p{opacity:.85;margin:0 0 26px}
.band .btn{background:#fff;color:var(--navy);border-color:#fff}
.band .btn:hover{background:#efe9d9}

.bd{display:grid;gap:14px;margin:14px 0 12px}
.bdlab{display:flex;justify-content:space-between;font-size:14px;font-weight:600}.bdlab b{font-family:'Playfair Display',serif;font-size:18px}
.bdbar{height:8px;background:#e8e2d3;margin:6px 0 4px}.bdbar i{display:block;height:100%;background:var(--navy)}
.bd p{font-size:12px;color:var(--muted);margin:0}
.bdtotal{display:flex;align-items:center;gap:12px;border-top:1px solid var(--line);padding-top:12px;margin-bottom:10px}.bdtotal>span:first-child{font:700 11px Inter;letter-spacing:.16em;text-transform:uppercase;color:var(--muted)}.bdtotal b{font:800 40px 'Playfair Display',serif;line-height:1}
.why{display:grid;grid-template-columns:repeat(4,1fr);gap:18px;margin-top:8px}@media(max-width:1000px){.why{grid-template-columns:repeat(2,1fr)}}@media(max-width:600px){.why{grid-template-columns:1fr}}
.why>div{background:var(--paper);border:1px solid var(--line);border-top:4px solid var(--navy);padding:22px}.why b{font:800 36px 'Playfair Display',serif;color:var(--gold)}.why h3{font:700 19px/1.2 'Playfair Display',serif;margin:4px 0 8px}.why p{font-size:14px;color:#44413a;margin:0}
.arts{display:grid;grid-template-columns:repeat(3,1fr);gap:18px}@media(max-width:900px){.arts{grid-template-columns:1fr}}
.art{display:flex;flex-direction:column;gap:10px;background:var(--paper);border:1px solid var(--line);padding:22px;text-decoration:none;transition:.18s}.art:hover{transform:translateY(-3px);box-shadow:0 22px 38px -22px rgba(20,44,64,.55)}
.art h3{font:700 21px/1.2 'Playfair Display',serif;margin:0}.art p{font-size:14px;color:#44413a;margin:0}.art em{font-style:normal;font-size:13px;font-weight:700;color:var(--navy);margin-top:auto}
.badge{align-self:flex-start;font:700 10px Inter;letter-spacing:.14em;text-transform:uppercase;padding:3px 8px;background:#efe9d9;color:var(--muted)}.badge.free{background:var(--green);color:#fff}
.social{display:flex;gap:16px}.social a{text-decoration:none;color:var(--navy);width:36px;height:36px;border:1px solid var(--line);border-radius:50%;display:flex;align-items:center;justify-content:center;transition:.15s}.social a:hover{background:var(--navy);color:#fff;border-color:var(--navy)}

.rowlink{display:flex;flex-wrap:wrap;gap:22px;align-items:center;margin-top:26px}
.scoring{background:var(--paper);border-top:1px solid var(--line);border-bottom:1px solid var(--line)}
.fsplit2{display:grid;grid-template-columns:1.2fr .8fr;gap:56px;align-items:start}@media(max-width:1000px){.fsplit2{grid-template-columns:1fr}}
.fsplit2 .fcap{font:700 11px Inter;letter-spacing:.18em;text-transform:uppercase;color:var(--muted);margin-bottom:10px}
.fsplit2 .card{background:var(--bg)}
.qs{display:grid;gap:16px;margin:6px 0 24px}
.qs>div{display:grid;grid-template-columns:64px 1fr;gap:14px;align-items:start}
.qs b{font:800 44px/1 'Playfair Display',serif;color:var(--navy)}
.qs h3{font:700 18px 'Inter';margin:2px 0 4px}.qs p{font-size:14px;color:#44413a;margin:0}
.tiers{display:grid;gap:10px;margin:0 0 22px;padding:16px;background:var(--bg);border:1px solid var(--line)}
.tiers>div{display:grid;grid-template-columns:96px 1fr;gap:12px;align-items:center}.tiers .tier{margin:0;text-align:center}.tiers p{margin:0;font-size:14px}
.wk{display:grid;grid-template-columns:repeat(3,1fr);gap:18px}@media(max-width:1000px){.wk{grid-template-columns:1fr}}
.wcard{background:var(--paper);border:1px solid var(--line);padding:24px;display:flex;flex-direction:column;gap:12px}
.kicker{font:800 11px Inter;letter-spacing:.2em;text-transform:uppercase;color:var(--gold)}
.wcard h3{font:700 24px/1.15 'Playfair Display',serif;margin:0}
.what{font-size:14px;color:#44413a;margin:0}
.latest{background:var(--bg);border-left:4px solid var(--navy);padding:14px 16px;display:grid;gap:6px;font-size:14px}
.latest strong{font:700 10px Inter;letter-spacing:.16em;text-transform:uppercase;color:var(--muted)}
.latest b{font:700 17px/1.25 'Playfair Display',serif}.latest span{color:#44413a}
.latest.list a{display:flex;gap:10px;align-items:flex-start;text-decoration:none;font-weight:600;line-height:1.3;padding:4px 0}.latest.list .badge{flex:none;margin-top:1px}
.wl{display:flex;flex-wrap:wrap;gap:8px 20px;margin-top:auto}

.whysec{background:#ebe4d2;border-top:1px solid var(--line);border-bottom:1px solid var(--line)}
.vs{margin-top:30px;border:1px solid #d6ceb8;background:var(--paper);box-shadow:0 24px 44px -30px rgba(20,44,64,.5)}
.vshead{display:grid;grid-template-columns:1fr 1.25fr;font:800 11px Inter;letter-spacing:.2em;text-transform:uppercase}
.vshead span{padding:14px 26px;color:var(--muted);background:#f1ecdf}
.vshead .us{background:var(--navy);color:#fff}
.vsrow{display:grid;grid-template-columns:1fr 1.25fr;border-top:1px solid var(--line)}
@media(max-width:820px){.vshead{display:none}.vsrow{grid-template-columns:1fr}}
.vsrow>div{padding:26px}
.vsrow em{display:block;font:700 10px Inter;letter-spacing:.18em;text-transform:uppercase;font-style:normal;margin-bottom:8px}
.vsrow h3{font:700 21px/1.2 'Playfair Display',serif;margin:0 0 8px}
.vsrow p{font-size:14.5px;margin:0}
.them{background:#f7f3e8;color:#6b665c}.them em{color:#9a9486}.them h3{color:#6b665c;text-decoration:line-through;text-decoration-color:rgba(179,64,46,.45);text-decoration-thickness:2px}
.usc{background:var(--paper);border-left:4px solid var(--gold)}.usc em{color:var(--gold)}.usc p{color:#33302a}
@media(max-width:820px){.them{border-bottom:1px dashed var(--line)}}
.atop{display:flex;justify-content:space-between;align-items:center;gap:10px}
.atype{font:800 10px Inter;letter-spacing:.18em;text-transform:uppercase;color:var(--gold)}

.navright{display:flex;align-items:center;gap:18px}
.login{font-size:13px;font-weight:700;letter-spacing:.04em;text-decoration:none;color:var(--ink)}.login:hover{text-decoration:underline}
.mlogin{display:none}
.burger{display:none;background:none;border:0;padding:8px;cursor:pointer}
.burger span{display:block;width:22px;height:2px;background:var(--ink);margin:5px 0;transition:.2s}
.burger{display:none!important}
@media(max-width:560px){
  nav .wrap{flex-wrap:wrap;height:auto;padding-top:10px;padding-bottom:0}
  .links{order:3;width:100%;justify-content:space-between;gap:0;margin-top:8px;border-top:1px solid var(--line)}
  .links a{padding:11px 4px;font-size:13px}
  .links .mlogin{display:block;color:var(--ink);font-weight:700}
  .navright .login{display:none}
  .navright .btn{padding:9px 14px}
}
footer{padding:36px 0;font-size:13px;color:var(--muted)}
footer .wrap{display:flex;flex-wrap:wrap;justify-content:space-between;gap:14px}
.ribbon{background:#1a1917;color:#f4f0e6;text-align:center;font-size:12px;letter-spacing:.06em;padding:7px 12px}