@import url('https://fonts.googleapis.com/css2?family=Syne:wght@500;600;700;800&family=DM+Sans:wght@400;500;600;700&display=swap');

*{box-sizing:border-box}
html{scroll-behavior:smooth;scroll-padding-top:92px}
:root{
  color-scheme:dark;
  --bg:#050608;
  --surface:#0d1016;
  --surface-raised:#141923;
  --soft:rgba(240,240,240,0.055);
  --line:rgba(240,240,240,0.13);
  --line-strong:rgba(240,240,240,0.23);
  --text:#f0f0f0;
  --muted:rgba(240,240,240,0.72);
  --quiet:rgba(240,240,240,0.48);
  --sunset:#f7481b;
  --sunset-soft:#ff8a70;
  --night:#112750;
  --blue:#7196d2;
  --green:#6fcf97;
  --warning:#f6c76a;
  --content:1240px;
  font-family:'DM Sans',sans-serif;
}
html[data-theme='light']{
  color-scheme:light;
  --bg:#f0f0f0;
  --surface:#ffffff;
  --surface-raised:#f7f8fa;
  --soft:rgba(17,39,80,0.055);
  --line:rgba(17,39,80,0.14);
  --line-strong:rgba(17,39,80,0.24);
  --text:#050608;
  --muted:#3c4149;
  --quiet:#6d737d;
  --blue:#244879;
  --green:#147a49;
  --warning:#8a5a00;
}
body{
  margin:0;
  min-height:100vh;
  overflow-x:hidden;
  background:
    linear-gradient(112deg,rgba(247,72,27,0.13),transparent 24%),
    linear-gradient(246deg,rgba(17,39,80,0.46),transparent 44%),
    var(--bg);
  color:var(--text);
  font-size:16px;
  line-height:1.65;
}
body::before{
  content:'';
  position:fixed;
  inset:0;
  z-index:-1;
  pointer-events:none;
  background:
    linear-gradient(90deg,rgba(240,240,240,0.035) 1px,transparent 1px),
    linear-gradient(180deg,rgba(240,240,240,0.028) 1px,transparent 1px);
  background-size:72px 72px;
  mask-image:linear-gradient(to bottom,black,transparent 78%);
  -webkit-mask-image:linear-gradient(to bottom,black,transparent 78%);
}
html[data-theme='light'] body{
  background:
    linear-gradient(112deg,rgba(247,72,27,0.10),transparent 26%),
    linear-gradient(246deg,rgba(17,39,80,0.12),transparent 46%),
    var(--bg);
}
html[data-theme='light'] body::before{
  background:
    linear-gradient(90deg,rgba(17,39,80,0.05) 1px,transparent 1px),
    linear-gradient(180deg,rgba(17,39,80,0.04) 1px,transparent 1px);
  background-size:72px 72px;
}
a{color:inherit}
button,input,select,textarea{font:inherit;letter-spacing:0}
button,a{transition:color .18s ease,background .18s ease,border-color .18s ease,transform .18s ease}
button:focus-visible,a:focus-visible,input:focus-visible,select:focus-visible,textarea:focus-visible{
  outline:2px solid var(--sunset-soft);
  outline-offset:3px;
}
.skip-link{
  position:fixed;
  top:10px;
  left:10px;
  z-index:100;
  padding:8px 12px;
  background:var(--sunset);
  color:#fff;
  border-radius:6px;
  transform:translateY(-160%);
}
.skip-link:focus{transform:none}
.site-header{
  position:sticky;
  top:0;
  z-index:40;
  border-bottom:1px solid var(--line);
  background:rgba(5,6,8,0.82);
  backdrop-filter:blur(18px) saturate(1.1);
  -webkit-backdrop-filter:blur(18px) saturate(1.1);
}
html[data-theme='light'] .site-header{background:rgba(240,240,240,0.86)}
.site-header-inner{
  width:min(calc(100% - 40px),var(--content));
  min-height:70px;
  margin:0 auto;
  display:flex;
  align-items:center;
  gap:24px;
}
.brand{
  display:inline-flex;
  align-items:center;
  gap:10px;
  text-decoration:none;
  flex-shrink:0;
}
.brand-mark{
  width:36px;
  height:36px;
  display:grid;
  place-items:center;
  border:1px solid rgba(255,255,255,0.20);
  border-radius:8px;
  background:var(--sunset);
  color:#fff;
  box-shadow:0 10px 26px rgba(247,72,27,0.23);
  font:800 14px/1 'Syne',sans-serif;
}
.brand-name{font:700 16px/1 'Syne',sans-serif}
.brand-name span{color:var(--sunset-soft)}
html[data-theme='light'] .brand-name span{color:#c93612}
.site-nav{
  margin-left:auto;
  display:flex;
  align-items:center;
  gap:4px;
}
.site-nav a{
  padding:7px 9px;
  border-radius:7px;
  color:var(--muted);
  text-decoration:none;
  font-size:13px;
  font-weight:700;
}
.site-nav a:hover,.site-nav a[aria-current='page']{
  background:var(--soft);
  color:var(--text);
}
.site-nav a[aria-current='page']{box-shadow:0 -2px 0 var(--sunset) inset}
.header-tools{display:flex;align-items:center;gap:8px}
.icon-button{
  width:38px;
  height:38px;
  display:grid;
  place-items:center;
  border:1px solid var(--line);
  border-radius:8px;
  background:var(--soft);
  color:var(--text);
  cursor:pointer;
}
.icon-button:hover{border-color:rgba(247,72,27,0.52);transform:translateY(-1px)}
.menu-button{display:none}
.page-shell{width:min(calc(100% - 40px),var(--content));margin:0 auto}
.page-hero{
  min-height:360px;
  display:flex;
  align-items:flex-end;
  padding:84px 0 52px;
  border-bottom:1px solid var(--line);
  position:relative;
  overflow:hidden;
}
.page-hero::after{
  content:'';
  position:absolute;
  right:0;
  bottom:0;
  width:42%;
  height:70%;
  border-top:1px solid rgba(247,72,27,0.34);
  border-left:1px solid rgba(113,150,210,0.26);
  background:
    linear-gradient(90deg,rgba(240,240,240,0.035) 1px,transparent 1px),
    linear-gradient(180deg,rgba(240,240,240,0.03) 1px,transparent 1px);
  background-size:44px 44px;
  transform:perspective(700px) rotateY(-10deg) rotateX(5deg);
  transform-origin:right bottom;
  pointer-events:none;
}
html[data-theme='light'] .page-hero::after{
  background:
    linear-gradient(90deg,rgba(17,39,80,0.055) 1px,transparent 1px),
    linear-gradient(180deg,rgba(17,39,80,0.045) 1px,transparent 1px);
  background-size:44px 44px;
}
.hero-copy{max-width:780px;position:relative;z-index:1}
.eyebrow{
  display:flex;
  align-items:center;
  gap:10px;
  margin:0 0 18px;
  color:var(--sunset-soft);
  font-size:11px;
  font-weight:800;
  letter-spacing:.13em;
  text-transform:uppercase;
}
.eyebrow::before{content:'';width:28px;height:1px;background:var(--sunset)}
.page-hero h1{
  max-width:760px;
  margin:0;
  font:800 64px/.98 'Syne',sans-serif;
  letter-spacing:0;
}
.page-hero p{
  max-width:680px;
  margin:22px 0 0;
  color:var(--muted);
  font-size:17px;
}
.updated{
  display:inline-flex;
  align-items:center;
  gap:7px;
  margin-top:20px;
  color:var(--quiet);
  font-size:12px;
}
.updated::before{content:'';width:6px;height:6px;border-radius:50%;background:var(--green)}
.content-layout{
  display:grid;
  grid-template-columns:minmax(0,1fr) 260px;
  gap:72px;
  padding:58px 0 80px;
}
.content-layout.single{grid-template-columns:minmax(0,880px);justify-content:center}
.prose{min-width:0}
.prose h2{
  margin:54px 0 16px;
  padding-top:4px;
  color:var(--text);
  font:700 27px/1.2 'Syne',sans-serif;
  letter-spacing:0;
}
.prose h2:first-child{margin-top:0}
.prose h3{margin:30px 0 10px;font:700 18px/1.3 'Syne',sans-serif}
.prose p{margin:0 0 18px;color:var(--muted)}
.prose strong{color:var(--text)}
.prose a{color:var(--sunset-soft);text-underline-offset:3px}
.prose ul,.prose ol{margin:0 0 22px;padding-left:23px;color:var(--muted)}
.prose li{margin:8px 0;padding-left:4px}
.prose hr{border:0;border-top:1px solid var(--line);margin:48px 0}
.toc{
  align-self:start;
  position:sticky;
  top:98px;
  padding:18px;
  border:1px solid var(--line);
  border-radius:8px;
  background:var(--surface);
}
.toc-title{margin-bottom:10px;color:var(--quiet);font-size:10px;font-weight:800;letter-spacing:.12em;text-transform:uppercase}
.toc a{display:block;padding:7px 0;color:var(--muted);font-size:13px;font-weight:600;text-decoration:none}
.toc a:hover{color:var(--sunset-soft)}
.callout{
  margin:28px 0;
  padding:18px 20px;
  border:1px solid var(--line);
  border-left:3px solid var(--sunset);
  border-radius:8px;
  background:var(--soft);
  color:var(--muted);
}
.callout strong{display:block;margin-bottom:4px;color:var(--text)}
.fact-grid,.guide-grid,.review-grid,.link-grid{
  display:grid;
  grid-template-columns:repeat(2,minmax(0,1fr));
  gap:12px;
  margin:24px 0;
}
.fact,.guide-card,.review-card,.link-card{
  border:1px solid var(--line);
  border-radius:8px;
  background:linear-gradient(180deg,rgba(240,240,240,.045),transparent),var(--surface);
}
.fact{padding:18px}
.fact strong{display:block;margin-bottom:5px;color:var(--text);font:700 16px/1.3 'Syne',sans-serif}
.fact span{color:var(--muted);font-size:13px}
.guide-card,.review-card{padding:20px}
.guide-card h2,.review-card h2{margin:0 0 10px;padding:0;font-size:20px}
.guide-card h3,.review-card h3{margin:22px 0 8px;font-size:14px}
.guide-card p,.review-card p{font-size:14px}
.card-index{display:block;margin-bottom:16px;color:var(--sunset-soft);font-size:10px;font-weight:800;letter-spacing:.12em;text-transform:uppercase}
.decision-list{display:grid;gap:8px;margin:16px 0 0}
.decision-row{display:grid;grid-template-columns:92px 1fr;gap:12px;padding-top:8px;border-top:1px solid var(--line);font-size:13px}
.decision-row strong{color:var(--text)}
.decision-row span{color:var(--muted)}
.source-link,.text-link{
  display:inline-flex;
  align-items:center;
  gap:7px;
  margin-top:4px;
  color:var(--sunset-soft);
  font-size:13px;
  font-weight:700;
  text-decoration:none;
}
.source-link::after,.text-link::after{content:'↗'}
.source-link:hover,.text-link:hover{color:var(--text)}
.link-card{display:block;padding:20px;text-decoration:none}
.link-card:hover{border-color:rgba(247,72,27,.52);transform:translateY(-2px)}
.link-card strong{display:block;margin-bottom:6px;font:700 17px/1.3 'Syne',sans-serif}
.link-card span{color:var(--muted);font-size:13px}
.comparison-wrap{margin:28px 0;overflow-x:auto;border:1px solid var(--line);border-radius:8px}
.comparison-table{width:100%;min-width:720px;border-collapse:collapse;background:var(--surface)}
.comparison-table th,.comparison-table td{padding:14px 16px;border-bottom:1px solid var(--line);text-align:left;vertical-align:top;font-size:13px}
.comparison-table th{background:var(--soft);color:var(--text);font-weight:800}
.comparison-table td{color:var(--muted)}
.comparison-table tr:last-child td{border-bottom:0}
.verdict{
  display:grid;
  grid-template-columns:140px 1fr;
  gap:18px;
  margin:22px 0 0;
  padding:18px;
  border:1px solid var(--line);
  border-radius:8px;
  background:var(--surface);
}
.verdict strong{color:var(--sunset-soft);font:700 13px/1.4 'Syne',sans-serif;text-transform:uppercase}
.verdict p{margin:0;font-size:14px}
.contact-grid{display:grid;grid-template-columns:minmax(0,1.25fr) minmax(280px,.75fr);gap:24px;margin-top:30px}
.contact-form,.contact-panel{padding:22px;border:1px solid var(--line);border-radius:8px;background:var(--surface)}
.form-row{display:grid;grid-template-columns:1fr 1fr;gap:12px}
.field{display:grid;gap:7px;margin-bottom:14px}
.field label{font-size:12px;font-weight:800}
.field input,.field select,.field textarea{
  width:100%;
  border:1px solid var(--line);
  border-radius:7px;
  background:var(--soft);
  color:var(--text);
  padding:11px 12px;
}
.field textarea{min-height:160px;resize:vertical}
.field input:focus,.field select:focus,.field textarea:focus{border-color:var(--sunset)}
.submit-button{
  min-height:44px;
  padding:0 18px;
  border:1px solid var(--sunset);
  border-radius:7px;
  background:var(--sunset);
  color:#fff;
  font-weight:800;
  cursor:pointer;
}
.submit-button:hover{background:var(--sunset-soft);border-color:var(--sunset-soft);color:#000;transform:translateY(-1px)}
.contact-panel h2{margin:0 0 12px;font-size:20px}
.contact-panel p{font-size:14px}
.email-link{display:block;margin:16px 0;color:var(--sunset-soft);font-weight:800;word-break:break-word}
.fine-print{color:var(--quiet)!important;font-size:12px!important}
.site-footer{border-top:1px solid var(--line);background:rgba(5,6,8,.58)}
html[data-theme='light'] .site-footer{background:rgba(255,255,255,.38)}
.footer-inner{width:min(calc(100% - 40px),var(--content));margin:0 auto;padding:42px 0 28px}
.footer-grid{display:grid;grid-template-columns:1.5fr repeat(3,1fr);gap:48px}
.footer-intro p{max-width:360px;margin:14px 0 0;color:var(--muted);font-size:13px}
.footer-heading{margin-bottom:10px;color:var(--quiet);font-size:10px;font-weight:800;letter-spacing:.12em;text-transform:uppercase}
.footer-links{display:grid;gap:7px}
.footer-links a{color:var(--muted);font-size:13px;text-decoration:none}
.footer-links a:hover{color:var(--sunset-soft)}
.footer-bottom{display:flex;justify-content:space-between;gap:20px;margin-top:34px;padding-top:18px;border-top:1px solid var(--line);color:var(--quiet);font-size:11px}

@media(max-width:960px){
  .site-nav{
    display:none;
    position:absolute;
    top:70px;
    left:20px;
    right:20px;
    padding:10px;
    border:1px solid var(--line-strong);
    border-radius:8px;
    background:var(--surface-raised);
    box-shadow:0 22px 60px rgba(0,0,0,.36);
  }
  .site-nav.is-open{display:grid}
  .menu-button{display:grid}
  .content-layout{grid-template-columns:1fr;gap:30px}
  .toc{position:static;order:-1}
  .footer-grid{grid-template-columns:repeat(2,1fr)}
}
@media(max-width:680px){
  html{scroll-padding-top:78px}
  .site-header-inner,.page-shell,.footer-inner{width:min(calc(100% - 28px),var(--content))}
  .site-header-inner{min-height:64px;gap:10px}
  .brand-name{font-size:14px}
  .brand-mark{width:34px;height:34px}
  .site-nav{top:64px;left:14px;right:14px}
  .page-hero{min-height:330px;padding:64px 0 38px}
  .page-hero::after{width:68%;height:54%;opacity:.6}
  .page-hero h1{font-size:42px}
  .page-hero p{font-size:15px}
  .content-layout{padding:38px 0 60px}
  .prose h2{margin-top:42px;font-size:24px}
  .fact-grid,.guide-grid,.review-grid,.link-grid{grid-template-columns:1fr}
  .contact-grid{grid-template-columns:1fr}
  .form-row{grid-template-columns:1fr;gap:0}
  .verdict{grid-template-columns:1fr;gap:8px}
  .footer-grid{grid-template-columns:1fr 1fr;gap:30px}
  .footer-intro{grid-column:1/-1}
  .footer-bottom{flex-direction:column}
}
@media(max-width:420px){
  .brand-name{display:none}
  .page-hero h1{font-size:36px}
  .footer-grid{grid-template-columns:1fr}
  .footer-intro{grid-column:auto}
}
@media(prefers-reduced-motion:reduce){
  html{scroll-behavior:auto}
  *,*::before,*::after{transition-duration:.01ms!important}
}

/* Cosmos editorial system */
:root{
  --cosmos:#02040a;
  --cosmos-deep:#010205;
  --cosmos-blue:#071126;
  --glass-surface:rgba(8,12,21,.76);
  --glass-raised:rgba(13,19,31,.88);
  --glass-highlight:rgba(255,255,255,.10);
}
body{
  position:relative;
  isolation:isolate;
  background:var(--cosmos);
}
body::before{display:none}
.cosmos-backdrop{
  position:fixed;
  inset:0;
  z-index:0;
  overflow:hidden;
  pointer-events:none;
  background:
    linear-gradient(118deg,rgba(247,72,27,.13),transparent 30%),
    linear-gradient(242deg,rgba(17,39,80,.72),transparent 48%),
    linear-gradient(180deg,#02040a 0%,#050a17 44%,#050710 72%,#010205 100%);
}
#cosmos-canvas{
  display:block;
  position:absolute;
  inset:0;
  width:100%;
  height:100%;
  opacity:.96;
}
.cosmos-vignette{
  position:absolute;
  inset:0;
  background:
    linear-gradient(90deg,rgba(1,2,5,.48),transparent 42%,rgba(1,2,5,.10)),
    linear-gradient(180deg,transparent 50%,rgba(1,2,5,.88) 100%);
}
.page-shell,
.site-footer{position:relative}
.page-shell,.site-footer{z-index:1}

html[data-theme='light'] body{background:#eef0f3}
html[data-theme='light'] .cosmos-backdrop{
  background:
    linear-gradient(118deg,rgba(247,72,27,.10),transparent 31%),
    linear-gradient(242deg,rgba(17,39,80,.22),transparent 48%),
    linear-gradient(180deg,#e7ebf2 0%,#dbe2ed 46%,#e9ecf1 76%,#f0f0f0 100%);
}
html[data-theme='light'] .cosmos-vignette{
  background:
    linear-gradient(90deg,rgba(238,240,243,.32),transparent 48%,rgba(238,240,243,.08)),
    linear-gradient(180deg,transparent 50%,rgba(238,240,243,.88) 100%);
}

.site-header{
  position:sticky;
  top:0;
  z-index:40;
  border-bottom-color:rgba(240,240,240,.12);
  background:rgba(2,4,10,.72);
  box-shadow:0 10px 34px rgba(0,0,0,.18);
  backdrop-filter:blur(20px) saturate(1.14);
  -webkit-backdrop-filter:blur(20px) saturate(1.14);
}
.site-header::after{
  content:'';
  position:absolute;
  left:0;
  right:0;
  bottom:-1px;
  height:1px;
  background:linear-gradient(90deg,transparent 5%,rgba(247,72,27,.72) 28%,rgba(113,150,210,.42) 64%,transparent 94%);
  opacity:.72;
}
html[data-theme='light'] .site-header{
  border-bottom-color:rgba(17,39,80,.13);
  background:rgba(238,240,243,.76);
  box-shadow:0 10px 34px rgba(17,39,80,.08);
}
.site-header-inner{min-height:72px}
.brand-mark{
  border-color:rgba(255,255,255,.34);
  background:linear-gradient(145deg,var(--sunset),#d93612);
  box-shadow:0 12px 30px rgba(247,72,27,.24),0 1px 0 rgba(255,255,255,.28) inset;
}
.site-nav{gap:2px}
.site-nav a{padding:8px 10px;border-radius:6px}
.site-nav a:hover{background:rgba(240,240,240,.06)}
.site-nav a[aria-current='page']{
  background:rgba(247,72,27,.10);
  box-shadow:0 -2px 0 var(--sunset) inset;
}
.icon-button{
  border-color:rgba(240,240,240,.16);
  background:rgba(240,240,240,.055);
  box-shadow:0 1px 0 rgba(255,255,255,.08) inset;
}
html[data-theme='light'] .icon-button{
  border-color:rgba(17,39,80,.15);
  background:rgba(255,255,255,.56);
}

.page-shell{width:min(calc(100% - 48px),var(--content))}
.page-hero{
  min-height:500px;
  align-items:center;
  padding:126px 0 78px;
  border-bottom-color:rgba(240,240,240,.14);
  overflow:visible;
}
.page-hero::before{
  content:'';
  position:absolute;
  left:0;
  bottom:-1px;
  width:42%;
  height:1px;
  background:linear-gradient(90deg,var(--sunset),rgba(113,150,210,.58),transparent);
  box-shadow:0 0 24px rgba(247,72,27,.28);
}
.page-hero::after{
  display:none;
}
.hero-copy{
  max-width:860px;
  text-shadow:0 18px 60px rgba(0,0,0,.34);
  animation:cosmos-hero-enter .72s cubic-bezier(.2,.75,.25,1) both;
}
.eyebrow{margin-bottom:22px;color:var(--sunset-soft)}
.eyebrow::before{
  width:34px;
  background:linear-gradient(90deg,var(--sunset),rgba(113,150,210,.70));
  box-shadow:0 0 12px rgba(247,72,27,.40);
}
.page-hero h1{
  max-width:850px;
  color:#fff;
  font-size:68px;
  line-height:.98;
  text-wrap:balance;
}
.page-hero p{max-width:720px;color:rgba(240,240,240,.72);font-size:17px;line-height:1.65}
.updated{color:rgba(240,240,240,.52)}
.updated::before{
  background:var(--sunset);
  box-shadow:0 0 12px rgba(247,72,27,.72);
}
html[data-theme='light'] .hero-copy{text-shadow:none}
html[data-theme='light'] .page-hero{border-bottom-color:rgba(17,39,80,.14)}
html[data-theme='light'] .page-hero h1{color:#07101f}
html[data-theme='light'] .page-hero p{color:#3c4656}
html[data-theme='light'] .updated{color:#6d737d}

.content-layout{
  grid-template-columns:minmax(0,1fr) 244px;
  gap:58px;
  padding:68px 0 100px;
}
.content-layout.single{grid-template-columns:minmax(0,1120px)}
.prose h2{
  scroll-margin-top:104px;
  margin-top:62px;
  color:var(--text);
  font-size:28px;
}
.prose > h2::before{
  content:'';
  display:inline-block;
  width:22px;
  height:1px;
  margin:0 11px 8px 0;
  background:linear-gradient(90deg,var(--sunset),rgba(113,150,210,.72));
  box-shadow:0 0 12px rgba(247,72,27,.34);
}
.prose p,.prose li{color:rgba(240,240,240,.70)}
.prose a{color:var(--sunset-soft)}
html[data-theme='light'] .prose p,
html[data-theme='light'] .prose li{color:#404854}

.toc,
.callout,
.verdict,
.fact,
.guide-card,
.review-card,
.link-card,
.criteria-item,
.comparison-wrap,
.contact-form,
.contact-panel{
  border-color:rgba(240,240,240,.15);
  background:
    linear-gradient(145deg,rgba(247,72,27,.065),transparent 34%),
    linear-gradient(180deg,rgba(255,255,255,.055),rgba(255,255,255,.018)),
    var(--glass-surface);
  box-shadow:0 18px 52px rgba(0,0,0,.18),0 1px 0 rgba(255,255,255,.08) inset;
}
html[data-theme='light'] .toc,
html[data-theme='light'] .callout,
html[data-theme='light'] .verdict,
html[data-theme='light'] .fact,
html[data-theme='light'] .guide-card,
html[data-theme='light'] .review-card,
html[data-theme='light'] .link-card,
html[data-theme='light'] .criteria-item,
html[data-theme='light'] .comparison-wrap,
html[data-theme='light'] .contact-form,
html[data-theme='light'] .contact-panel{
  border-color:rgba(17,39,80,.15);
  background:
    linear-gradient(145deg,rgba(247,72,27,.08),transparent 34%),
    linear-gradient(180deg,rgba(255,255,255,.88),rgba(255,255,255,.60));
  box-shadow:0 18px 48px rgba(17,39,80,.09),0 1px 0 rgba(255,255,255,.92) inset;
}
.toc{
  top:102px;
  padding:18px 16px;
  background-color:rgba(5,8,15,.84);
  backdrop-filter:blur(16px) saturate(1.12);
  -webkit-backdrop-filter:blur(16px) saturate(1.12);
}
.toc-title{color:var(--sunset-soft)}
.toc a{
  margin:1px 0;
  padding:7px 9px;
  border-left:1px solid transparent;
  border-radius:0 5px 5px 0;
}
.toc a:hover{
  border-left-color:var(--sunset);
  background:rgba(247,72,27,.09);
  color:var(--text);
}
.callout{
  margin-top:0;
  padding:20px 22px;
  border-left-color:var(--sunset);
}
.callout strong{color:var(--sunset-soft)}
.fact-grid,.guide-grid,.review-grid,.link-grid{gap:16px;margin:28px 0}
.guide-card,.review-card{
  position:relative;
  overflow:hidden;
  padding:24px;
}
.guide-card::before,.review-card::before,.fact::before,.criteria-item::before{
  content:'';
  position:absolute;
  top:0;
  left:0;
  width:54%;
  height:1px;
  background:linear-gradient(90deg,var(--sunset),rgba(113,150,210,.42),transparent);
}
.guide-card,.review-card,.fact,.criteria-item{position:relative}
.guide-card:hover,.review-card:hover,.fact:hover,.criteria-item:hover,.link-card:hover{
  border-color:rgba(247,72,27,.48);
  box-shadow:0 24px 64px rgba(0,0,0,.25),0 0 0 1px rgba(247,72,27,.06) inset;
  transform:translateY(-3px);
}
.guide-card h2,.review-card h2{font-size:21px}
.guide-card h3,.review-card h3{color:var(--sunset-soft)}
.card-index{color:var(--sunset-soft)}
.decision-row{border-top-color:rgba(240,240,240,.11)}
html[data-theme='light'] .decision-row{border-top-color:rgba(17,39,80,.11)}
.source-link,.text-link{color:var(--sunset-soft)}
.source-link:hover,.text-link:hover{color:var(--text)}

.criteria-grid{
  display:grid;
  grid-template-columns:repeat(2,minmax(0,1fr));
  gap:12px;
  margin:24px 0 34px;
}
.criteria-item{
  position:relative;
  overflow:hidden;
  padding:18px;
  border:1px solid var(--line);
  border-radius:8px;
}
.criteria-item strong{display:block;margin-bottom:6px;color:var(--text);font:700 15px/1.3 'Syne',sans-serif}
.criteria-item span{color:var(--muted);font-size:13px}
.comparison-wrap{border-radius:8px;background-color:rgba(5,8,15,.76)}
.comparison-table{background:transparent}
.comparison-table th{
  background:rgba(247,72,27,.10);
  color:var(--text);
}
.comparison-table td{color:var(--muted);background:rgba(255,255,255,.012)}
.comparison-table tbody tr:hover td{background:rgba(247,72,27,.045)}
html[data-theme='light'] .comparison-table th{background:rgba(247,72,27,.11)}
html[data-theme='light'] .comparison-table td{background:rgba(255,255,255,.42)}
.verdict{border-left:2px solid var(--sunset)}
.verdict strong{color:var(--sunset-soft)}

.site-footer{
  border-top-color:rgba(240,240,240,.13);
  background:rgba(1,2,5,.72);
  backdrop-filter:blur(12px);
  -webkit-backdrop-filter:blur(12px);
}
html[data-theme='light'] .site-footer{
  border-top-color:rgba(17,39,80,.13);
  background:rgba(238,240,243,.74);
}
.footer-inner{padding-top:52px}
.footer-links a:hover{color:var(--sunset-soft)}

.has-js .cosmos-reveal{
  opacity:0;
  transform:translateY(16px);
}
.has-js .cosmos-reveal.is-visible{
  opacity:1;
  transform:none;
  transition:opacity .54s ease var(--reveal-delay,0ms),transform .54s cubic-bezier(.2,.72,.25,1) var(--reveal-delay,0ms);
}
@keyframes cosmos-hero-enter{
  from{opacity:0;transform:translateY(18px)}
  to{opacity:1;transform:none}
}

@media(max-width:960px){
  .site-header-inner{gap:16px}
  .header-tools{margin-left:auto;gap:10px}
  .site-header{
    transition:transform .26s cubic-bezier(.2,.72,.25,1);
    will-change:transform;
  }
  .site-header.is-hidden{transform:translate3d(0,-105%,0)}
  .site-header:focus-within,
  .site-header.nav-open{transform:none}
  .site-nav{
    gap:6px;
    background:rgba(8,12,21,.96);
    backdrop-filter:blur(18px);
    -webkit-backdrop-filter:blur(18px);
  }
  .site-nav a{padding:10px 12px}
  html[data-theme='light'] .site-nav{background:rgba(247,248,250,.97)}
  .content-layout{
    width:100%;
    min-width:0;
    grid-template-columns:minmax(0,1fr);
    gap:34px;
  }
  .content-layout.single{grid-template-columns:minmax(0,1fr)}
  .content-layout > *,
  .prose,
  .comparison-wrap{
    width:100%;
    min-width:0;
    max-width:100%;
  }
  .toc{
    display:flex;
    align-items:center;
    gap:5px;
    width:100%;
    min-width:0;
    max-width:100%;
    margin-inline:0;
    overflow-x:auto;
    overscroll-behavior-inline:contain;
    padding:10px;
    scrollbar-width:none;
  }
  .toc::-webkit-scrollbar{display:none}
  .toc-title,.toc a{flex:0 0 auto}
  .toc-title{margin:0 5px 0 2px}
  .toc a{border-left:0;border-bottom:1px solid transparent;border-radius:5px}
  .toc a:hover{border-left:0;border-bottom-color:var(--sunset)}
}
@media(max-width:680px){
  .site-header-inner{min-height:72px;gap:14px}
  .site-nav{top:72px}
  .page-shell{width:min(calc(100% - 28px),var(--content))}
  .page-hero{min-height:430px;padding:88px 0 54px}
  .page-hero h1{font-size:44px;line-height:1.02}
  .page-hero p{font-size:15px}
  .content-layout{padding:48px 0 74px}
  .prose h2{font-size:24px}
  .guide-card,.review-card{padding:20px}
  .criteria-grid{grid-template-columns:1fr}
}
@media(max-width:420px){
  .page-hero h1{font-size:38px}
  .fact-grid,.guide-grid,.review-grid,.link-grid{gap:10px}
  .decision-row{grid-template-columns:78px 1fr;gap:8px}
}
@media(prefers-reduced-motion:reduce){
  .hero-copy{animation:none}
  .has-js .cosmos-reveal{opacity:1;transform:none}
}