/* ft-hidden-guard v1 */
[hidden]{display:none!important;}
:root{
  --space-xs:6px; --space-sm:18px; --space-md:21px; --space-lg:54px; --space-xl:87px;
  --card-padding-y:31px; --card-padding-x:24px; --card-gap:25px;
  --card-radius:13px; --card-border-width:1px; --card-min-height:324px; --card-min-col-width:312px;
  --btn-padding-y:16px; --btn-padding-x:23px; --btn-radius:18px; --btn-gap-from-text:28px;
  --grid-gap:18px;
  --lh-heading:1.30; --lh-body:1.56; --ls-heading:0.060em;

  --indigo-900:#0e1730;
  --indigo-800:#161f3d;
  --indigo-700:#1c2950;
  --indigo-600:#243363;
  --indigo-500:#34457b;
  --ink:#0a1226;
  --bone:#e8dfc7;
  --bone-soft:#d9cea9;
  --bone-dim:#b5ab8d;
  --rust:#c54a32;
  --rust-dim:#a23b27;
  --brass:#c79a45;
  --rivet:#3a4570;
  --rule:#5b6995;
}

*,*::before,*::after{box-sizing:border-box;min-width:0}
img,svg,video{max-width:100%;height:auto;display:block}
button,input,select,textarea{font:inherit}
[hidden]{display:none !important}

html{-webkit-text-size-adjust:100%}
body{
  margin:0;
  font-family:'Iowan Old Style','Charter','Georgia',serif;
  font-size:17px; line-height:var(--lh-body); color:var(--bone);
  background:var(--indigo-900);
  background-image:
    radial-gradient(rgba(255,255,255,0.025) 1px,transparent 1.2px),
    repeating-linear-gradient(45deg,rgba(255,255,255,0.012) 0 2px,transparent 2px 5px),
    repeating-linear-gradient(-45deg,rgba(0,0,0,0.10) 0 2px,transparent 2px 5px);
  background-size:7px 7px,auto,auto;
}

h1,h2,h3,h4{font-family:'Anton','Oswald','Arial Narrow',sans-serif;font-weight:700;line-height:var(--lh-heading);letter-spacing:var(--ls-heading);text-transform:uppercase;color:var(--bone)}
h1{font-size:clamp(40px,7vw,86px);margin:0 0 var(--space-md)}
h2{font-size:clamp(24px,3vw,36px);margin:0 0 var(--space-sm)}
h3{font-size:18px;margin:0 0 var(--space-xs);letter-spacing:0.04em}
h4{font-size:13px;margin:0 0 var(--space-xs);letter-spacing:0.12em;color:var(--bone-soft)}
p{margin:0 0 var(--space-sm)}
em{font-style:italic;color:var(--bone-dim)}
.hero__h1 em,.brand-head em{color:var(--brass);font-family:'Anton','Oswald',sans-serif;text-transform:none;font-style:normal}
a{color:var(--bone);text-decoration:underline;text-decoration-thickness:1px;text-underline-offset:3px}
a:hover{color:var(--rust)}
code{font-family:ui-monospace,monospace;font-size:0.92em;background:rgba(255,255,255,0.06);padding:1px 5px;border-radius:2px}
hr{border:0;border-top:3px solid var(--bone);margin:var(--space-md) 0;opacity:.85}
hr.hero__rule{border-top-width:4px;margin:var(--space-md) 0 var(--space-lg)}

.btn{
  display:inline-block;
  padding:var(--btn-padding-y) var(--btn-padding-x);
  border-radius:0;
  border:2px solid var(--bone);
  background:transparent;color:var(--bone);
  font-family:'Anton','Oswald',sans-serif;text-transform:uppercase;letter-spacing:0.10em;
  text-decoration:none;cursor:pointer;font-size:14px;
  transition:background .15s,color .15s;
}
.btn--solid{background:var(--bone);color:var(--indigo-900);border-color:var(--bone)}
.btn--solid:hover{background:var(--rust);color:var(--bone);border-color:var(--rust)}
.btn--ghost:hover{background:var(--bone);color:var(--indigo-900)}
.btn--lg{padding:20px 32px;font-size:15px}
.btn--sm{padding:10px 16px;font-size:12px}

