:root{
  --accent:#704214;
  --accent-deep:#4a2a0a;
  --secondary:#A87C5A;
  --bg:#FBF6EB;
  --bg-alt:#F2EADA;
  --text:#2A1F14;
  --muted:#7A6F5F;
  --line:#2A1F14;
  --space-xs:8px;
  --space-sm:18px;
  --space-md:24px;
  --space-lg:46px;
  --space-xl:110px;
  --card-padding-y:26px;
  --card-padding-x:24px;
  --card-gap:27px;
  --card-radius:4px;
  --card-border-width:2px;
  --card-min-height:324px;
  --card-min-col-width:295px;
  --btn-padding-y:13px;
  --btn-padding-x:20px;
  --btn-radius:14px;
  --btn-gap-from-text:20px;
  --grid-gap:20px;
  --lh-heading:1.27;
  --lh-body:1.65;
  --ls-heading:0.030em;
}

*,*::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;}

html{scroll-behavior:smooth;}
body{
  margin:0;
  background:var(--bg);
  color:var(--text);
  font-family:'Inter',system-ui,sans-serif;
  font-size:15.5px;
  line-height:var(--lh-body);
  -webkit-font-smoothing:antialiased;
}

h1,h2,h3,h4{
  font-family:'Archivo',sans-serif;
  font-weight:800;
  line-height:var(--lh-heading);
  letter-spacing:var(--ls-heading);
  margin:0 0 var(--space-sm);
  font-stretch:expanded;
}
h1{font-size:clamp(2rem,4.6vw,3.4rem);font-weight:900;}
h2{font-size:clamp(1.6rem,3vw,2.3rem);}
h3{font-size:1.15rem;}
p{margin:0 0 var(--space-sm);}
a{color:var(--accent);text-decoration:underline;text-decoration-thickness:1px;text-underline-offset:3px;}
a:hover{color:var(--accent-deep);}
strong{font-weight:700;color:var(--text);}
ul,ol{margin:0 0 var(--space-sm);padding-left:1.2em;}
li{margin-bottom:6px;}

.wrap{max-width:1180px;margin:0 auto;padding:0 24px;}

.outline{
  -webkit-text-stroke:1.5px var(--text);
  color:transparent;
  font-weight:900;
}
.hero__title.outline{-webkit-text-stroke:2px var(--bg);color:transparent;}

.eyebrow{
  font-family:'JetBrains Mono',monospace;
  font-size:.78rem;
  letter-spacing:.14em;
  text-transform:uppercase;
  color:var(--accent);
  margin-bottom:var(--space-xs);
}

.btn{
  display:inline-block;
  padding:var(--btn-padding-y) var(--btn-padding-x);
  border-radius:var(--btn-radius);
  font-weight:700;
  text-decoration:none;
  border:2px solid transparent;
  cursor:pointer;
  transition:transform .12s ease, box-shadow .12s ease;
  font-size:.95rem;
}
.btn--primary{background:var(--accent);color:var(--bg);box-shadow:4px 4px 0 var(--text);}
.btn--primary:hover{transform:translate(-2px,-2px);box-shadow:6px 6px 0 var(--text);color:var(--bg);}
.btn--ghost{background:transparent;color:var(--text);border-color:var(--text);}
.btn--ghost:hover{background:var(--text);color:var(--bg);}
.btn--text{background:transparent;color:var(--accent);padding:var(--btn-padding-y) 4px;border-radius:0;font-weight:600;}
.btn--text:hover{color:var(--accent-deep);}
.btn--lg{font-size:1.05rem;padding:16px 28px;}
.btn--sm{padding:8px 14px;font-size:.85rem;}

.chip{
  display:inline-block;
  padding:4px 10px;
  border:1.5px solid var(--text);
  font-family:'JetBrains Mono',monospace;
  font-size:.72rem;
  letter-spacing:.08em;
  text-transform:uppercase;
  font-weight:600;
}
.chip--age{background:var(--accent);color:var(--bg);border-color:var(--accent);}
.chip--reg{background:transparent;}

