@font-face{font-family:"Archivo";src:url("/app/static/fonts/Archivo.woff2")format("woff2");font-weight:300 700;font-stretch:75% 125%;font-display:swap}
@font-face{font-family:"Plex Mono";src:url("/app/static/fonts/IBMPlexMono.woff2")format("woff2");font-weight:400;font-display:swap}
@font-face{font-family:"Plex Mono";src:url("/app/static/fonts/IBMPlexMonoMed.woff2")format("woff2");font-weight:500;font-display:swap}

:root{
  --field:#F3F5F7; --field-raised:#FFFFFF; --horizon:#D3D9E2;
  --amber:#F5A623; --amber-ink:#8A5104; --amber-bright:#FFB735;
  --amber-wash:#FDF1DC;
  --bone:#0F1A2B; --bone-dim:#54637C;
  --median:#1D6F80; --loss:#B23B2C;
  --gut:clamp(20px,5vw,64px); --rule:1px solid var(--horizon);
  --mono:"Plex Mono",ui-monospace,monospace;
}
*,*::before,*::after{box-sizing:border-box}
html{-webkit-text-size-adjust:100%}
body{
  margin:0; background:var(--field); color:var(--bone);
  font:400 16px/1.7 "Archivo",system-ui,sans-serif;
  -webkit-font-smoothing:antialiased;
}
@media(min-width:768px){body{font-size:17px}}
::selection{background:var(--amber);color:#101A2B}
:focus-visible{outline:2px solid var(--amber);outline-offset:3px;border-radius:2px}
html{scrollbar-color:#B9C2CF var(--field)}
::-webkit-scrollbar{width:11px;height:11px}
::-webkit-scrollbar-track{background:var(--field)}
::-webkit-scrollbar-thumb{background:#B9C2CF;border:3px solid var(--field);border-radius:6px}
::-webkit-scrollbar-thumb:hover{background:#98A4B5}
a{color:inherit;text-underline-offset:.2em}
h1,h2,h3{font-weight:500;letter-spacing:-.03em;line-height:1.1;margin:0;text-wrap:balance}
p{margin:0}
.num{font-family:var(--mono);font-variant-numeric:tabular-nums;font-feature-settings:"zero"1}

.wrap{max-width:1180px;margin-inline:auto;padding-inline:var(--gut)}

.band{position:relative;border-top:var(--rule)}
.band::before{
  content:"";position:absolute;top:-1px;width:34px;height:3px;
  left:max(var(--gut), calc((100% - 1180px) / 2 + var(--gut)));
  background:var(--amber);
}
.band-inner{padding-block:clamp(56px,9vw,116px)}

.hd{position:sticky;top:0;z-index:20;background:rgba(243,245,247,.9);backdrop-filter:blur(14px);border-bottom:var(--rule)}
.hd-in{display:flex;align-items:center;gap:14px;height:66px;min-width:0}
.brand{display:flex;align-items:center;gap:11px;text-decoration:none;font-weight:500;letter-spacing:-.02em;font-size:18px}
.brand img{width:27px;height:27px;flex:none;object-fit:contain}
.brand i{font-style:normal;color:var(--amber-ink)}
.brand span{white-space:nowrap}
.nav{display:none;gap:26px;margin-left:auto;font-size:15px;color:var(--bone-dim)}
.nav a{text-decoration:none}
.nav a:hover{color:var(--bone)}
@media(min-width:900px){.nav{display:flex}}
.hd-act{display:flex;align-items:center;gap:6px;margin-left:auto;flex:none}
@media(min-width:900px){.hd-act{margin-left:10px}}
.hd-login{padding:10px 12px;font-size:15px;font-weight:500;text-decoration:none;border-radius:3px;color:var(--bone)}
.hd-login:hover{color:var(--amber-ink);text-decoration:underline}
.sprite{position:absolute;width:0;height:0;overflow:hidden}
.skip{position:absolute;left:12px;top:-60px;z-index:40;background:var(--bone);color:#fff;padding:10px 14px;border-radius:3px;text-decoration:none;font-size:14px}
.skip:focus{top:12px}

.btn{
  white-space:nowrap;
  display:inline-flex;align-items:center;gap:9px;padding:11px 20px;border-radius:3px;
  background:var(--amber);color:#101A2B;font-weight:500;font-size:15px;
  text-decoration:none;border:1px solid var(--amber);transition:background .18s ease,transform .18s ease;
}
.btn:hover{background:var(--amber-bright);border-color:var(--amber-bright)}
.btn:active{transform:translateY(1px)}
.btn svg{width:17px;height:17px}
.btn-ghost{background:var(--field-raised);color:var(--bone);border-color:#C6CEDA}
.btn-ghost:hover{background:var(--field-raised);border-color:var(--bone-dim);color:var(--bone)}
.btn-lg{padding:14px 26px;font-size:16px}
.btn-dark{background:var(--field-raised);color:var(--bone);border-color:var(--bone)}
.btn-dark:hover{background:var(--bone);border-color:var(--bone);color:#fff}

.hero{position:relative;overflow:hidden}
.hero-in{padding-block:clamp(64px,13vw,150px) clamp(44px,7vw,78px);max-width:860px}
.hero h1{font-size:clamp(1.95rem,6.4vw,4.6rem);font-weight:400}
.hero h1 b{font-weight:500;color:var(--amber-ink)}
.hero p{margin-top:26px;max-width:62ch;color:var(--bone-dim);font-size:clamp(1.02rem,2.1vw,1.2rem);line-height:1.65}
.scan{margin-top:34px;max-width:640px}
.scan label{display:block;font-weight:500;font-size:15px;margin-bottom:10px}
.scan-row{display:flex;flex-direction:column;gap:10px}
@media(min-width:560px){.scan-row{flex-direction:row}.scan input{flex:1;width:auto}}
.scan input{flex:none;width:100%;min-width:0;height:54px;padding:0 16px;font:400 17px/1 var(--mono);color:var(--bone);
  background:var(--field-raised);border:1px solid #B9C2CF;border-radius:3px;
  box-shadow:inset 0 1px 2px rgba(16,26,43,.06);transition:border-color .18s ease}
.scan input::placeholder{color:#7C8AA0;opacity:1}
.scan input:hover{border-color:var(--bone-dim)}
.scan input:focus{outline:2px solid var(--amber);outline-offset:1px;border-color:var(--amber-ink)}
.scan .btn{justify-content:center;height:54px}
.scan .btn svg{width:18px;height:18px}
.hero .scan-hint{margin-top:12px;font-size:14px;line-height:1.55}
.hero .hero-alt{display:flex;flex-wrap:wrap;gap:10px 26px;margin-top:22px;font-size:15px}
.hero-alt a{display:inline-flex;align-items:center;gap:8px;color:var(--amber-ink);font-weight:500;text-decoration:none}
.hero-alt a:hover{text-decoration:underline}
.hero-alt svg{width:16px;height:16px}
.sweep{position:absolute;inset:0;pointer-events:none;
  background:linear-gradient(105deg,transparent 42%,rgba(245,166,35,.22) 50%,transparent 58%);
  transform:translateX(-120%);animation:sweep 2.6s cubic-bezier(.16,1,.3,1) .25s both}
@keyframes sweep{to{transform:translateX(120%)}}
@media(prefers-reduced-motion:reduce){.sweep{display:none}}

.strip{display:grid;grid-template-columns:repeat(2,1fr);border-top:var(--rule)}
@media(min-width:760px){.strip{grid-template-columns:repeat(4,1fr)}}
.stat{padding:22px var(--gut) 24px;border-right:var(--rule);border-bottom:var(--rule)}
.stat:nth-child(2n){border-right:0}
@media(min-width:760px){.stat{border-bottom:0}.stat:nth-child(2n){border-right:var(--rule)}.stat:last-child{border-right:0}}
.stat b{display:block;font-family:var(--mono);font-variant-numeric:tabular-nums;font-weight:500;
  font-size:clamp(1.5rem,3.4vw,2.05rem);letter-spacing:-.02em}
.stat span{display:block;margin-top:5px;font-size:13.5px;color:var(--bone-dim)}

.sec-h{max-width:66ch}
.sec-h h2{font-size:clamp(1.65rem,3.9vw,2.6rem)}
.sec-h p{margin-top:16px;color:var(--bone-dim);line-height:1.68}

.tbl-scroll{margin-top:38px;padding:4px;overflow-x:auto;border:var(--rule);border-radius:4px;background:var(--field-raised)}
table{width:100%;border-collapse:collapse;font-size:14.5px;min-width:640px}
caption{text-align:left;padding:14px 18px;color:var(--bone-dim);font-size:13px;border-bottom:var(--rule)}
th{text-align:left;font-weight:400;font-size:12px;letter-spacing:.07em;text-transform:uppercase;
  color:var(--bone-dim);padding:12px 18px;border-bottom:var(--rule);white-space:nowrap}
td{padding:13px 18px;border-bottom:1px solid #E7EBF1;vertical-align:middle}
tr:last-child td{border-bottom:0}
tbody tr:hover{background:var(--amber-wash)}
.t-svc{font-weight:500}
.t-panels{color:var(--bone-dim);font-family:var(--mono);font-size:13px}
.t-low{color:var(--amber-ink);font-weight:500}
.t-med{color:var(--median)}
.t-save{text-align:right}
.t-save span{font-family:var(--mono);font-variant-numeric:tabular-nums;font-size:13px;
  background:var(--amber-wash);border:1px solid #E8C489;color:var(--amber-ink);
  padding:3px 8px;border-radius:2px}
.tbl-note{margin-top:16px;font-size:13.5px;color:var(--bone-dim);max-width:70ch}
/* Phones: each market row is a small card, so the median and the gap - the
   point of the table - are on screen without scrolling sideways. */
@media(max-width:639px){
  .tbl-scroll table{min-width:0}
  .tbl-scroll thead{position:absolute;width:1px;height:1px;overflow:hidden;clip:rect(0 0 0 0)}
  .tbl-scroll tbody tr{display:grid;grid-template-columns:1fr 1fr auto;gap:6px 14px;padding:14px;
    border-bottom:1px solid #E7EBF1;align-items:end}
  .tbl-scroll tbody tr:last-child{border-bottom:0}
  .tbl-scroll td{padding:0;border:0}
  .tbl-scroll .t-svc{grid-column:1/-1}
  .tbl-scroll .t-panels{display:none}
  .tbl-scroll td[data-label]::before{content:attr(data-label);display:block;font-family:var(--sans,inherit);
    font-size:11px;letter-spacing:.06em;text-transform:uppercase;color:var(--bone-dim);margin-bottom:2px}
  .tbl-scroll .t-save::before{text-align:right}
  /* The price ladder is one number per panel: on a phone it stays one line
     per panel, not a card each, or twenty panels become a scroll. */
  .tbl-ladder tbody tr{grid-template-columns:auto 1fr auto;gap:0 14px;
    align-items:baseline;padding:9px 14px}
  .tbl-ladder .t-svc{grid-column:auto;font-weight:400;font-size:13px;color:var(--bone-dim)}
  .tbl-ladder .t-low{text-align:right}
  .tbl-ladder td[data-label]::before{display:none}
}

.steps{margin-top:44px;display:grid;gap:0}
@media(min-width:900px){.steps{grid-template-columns:repeat(4,1fr)}}
.step{padding:26px 0 28px;border-top:var(--rule);position:relative}
@media(min-width:900px){.step{padding:28px 26px 30px;border-left:var(--rule)}.step:first-child{padding-left:0;border-left:0}}
.step::before{content:"";position:absolute;top:-1px;left:0;width:20px;height:3px;background:var(--amber)}
@media(min-width:900px){.step::before{left:26px}.step:first-child::before{left:0}}
.step h3{font-size:1.06rem}
.step p{margin-top:9px;color:var(--bone-dim);font-size:14.6px;line-height:1.62}

.match{margin-top:40px;display:grid;gap:14px}
@media(min-width:980px){.match{grid-template-columns:1fr auto 1fr;align-items:center;gap:30px}}
.match-src{display:grid;gap:9px}
.raw{border:var(--rule);border-radius:3px;background:var(--field-raised);padding:12px 14px;
  font-family:var(--mono);font-size:12.6px;line-height:1.5;color:var(--bone-dim);word-break:break-word}
.raw b{display:block;color:var(--bone);font-weight:400;margin-bottom:4px}
.match-arrow{display:flex;align-items:center;justify-content:center;color:#AEB8C7}
.match-arrow svg{width:30px;height:30px}
@media(max-width:979px){.match-arrow{transform:rotate(90deg)}}
.resolved{border:1px solid #E8C489;border-radius:3px;background:var(--amber-wash);padding:20px}
.resolved h3{font-size:1.12rem;color:var(--amber-ink)}
.resolved dl{margin:16px 0 0;display:grid;grid-template-columns:auto 1fr;gap:7px 16px;font-size:14px}
.resolved dt{color:var(--bone-dim)}
.resolved dd{margin:0;font-family:var(--mono);font-size:13.4px}

.plans{margin-top:42px;display:grid;gap:16px}
@media(min-width:700px){.plans{grid-template-columns:repeat(2,1fr)}}
@media(min-width:1120px){.plans{grid-template-columns:repeat(4,1fr);gap:14px}}
.plan{border:var(--rule);border-radius:3px;background:var(--field-raised);padding:26px 24px 28px;display:flex;flex-direction:column}
.plan-mid{border-color:#E8C489;box-shadow:0 6px 28px -18px rgba(16,26,43,.45)}
.plan h3{font-size:1.05rem}
.plan .price{margin-top:16px;color:var(--bone);font-family:var(--mono);font-variant-numeric:tabular-nums;
  font-size:2.3rem;font-weight:500;letter-spacing:-.03em}
.plan .price small{font-size:.92rem;font-weight:400;color:var(--bone-dim);letter-spacing:0}
.plan > p{margin-top:12px;color:var(--bone-dim);font-size:14.4px;line-height:1.6}
.plan ul{margin:20px 0 26px;padding:0;list-style:none;display:grid;gap:10px;font-size:14.4px}
.plan li{display:flex;gap:10px;align-items:flex-start;color:var(--bone-dim)}
.plan li svg{width:15px;height:15px;flex:none;margin-top:4px;color:var(--amber-ink)}
.plan-free{background:transparent;border-style:dashed;border-color:#B9C2CF}
.plan .price-alt{margin-top:6px;font-size:13px;line-height:1.5}
.plan-cta{margin-top:auto;display:grid;gap:8px}
.plan-cta .btn{justify-content:center;white-space:normal;text-align:center}
.plan-cta .btn svg{width:16px;height:16px;flex:none}
.pay-note{margin-top:22px;font-size:13.6px;color:var(--bone-dim);max-width:72ch}

.status{margin-top:36px;display:grid;gap:26px}
@media(min-width:820px){.status{grid-template-columns:1fr 1fr;gap:46px}}
.status h3{font-size:1rem;padding-bottom:12px;border-bottom:var(--rule)}
.status ul{margin:16px 0 0;padding:0;list-style:none;display:grid;gap:11px;font-size:14.8px;color:var(--bone-dim)}
.status li{display:flex;gap:11px;align-items:flex-start}
.status svg{width:15px;height:15px;flex:none;margin-top:4.5px}
.live svg{color:var(--amber-ink)}
.soon svg{color:var(--bone-dim);opacity:.65}
.status-note{margin-top:30px;display:flex;gap:11px;align-items:flex-start;max-width:72ch;
  font-size:14.4px;color:var(--bone-dim);padding-top:18px;border-top:var(--rule)}
.status-note svg{width:15px;height:15px;flex:none;margin-top:4.5px;opacity:.65}

.band-amber{background:var(--amber-wash)}
.band-amber::before{background:var(--amber-ink)}
.cta-in{padding-block:clamp(56px,9vw,104px);text-align:center}
.cta-in h2{font-size:clamp(1.6rem,3.8vw,2.45rem);max-width:22ch;margin-inline:auto}
.cta-in p{margin:16px auto 0;max-width:54ch;color:var(--bone-dim)}
.cta-act{margin-top:30px;display:flex;flex-wrap:wrap;gap:12px;justify-content:center}

.ft{border-top:var(--rule)}
.ft-in{padding-block:30px;display:flex;flex-wrap:wrap;gap:16px 28px;align-items:center;
  font-size:13.6px;color:var(--bone-dim)}
.ft-in a{text-decoration:none}
.ft-in a:hover{color:var(--bone)}
.ft-in .brand{color:var(--bone)}
.ft-links{display:flex;flex-wrap:wrap;gap:8px 22px}
.ft-sp{margin-left:auto}
@media(max-width:759px){.ft-in{flex-direction:column;align-items:flex-start}.ft-sp{margin-left:0}}
.t-empty{color:var(--bone-dim);text-align:center;padding:26px 18px}

/* legal pages */
.legal .band-inner{padding-block:clamp(40px,7vw,84px)}
.legal-in{max-width:68ch}
.legal-kicker{font-family:var(--mono);font-size:13px;color:var(--bone-dim);letter-spacing:.02em}
.legal h1{margin-top:12px;font-size:clamp(1.9rem,4.6vw,2.8rem)}
.legal .legal-lead{margin-top:18px;font-size:clamp(1.02rem,2vw,1.14rem);color:var(--bone-dim)}
.legal h2{margin-top:42px;font-size:1.22rem;padding-top:18px;border-top:var(--rule)}
.legal p{margin-top:12px}
.legal ul{margin:14px 0 0;padding-left:20px;display:grid;gap:10px}
.legal li::marker{color:var(--amber-ink)}
.legal a{color:var(--amber-ink)}
.legal b{font-weight:500}

.lbl-sm{display:inline}
.lbl-lg{display:none}
@media(min-width:560px){.lbl-sm{display:none}.lbl-lg{display:inline}}
@media(max-width:559px){.hd .btn{padding:10px 14px;font-size:14px}.hd-login{padding:10px 8px;font-size:14px}.brand{font-size:16px}.brand img{width:24px;height:24px}}

/* founding offer (pricing) */
[hidden]{display:none!important}
@media(min-width:1120px){.plans.plans-3{grid-template-columns:repeat(3,1fr)}}
.plan-founding{position:relative;border-color:var(--amber);box-shadow:0 0 0 1px var(--amber),0 6px 28px -18px rgba(16,26,43,.45)}
.plan .plan-flag{align-self:flex-start;margin:0 0 10px;padding:3px 8px;border-radius:2px;background:#FDF1DC;border:1px solid #E8C489;color:var(--amber-ink);font:500 11.5px/1.4 var(--mono);letter-spacing:.05em;text-transform:uppercase}
.founding-left{margin-top:10px;font:500 13.5px/1.4 var(--mono);color:var(--amber-ink)}
.founding-terms{margin-top:8px;font-size:12.5px;line-height:1.5;color:var(--bone-dim)}
.plan-founding .price-alt{color:var(--bone-dim)}

/* data pages: /market/, /cheapest/<product>/ and the pieces written from the
   same figures. Same bands, same rules, same amber; a page of numbers is the
   market table given room rather than a new visual language. */
.page-head{border-top:0}
.page-head .band-inner{padding-block:clamp(44px,8vw,86px) clamp(30px,5vw,54px);max-width:860px}
.kicker{font-family:var(--mono);font-size:12.5px;letter-spacing:.05em;text-transform:uppercase;color:var(--bone-dim)}
.page-head h1{margin-top:14px;font-size:clamp(1.8rem,5.2vw,3.4rem);font-weight:400;max-width:20ch}
.page-lead{margin-top:20px;max-width:64ch;color:var(--bone-dim);font-size:clamp(1rem,2vw,1.14rem);line-height:1.66}
.page-lead b{color:var(--bone);font-weight:500}
.strip-page{border-bottom:var(--rule)}
.strip-page .stat{padding-block:20px 22px}
.strip-page .stat span{line-height:1.45}
@media(min-width:760px){.strip-page .stat{border-bottom:0}}
.strip-in{margin-top:34px;border-top:var(--rule);border-left:var(--rule);border-right:var(--rule);background:var(--field-raised)}
.strip-in .stat:last-child{border-right:0}

.band .sec-h + .tbl-scroll{margin-top:38px}
.band p + p{margin-top:16px}
.band-inner > p{max-width:70ch;line-height:1.68}
.band-inner > .sec-h + p{margin-top:28px}
.page-note{margin-top:16px;font-size:14px;color:var(--bone-dim);max-width:72ch}
.tbl-more{margin-top:18px;font-size:15px}
.tbl-more a{display:inline-flex;align-items:center;gap:9px;color:var(--amber-ink);font-weight:500;text-decoration:none}
.tbl-more a:hover{text-decoration:underline}
.tbl-more svg{width:16px;height:16px;flex:none}
@media(min-width:640px){.tbl-ladder{max-width:640px}.tbl-ladder table{min-width:380px}}

.prems{margin-top:38px;display:grid;gap:14px}
@media(min-width:760px){.prems{grid-template-columns:repeat(3,1fr)}}
.prem{border:var(--rule);border-radius:3px;background:var(--field-raised);padding:22px 20px 24px}
.prem b{display:block;font-family:var(--mono);font-variant-numeric:tabular-nums;font-weight:500;
  font-size:clamp(1.7rem,3.6vw,2.2rem);letter-spacing:-.02em;color:var(--amber-ink)}
.prem h3{margin-top:8px;font-size:1.02rem}
.prem p{margin-top:9px;color:var(--bone-dim);font-size:14px;line-height:1.6}

.reads{margin-top:36px;display:grid;gap:0}
@media(min-width:900px){.reads{grid-template-columns:repeat(3,1fr)}}
.read{padding:26px 0 28px;border-top:var(--rule);position:relative;text-decoration:none;display:block}
@media(min-width:900px){.read{padding:28px 26px 30px;border-left:var(--rule)}.read:first-child{padding-left:0;border-left:0}}
.read::before{content:"";position:absolute;top:-1px;left:0;width:20px;height:3px;background:var(--amber)}
@media(min-width:900px){.read::before{left:26px}.read:first-child::before{left:0}}
.read h3{font-size:1.06rem;max-width:26ch}
.read span{display:inline-flex;align-items:center;gap:8px;margin-top:12px;font-size:14.4px;
  font-weight:500;color:var(--amber-ink)}
.read svg{width:15px;height:15px}
.read:hover h3{color:var(--amber-ink)}
.read:hover span{text-decoration:underline}

.cta-scan{max-width:760px}
.cta-scan h2{font-size:clamp(1.5rem,3.6vw,2.3rem);max-width:20ch}
.cta-scan > p{margin-top:16px;max-width:62ch;color:#5B4318}
.cta-scan .scan{margin-top:28px}
.cta-scan .scan input{border-color:#DFBC7E}
.cta-scan .scan-hint{margin-top:12px;font-size:14px;color:#5B4318}
.cta-scan .scan-hint a{color:var(--amber-ink)}
.cta-scan .btn{background:var(--bone);border-color:var(--bone);color:#fff}
.cta-scan .btn:hover{background:#1D2C44;border-color:#1D2C44}

/* The badge a supplier can paste elsewhere, and the snippet that paints it. */
.embed{margin-top:36px;display:grid;gap:16px;justify-items:start}
.embed-badge{max-width:100%;height:auto}
.embed pre{width:100%;margin:0;overflow-x:auto;border:var(--rule);border-radius:3px;
  background:var(--field-raised);padding:14px 16px}
.embed code{font:400 12.6px/1.7 var(--mono);color:var(--bone-dim);white-space:pre}

/* buyer's guides: /guides/ and /guides/<slug>/. The legal pages' reading
   column, with room for a picture, a table and the questions at the end. */
.kicker a{color:inherit;text-decoration:none}
.kicker a:hover{color:var(--amber-ink);text-decoration:underline}
.g-stamp{margin-top:18px;font-size:13.5px;color:var(--bone-dim)}
.g-band{border-top:0}
.g-band .band-inner{padding-block:0 clamp(48px,8vw,96px);max-width:860px}
.guide{max-width:72ch;font-size:clamp(1rem,1.9vw,1.07rem);line-height:1.72}
.guide > * + *{margin-top:18px}
.guide h2{margin-top:52px;font-size:clamp(1.35rem,3vw,1.75rem);line-height:1.2}
.guide h3{margin-top:30px;font-size:1.12rem;line-height:1.3}
.guide h2 + p,.guide h3 + p{margin-top:12px}
.guide a{color:var(--amber-ink)}
.guide b,.guide strong{font-weight:500}
.guide ul,.guide ol{padding-left:22px;display:grid;gap:9px}
.guide li::marker{color:var(--amber-ink)}
.guide figure{margin:34px 0 0}
.guide figure img{display:block;width:100%;height:auto;border-radius:3px;background:var(--horizon)}
.guide figcaption{margin-top:10px;font-size:13.5px;color:var(--bone-dim)}
.guide .g-hero{margin-top:0}
.guide .tbl-scroll{margin-top:26px}
.guide .tbl-scroll table{min-width:520px}
.g-note{border-left:3px solid var(--amber);background:var(--amber-wash);padding:14px 18px;border-radius:0 3px 3px 0}
.g-faq{margin-top:56px;padding-top:8px;border-top:var(--rule)}
.g-faq h3{margin-top:26px}
.g-cards{display:grid;gap:22px}
@media(min-width:760px){.g-cards{grid-template-columns:repeat(2,1fr)}}
.g-card{display:block;text-decoration:none;border:var(--rule);border-radius:3px;background:var(--field-raised);overflow:hidden}
.g-card img{display:block;width:100%;height:auto;aspect-ratio:16/9;object-fit:cover;background:var(--horizon)}
.g-card h2{margin:18px 20px 0;font-size:1.18rem;line-height:1.28}
.g-card p{margin:10px 20px 22px;font-size:14.4px;line-height:1.6;color:var(--bone-dim)}
.g-card:hover h2{color:var(--amber-ink)}
.buy-links{margin:28px 0 0;padding-left:20px;display:grid;gap:10px;max-width:70ch}
.buy-links li::marker{color:var(--amber-ink)}
.buy-links a{color:var(--amber-ink);font-weight:500}