.age-gate{position:fixed;inset:0;background:rgba(8,12,28,0.92);z-index:100;display:flex;align-items:center;justify-content:center;padding:var(--space-sm)}
.age-gate__panel{position:relative;max-width:520px;background:var(--indigo-700);border:2px solid var(--bone);padding:var(--space-lg) var(--space-md);text-align:center}
.age-gate__eyebrow{font-family:'Anton','Oswald',sans-serif;letter-spacing:0.18em;text-transform:uppercase;font-size:11px;color:var(--brass);margin:0 0 var(--space-sm)}
.age-gate__actions{display:flex;gap:var(--grid-gap);justify-content:center;flex-wrap:wrap;margin-top:var(--space-sm)}
.age-gate__fine{font-size:12px;color:var(--bone-dim);margin-top:var(--space-md)}

.rivet{position:absolute;width:10px;height:10px;background:radial-gradient(circle at 30% 30%,#7986b0,#2a345a 70%,#0c1228);border-radius:50%;box-shadow:inset 0 0 2px rgba(0,0,0,0.6)}
.rivet--tl{top:8px;left:8px}.rivet--tr{top:8px;right:8px}.rivet--bl{bottom:8px;left:8px}.rivet--br{bottom:8px;right:8px}

.cookie-bar{position:fixed;left:0;right:0;bottom:0;background:var(--indigo-800);border-top:3px solid var(--bone);z-index:90;padding:var(--space-sm)}
.cookie-bar__inner{max-width:1180px;margin:0 auto;display:flex;gap:var(--grid-gap);align-items:center;justify-content:space-between;flex-wrap:wrap}
.cookie-bar__inner p{margin:0;font-size:14px;flex:1 1 320px}
.cookie-bar__actions{display:flex;gap:var(--space-xs)}

.masthead{border-bottom:3px solid var(--bone);background:var(--indigo-800)}
.masthead__bar{max-width:1180px;margin:0 auto;padding:var(--space-sm) var(--space-md);display:flex;justify-content:space-between;align-items:center;gap:var(--grid-gap);flex-wrap:wrap;font-size:12px;letter-spacing:0.10em;text-transform:uppercase;color:var(--bone-soft)}
.masthead__plate{font-family:'Anton','Oswald',sans-serif;border:1px solid var(--bone-dim);padding:4px 10px}
.masthead__brand{font-family:'Anton','Oswald',sans-serif;font-size:18px;letter-spacing:0.20em;color:var(--bone)}
.masthead__brand i{font-style:italic;color:var(--bone-dim);font-family:'Iowan Old Style','Charter',Georgia,serif;text-transform:none;letter-spacing:0;margin-left:6px;font-size:13px}
.masthead__brand span{margin:0 8px;color:var(--brass)}
.masthead__age{color:var(--brass);border:1px solid var(--brass);padding:4px 10px;font-family:'Anton','Oswald',sans-serif}
.masthead__nav{max-width:1180px;margin:0 auto;padding:var(--space-xs) var(--space-md);display:flex;gap:var(--space-md);flex-wrap:wrap;border-top:1px solid var(--rule);font-family:'Anton','Oswald',sans-serif;text-transform:uppercase;letter-spacing:0.12em;font-size:13px}
.masthead__nav a{text-decoration:none;color:var(--bone)}
.masthead__nav a:hover{color:var(--rust)}

main{max-width:1180px;margin:0 auto;padding:0 var(--space-md)}

.hero{padding:var(--space-xl) 0 var(--space-lg);position:relative}
.hero--small{padding:var(--space-lg) 0}
.hero__edition{display:flex;gap:var(--space-md);flex-wrap:wrap;align-items:center;font-family:'Anton','Oswald',sans-serif;text-transform:uppercase;letter-spacing:0.18em;font-size:12px;color:var(--brass);margin-bottom:var(--space-md)}
.hero__edition-line{display:inline-block}

/* Stamp: inline in the edition row, pushed to the right */
.hero__stamp{
  margin-left:auto;
  width:110px;
  height:110px;
  border:2px solid var(--rust);
  border-radius:50%;
  display:inline-flex;
  align-items:center;
  justify-content:center;
  transform:rotate(-8deg);
  color:var(--rust);
  flex-shrink:0;
  position:relative;
}
.hero__stamp-core{
  font-family:'Anton','Oswald',sans-serif;
  text-transform:uppercase;
  letter-spacing:0.10em;
  font-size:11px;
  text-align:center;
  line-height:1.25;
}
.hero__stamp-ring{position:absolute;inset:6px;border:1px dashed var(--rust);border-radius:50%}

.hero__lede{display:grid;grid-template-columns:minmax(0,2fr) auto;gap:var(--space-md);align-items:end;max-width:900px}
.hero__lede p{font-size:18px;margin:0}

/* Mobile: stack lede CTA left-aligned */
@media (max-width:600px){
  .hero__lede{grid-template-columns:1fr}
  .hero__lede .btn{align-self:flex-start;width:auto}
}

.hero__strip{list-style:none;padding:var(--space-md) 0 0;margin:var(--space-lg) 0 0;border-top:1px solid var(--rule);display:grid;grid-template-columns:repeat(auto-fit,minmax(180px,1fr));gap:var(--space-md);grid-auto-rows:1fr;align-items:start;font-size:13px;color:var(--bone-soft);text-transform:uppercase;letter-spacing:0.10em;font-family:'Anton','Oswald',sans-serif}
.hero__strip b{display:block;color:var(--brass);font-size:17px;letter-spacing:0.06em;margin-bottom:2px}

.section-head{margin:var(--space-xl) 0 var(--space-md);padding-bottom:var(--space-sm);border-bottom:3px solid var(--bone);position:relative}
.section-head__num{position:absolute;top:0;right:0;font-family:'Anton','Oswald',sans-serif;color:var(--brass);letter-spacing:0.10em;font-size:14px}
.section-head h2{margin-bottom:var(--space-xs)}
.section-head p{font-size:15px;color:var(--bone-soft);margin:0;max-width:70ch}

.ranking{display:grid;gap:var(--card-gap)}

.card{
  position:relative;
  background:var(--indigo-700);
  border:var(--card-border-width) solid var(--rule);
  padding:var(--card-padding-y) var(--card-padding-x);
  min-height:var(--card-min-height);
  display:grid;grid-template-rows:auto 1fr auto;gap:var(--space-md);
}
.card__head{display:grid;grid-template-columns:auto 1fr auto;align-items:center;gap:var(--space-md);padding-bottom:var(--space-sm);border-bottom:1px dashed var(--rule)}

/* Narrow phone: collapse card head to single column */
@media (max-width:560px){
  .card__head{grid-template-columns:1fr;text-align:left}
  .card__score{text-align:left}
}

.card__pos{font-family:'Anton','Oswald',sans-serif;letter-spacing:0.18em;text-transform:uppercase;font-size:12px;color:var(--brass);border:1px solid var(--brass);padding:6px 10px}
.card__brand{display:flex;align-items:center;gap:var(--space-sm)}
.card__brand img{width:auto;min-height:38px;max-height:44px;max-width:160px;object-fit:contain}
.card__brand h3{margin:0;font-size:22px}
.card__score{text-align:right;font-family:'Anton','Oswald',sans-serif;color:var(--brass)}
.card__score-num{font-size:42px;display:inline-block;line-height:1}
.card__score-den{font-size:14px;color:var(--bone-dim);margin-left:2px;letter-spacing:0.08em}
.card__blurb{margin:0 0 var(--space-md);font-size:16px}
.specs{display:grid;grid-template-columns:repeat(auto-fit,minmax(220px,1fr));gap:var(--space-sm);margin:0}
.specs > div{border-left:2px solid var(--brass);padding-left:var(--space-sm)}
.specs dt{font-family:'Anton','Oswald',sans-serif;text-transform:uppercase;letter-spacing:0.10em;font-size:11px;color:var(--bone-dim);margin-bottom:2px}
.specs dd{margin:0;font-size:14px}
.specs--wide{grid-template-columns:repeat(auto-fit,minmax(260px,1fr));gap:var(--space-md)}
.card__foot{display:flex;gap:var(--space-sm);flex-wrap:wrap;padding-top:var(--btn-gap-from-text);border-top:1px solid var(--rule);margin-top:auto}

.method{margin-top:var(--space-xl)}
.pillars{list-style:none;padding:0;margin:0;display:grid;grid-template-columns:repeat(auto-fit,minmax(var(--card-min-col-width),1fr));gap:var(--grid-gap)}
.pillars li{display:grid;grid-template-columns:60px 1fr;gap:var(--space-sm);padding:var(--card-padding-y) var(--card-padding-x);background:var(--indigo-700);border:1px solid var(--rule);position:relative}
.pillars li > :nth-child(n+2){grid-column:2}
.pillars__num{grid-column:1;font-family:'Anton','Oswald',sans-serif;color:var(--brass);font-size:28px;letter-spacing:0.04em}
.pillars__body h3{margin-bottom:var(--space-xs)}
.pillars__body p{margin:0;font-size:15px;color:var(--bone-soft)}

.marco__grid{display:grid;grid-template-columns:minmax(0,2fr) minmax(220px,1fr);gap:var(--space-md)}
.marco__main p{font-size:16px}
.marco__side{background:var(--indigo-700);border:1px solid var(--rule);padding:var(--card-padding-y) var(--card-padding-x);position:relative}
.marco__side h3{margin-bottom:var(--space-sm);color:var(--brass)}
.marco__side ul{list-style:none;padding:0;margin:0 0 var(--space-sm);border-top:1px solid var(--rule)}
.marco__side li{padding:var(--space-xs) 0;border-bottom:1px solid var(--rule);font-size:14px}
.marco__side li b{font-family:'Anton','Oswald',sans-serif;letter-spacing:0.08em;color:var(--bone)}
.marco__side-foot{font-size:12px;color:var(--bone-dim);margin:0}
@media (max-width:760px){.marco__grid{grid-template-columns:1fr}}

.kyc-steps{list-style:none;padding:0;margin:0;display:grid;gap:var(--space-sm)}
.kyc-steps li{display:grid;grid-template-columns:80px 1fr;gap:var(--space-md);align-items:start;padding:var(--space-md) var(--space-md);background:var(--indigo-700);border:1px solid var(--rule)}
.kyc-steps li > :nth-child(n+2){grid-column:2}
.kyc-steps__num{grid-column:1;font-family:'Anton','Oswald',sans-serif;color:var(--brass);font-size:38px;letter-spacing:0.04em;line-height:1}
.kyc-steps__body h3{margin-bottom:var(--space-xs)}
.kyc-steps__body p{margin:0;font-size:15px;color:var(--bone-soft)}

.faq__list{display:grid;gap:var(--space-xs)}
.faq details{background:var(--indigo-700);border:1px solid var(--rule);padding:var(--space-sm) var(--space-md)}
.faq summary{cursor:pointer;font-family:'Anton','Oswald',sans-serif;text-transform:uppercase;letter-spacing:0.06em;font-size:15px;color:var(--bone);padding:var(--space-xs) 0;list-style:none;display:flex;justify-content:space-between;align-items:center;gap:var(--space-sm)}
.faq summary::-webkit-details-marker{display:none}
.faq summary::after{content:'+';font-size:24px;color:var(--brass);font-family:'Anton',sans-serif}
.faq details[open] summary::after{content:'–'}
.faq details p{margin:var(--space-sm) 0 0;font-size:15px;color:var(--bone-soft);padding-top:var(--space-sm);border-top:1px dashed var(--rule)}

.compromiso{margin-top:var(--space-xl);margin-bottom:var(--space-xl)}
.compromiso__panel{position:relative;background:var(--indigo-700);border:2px solid var(--bone);padding:var(--space-lg) var(--card-padding-x)}
.compromiso__panel h2{color:var(--brass)}
.compromiso__panel p{font-size:16px}

/* Brand subpage */
.brandpage{padding:var(--space-md) 0 var(--space-xl)}
.backlink{display:inline-block;margin-bottom:var(--space-md);font-family:'Anton','Oswald',sans-serif;text-transform:uppercase;letter-spacing:0.10em;font-size:12px;color:var(--brass);text-decoration:none}
.backlink:hover{color:var(--rust)}
.brand-head{display:grid;grid-template-columns:auto minmax(0,1fr) auto;gap:var(--space-md);align-items:end;margin-bottom:var(--space-sm);position:relative}
.brand-head__logo img{height:56px;max-width:200px;object-fit:contain}
.brand-head__score{text-align:right}
.brand-head__score p{font-size:11px;letter-spacing:0.12em;text-transform:uppercase;color:var(--bone-dim);margin:0;font-family:'Anton','Oswald',sans-serif}
.cta-main{display:block;text-align:center;margin:var(--space-md) 0}
.brand-notice{background:var(--indigo-800);border-left:4px solid var(--brass);padding:var(--space-sm) var(--card-padding-x);margin:var(--space-sm) 0 var(--space-md)}
.brand-notice p{margin:0;font-size:14px;color:var(--bone-soft)}
.brand-section{margin:var(--space-lg) 0;padding:var(--card-padding-y) 0;border-top:1px solid var(--rule)}
.brand-section h2{color:var(--brass)}
.contras{margin:0;padding-left:var(--space-md)}
.contras li{margin-bottom:var(--space-xs);font-size:15px}
.sponsored-note{font-size:12px;color:var(--bone-dim);text-align:center;margin-top:var(--space-sm)}
@media (max-width:680px){.brand-head{grid-template-columns:1fr}.brand-head__score{text-align:left}}

.actions{display:flex;gap:var(--space-sm);flex-wrap:wrap;margin:var(--space-sm) 0}

.policy{padding:var(--space-md) 0 var(--space-xl);max-width:780px;margin:0 auto}
.policy section{margin:var(--space-md) 0;padding:var(--space-sm) 0;border-top:1px solid var(--rule)}
.policy h2{font-size:18px;color:var(--brass);margin-bottom:var(--space-xs)}
.policy p{font-size:15px}

.foot{margin-top:var(--space-xl);background:var(--ink);border-top:4px solid var(--bone);padding:var(--space-lg) var(--space-md) var(--space-md)}
.foot__top{max-width:1180px;margin:0 auto;display:grid;grid-template-columns:2fr 1fr 1fr;gap:var(--space-lg);padding-bottom:var(--space-md);border-bottom:1px solid var(--rule)}
@media (max-width:760px){.foot__top{grid-template-columns:1fr}}
.foot__mast{font-family:'Anton','Oswald',sans-serif;font-size:28px;letter-spacing:0.20em;margin:0 0 var(--space-xs);color:var(--bone)}
.foot__addr{font-size:14px;margin:0 0 var(--space-xs)}
.foot__pledge{font-size:12px;color:var(--bone-dim);max-width:46ch}
.foot__nav h4{font-size:11px;letter-spacing:0.14em;color:var(--brass);margin-bottom:var(--space-sm)}
.foot__nav ul{list-style:none;padding:0;margin:0}
.foot__nav li{padding:4px 0;font-size:14px}
.foot__nav a{text-decoration:none}

.foot__regs{max-width:1180px;margin:var(--space-md) auto;padding:var(--space-md) 0;border-bottom:1px solid var(--rule)}
.foot__regs-title{font-family:'Anton','Oswald',sans-serif;text-transform:uppercase;letter-spacing:0.14em;font-size:11px;color:var(--brass);margin:0 0 var(--space-sm)}
.foot__regs-strip{display:flex;gap:var(--space-md);flex-wrap:wrap;align-items:center}
.foot__regs-strip a{display:inline-block;padding:8px 12px;background:transparent;border-radius:0;transition:background .15s}
.foot__regs-strip a:hover{background:rgba(255,255,255,0.06)}
.foot__regs-strip img{height:60px;width:auto;max-width:170px;object-fit:contain;opacity:.95;background:transparent;border:none;padding:0}

.foot__legal{max-width:1180px;margin:0 auto;padding-top:var(--space-md);font-size:12px;color:var(--bone-dim)}
.foot__legal p{margin:0 0 var(--space-xs)}
.foot__legal b{color:var(--bone);font-family:'Anton','Oswald',sans-serif;letter-spacing:0.04em;font-weight:400}