/* HEADER */
.site-header{
  background:var(--bg);
  border-bottom:2px solid var(--text);
  position:sticky;
  top:0;
  z-index:50;
}
.site-header__inner{display:flex;align-items:center;justify-content:space-between;padding:14px 24px;gap:16px;flex-wrap:wrap;}
.brand{display:inline-flex;align-items:center;gap:10px;text-decoration:none;color:var(--text);font-family:'Archivo',sans-serif;font-weight:800;font-size:1.15rem;letter-spacing:.02em;}
.brand__mark{display:inline-grid;place-items:center;width:36px;height:36px;background:var(--accent);color:var(--bg);font-weight:900;border-radius:2px;}
.brand__word strong{color:var(--accent);}
.site-header__meta{display:flex;align-items:center;gap:10px;flex-wrap:wrap;}

/* HERO */
.hero{
  position:relative;
  min-height:520px;
  display:grid;
  padding:var(--space-lg) 24px var(--space-xl);
  overflow:hidden;
  isolation:isolate;
}
.hero__bg{
  position:absolute;inset:0;z-index:-2;
  background:
    linear-gradient(135deg,#FBF6EB 0%,#A87C5A 55%,#704214 100%);
}
.hero::before{
  content:"";position:absolute;inset:0;z-index:-1;
  background-image:url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' width='60' height='60' viewBox='0 0 60 60'><g fill='none' stroke='%232A1F14' stroke-width='0.6' opacity='0.18'><path d='M0 30 L60 30'/><path d='M30 0 L30 60'/><path d='M0 0 L60 60'/><path d='M60 0 L0 60'/></g></svg>");
  background-size:60px 60px;
  opacity:.55;
}
.hero__chips{
  position:absolute;top:24px;right:24px;
  display:flex;gap:8px;flex-wrap:wrap;justify-content:flex-end;
  max-width:60%;
}
.hero-chip{
  background:transparent;
  border:1.5px solid var(--bg);
  color:var(--bg);
  padding:6px 12px;
  font-family:'JetBrains Mono',monospace;
  font-size:.75rem;
  letter-spacing:.08em;
  text-transform:uppercase;
}
.hero__panel{
  align-self:end;
  background:var(--accent);
  color:var(--bg);
  padding:36px 36px 40px;
  max-width:680px;
  width:100%;
  box-shadow:10px 10px 0 rgba(42,31,20,.35);
  margin-top:auto;
}
.hero__kicker{
  font-family:'JetBrains Mono',monospace;
  font-size:.78rem;
  letter-spacing:.14em;
  text-transform:uppercase;
  margin-bottom:var(--space-sm);
  opacity:.85;
}
.hero__title{margin-bottom:var(--space-sm);}
.hero__sub{font-size:1.15rem;opacity:.9;margin-bottom:var(--btn-gap-from-text);}

/* TOC */
.toc{
  background:var(--text);
  color:var(--bg);
  padding:18px 0;
  border-bottom:2px solid var(--text);
}
.toc__label{
  font-family:'JetBrains Mono',monospace;
  font-size:.72rem;
  letter-spacing:.18em;
  text-transform:uppercase;
  margin:0 0 8px;
  opacity:.6;
}
.toc__list{
  list-style:none;
  padding:0;margin:0;
  display:flex;flex-wrap:wrap;gap:6px 22px;
}
.toc__list a{
  color:var(--bg);text-decoration:none;
  font-family:'Archivo',sans-serif;font-weight:600;
  font-size:.92rem;
  display:inline-flex;align-items:baseline;gap:8px;
  padding:4px 0;
  border-bottom:1.5px solid transparent;
}
.toc__list a span{font-family:'JetBrains Mono',monospace;font-size:.7rem;opacity:.5;}
.toc__list a:hover{border-color:var(--secondary);color:var(--secondary);}

/* SECTIONS */
.section{padding:var(--space-xl) 0;}
.section--alt{background:var(--bg-alt);}
.section__head{max-width:780px;margin-bottom:var(--space-lg);}
.section__title{margin-bottom:var(--space-sm);}
.section__lede{color:var(--muted);font-size:1.05rem;}

/* CARDS */
.cards{
  display:grid;
  grid-template-columns:repeat(auto-fit,minmax(var(--card-min-col-width),1fr));
  gap:var(--card-gap);
}
.card{
  display:flex;flex-direction:column;
  gap: var(--card-gap);
  min-height:var(--card-min-height);
  background:var(--bg);
  border:var(--card-border-width) solid var(--text);
  border-radius:var(--card-radius);
  padding:var(--card-padding-y) var(--card-padding-x);
  box-shadow:6px 6px 0 var(--text);
  transition:transform .15s ease, box-shadow .15s ease;
}
.card:hover{transform:translate(-2px,-2px);box-shadow:8px 8px 0 var(--text);}
.card__head{display:grid;grid-template-columns:auto 1fr auto;gap:14px;align-items:center;margin-bottom:var(--space-sm);}
.card__rank{
  font-family:'Archivo',sans-serif;font-weight:900;font-size:1.6rem;
  color:var(--accent);
  -webkit-text-stroke:1.2px var(--accent);
  font-style:italic;
}
.card__brand{display:flex;flex-direction:column;gap:4px;}
.card__logo{min-height:28px;width:auto;object-fit:contain;}
.card__brand h3{margin:0;font-size:1.05rem;}
.card__rating{text-align:right;line-height:1;}
.card__rating-num{font-family:'Archivo',sans-serif;font-weight:900;font-size:1.7rem;color:var(--accent);}
.card__rating-den{font-size:.85rem;color:var(--muted);margin-left:2px;}
.card__rating-label{display:block;font-family:'JetBrains Mono',monospace;font-size:.6rem;letter-spacing:.1em;text-transform:uppercase;color:var(--muted);margin-top:4px;}
.card__blurb{font-size:.95rem;margin-bottom:var(--space-sm);}
.card__features{list-style:none;padding:0;margin:0 0 var(--space-sm);display:flex;flex-wrap:wrap;gap:6px;}
.card__features li{
  background:var(--bg-alt);
  border:1px solid var(--text);
  padding:3px 9px;
  font-size:.78rem;
  font-family:'JetBrains Mono',monospace;
}
.card__pay{font-size:.85rem;color:var(--muted);margin-bottom:var(--space-sm);}
.card__meta{display:flex;flex-direction:column;gap:6px;margin-bottom:var(--btn-gap-from-text);}
.tag{
  display:inline-block;
  background:var(--accent);color:var(--bg);
  padding:4px 10px;
  font-family:'JetBrains Mono',monospace;
  font-size:.7rem;letter-spacing:.06em;
  align-self:flex-start;
}
.timestamp{
  font-family:'JetBrains Mono',monospace;
  font-size:.72rem;color:var(--muted);
}
.timestamp::before{content:"●";color:#3a8a3a;margin-right:6px;font-size:.6rem;vertical-align:middle;animation:pulse 1.4s infinite;}
@keyframes pulse{0%,100%{opacity:1}50%{opacity:.3}}
.card__cta{margin-top:auto;display:flex;align-items:center;gap:14px;flex-wrap:wrap;}

/* TRUST STRIP */
.trust-strip{display:grid;grid-template-columns:repeat(auto-fit,minmax(220px,1fr));gap:var(--grid-gap);}
.trust-strip__item{
  border-left:3px solid var(--accent);
  padding-left:var(--space-sm);
}
.trust-strip__num{font-family:'Archivo',sans-serif;font-weight:900;font-size:2.6rem;line-height:1;color:var(--accent);margin:0 0 4px;letter-spacing:-.02em;}
.trust-strip__label{font-weight:700;font-size:1rem;margin:0 0 4px;}
.trust-strip__sub{color:var(--muted);font-size:.85rem;margin:0;}

/* TWO COL */
.two-col{display:grid;grid-template-columns:1fr;gap:var(--space-lg);}
@media (min-width:760px){.two-col{grid-template-columns:1fr 1.6fr;gap:var(--space-xl);}}
.two-col h2{margin-top:8px;}

/* METHOD */
.method{list-style:none;padding:0;margin:0;display:flex;flex-direction:column;gap:var(--space-md);}
.method li{
  display:grid;
  grid-template-columns:auto 1fr;
  gap:var(--space-md);
  align-items:start;
  padding:var(--space-md) 0;
  border-top:1.5px solid var(--text);
}
.method li:last-child{border-bottom:1.5px solid var(--text);}
.method__num{
  font-family:'Archivo',sans-serif;font-weight:900;
  font-size:2.4rem;color:var(--accent);
  -webkit-text-stroke:1.5px var(--accent);color:transparent;
  line-height:1;
}
.method__body h3{margin:0 0 6px;font-size:1.2rem;}
.method__body p{margin:0;color:var(--text);}

/* KYC list */
.kyc-list{list-style:none;padding:0;}
.kyc-list li{
  padding:10px 0 10px 28px;
  border-bottom:1px solid var(--secondary);
  position:relative;
}
.kyc-list li::before{
  content:"✓";position:absolute;left:0;top:10px;
  color:var(--accent);font-weight:900;
  font-family:'Archivo',sans-serif;
}

/* FAQ */
.faq{display:grid;grid-template-columns:repeat(auto-fit,minmax(330px,1fr));gap:var(--space-md) var(--space-lg);}
.faq__item{padding:var(--space-sm) 0;border-top:1.5px solid var(--text);}
.faq__q{font-family:'Archivo',sans-serif;font-weight:800;font-size:1.05rem;color:var(--accent);margin:0 0 8px;}
.faq__a{margin:0;font-size:.95rem;}

/* COMMIT */
.commit{max-width:820px;}
.commit__list{list-style:none;padding:0;display:grid;gap:var(--space-sm);}
.commit__list li{padding:var(--space-sm);background:var(--bg-alt);border-left:3px solid var(--accent);}
.commit__contact{margin-top:var(--space-md);font-family:'JetBrains Mono',monospace;font-size:.9rem;}

/* FOOTER */
.site-footer{
  background:var(--text);
  color:var(--bg);
  padding:var(--space-lg) 0 var(--space-md);
  margin-top:var(--space-lg);
}
.site-footer a{color:var(--bg);}
.site-footer__lead{
  font-family:'Archivo',sans-serif;
  font-weight:800;
  font-size:1.4rem;
  margin-bottom:var(--space-lg);
  -webkit-text-stroke:1.2px var(--bg);color:transparent;
}
.site-footer__strip{
  display:grid;
  grid-template-columns:repeat(auto-fit,minmax(200px,1fr));
  gap:var(--space-lg);
  padding-bottom:var(--space-lg);
  border-bottom:1px solid rgba(251,246,235,.2);
}
.site-footer__col--brand{grid-column:span 1;}
@media (min-width:900px){.site-footer__col--brand{grid-column:span 1;}}
.brand--footer{font-family:'Archivo',sans-serif;font-weight:800;font-size:1.1rem;margin-bottom:var(--space-sm);}
.brand--footer .brand__mark{background:var(--accent);}
.site-footer__h{font-family:'JetBrains Mono',monospace;font-size:.75rem;letter-spacing:.14em;text-transform:uppercase;color:var(--secondary);margin-bottom:var(--space-sm);}
.site-footer ul{list-style:none;padding:0;margin:0;}
.site-footer ul li{margin-bottom:8px;}
.site-footer__addr{font-size:.88rem;opacity:.85;}
.site-footer__updated{font-family:'JetBrains Mono',monospace;font-size:.78rem;color:var(--secondary);margin-top:var(--space-sm);}

.regulators{display:flex;flex-wrap:wrap;gap:10px;align-items:center;}
.regulators a{
  display:inline-flex;align-items:center;justify-content:center;
  padding:8px;
  background:transparent;
  border:none;
  transition:background .15s ease;
}
.regulators a:hover{background:rgba(255,255,255,.06);}
.regulators img{
  max-height:56px;width:auto;
  background:transparent;padding:0;border:none;
  filter:brightness(1.05);
  opacity:.95;
}

.site-footer__legal{
  padding-top:var(--space-md);
  font-size:.85rem;
  color:rgba(251,246,235,.85);
}
.site-footer__legal strong{color:var(--bg);}
.site-footer__copy{margin-top:var(--space-sm);font-family:'JetBrains Mono',monospace;font-size:.78rem;color:var(--secondary);}

/* AGE MODAL */
.age-modal{
  position:fixed;inset:0;
  background:rgba(42,31,20,.92);
  z-index:1000;
  display:flex;align-items:center;justify-content:center;
  padding:24px;
}
.age-modal[hidden]{display:none;}
.age-modal__inner{
  background:var(--bg);
  max-width:520px;width:100%;
  padding:36px;
  border:2px solid var(--text);
  box-shadow:10px 10px 0 var(--accent);
  text-align:center;
}
.age-modal__mark{
  display:inline-block;
  background:var(--accent);color:var(--bg);
  padding:6px 16px;
  font-family:'Archivo',sans-serif;font-weight:900;font-size:1.1rem;
  margin-bottom:var(--space-sm);
}
.age-modal h2{margin-bottom:var(--space-sm);}
.age-modal__buttons{display:flex;gap:12px;justify-content:center;flex-wrap:wrap;margin:var(--space-md) 0;}
.age-modal__legal{font-size:.78rem;color:var(--muted);margin-top:var(--space-sm);}

/* COOKIE BANNER */
.cookie-banner{
  position:fixed;left:24px;right:24px;bottom:24px;
  background:var(--text);color:var(--bg);
  padding:18px 22px;
  border:2px solid var(--accent);
  z-index:900;
  display:flex;flex-direction:column;gap:12px;
  max-width:540px;
  box-shadow:8px 8px 0 var(--accent);
}
.cookie-banner[hidden]{display:none;}
.cookie-banner p{margin:0;font-size:.88rem;}
.cookie-banner a{color:var(--secondary);}
.cookie-banner__buttons{display:flex;gap:10px;}

/* BRAND PAGE */
.brand-page__hero{
  background:var(--bg-alt);
  padding:var(--space-lg) 0;
  border-bottom:2px solid var(--text);
}
.brand-page__head{display:flex;align-items:center;gap:24px;flex-wrap:wrap;margin-bottom:var(--space-md);}
.brand-page__logo{height:60px;width:auto;}
.brand-page__rating{display:inline-flex;align-items:baseline;gap:6px;background:var(--accent);color:var(--bg);padding:8px 16px;margin-left:auto;}
.brand-page__rating .num{font-family:'Archivo',sans-serif;font-weight:900;font-size:1.6rem;}
.brand-page__back{display:inline-block;margin-top:var(--space-md);font-family:'JetBrains Mono',monospace;font-size:.85rem;}

.fact-table{
  width:100%;
  border-collapse:collapse;
  margin:var(--space-md) 0;
  border:2px solid var(--text);
}
.fact-table th,.fact-table td{
  padding:12px 14px;
  text-align:left;
  border-bottom:1px solid var(--text);
  vertical-align:top;
}
.fact-table th{
  background:var(--accent);color:var(--bg);
  font-family:'Archivo',sans-serif;font-weight:700;
  width:38%;
  font-size:.92rem;
}
.fact-table tr:last-child th,.fact-table tr:last-child td{border-bottom:none;}

.cons{background:var(--bg-alt);padding:var(--space-md);border-left:3px solid var(--accent);}
.cons h3{margin-top:0;}

.cta-box{
  margin:var(--space-lg) 0;
  padding:var(--space-md);
  background:var(--accent);color:var(--bg);
  text-align:center;
}
.cta-box .btn{margin-top:12px;background:var(--bg);color:var(--accent);border-color:var(--bg);box-shadow:4px 4px 0 var(--accent-deep);}
.cta-box .btn:hover{background:var(--text);color:var(--bg);box-shadow:6px 6px 0 var(--accent-deep);}
.cta-box small{display:block;margin-top:10px;opacity:.85;font-family:'JetBrains Mono',monospace;font-size:.78rem;}

/* POLICY PAGES */
.policy{max-width:780px;margin:0 auto;padding:var(--space-lg) 24px;}
.policy h2{margin-top:var(--space-lg);font-size:1.4rem;}
.policy h3{margin-top:var(--space-md);}
.policy p,.policy li{font-size:.96rem;}
.policy time{font-family:'JetBrains Mono',monospace;font-size:.85rem;color:var(--muted);}

/* NOTFOUND */
.notfound{max-width:680px;text-align:left;padding:var(--space-lg) 0;}
.notfound h1{margin-bottom:var(--space-md);}
.notfound__legal{margin-top:var(--space-lg);font-size:.85rem;color:var(--muted);}

@media (max-width: 1000px) {
  .hero__chips {
    position: static;
    justify-content: flex-start;
    max-width: 100%;
    margin-bottom: var(--space-md);
  }
}

@media (max-width:640px){
  .hero{min-height:auto;padding:var(--space-md) 16px var(--space-lg);}
  .hero__panel{padding:24px;}
  .section{padding:var(--space-lg) 0;}
  .card__head{grid-template-columns:auto 1fr;gap:10px;}
  .card__rating{grid-column:1 / -1;text-align:left;display:flex;align-items:baseline;gap:4px;flex-wrap:wrap;}
  .card__rating-label{margin-top:0;margin-left:8px;}
}