@import url('https://fonts.googleapis.com/css2?family=Inter:wght@400;520;650;760;850&display=swap');

:root{
  --paper:#f8f4ed;
  --paper-2:#fffaf1;
  --ink:#18231f;
  --muted:#65716c;
  --soft:#e8dfd1;
  --line:#ded4c4;
  --dark:#07130f;
  --dark-2:#0e211a;
  --accent:#00a884;
  --accent-2:#c7f7df;
  --gold:#b58a35;
  --danger:#c45c44;
  --shadow:0 24px 70px rgba(36,29,18,.12);
  --radius:28px;
}
*{box-sizing:border-box}
html{scroll-behavior:smooth}
body{margin:0;background:var(--paper);color:var(--ink);font-family:Inter,ui-sans-serif,system-ui,-apple-system,Segoe UI,sans-serif;line-height:1.55;-webkit-font-smoothing:antialiased}
a{color:inherit;text-decoration:none}
p{margin:0;color:var(--muted)}
.skip{position:absolute;left:-999px}.skip:focus{left:16px;top:16px;background:var(--dark);color:white;padding:10px 14px;border-radius:999px;z-index:50}
.topline{background:var(--dark);color:#dce9e4;text-align:center;font-size:13px;padding:8px 16px;letter-spacing:.01em}
.site-header{position:sticky;top:0;z-index:20;display:flex;align-items:center;justify-content:space-between;gap:24px;padding:18px clamp(18px,4vw,56px);background:rgba(248,244,237,.88);border-bottom:1px solid rgba(222,212,196,.8);backdrop-filter:blur(18px)}
.brand{display:flex;align-items:center;gap:12px;font-weight:850;letter-spacing:-.04em}.brand span:last-child{display:flex;flex-direction:column;line-height:1}.brand small{font-size:11px;letter-spacing:.02em;color:var(--muted);font-weight:650;margin-top:4px}.brand-mark{display:grid;place-items:center;width:42px;height:42px;border-radius:14px;background:linear-gradient(135deg,var(--dark),#184837);color:#dffff2;box-shadow:0 10px 30px rgba(7,19,15,.18)}
.main-nav{display:flex;align-items:center;gap:22px;color:#49534f;font-size:14px;font-weight:650}.main-nav a:hover{color:var(--accent)}
.hero{width:min(1220px,calc(100% - 36px));margin:36px auto 0;display:grid;grid-template-columns:minmax(0,1.2fr) 430px;gap:28px}.hero-editorial{align-items:stretch}.hero-main{min-height:650px;padding:clamp(32px,6vw,72px);border-radius:38px;background:radial-gradient(circle at 85% 8%,rgba(0,168,132,.22),transparent 30%),linear-gradient(135deg,#10261f,#07130f);color:white;display:flex;flex-direction:column;justify-content:center;position:relative;overflow:hidden}.hero-main:after{content:"";position:absolute;inset:auto -80px -120px auto;width:360px;height:360px;border:1px solid rgba(255,255,255,.14);border-radius:50%}.eyebrow{margin:0 0 14px;color:var(--gold);text-transform:uppercase;letter-spacing:.16em;font-size:12px;font-weight:850}.hero-main .eyebrow{color:#9effd6}.hero h1{font-size:clamp(42px,7vw,90px);line-height:.94;letter-spacing:-.075em;margin:0 0 24px;max-width:890px}.lead{font-size:clamp(18px,2.1vw,24px);color:#c9d9d3;max-width:720px}.hero-actions{display:flex;flex-wrap:wrap;gap:12px;margin-top:34px}.button{display:inline-flex;align-items:center;justify-content:center;border:1px solid var(--line);padding:13px 20px;border-radius:999px;font-weight:800;transition:.18s ease}.button.primary{background:white;color:var(--dark);border-color:white}.button.ghost{color:white;border-color:rgba(255,255,255,.28)}.button:hover{transform:translateY(-1px);box-shadow:0 12px 30px rgba(0,0,0,.12)}.dark-button{background:var(--dark);color:white;border-color:var(--dark)}
.trust-row{display:flex;flex-wrap:wrap;gap:10px;margin-top:40px}.trust-row span{font-size:13px;font-weight:750;color:#dff7ee;border:1px solid rgba(255,255,255,.16);border-radius:999px;padding:8px 12px;background:rgba(255,255,255,.05)}
.lead-story{background:var(--paper-2);border:1px solid var(--line);border-radius:38px;padding:34px;box-shadow:var(--shadow);display:flex;flex-direction:column;justify-content:space-between}.story-label,.kicker{display:inline-flex;width:max-content;border-radius:999px;background:#efe2ca;color:#7a5a18;padding:6px 10px;text-transform:uppercase;letter-spacing:.11em;font-size:11px;font-weight:850}.lead-story h2{font-size:34px;line-height:1.05;letter-spacing:-.045em;margin:22px 0 14px}.lead-story dl{margin:32px 0 0;display:grid;gap:16px}.lead-story dt{font-weight:850}.lead-story dd{margin:4px 0 0;color:var(--muted)}
.section{width:min(1220px,calc(100% - 36px));margin:34px auto;padding:54px;border-radius:var(--radius);background:var(--paper-2);border:1px solid var(--line);box-shadow:var(--shadow)}.section-head{margin-bottom:28px}.section-head.compact{max-width:760px}.section-head.two-col{display:grid;grid-template-columns:1fr 420px;gap:32px;align-items:end}.section h2{font-size:clamp(30px,4vw,54px);line-height:1;letter-spacing:-.055em;margin:0 0 14px}.section h3{letter-spacing:-.035em}.editorial-grid{display:grid;grid-template-columns:1.15fr .85fr;grid-template-rows:1fr 1fr;gap:18px}.feature-card{padding:28px;border-radius:24px;background:#fff;border:1px solid var(--line)}.feature-card.large{grid-row:span 2;background:linear-gradient(180deg,#fff,#f4ead9)}.feature-card h3{font-size:clamp(24px,3vw,40px);line-height:1.05;margin:20px 0 12px}.feature-card:not(.large) h3{font-size:24px}.ranking-table{display:grid;gap:10px}.ranking-row{display:grid;grid-template-columns:70px 1.2fr 1.7fr 120px 120px;gap:18px;align-items:center;padding:18px 20px;border-radius:20px;background:white;border:1px solid var(--line)}.ranking-head{background:var(--dark);color:white;font-size:12px;text-transform:uppercase;letter-spacing:.12em;font-weight:850}.ranking-row small{display:block;color:var(--muted);margin-top:3px}.rank{display:grid;place-items:center;width:42px;height:42px;border-radius:14px;background:#f1e4cf;color:#7b5714;font-weight:850}.signal{display:inline-flex;padding:6px 10px;border-radius:999px;background:#eef2ef;color:#53605a;font-size:12px}.signal.medium{background:#e8f8ef;color:#147a55}.signal.high{background:#d9fff2;color:#00684e}.signal.low{background:#f3eadc;color:#835e17}
.category-section{background:#f1eadf}.category-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:16px}.category-card{display:flex;flex-direction:column;gap:12px;min-height:180px;padding:24px;border-radius:24px;background:white;border:1px solid var(--line)}.category-card span{color:var(--gold);font-weight:850}.category-card strong{font-size:24px;letter-spacing:-.04em}.category-card small{color:var(--muted);font-size:14px}.category-card:hover{border-color:var(--accent);transform:translateY(-2px)}
.radar{display:grid;grid-template-columns:.95fr 1.05fr;gap:34px;background:linear-gradient(135deg,#0b1814,#10281f);color:white}.radar p{color:#c9d9d3}.radar .eyebrow{color:#9effd6}.signal-stack{display:grid;gap:12px}.signal-stack div{display:flex;justify-content:space-between;gap:22px;padding:18px;border-radius:18px;background:rgba(255,255,255,.07);border:1px solid rgba(255,255,255,.12)}.signal-stack span{color:#c7d8d1;text-align:right}.quality{display:grid;grid-template-columns:1fr 1fr;gap:18px;background:transparent;border:0;box-shadow:none;padding:0}.quality-card{padding:40px;border-radius:var(--radius);border:1px solid var(--line)}.quality-card.dark{background:var(--dark);color:white}.quality-card.dark .eyebrow{color:#9effd6}.quality-card.dark li{margin:10px 0}.quality-card.light{background:var(--paper-2)}
.article{width:min(900px,calc(100% - 36px));margin:40px auto;padding:48px;background:var(--paper-2);border:1px solid var(--line);border-radius:var(--radius)}.article h1{font-size:clamp(38px,6vw,68px);line-height:.98;letter-spacing:-.06em;margin:0 0 18px}.article-body{margin-top:28px}.article-body p,.article-body li{color:#2f3b36}.meta{font-size:13px;color:var(--muted);border-top:1px solid var(--line);padding-top:18px;margin-top:28px}
.site-footer{margin:56px auto 0;padding:34px clamp(18px,4vw,56px);display:flex;justify-content:space-between;gap:24px;background:var(--dark);color:white}.site-footer p{max-width:620px;color:#b9c8c2}.footer-links{display:flex;flex-wrap:wrap;gap:16px;color:#dce9e4}.footer-links a:hover{color:#9effd6}
@media (max-width:980px){.main-nav{display:none}.hero,.section-head.two-col,.radar,.quality{grid-template-columns:1fr}.hero-main{min-height:560px}.editorial-grid{grid-template-columns:1fr}.feature-card.large{grid-row:auto}.ranking-row{grid-template-columns:50px 1fr}.ranking-row span:nth-child(3),.ranking-row span:nth-child(4),.ranking-row span:nth-child(5){grid-column:2}.ranking-head{display:none}.category-grid{grid-template-columns:1fr 1fr}.site-footer{flex-direction:column}}
@media (max-width:620px){.topline{font-size:12px}.site-header{padding:14px 18px}.hero,.section{width:calc(100% - 24px);margin-top:18px}.hero{grid-template-columns:1fr}.hero-main,.lead-story,.section,.quality-card{border-radius:24px;padding:26px}.hero h1{font-size:44px}.category-grid{grid-template-columns:1fr}.signal-stack div{flex-direction:column}.signal-stack span{text-align:left}.trust-row span{font-size:12px}}

/* Phase 2 CMS pages */
.page-hero{width:min(1220px,calc(100% - 36px));margin:36px auto;padding:clamp(34px,6vw,70px);border-radius:38px;background:linear-gradient(135deg,#fffaf1,#f0e6d8);border:1px solid var(--line);box-shadow:var(--shadow)}
.compact-hero h1{font-size:clamp(42px,6vw,76px);line-height:.95;letter-spacing:-.07em;margin:0 0 20px}.dark-lead{color:#56615d;max-width:820px}.summary-box{margin-top:24px;padding:18px 20px;border-radius:20px;background:#f4ead9;border:1px solid var(--line);color:#31403a}.summary-box strong{color:var(--dark)}
.article-list{display:grid;grid-template-columns:repeat(3,1fr);gap:16px}.article-teaser{display:flex;flex-direction:column;gap:10px;min-height:210px;padding:24px;border-radius:24px;background:white;border:1px solid var(--line)}.article-teaser span{color:var(--gold);text-transform:uppercase;letter-spacing:.1em;font-size:11px;font-weight:850}.article-teaser strong{font-size:24px;line-height:1.08;letter-spacing:-.04em}.article-teaser:hover{border-color:var(--accent);transform:translateY(-2px)}
.split-section{display:grid;grid-template-columns:.8fr 1.2fr;gap:36px;align-items:center}.article-premium{max-width:980px}.article-decision-grid{display:grid;grid-template-columns:1fr 1fr;gap:14px;margin:28px 0}.article-decision-grid div{padding:20px;border-radius:20px;background:#f7efe2;border:1px solid var(--line)}.article-decision-grid span{display:block;color:var(--gold);font-size:12px;text-transform:uppercase;letter-spacing:.11em;font-weight:850;margin-bottom:8px}.faq-section{margin-top:38px;padding-top:28px;border-top:1px solid var(--line)}.faq-section h2{font-size:34px;letter-spacing:-.045em;margin:0 0 18px}.faq-section details{background:#fff;border:1px solid var(--line);border-radius:18px;padding:18px 20px;margin:10px 0}.faq-section summary{cursor:pointer;font-weight:850}.faq-section details p{margin-top:10px}.quality-doc{max-width:940px}.article-meta{font-size:14px;color:var(--muted);border-top:1px solid var(--line);padding-top:20px;margin-top:34px}.article-meta p{margin:6px 0}
@media (max-width:980px){.article-list{grid-template-columns:1fr 1fr}.split-section,.article-decision-grid{grid-template-columns:1fr}}
@media (max-width:620px){.page-hero{width:calc(100% - 24px);border-radius:24px;padding:26px}.article-list{grid-template-columns:1fr}}