/* futcoins.gg · Card Show
   A card-show display case: light felt, card stock, graded slabs with red labels, one royal-blue accent.
   Anybody (wide display and numbers), Hanken Grotesk (text), Martian Mono (labels). Light theme only by design. */
:root{
  color-scheme: light;
  --felt:#E3E7EE; --felt-dot:#D2D8E1; --stock:#FFFFFF; --stock-2:#F3F5F9; --ink:#0E1320; --ink-2:#4A5365; --rule:#C2C9D5;
  --royal:#1D3ED4; --royal-deep:#122A99; --label:#C3222D; --gold:#E8BC4A; --on-ink:#E9ECF2; --ink-soft:#8E97A8;
  --f-display:"Anybody","Arial Black",system-ui,sans-serif;
  --f-body:"Hanken Grotesk",system-ui,-apple-system,"Segoe UI",Roboto,sans-serif;
  --f-label:"Martian Mono",ui-monospace,SFMono-Regular,Menlo,Consolas,monospace;
}
*,*::before,*::after{box-sizing:border-box}
html{scroll-behavior:smooth;-webkit-text-size-adjust:100%}
@media (prefers-reduced-motion:reduce){html{scroll-behavior:auto}*,*::before,*::after{animation:none!important;transition:none!important}}
body{margin:0;background-color:var(--felt);background-image:radial-gradient(var(--felt-dot) 1px,transparent 1.3px);background-size:7px 7px;color:var(--ink);font:16px/1.6 var(--f-body)}
img{max-width:100%;height:auto;display:block}
a{color:var(--royal)}
a:hover{color:var(--royal-deep)}
:focus-visible{outline:3px solid var(--royal);outline-offset:2px}
button{font:inherit;color:inherit}
.skip{position:absolute;left:-999px;top:8px;background:var(--ink);color:#fff;padding:10px 14px;border-radius:8px;z-index:50}
.skip:focus{left:8px}
.sr{position:absolute;width:1px;height:1px;overflow:hidden;clip:rect(0 0 0 0);white-space:nowrap}
.wrap{max-width:1160px;margin-inline:auto;padding-inline:20px}
.wrap-text{max-width:760px;margin-inline:auto;padding-inline:20px}
h1,h2,h3{font-family:var(--f-display);text-wrap:balance;line-height:1.04;margin:0;letter-spacing:-.015em}
.eyebrow{font:600 .7rem/1.3 var(--f-label);font-stretch:87.5%;letter-spacing:.14em;text-transform:uppercase;color:var(--ink-2);margin:0}
.num{font-variant-numeric:tabular-nums}
.muted{color:var(--ink-2)}
.btn{display:inline-flex;align-items:center;justify-content:center;gap:8px;border:0;cursor:pointer;background:var(--royal);color:#fff;font:700 1rem/1.1 var(--f-body);padding:15px 20px;border-radius:10px;text-decoration:none;text-align:center}
.btn:hover{background:var(--royal-deep);color:#fff}
.btn-sm{padding:10px 14px;font-size:.9rem}
.btn-line{background:var(--stock);color:var(--ink);box-shadow:inset 0 0 0 2px var(--ink)}
.btn-line:hover{background:var(--stock-2);color:var(--ink)}
.btn-block{width:100%}

/* ---------- header ---------- */
.top{position:sticky;top:env(safe-area-inset-top,0px);z-index:20;background:rgba(243,245,249,.9);backdrop-filter:blur(8px);-webkit-backdrop-filter:blur(8px);border-bottom:1px solid var(--rule)}
.top-row{display:flex;align-items:center;gap:18px;padding-block:11px}
.logo{display:flex;align-items:center;gap:10px;text-decoration:none;color:var(--ink);font:850 1.2rem/1 var(--f-display);font-stretch:125%;letter-spacing:-.02em;white-space:nowrap}
.logo:hover{color:var(--ink)}
.logo-mark{width:22px;height:30px;flex:none}
.logo b{color:var(--royal);font-weight:850}
.nav{display:flex;align-items:center;gap:2px;margin-left:auto}
.nav > a,.nav summary{color:var(--ink);text-decoration:none;font-weight:600;font-size:.92rem;padding:8px 10px;border-radius:8px;cursor:pointer;list-style:none;display:flex;align-items:center;gap:6px}
.nav summary::-webkit-details-marker{display:none}
.nav summary::after{content:"";width:7px;height:7px;border-right:2px solid currentColor;border-bottom:2px solid currentColor;transform:translateY(-2px) rotate(45deg)}
.nav > a:hover,.nav summary:hover,.nav [aria-current="page"]{background:var(--stock)}
.drop{position:relative}
.drop-menu{position:absolute;top:calc(100% + 8px);left:0;min-width:230px;background:var(--stock);border:1px solid var(--rule);border-radius:12px;padding:8px;box-shadow:0 22px 40px -24px rgba(14,19,32,.45);display:grid;gap:2px}
.drop-menu a{display:flex;justify-content:space-between;gap:12px;color:var(--ink);text-decoration:none;padding:9px 10px;border-radius:8px;font-weight:600;font-size:.92rem}
.drop-menu a small{font:500 .68rem var(--f-label);color:var(--ink-2);letter-spacing:.03em}
.drop-menu a:hover{background:var(--stock-2)}
.top-cta{display:flex;align-items:center;gap:10px}
.burger{display:none;width:44px;height:44px;border-radius:10px;border:1.5px solid var(--ink);background:var(--stock);cursor:pointer;align-items:center;justify-content:center}
.burger span,.burger span::before,.burger span::after{display:block;width:18px;height:2px;background:var(--ink);position:relative;content:""}
.burger span::before{position:absolute;top:-6px}
.burger span::after{position:absolute;top:6px}
.mnav{border-top:1px solid var(--rule);background:var(--stock)}
.mnav-in{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:4px 16px;padding-block:14px 18px}
.mnav a{color:var(--ink);text-decoration:none;font-weight:600;padding:9px 0;border-bottom:1px dashed var(--rule)}
.mnav .mnav-h{grid-column:1/-1;margin-top:8px}
@media (max-width:980px){.nav{display:none}.burger{display:inline-flex}.top-cta{margin-left:auto}}
@media (max-width:420px){.top-cta .btn{display:none}}

/* ---------- crumbs ---------- */
.crumbs{font:500 .74rem/1.4 var(--f-label);color:var(--ink-2);padding-top:18px}
.crumbs a{color:var(--ink-2)}
.crumbs span[aria-hidden]{margin:0 6px}

/* ---------- sections ---------- */
.sec{padding-block:52px}
.sec-tight{padding-block:24px}
.sec-head{display:flex;flex-wrap:wrap;justify-content:space-between;align-items:flex-end;gap:12px 28px;margin-bottom:24px}
.sec-head h2{font-size:clamp(1.7rem,3.5vw,2.6rem);font-weight:850;font-stretch:118%;margin-top:8px}
.sec-head p{margin:0;max-width:52ch;color:var(--ink-2)}
.band{background:var(--stock);border-block:1px solid var(--rule)}

/* ---------- hero ---------- */
.hero{padding-block:34px 26px}
.hero-grid{display:grid;grid-template-columns:minmax(0,1.08fr) minmax(0,.92fr);gap:46px;align-items:center}
.hero-grid:has(> .hero-copy){grid-template-columns:minmax(0,560px) minmax(0,1fr);grid-template-areas:"copy copy" "order stage";row-gap:6px;align-items:center}
.hero-copy{grid-area:copy}.hero-copy .lead{max-width:64ch}
.hero-grid:has(> .hero-copy) > .order{grid-area:order}.hero-grid:has(> .hero-copy) > .stage{grid-area:stage}
.hero-grid:has(> .hero-copy) > .stage .slab{width:min(100%,372px)}
.hero h1{font-size:clamp(2.3rem,5.4vw,4.3rem);font-weight:880;font-stretch:122%;margin-top:12px}
.hero h1 em,.page-head h1 em{font-style:normal;color:var(--royal)}
.lead{font-size:1.12rem;color:var(--ink-2);max-width:58ch;margin:16px 0 24px}
.lead b{color:var(--ink)}
.page-head{padding-block:26px 8px}
.page-head h1{font-size:clamp(2.1rem,4.8vw,3.7rem);font-weight:880;font-stretch:120%;margin-top:10px}
.page-head .lead{margin-bottom:6px}
@media (max-width:920px){.hero-grid{grid-template-columns:minmax(0,1fr);gap:28px}.hero-grid:has(> .hero-copy){grid-template-columns:minmax(0,1fr);grid-template-areas:"copy" "order" "stage"}}

/* ---------- order card (calculator) ---------- */
.order{background:var(--stock);border:1px solid var(--rule);border-radius:16px;padding:20px;box-shadow:0 26px 44px -30px rgba(14,19,32,.5);max-width:560px}
.order-head{display:flex;justify-content:space-between;align-items:baseline;gap:12px;margin-bottom:12px}
.seg{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:6px;background:var(--stock-2);padding:5px;border-radius:12px}
.seg button{border:0;background:transparent;border-radius:9px;padding:10px 6px;font-weight:700;font-size:.92rem;line-height:1.15;color:var(--ink-2);cursor:pointer}
.seg button small{display:block;font:500 .64rem/1.25 var(--f-label);font-stretch:80%;letter-spacing:.03em;margin-top:4px}
.seg button[aria-checked="true"]{background:var(--stock);color:var(--ink);box-shadow:inset 0 0 0 2px var(--ink),0 2px 6px rgba(14,19,32,.12)}
.chips{display:flex;flex-wrap:wrap;gap:8px;margin:16px 0 12px}
.chips button,.chips a{border:1.5px solid var(--rule);background:var(--stock);border-radius:999px;padding:8px 13px;font:600 .84rem/1 var(--f-label);font-stretch:85%;cursor:pointer;color:var(--ink);text-decoration:none}
.chips [aria-pressed="true"]{border-color:var(--ink);background:var(--ink);color:#fff}
.amount-field{display:flex;align-items:center;gap:10px;border:2px solid var(--ink);border-radius:12px;padding:6px 14px;background:var(--stock)}
.amount-field:focus-within{outline:3px solid var(--royal);outline-offset:2px}
.amount-field input{flex:1;min-width:0;border:0;outline:0;background:transparent;font:850 1.7rem/1.15 var(--f-display);font-stretch:112%;color:var(--ink);font-variant-numeric:tabular-nums;padding:4px 0}
.amount-field span{font:600 .78rem var(--f-label);color:var(--ink-2)}
.range{display:grid;gap:4px;margin-top:12px}
.range input{width:100%;accent-color:var(--royal)}
.range-ends{display:flex;justify-content:space-between;font:500 .7rem var(--f-label);color:var(--ink-2)}
.hint{font-size:.8rem;color:var(--ink-2);margin:8px 0 0;min-height:1.3em}
.hint.err{color:var(--label);font-weight:600}
.total{display:flex;justify-content:space-between;align-items:flex-end;gap:12px;border-top:1px dashed var(--rule);margin-top:14px;padding-top:14px}
.total-amt{font:850 2.3rem/1 var(--f-display);font-stretch:115%;margin-top:4px}
.total-side{font:600 .82rem/1.4 var(--f-label);font-stretch:85%;color:var(--ink-2);text-align:right}
.order .btn{width:100%;margin-top:14px;padding:17px}
.paynote{font-size:.82rem;color:var(--ink-2);margin:10px 0 0}

/* ---------- slab + card ---------- */
.stage{display:grid;justify-items:center;gap:12px}
.stage-cap{font:500 .72rem var(--f-label);color:var(--ink-2);margin:0;text-align:center}
.slab{display:block;width:min(100%,330px);border-radius:16px;padding:12px 12px 16px;background:linear-gradient(155deg,rgba(255,255,255,.96),rgba(212,219,231,.8));border:1px solid #A7B0C0;box-shadow:inset 0 0 0 5px rgba(255,255,255,.75),inset 0 0 0 6px #CBD2DD,0 30px 50px -30px rgba(14,19,32,.6);color:var(--ink);text-decoration:none;transform:perspective(900px) rotateX(var(--rx,0deg)) rotateY(var(--ry,0deg));transition:transform .25s ease}
a.slab:hover{color:var(--ink);transform:translateY(-3px)}
.slab-label{display:flex;justify-content:space-between;align-items:flex-end;gap:10px;background:var(--stock);border:2px solid var(--label);border-radius:6px;padding:7px 9px;font:600 .64rem/1.4 var(--f-label);font-stretch:80%;text-transform:uppercase;letter-spacing:.03em;margin-bottom:12px}
.slab-label b{display:block;font-weight:700}
.slab-label > span{display:block;min-width:0}
.slab-label .r{text-align:right;flex:none}
.slab-price{display:block;font:850 1.1rem/1.15 var(--f-display);font-stretch:110%;color:var(--label);letter-spacing:0;text-transform:none;white-space:nowrap}
.well{display:block;background:rgba(255,255,255,.55);border-radius:9px;padding:9px;box-shadow:inset 0 1px 5px rgba(14,19,32,.2)}
.card{position:relative;container-type:inline-size;display:block;width:100%;aspect-ratio:5/7;border-radius:9px;overflow:hidden}
.card-in{position:absolute;inset:0;display:flex;flex-direction:column;padding:6.5cqw 6.5cqw 5.5cqw;background:var(--cbg);color:var(--cfg);box-shadow:inset 0 0 0 1.5cqw var(--cframe),inset 0 0 0 2cqw rgba(0,0,0,.16)}
.c-head{display:flex;justify-content:space-between;align-items:flex-start;gap:2cqw}
.c-rate{display:block;padding:1.6cqw 1.6cqw .6cqw}
.c-rate b{display:block;font-family:var(--f-display);font-weight:900;font-stretch:118%;line-height:.9;letter-spacing:-.045em;white-space:nowrap}
.c-rate i{display:block;font:700 5.2cqw/1 var(--f-label);font-style:normal;letter-spacing:.16em;text-transform:uppercase;margin-top:1.6cqw}
.c-meta{display:grid;justify-items:end;gap:1.6cqw;padding:1.2cqw;font:700 3.7cqw/1 var(--f-label);font-stretch:85%;text-transform:uppercase;letter-spacing:.05em;flex:none}
.c-plat{border:.55cqw solid currentColor;border-radius:1.4cqw;padding:1.3cqw 1.5cqw;white-space:nowrap}
.c-art{flex:1;min-height:0;display:flex;align-items:flex-end;margin:1cqw -2cqw 0}
.c-art svg{display:block;width:100%;height:100%}
.c-name{text-align:center;font:850 7.4cqw/1 var(--f-display);font-stretch:112%;text-transform:uppercase;letter-spacing:.02em;padding:2.6cqw 0 2.2cqw;border-top:.5cqw solid var(--rulec);border-bottom:.5cqw solid var(--rulec);white-space:nowrap}
.c-sub{display:block;font:600 3.6cqw/1 var(--f-label);letter-spacing:.12em;margin-top:1.4cqw;opacity:.8}
.c-stats{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));text-align:center;margin-top:2.6cqw}
.c-stats span{font:600 3.5cqw/1.2 var(--f-label);letter-spacing:.1em;text-transform:uppercase}
.c-stats b{display:block;font:850 7cqw/1 var(--f-display);font-stretch:108%;letter-spacing:0;margin-bottom:.8cqw}
.c-stats span+span{border-left:.4cqw solid var(--rulec)}
.foil{position:absolute;inset:0;pointer-events:none;mix-blend-mode:soft-light;opacity:0;background:linear-gradient(115deg,transparent 18%,rgba(255,70,160,.95) 30%,rgba(255,225,90,.95) 38%,rgba(70,240,200,.95) 46%,rgba(80,130,255,.95) 54%,transparent 66%);background-size:260% 260%;background-position:var(--mx,30%) var(--my,30%)}
.t-rare .foil,.t-inform .foil,.t-record .foil,.t-dream .foil{opacity:.7}
@media (prefers-reduced-motion:no-preference){.t-rare .foil,.t-inform .foil,.t-record .foil,.t-dream .foil{animation:sheen 7s ease-in-out infinite alternate}.stage .slab:hover .foil{animation:none}}
/* the rarity ladder players already read in packs: bronze, silver, gold, rare gold, black-gold, white-gold, royal */
.t-bronze{--cbg:linear-gradient(160deg,#EBC39C,#BC7E4E 58%,#8C5430);--cfg:#2B1608;--cframe:#F6DCC2;--rulec:rgba(43,22,8,.35)}
.t-silver{--cbg:linear-gradient(160deg,#FBFCFE,#CDD4DE 55%,#9AA4B2);--cfg:#18202C;--cframe:#FFFFFF;--rulec:rgba(24,32,44,.3)}
.t-gold{--cbg:linear-gradient(160deg,#FCE9A6,#E3B84B 55%,#B98A22);--cfg:#2A1D05;--cframe:#FFF4CC;--rulec:rgba(42,29,5,.35)}
.t-rare{--cbg:repeating-linear-gradient(135deg,rgba(255,255,255,.2) 0 5px,transparent 5px 13px),linear-gradient(160deg,#FFF1B8,#E9B638 50%,#A97812);--cfg:#221703;--cframe:#FFFFFF;--rulec:rgba(34,23,3,.38)}
.t-inform{--cbg:radial-gradient(120% 70% at 50% 0%,rgba(242,210,122,.22),transparent 60%),linear-gradient(160deg,#2C313E,#0A0D13);--cfg:#F2D27A;--cframe:#C9A445;--rulec:rgba(242,210,122,.4)}
.t-record{--cbg:radial-gradient(90% 60% at 50% 30%,rgba(255,255,255,.9),transparent 70%),linear-gradient(160deg,#FFFDF6,#EFE2BC 60%,#D6BE82);--cfg:#3A2A07;--cframe:#C9A445;--rulec:rgba(58,42,7,.35)}
.t-dream{--cbg:radial-gradient(110% 70% at 50% 0%,rgba(255,226,140,.3),transparent 60%),linear-gradient(160deg,#2F4FE0,#14297F 60%,#0B1748);--cfg:#FFE7A3;--cframe:#E8C25A;--rulec:rgba(255,231,163,.4)}
@keyframes sheen{from{background-position:0% 10%}to{background-position:100% 90%}}


/* ---------- offer facts ---------- */
.facts{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:14px}
.fact{background:var(--stock-2);border:2px solid var(--ink);border-radius:10px;padding:14px 16px}
.fact-v{font:850 1.65rem/1.05 var(--f-display);font-stretch:118%;margin:6px 0 4px}
.fact p{margin:0;font-size:.88rem;color:var(--ink-2)}
@media (max-width:820px){.facts{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media (max-width:520px){.fact-v{font-size:1.35rem}}

/* ---------- case of lots ---------- */
.case{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:22px;max-width:900px}
.case .slab{width:100%;padding:8px 8px 10px;border-radius:12px;transform:none}
.case .slab-label,.lots .slab-label{font-size:.56rem;padding:5px 6px;margin-bottom:8px}
.case .slab-price,.lots .slab-price{font-size:.95rem}
.case .well,.lots .well{padding:6px}
.case-panel[hidden]{display:none}
.case-note{display:flex;flex-wrap:wrap;gap:6px 20px;margin:18px 0 0;font:600 .78rem/1.5 var(--f-label);font-stretch:87.5%;color:var(--ink-2)}
.case-note b{color:var(--ink)}
.lots{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:16px}
.lots .slab{width:100%;padding:8px 8px 10px;border-radius:12px}
@media (max-width:1000px){.case{gap:16px}}
@media (max-width:820px){.lots{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media (max-width:520px){.case{grid-template-columns:repeat(2,minmax(0,1fr));gap:12px}}

/* ---------- platform tiles ---------- */
.plats{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:16px}
.plat{display:grid;gap:8px;background:var(--stock);border:1px solid var(--rule);border-radius:14px;padding:18px;text-decoration:none;color:var(--ink);box-shadow:0 18px 30px -26px rgba(14,19,32,.5)}
.plat:hover{color:var(--ink);border-color:var(--ink)}
.plat .eyebrow{color:var(--label)}
.plat h3{font-size:1.45rem;font-weight:850;font-stretch:118%}
.plat p{margin:0;color:var(--ink-2);font-size:.95rem}
.plat-price{display:flex;justify-content:space-between;align-items:baseline;border-top:1px dashed var(--rule);padding-top:10px;margin-top:4px;font:600 .78rem var(--f-label)}
.plat-price b{font:850 1.3rem/1 var(--f-display);font-stretch:112%}
@media (max-width:820px){.plats{grid-template-columns:minmax(0,1fr)}}

/* ---------- card back: steps ---------- */
.back{background:var(--stock-2);border:3px solid var(--ink);border-radius:14px;overflow:hidden}
.back-head{display:flex;flex-wrap:wrap;justify-content:space-between;align-items:center;gap:8px 12px;background:var(--royal);color:#fff;padding:14px 18px}
.back-head h2{font-size:clamp(1.45rem,3vw,2.05rem);font-weight:850;font-stretch:118%}
.back-head .eyebrow{color:#D6DEFF}
.back-body{display:grid;grid-template-columns:minmax(0,1fr) 300px;gap:24px;padding:18px 18px 22px}
.tbl-wrap{overflow-x:auto;min-width:0}
.stats{width:100%;border-collapse:collapse;font-size:.96rem}
.stats th{font:700 .64rem/1.2 var(--f-label);letter-spacing:.12em;text-transform:uppercase;text-align:left;border-bottom:2px solid var(--ink);padding:6px 8px}
.stats td{border-bottom:1px solid var(--rule);padding:12px 8px;vertical-align:top}
.stats td:first-child{font:850 1.25rem/1.1 var(--f-display);font-stretch:120%;width:2.4ch}
.stats td:nth-child(2){font-weight:700;white-space:nowrap}
.dyk{background:var(--gold);border:2px solid var(--ink);border-radius:10px;padding:16px;align-self:start}
.dyk b{font:850 1.15rem/1.1 var(--f-display);font-stretch:118%;display:block;margin-bottom:8px}
.dyk p{margin:0}
.dyk-big{font:900 3.2rem/1 var(--f-display);font-stretch:130%;display:block;margin:6px 0}
@media (max-width:900px){.back-body{grid-template-columns:minmax(0,1fr)}}

/* ---------- delivery methods ---------- */
.methods{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:20px}
.method{border-radius:14px;padding:22px;border:2px solid var(--ink);background:var(--stock);display:grid;gap:10px;align-content:start}
.method.off{background:repeating-linear-gradient(135deg,var(--stock-2) 0 10px,#E8ECF2 10px 20px);color:var(--ink-2);border-style:dashed;border-color:var(--ink-2)}
.tag{display:inline-block;font:700 .64rem/1 var(--f-label);letter-spacing:.1em;text-transform:uppercase;padding:7px 9px;border-radius:5px;background:var(--ink);color:#fff;justify-self:start}
.method.off .tag{background:transparent;color:var(--ink-2);border:1.5px solid var(--ink-2)}
.method h3{font-size:1.6rem;font-weight:850;font-stretch:118%}
.method p{margin:0}
.method ul{margin:0;padding-left:1.1em;display:grid;gap:4px}
@media (max-width:760px){.methods{grid-template-columns:minmax(0,1fr)}}

/* ---------- checklist card ---------- */
.split{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:34px;align-items:center}
.split h2{font-size:clamp(1.7rem,3.5vw,2.6rem);font-weight:850;font-stretch:118%;margin:10px 0 14px}
.split .prose p{color:var(--ink-2)}
.checklist{background:var(--stock);border:2px solid var(--ink);border-radius:12px;padding:8px 20px 12px;margin:0;box-shadow:8px 8px 0 var(--ink);list-style:none}
.checklist .ch{font:700 .66rem var(--f-label);letter-spacing:.12em;text-transform:uppercase;color:var(--ink-2);padding:10px 0 6px;border-bottom:2px solid var(--ink);display:flex;justify-content:space-between}
.checklist li{display:flex;gap:12px;align-items:center;padding:11px 0;border-bottom:1px dashed var(--rule);font:600 1rem var(--f-label);font-stretch:90%}
.checklist li:last-child{border-bottom:0}
.box{width:20px;height:20px;border:2px solid var(--ink);border-radius:3px;display:grid;place-items:center;flex:none}
.box::after{content:"";width:10px;height:5px;border-left:3px solid var(--royal);border-bottom:3px solid var(--royal);transform:translateY(-1px) rotate(-45deg)}
.checklist small{margin-left:auto;font:500 .72rem var(--f-label);color:var(--ink-2);text-align:right}
@media (max-width:900px){.split{grid-template-columns:minmax(0,1fr)}}

/* ---------- prose ---------- */
.prose{max-width:70ch}
.prose h2{font-size:clamp(1.55rem,3vw,2.1rem);font-weight:850;font-stretch:116%;margin:1.6em 0 .5em}
.prose h2:first-child{margin-top:0}
.prose h3{font-size:1.25rem;font-weight:800;font-stretch:110%;margin:1.4em 0 .4em}
.prose p,.prose li{font-size:1.04rem}
.prose p{margin:0 0 1em}
.prose ul,.prose ol{padding-left:1.3em;margin:0 0 1em;display:grid;gap:6px}
.prose .tbl-wrap{border:2px solid var(--ink);border-radius:12px;background:var(--stock);margin:0 0 1.2em}
.tbl{width:100%;border-collapse:collapse;font-size:.95rem;font-variant-numeric:tabular-nums}
.tbl th,.tbl td{padding:10px 12px;border-bottom:1px solid var(--rule);text-align:left;vertical-align:top}
.tbl tr:last-child td{border-bottom:0}
.tbl thead th{background:var(--ink);color:#fff;font:700 .66rem var(--f-label);letter-spacing:.1em;text-transform:uppercase}
.tbl .r{text-align:right}
.tbl tr.me td{background:#FFF6D6;font-weight:700}
.article-card{background:var(--stock);border:1px solid var(--rule);border-radius:16px;padding:clamp(20px,4vw,44px)}

/* ---------- FAQ ---------- */
.faq-list{display:grid;gap:10px;max-width:840px}
.faq-item{background:var(--stock);border:1px solid var(--rule);border-radius:12px;padding:0 18px}
.faq-item summary{cursor:pointer;list-style:none;display:flex;justify-content:space-between;align-items:center;gap:16px;padding:16px 0}
.faq-item summary::-webkit-details-marker{display:none}
.faq-item summary::after{content:"+";font:700 1.2rem var(--f-label);flex:none}
.faq-item[open] summary::after{content:"\2013"}
.faq-item h3{font:700 1.04rem/1.35 var(--f-body);letter-spacing:0}
.faq-a{padding-bottom:16px;color:var(--ink-2)}
.faq-a p{margin:0 0 .7em}
.faq-a p:last-child{margin-bottom:0}

/* ---------- amount page ---------- */
.buyrows{display:grid;gap:10px;max-width:580px}
.buyrow{display:grid;grid-template-columns:minmax(0,1fr) auto auto;gap:14px;align-items:center;background:var(--stock);border:1px solid var(--rule);border-radius:12px;padding:12px 14px}
.buyrow b{display:block}
.buyrow small{display:block;font:500 .7rem var(--f-label);color:var(--ink-2);letter-spacing:.03em}
.buyrow-p{font:850 1.35rem/1 var(--f-display);font-stretch:112%}
.buyrow .btn{padding:11px 14px;font-size:.88rem}
.acalc{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:24px;background:var(--stock);border:1px solid var(--rule);border-radius:16px;padding:22px;box-shadow:0 26px 44px -32px rgba(14,19,32,.5)}
.stepper{display:grid;grid-template-columns:auto minmax(0,1fr) auto;gap:8px;align-items:center;margin-top:14px}
.stepper button{width:44px;height:44px;border-radius:10px;border:1.5px solid var(--ink);background:var(--stock);font:800 1.2rem/1 var(--f-display);cursor:pointer}
.stepper output{display:block;text-align:center;font:850 1.7rem/1 var(--f-display);font-stretch:112%}
.acalc-total{display:grid;align-content:center;gap:8px;border-left:1px dashed var(--rule);padding-left:24px}
.acalc-total p{margin:0;color:var(--ink-2);font-size:.92rem}
.plans{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:16px}
.plan{background:var(--stock-2);border:2px solid var(--ink);border-radius:12px;padding:16px;display:grid;gap:8px;align-content:start}
.plan h3{font-size:1.3rem;font-weight:850;font-stretch:115%}
.plan p{margin:0;font-size:.95rem}
.steps4{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:14px}
.step4{background:var(--stock);border:1px solid var(--rule);border-radius:12px;padding:14px}
.step4 b{display:block;font:850 1.08rem/1.2 var(--f-display);font-stretch:115%;margin-bottom:6px}
.step4 p{margin:0;font-size:.92rem;color:var(--ink-2)}
@media (max-width:960px){.acalc{grid-template-columns:minmax(0,1fr)}.acalc-total{border-left:0;border-top:1px dashed var(--rule);padding:16px 0 0}.plans{grid-template-columns:minmax(0,1fr)}.steps4{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media (max-width:560px){.buyrow{grid-template-columns:minmax(0,1fr) auto}.buyrow .btn{grid-column:1/-1}.steps4{grid-template-columns:minmax(0,1fr)}.acalc{padding:16px}}

/* ---------- prices page ---------- */
.desk{display:grid;grid-template-columns:minmax(0,360px) minmax(0,1fr);gap:28px;align-items:start}
.trio{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:18px}
.trio-lot{display:grid;gap:10px}
.trio-lot .slab{width:100%;padding:10px 10px 12px}
.trio-lot .btn{padding:12px 10px;font-size:.88rem}
.board{background:var(--stock);border:2px solid var(--ink);border-radius:14px;overflow:hidden}
.board table{width:100%;border-collapse:collapse;font-variant-numeric:tabular-nums}
.board thead th{background:var(--ink);color:#fff;font:700 .66rem/1.2 var(--f-label);letter-spacing:.12em;text-transform:uppercase;text-align:right;padding:12px 14px}
.board thead th:first-child{text-align:left}
.board tbody tr{border-top:1px solid var(--rule);scroll-margin-top:90px}
.board tbody tr:target{background:#FFF6D6}
.board tbody th{text-align:left;padding:10px 14px;font-weight:600}
.lotname{display:flex;align-items:center;gap:12px}
.mini{width:30px;flex:none;border-radius:4px;aspect-ratio:5/7;background:var(--cbg);box-shadow:inset 0 0 0 2px var(--cframe);display:grid;place-items:center;font:900 .5rem/1 var(--f-display);font-stretch:110%;color:var(--cfg)}
.lotname b{display:block;font:850 1.12rem/1.1 var(--f-display);font-stretch:115%}
.lotname small{display:block;font:500 .72rem var(--f-label);color:var(--ink-2)}
.lotname a{color:var(--ink)}
.board td{text-align:right;padding:0}
.board td a{display:block;padding:16px 14px;font-weight:700;color:var(--ink);text-decoration:none}
.board td a:hover{background:var(--stock-2);color:var(--royal)}
.board-foot{padding:12px 14px;font-size:.82rem;color:var(--ink-2);background:var(--stock-2);border-top:1px solid var(--rule);margin:0}
.chart{background:var(--stock);border:1px solid var(--rule);border-radius:14px;padding:18px 18px 12px}
.chart svg{display:block;width:100%;height:auto;overflow:visible}
.chart text{font-family:var(--f-label);font-size:11px;fill:#898781}
.chart text.end{font-family:var(--f-body);font-size:12.5px;font-weight:700;fill:var(--ink)}
.legend{display:flex;flex-wrap:wrap;gap:6px 20px;margin:0 0 10px;padding:0;list-style:none;font-size:.88rem}
.legend li{display:flex;align-items:center;gap:8px}
.legend i{width:18px;height:3px;border-radius:2px;display:block}
.history{display:grid;grid-template-columns:minmax(0,1fr) 280px;gap:24px;align-items:start}
.side-facts{display:grid;gap:14px;align-content:start}
details.tv{margin-top:8px;font-size:.88rem}
details.tv summary{cursor:pointer;color:var(--royal);font-weight:600}
@media (max-width:960px){.desk,.history{grid-template-columns:minmax(0,1fr)}.side-facts{grid-template-columns:repeat(3,minmax(0,1fr))}}
@media (max-width:620px){.trio{grid-template-columns:minmax(0,1fr);gap:12px}.trio-lot{grid-template-columns:minmax(0,1fr) auto;align-items:center}.trio-lot .well{display:none}.trio-lot .slab-label{margin-bottom:0}.trio-lot .slab{padding:6px}.side-facts{grid-template-columns:minmax(0,1fr)}.mini{display:none}.board td a{padding:14px 8px;font-size:.92rem}.board tbody th,.board thead th{padding-inline:8px}}

/* ---------- info cards ---------- */
.cards3{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:16px}
.infocard{background:var(--stock);border:1px solid var(--rule);border-radius:14px;padding:18px;display:grid;gap:8px;align-content:start}
.infocard h3{font-size:1.2rem;font-weight:850;font-stretch:112%}
.infocard p{margin:0;color:var(--ink-2)}
.infocard ul{margin:0;padding-left:1.1em;display:grid;gap:5px;color:var(--ink-2)}
@media (max-width:860px){.cards3{grid-template-columns:minmax(0,1fr)}}
.note-card{background:var(--gold);border:2px solid var(--ink);border-radius:12px;padding:16px 18px}
.note-card p{margin:0}
.form{display:grid;gap:12px;background:var(--stock);border:1px solid var(--rule);border-radius:14px;padding:20px;max-width:560px}
.form label{display:grid;gap:6px;font-weight:600;font-size:.92rem}
.form input,.form textarea,.form select{font:inherit;border:1.5px solid var(--rule);border-radius:10px;padding:11px 12px;background:var(--stock);color:var(--ink)}
.form textarea{min-height:120px;resize:vertical}
.demo-note{background:var(--stock-2);border:1px dashed var(--ink-2);border-radius:10px;padding:10px 12px;font-size:.9rem;margin:0}

/* ---------- CTA band ---------- */
.cta{background:var(--ink);color:var(--on-ink);border-radius:18px;padding:clamp(22px,5vw,44px);display:grid;grid-template-columns:minmax(0,1fr) auto;gap:20px;align-items:center}
.cta h2{font-size:clamp(1.6rem,3.4vw,2.4rem);font-weight:850;font-stretch:118%;color:#fff}
.cta p{margin:8px 0 0;color:var(--on-ink);max-width:56ch}
.cta-btns{display:flex;flex-wrap:wrap;gap:10px}
.cta .btn-line{background:transparent;color:#fff;box-shadow:inset 0 0 0 2px #fff}
.cta .btn-line:hover{background:rgba(255,255,255,.08);color:#fff}
@media (max-width:760px){.cta{grid-template-columns:minmax(0,1fr)}}

/* ---------- footer ---------- */
.foot{background:var(--ink);color:#C9D0DC;margin-top:44px}
.foot-in{padding-block:44px 28px}
.foot-grid{display:grid;grid-template-columns:1.5fr repeat(4,minmax(0,1fr));gap:26px}
.foot .logo{color:#fff}
.foot .logo b{color:#9DB0FF}
.foot h2{font:700 .68rem var(--f-label);letter-spacing:.12em;text-transform:uppercase;color:#fff;margin:0 0 10px}
.foot a{color:#C9D0DC;text-decoration:none;display:block;padding:3px 0}
.foot a:hover{color:#fff}
.foot p{margin:12px 0 0;font-size:.9rem;max-width:36ch}
.pay{display:flex;flex-wrap:wrap;gap:8px;margin-top:16px}
.pay span{background:#fff;border-radius:6px;padding:6px 8px;display:flex;align-items:center;height:30px}
.pay img{height:18px;width:auto}
.foot-bottom{border-top:1px solid #2A3142;margin-top:30px;padding-top:18px;font-size:.8rem;color:var(--ink-soft);display:grid;gap:6px}
.foot-bottom p{margin:0;max-width:none;font-size:.8rem}
@media (max-width:980px){.foot-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.foot-brand{grid-column:1/-1}}

/* ---------- go / 404 ---------- */
.center-card{max-width:620px;margin:40px auto;background:var(--stock);border:1px solid var(--rule);border-radius:16px;padding:32px;text-align:center}
.center-card h1{font-size:clamp(1.9rem,4vw,2.8rem);font-weight:880;font-stretch:118%}