:root{
  --velvet:#0F2A22; --velvet-2:#143429; --velvet-3:#1A4034; --well:#0B211A;
  --ink:#EEE8D8; --muted:#A9B7AE; --line:rgba(238,232,216,.14); --line-2:rgba(238,232,216,.26);
  --gold:#D8B566; --gold-hi:#F4E2A6; --gold-lo:#9C7630; --gold-ink:#241A06;
  --silver:#CFD5DC; --platinum:#E6E7E3; --alert:#F2B29A; --open:#8FD6B0;
  --display:"Marcellus","Trajan Pro","Palatino Linotype",Palatino,serif;
  --body:"Newsreader","Iowan Old Style","Palatino Linotype",Georgia,serif;
  --r-panel:14px; --r-field:8px;
  color-scheme:dark;
}
*,*::before,*::after{box-sizing:border-box}
[hidden]{display:none!important}
html{scroll-behavior:smooth;scroll-padding-top:5rem}
body{margin:0;min-height:100vh;color:var(--ink);font-family:var(--body);font-size:1.125rem;line-height:1.62;-webkit-font-smoothing:antialiased;
  background:
    radial-gradient(60rem 40rem at 78% -8rem, rgba(216,181,102,.10), transparent 60%),
    radial-gradient(50rem 50rem at -10rem 40rem, rgba(26,64,52,.9), transparent 70%),
    var(--velvet);
  padding-bottom:env(safe-area-inset-bottom,0px)}
img,svg{max-width:100%}
a{color:var(--gold)}
a:hover{color:var(--gold-hi)}
:focus-visible{outline:2px solid var(--gold-hi);outline-offset:3px;border-radius:4px}
.wrap{max-width:74rem;margin:0 auto;padding:0 1.5rem}
h1,h2,h3{font-family:var(--display);font-weight:400;line-height:1.12;margin:0;letter-spacing:.01em}
h2{font-size:clamp(2rem,4.4vw,3rem)}
h3{font-size:1.3rem}
p{margin:0 0 1rem}
.lede{color:var(--muted);font-size:1.2rem;max-width:36rem}
.num{font-variant-numeric:lining-nums tabular-nums}

/* buttons */
.btn{display:inline-flex;align-items:center;justify-content:center;gap:.5rem;font:inherit;font-size:1.05rem;font-weight:500;line-height:1.2;padding:.85rem 1.5rem;border-radius:999px;border:1px solid transparent;cursor:pointer;text-decoration:none;transition:transform .15s ease,background-color .2s,border-color .2s,color .2s;min-height:48px}
.btn:active{transform:translateY(1px)}
.btn.primary{background:linear-gradient(180deg,var(--gold-hi),var(--gold) 55%,#C39E4F);color:var(--gold-ink);box-shadow:0 1px 0 rgba(255,255,255,.35) inset,0 8px 24px -10px rgba(216,181,102,.6)}
.btn.primary:hover{color:var(--gold-ink);filter:brightness(1.05)}
.btn.ghost{background:transparent;color:var(--ink);border-color:var(--line-2)}
.btn.ghost:hover{border-color:var(--gold);color:var(--gold-hi)}
.btn:disabled{opacity:.45;cursor:not-allowed}
.btn svg{width:1.1em;height:1.1em}

/* header */
header.bar{position:sticky;top:0;z-index:30;background:rgba(15,42,34,.82);backdrop-filter:blur(14px);-webkit-backdrop-filter:blur(14px);border-bottom:1px solid var(--line);padding-top:env(safe-area-inset-top,0px)}
header.bar .wrap{display:flex;align-items:center;gap:1.5rem;height:4.25rem}
.brand{display:flex;align-items:center;gap:.65rem;text-decoration:none;color:var(--ink);font-family:var(--display);font-size:1.35rem;letter-spacing:.06em;margin-right:auto}
.brand:hover{color:var(--ink)}
.brand svg{width:34px;height:34px;flex:none}
nav.main ul{list-style:none;display:flex;gap:1.6rem;margin:0;padding:0}
nav.main a{color:var(--muted);text-decoration:none;font-size:1.02rem}
nav.main a:hover{color:var(--ink)}
.pill{font-size:.85rem;padding:.2rem .7rem;border-radius:999px;border:1px solid var(--gold);color:var(--gold)}
header .btn{padding:.55rem 1.1rem;min-height:40px;font-size:.98rem}

/* live price strip */
.ticker{border-bottom:1px solid var(--line);background:rgba(11,33,26,.6)}
.ticker .wrap{display:flex;flex-wrap:wrap;align-items:center;gap:.4rem 2rem;padding-top:.6rem;padding-bottom:.6rem;font-size:1rem}
.metal{display:flex;align-items:center;gap:.55rem;white-space:nowrap}
.metal i{width:.8rem;height:.8rem;border-radius:50%;flex:none;box-shadow:0 0 0 1px rgba(0,0,0,.3) inset}
.metal i.au{background:radial-gradient(circle at 35% 30%,var(--gold-hi),var(--gold) 55%,var(--gold-lo))}
.metal i.ag{background:radial-gradient(circle at 35% 30%,#fff,var(--silver) 55%,#8E969F)}
.metal i.pt{background:radial-gradient(circle at 35% 30%,#fff,var(--platinum) 55%,#A4A7A2)}
.metal span:first-of-type{color:var(--muted)}
.metal b{font-weight:500;transition:color .6s}
.metal b.flash{color:var(--gold-hi)}
.ticker .when{margin-left:auto;color:var(--muted);font-size:.9rem;display:flex;align-items:center;gap:.45rem}
.live{width:.5rem;height:.5rem;border-radius:50%;background:var(--open);box-shadow:0 0 0 0 rgba(143,214,176,.6);animation:pulse 2.4s infinite}
@keyframes pulse{70%{box-shadow:0 0 0 .5rem rgba(143,214,176,0)}100%{box-shadow:0 0 0 0 rgba(143,214,176,0)}}

/* hero */
.hero .wrap{display:grid;grid-template-columns:1.05fr .95fr;gap:3rem;align-items:center;padding-top:4.5rem;padding-bottom:5rem}
.hero h1{font-size:clamp(2.6rem,6.2vw,4.9rem);max-width:13ch;letter-spacing:.005em}
.hero .lede{margin-top:1.5rem}
.ctas{display:flex;gap:.8rem;flex-wrap:wrap;margin-top:2rem}
.status{display:flex;flex-wrap:wrap;gap:.5rem 1.4rem;margin:2rem 0 0;padding:0;list-style:none;color:var(--muted);font-size:1rem}
.status li{display:flex;align-items:center;gap:.5rem}
.dot{width:.55rem;height:.55rem;border-radius:50%;background:var(--muted);flex:none}
.dot.on{background:var(--open)}
.dot.off{background:var(--alert)}

/* the coin */
.stage{display:flex;flex-direction:column;align-items:center;gap:1rem;perspective:1400px}
.stage::before{content:"";position:absolute}
.coin3d{position:relative;width:min(27rem,78vw);aspect-ratio:1;border:0;padding:0;background:none;cursor:pointer;font-family:var(--body);color:inherit;border-radius:50%;
  transform-style:preserve-3d;--rx:0deg;--ry:0deg;--flip:0deg;
  transform:rotateX(var(--rx)) rotateY(calc(var(--ry) + var(--flip)));
  transition:transform .9s cubic-bezier(.2,.8,.2,1);
  animation:mint 1.6s cubic-bezier(.2,.8,.2,1) both}
.coin3d.tilting{transition:transform .12s linear}
.coin3d.flipped{--flip:180deg}
@keyframes mint{from{transform:rotateY(-110deg) scale(.9);opacity:0}to{transform:rotateY(0) scale(1);opacity:1}}
.coin3d:focus-visible{outline-offset:8px;border-radius:50%}
.face{position:absolute;inset:0;border-radius:50%;backface-visibility:hidden;-webkit-backface-visibility:hidden;
  box-shadow:0 40px 80px -30px rgba(0,0,0,.75),0 0 0 1px rgba(0,0,0,.25)}
.face svg{width:100%;height:100%;display:block}
.face.back{transform:rotateY(180deg)}
.back .inner{position:absolute;inset:0;display:flex;flex-direction:column;align-items:center;justify-content:center;text-align:center;color:#5A4214}
.back .legend{font-family:var(--display);letter-spacing:.34em;font-size:clamp(.8rem,2.2vw,1rem);opacity:.85}
.back .price{font-family:var(--display);font-size:clamp(2.4rem,7.4vw,3.9rem);line-height:1;margin:.6rem 0 .45rem;color:#4A350E;text-shadow:0 1px 0 rgba(255,244,210,.7),0 -1px 0 rgba(90,64,18,.35)}
.back .unit{font-size:clamp(.95rem,2.4vw,1.1rem)}
.back .time{font-size:clamp(.8rem,2vw,.92rem);opacity:.75;margin-top:1.2rem}
.hint{color:var(--muted);font-size:.95rem;margin:0}
@media (prefers-reduced-motion:reduce){
  html{scroll-behavior:auto}
  .coin3d{animation:none;transition:none}
  .live{animation:none}
}

/* sections */
section.band{padding:5.5rem 0;border-top:1px solid var(--line)}
.head{display:grid;grid-template-columns:1fr 1.2fr;gap:2.5rem;align-items:end;margin-bottom:2.8rem}
.head .lede{margin:0}

/* tabs & chips */
.tabs{display:inline-flex;padding:.3rem;border-radius:999px;background:var(--well);border:1px solid var(--line);margin-bottom:1.6rem}
.tabs button,.chips button{font:inherit;font-size:1rem;border:0;background:transparent;color:var(--muted);padding:.55rem 1.15rem;border-radius:999px;cursor:pointer;min-height:40px}
.tabs button[aria-selected=true]{background:var(--velvet-3);color:var(--ink);box-shadow:0 0 0 1px var(--line-2) inset}
.chips{display:flex;gap:.4rem;flex-wrap:wrap;margin:0 0 1.2rem}
.chips button{border:1px solid var(--line);padding:.35rem .95rem;min-height:36px;font-size:.95rem}
.chips button[aria-pressed=true]{border-color:var(--gold);color:var(--gold-hi)}

/* melt values */
.calc{display:grid;grid-template-columns:minmax(0,1.25fr) minmax(0,.85fr);gap:2.5rem;align-items:start}
.tray{display:grid;grid-template-columns:repeat(auto-fill,minmax(7.4rem,1fr));gap:1.2rem .6rem;padding:1.6rem 1.2rem;border-radius:var(--r-panel);
  background:radial-gradient(circle at 50% 0%, rgba(255,255,255,.04), transparent 70%),var(--well);
  box-shadow:0 2px 0 rgba(0,0,0,.35) inset,0 0 0 1px var(--line)}
.tcoin{font:inherit;background:none;border:0;color:var(--ink);cursor:pointer;display:flex;flex-direction:column;align-items:center;gap:.6rem;padding:.3rem;border-radius:12px;text-align:center}
.disc{width:4.6rem;aspect-ratio:1;border-radius:50%;display:grid;place-items:center;font-family:var(--display);font-size:.82rem;letter-spacing:.04em;position:relative;
  transition:transform .25s cubic-bezier(.2,.8,.2,1),box-shadow .25s;
  box-shadow:0 10px 18px -8px rgba(0,0,0,.8),0 0 0 1px rgba(0,0,0,.35)}
.disc::before{content:"";position:absolute;inset:4px;border-radius:50%;border:1px solid rgba(0,0,0,.18)}
.disc.au{color:#5A4214;background:radial-gradient(circle at 34% 28%,#F7E8B6,#D8B566 45%,#A98335 85%)}
.disc.ag{color:#3A4148;background:radial-gradient(circle at 34% 28%,#FFFFFF,#D3D8DE 45%,#8E969F 88%)}
.disc.pt{color:#3E403C;background:radial-gradient(circle at 34% 28%,#FFFFFF,#E4E5E1 45%,#9EA19C 88%)}
.disc.photo{background:none}
.disc.photo::before{display:none}
.disc.photo img{width:100%;height:100%;border-radius:50%;display:block}
.disc.sm{width:3.6rem}.disc.xs{width:2.9rem;font-size:.72rem}
.tname{font-size:.92rem;line-height:1.3;color:var(--muted)}
.tcoin:hover .disc{transform:translateY(-3px)}
.tcoin[aria-pressed=true] .disc{transform:translateY(-4px);box-shadow:0 0 0 3px var(--velvet),0 0 0 5px var(--gold),0 14px 22px -8px rgba(0,0,0,.8)}
.tcoin[aria-pressed=true] .tname{color:var(--ink)}
.qty{display:flex;align-items:center;gap:1rem;margin-top:1.4rem;flex-wrap:wrap}
.stepper{display:inline-flex;align-items:center;border:1px solid var(--line-2);border-radius:999px;overflow:hidden}
.stepper button{font:inherit;font-size:1.3rem;width:44px;height:44px;border:0;background:transparent;color:var(--ink);cursor:pointer}
.stepper button:hover{background:var(--velvet-3)}
.stepper input::-webkit-outer-spin-button,.stepper input::-webkit-inner-spin-button{-webkit-appearance:none;margin:0}
.stepper input[type=number]{width:4.2rem;min-height:44px;-moz-appearance:textfield;text-align:center;border:0;border-left:1px solid var(--line);border-right:1px solid var(--line);border-radius:0;background:transparent;height:44px;padding:0}
.panel{display:flex;flex-direction:column;gap:1.1rem}
label.field{display:flex;flex-direction:column;gap:.4rem;font-size:1rem;color:var(--muted)}
input[type=text],input[type=number],textarea,select{font:inherit;font-size:1.05rem;color:var(--ink);background:var(--well);border:1px solid var(--line-2);border-radius:var(--r-field);padding:.7rem .8rem;width:100%;min-height:46px}
input:focus,textarea:focus,select:focus{outline:none;border-color:var(--gold);box-shadow:0 0 0 3px rgba(216,181,102,.2)}
select{appearance:none;background-image:linear-gradient(45deg,transparent 50%,var(--muted) 50%),linear-gradient(135deg,var(--muted) 50%,transparent 50%);background-position:calc(100% - 18px) 55%,calc(100% - 12px) 55%;background-size:6px 6px;background-repeat:no-repeat;padding-right:2.2rem}
option{background:var(--velvet-2);color:var(--ink)}
textarea{min-height:7rem;resize:vertical}
.row2{display:grid;grid-template-columns:1fr 1fr;gap:.8rem}
.row3{display:grid;grid-template-columns:1fr 1fr 1fr;gap:.8rem}
.fine{color:var(--muted);font-size:.9rem;line-height:1.5;margin:0}
.result{position:sticky;top:6rem;border-radius:var(--r-panel);padding:1.8rem;background:linear-gradient(180deg,var(--velvet-3),var(--velvet-2));box-shadow:0 0 0 1px var(--line-2),0 30px 60px -30px rgba(0,0,0,.7)}
.result .what{font-family:var(--display);font-size:1.3rem;margin:0 0 1.2rem;min-height:1.6em}
.result dl{margin:0;display:grid;grid-template-columns:auto 1fr;gap:.55rem 1.5rem}
.result dt{color:var(--muted)}
.result dd{margin:0;text-align:right}
.result .lbl{color:var(--muted);font-size:.95rem;margin:1.5rem 0 .1rem}
.result .big{font-family:var(--display);font-size:clamp(2.4rem,5vw,3.2rem);line-height:1.05;margin:0;color:var(--gold-hi)}
.tpct{font-size:.8rem;color:var(--gold);opacity:.85;margin-top:-.35rem}
.rhead{display:flex;gap:1rem;align-items:center;margin-bottom:1.3rem}
.rimg{flex:none;width:4.4rem;height:4.4rem;border-radius:50%;box-shadow:0 10px 20px -8px #000,0 0 0 1px rgba(0,0,0,.4)}
.rimg img,.rimg .disc{width:100%;height:100%;border-radius:50%;display:block}
.result .what{margin:0;min-height:0;font-size:1.25rem}
.ref{color:var(--muted);font-size:.88rem;line-height:1.4;margin:.3rem 0 0}
.alloy{margin:.4rem 0 1.3rem}
.alloy .bar{display:flex;height:.8rem;border-radius:999px;overflow:hidden;box-shadow:0 0 0 1px rgba(0,0,0,.35)}
.alloy .bar i{display:block;height:100%}
.alloy .legend{display:flex;flex-wrap:wrap;gap:.3rem 1rem;margin-top:.55rem;font-size:.92rem}
.alloy .legend span{display:flex;align-items:center;gap:.4rem}
.alloy .legend i{width:.65rem;height:.65rem;border-radius:50%;display:block}
.result dt[hidden],.result dd[hidden]{display:none}
.result .lbl{margin-top:1.2rem}
.result .offer{margin-top:1.3rem;padding-top:1.1rem;border-top:1px dashed var(--line-2)}
.result .offer .big{color:var(--open);font-size:clamp(2rem,4vw,2.6rem)}
.result .btn{margin-top:1.6rem;width:100%}

/* appraisal */
#appraise{background:linear-gradient(180deg,rgba(11,33,26,.5),transparent)}
.steps3{list-style:none;display:flex;gap:.6rem 2rem;flex-wrap:wrap;margin:0 0 2rem;padding:0;counter-reset:s}
.steps3 li{counter-increment:s;display:flex;align-items:center;gap:.6rem;color:var(--muted)}
.steps3 li::before{content:counter(s);display:grid;place-items:center;width:1.9rem;height:1.9rem;border-radius:50%;border:1px solid var(--line-2);font-family:var(--display);font-size:.95rem;color:var(--ink)}
.steps3 li.done::before{background:var(--gold);color:var(--gold-ink);border-color:var(--gold)}
.tool{display:grid;grid-template-columns:minmax(0,25rem) minmax(0,1fr);gap:2.5rem;align-items:start}
.mode{display:grid;grid-template-columns:1fr 1fr;padding:.3rem;border-radius:999px;background:var(--well);border:1px solid var(--line)}
.mode button{font:inherit;font-size:.98rem;padding:.55rem .5rem;border:0;border-radius:999px;background:transparent;color:var(--muted);cursor:pointer}
.mode button[aria-pressed=true]{background:var(--gold);color:var(--gold-ink)}
.drop{border:1.5px dashed var(--line-2);border-radius:var(--r-panel);padding:1.6rem 1rem;text-align:center;cursor:pointer;color:var(--muted);transition:border-color .2s,background-color .2s;display:flex;flex-direction:column;align-items:center;gap:.5rem}
.drop:hover,.drop.over{border-color:var(--gold);background:rgba(216,181,102,.06);color:var(--ink)}
.drop .rings{display:flex;gap:.6rem;margin-bottom:.3rem}
.drop .rings span{width:3rem;height:3rem;border-radius:50%;border:1.5px dashed var(--line-2);display:grid;place-items:center;font-size:.72rem;color:var(--muted)}
.thumbs{display:flex;gap:.7rem;flex-wrap:wrap;margin-top:.8rem}
.thumb{position:relative;width:82px;height:82px;border-radius:50%;overflow:hidden;box-shadow:0 0 0 2px var(--gold),0 8px 16px -8px #000}
.thumb img{width:100%;height:100%;object-fit:cover}
.thumb button{position:absolute;inset:auto 0 0 0;font:inherit;font-size:.72rem;background:rgba(0,0,0,.62);color:#fff;border:0;padding:.2rem 0 .35rem;cursor:pointer}
.actions{display:flex;gap:.7rem;flex-wrap:wrap}
.actions .btn.primary{flex:1}
.report{border-radius:var(--r-panel);min-height:30rem;padding:2rem;overflow-x:auto;background:var(--well);box-shadow:0 0 0 1px var(--line),0 2px 0 rgba(0,0,0,.3) inset;line-height:1.6}
.report .empty{color:var(--muted);max-width:32rem}
.report .empty-art{display:flex;flex-direction:column;align-items:flex-start;gap:1.2rem}
.report h2{font-size:1.55rem;margin:2rem 0 .7rem;color:var(--gold-hi)}
.report h2:first-child{margin-top:0}
.report h3{font-size:1.15rem;margin:1.3rem 0 .45rem}
.report ul{padding-left:1.2rem;margin:0 0 1rem}
.report li{margin:.2rem 0}
.report table{border-collapse:collapse;width:100%;font-size:.95rem;margin:0 0 1rem}
.report th,.report td{border-bottom:1px solid var(--line);text-align:left;padding:.45rem .7rem .45rem 0;vertical-align:top}
.report th{font-weight:600;color:var(--muted)}
.report strong{color:var(--ink);font-weight:600}
.report .kv{margin:0 0 .35rem}
.working{display:flex;align-items:center;gap:1rem;color:var(--muted)}
.spin{width:2.6rem;height:2.6rem;border-radius:50%;flex:none;background:radial-gradient(circle at 34% 28%,#F7E8B6,#D8B566 45%,#A98335 85%);animation:spin 1.4s linear infinite}
@keyframes spin{0%{transform:rotateY(0)}100%{transform:rotateY(360deg)}}
@media (prefers-reduced-motion:reduce){.spin{animation:none}}
.report-tools{display:flex;justify-content:space-between;gap:1rem;align-items:center;margin-top:.9rem;flex-wrap:wrap}
.note{color:var(--alert);font-size:.97rem}
.unavail{border-left:3px solid var(--gold);padding:.4rem 0 .4rem 1rem;color:var(--muted)}

/* what we buy */
.buy{display:grid;grid-template-columns:1fr 1fr;gap:0 3rem}
.buy div{display:grid;grid-template-columns:auto 1fr;gap:.2rem 1.1rem;padding:1.4rem 0;border-top:1px solid var(--line)}
.buy .disc{grid-row:span 2;width:3.2rem;font-size:.7rem}
.buy p{grid-column:2;color:var(--muted);font-size:1rem;margin:0}

/* process */
.process{list-style:none;margin:0;padding:0;display:grid;grid-template-columns:repeat(4,1fr);gap:2rem;counter-reset:p;position:relative}
.process::before{content:"";position:absolute;left:1.4rem;right:1.4rem;top:1.4rem;height:1px;background:linear-gradient(90deg,var(--gold),var(--line-2))}
.process li{counter-increment:p;position:relative}
.process li::before{content:counter(p,upper-roman);display:grid;place-items:center;width:2.8rem;height:2.8rem;border-radius:50%;margin-bottom:1.1rem;font-family:var(--display);font-size:1.05rem;color:var(--gold-ink);position:relative;
  background:radial-gradient(circle at 34% 28%,#F7E8B6,#D8B566 45%,#A98335 85%);box-shadow:0 0 0 5px var(--velvet)}
.process p{color:var(--muted);font-size:1rem;margin:.5rem 0 0}

/* standards */
.standards{display:grid;grid-template-columns:1fr 1fr;gap:0 3rem}
.standards div{padding:1.3rem 0;border-top:1px solid var(--line)}
.standards p{color:var(--muted);font-size:1rem;margin:.4rem 0 0}

/* faq */
.faq{max-width:52rem}
.faq details{border-top:1px solid var(--line)}
.faq details:last-child{border-bottom:1px solid var(--line)}
.faq summary{list-style:none;cursor:pointer;padding:1.25rem 2.5rem 1.25rem 0;font-family:var(--display);font-size:1.25rem;position:relative}
.faq summary::-webkit-details-marker{display:none}
.faq summary::after{content:"";position:absolute;right:.4rem;top:50%;width:.7rem;height:.7rem;border-right:1.5px solid var(--gold);border-bottom:1.5px solid var(--gold);transform:translateY(-70%) rotate(45deg);transition:transform .25s}
.faq details[open] summary::after{transform:translateY(-30%) rotate(225deg)}
.faq details p{color:var(--muted);margin:0 0 1.3rem;max-width:44rem}

/* visit */
.visit .wrap{display:grid;grid-template-columns:1fr 1.1fr;gap:3rem;align-items:stretch}
.hours{width:100%;border-collapse:collapse;margin:1.6rem 0;font-size:1.02rem}
.hours td{padding:.45rem 0;border-bottom:1px solid var(--line)}
.hours td:last-child{text-align:right;color:var(--muted)}
.hours tr.today td{color:var(--gold-hi)}
.addr{font-size:1.15rem;margin:1.2rem 0 0}
.map{border-radius:var(--r-panel);overflow:hidden;min-height:22rem;box-shadow:0 0 0 1px var(--line-2)}
.map iframe{width:100%;height:100%;min-height:22rem;border:0;display:block;filter:grayscale(.35) contrast(1.05)}

footer{border-top:1px solid var(--line);padding:2.5rem 0 3rem;color:var(--muted);font-size:.92rem}
footer .wrap{display:grid;grid-template-columns:1fr auto;gap:1.5rem;align-items:start}
.linkish{font:inherit;background:none;border:0;padding:0;color:var(--muted);text-decoration:underline;cursor:pointer}
#turnstile:empty{display:none}

/* phone action bar */
.dock{display:none}

@media (max-width:1000px){
  nav.main{display:none}
  .hero .wrap,.tool,.head,.visit .wrap,.calc{grid-template-columns:1fr}
  .hero .wrap{padding-top:2.5rem;gap:2.5rem}
  .coin3d{width:min(19rem,72vw)}
  .result{position:static}
  .process{grid-template-columns:1fr 1fr}
  .process::before{display:none}
}
@media (max-width:640px){
  body{font-size:1.07rem;padding-bottom:calc(4.6rem + env(safe-area-inset-bottom,0px))}
  .wrap{padding:0 1rem}
  header .btn.call{display:none}
  section.band{padding:3.8rem 0}
  .buy,.standards,.process{grid-template-columns:1fr}
  .row3{grid-template-columns:1fr 1fr}
  .ticker .wrap{gap:.2rem 1.1rem;font-size:.95rem}
  .ticker .when{margin-left:0;width:100%;font-size:.85rem}
  .coin3d{width:min(16rem,70vw)}
  .hero .wrap{padding-bottom:3rem}
  .report{padding:1.3rem;min-height:18rem}
  .tray{grid-template-columns:repeat(3,1fr);padding:1.2rem .5rem}
  .disc{width:3.9rem}.disc.sm{width:3.2rem}.disc.xs{width:2.7rem}
  .dock{display:grid;grid-template-columns:1fr 1fr 1fr;gap:.5rem;position:fixed;left:0;right:0;bottom:0;z-index:40;padding:.6rem .8rem calc(.6rem + env(safe-area-inset-bottom,0px));background:rgba(11,33,26,.94);backdrop-filter:blur(12px);-webkit-backdrop-filter:blur(12px);border-top:1px solid var(--line-2)}
  .dock a{display:flex;flex-direction:column;align-items:center;gap:.15rem;text-decoration:none;color:var(--ink);font-size:.82rem;padding:.35rem 0;border-radius:10px}
  .dock a.call{background:var(--gold);color:var(--gold-ink)}
  .dock svg{width:1.3rem;height:1.3rem}
  footer .wrap{grid-template-columns:1fr}
}

/* ---- shared additions (update 10) ---- */
nav.main a[aria-current=page]{color:var(--ink)}
.tests{display:grid;grid-template-columns:repeat(4,1fr);gap:1.4rem}
.tests div{border-top:1px solid var(--line);padding-top:1rem}
.tests svg{width:2rem;height:2rem;color:var(--gold);margin-bottom:.4rem}
.tests p{color:var(--muted);font-size:1rem;margin:.35rem 0 0}
.story{max-width:46rem}
.story p{font-size:1.15rem}
.story .sig{color:var(--muted);font-size:1rem}
.ways{display:grid;grid-template-columns:repeat(3,1fr);gap:1.2rem}
.way{border-radius:var(--r-panel);padding:1.6rem;background:linear-gradient(180deg,var(--velvet-3),var(--velvet-2));box-shadow:0 0 0 1px var(--line-2)}
.way h3{margin-bottom:.5rem}
.way p{color:var(--muted);font-size:1rem;margin:0 0 .8rem}
.way .best{font-size:.9rem;color:var(--gold)}
.offer-wrap{display:grid;grid-template-columns:minmax(0,1.2fr) minmax(0,.8fr);gap:2.5rem;align-items:start}
.form-panel{border-radius:var(--r-panel);padding:2rem;background:var(--well);box-shadow:0 0 0 1px var(--line)}
.form-panel .panel{gap:1rem}
.req{color:var(--gold)}
.hp{position:absolute;left:-9999px;width:1px;height:1px;overflow:hidden}
.attach{border:1px dashed var(--line-2);border-radius:var(--r-field);padding:.8rem 1rem;color:var(--muted);font-size:.95rem;display:flex;justify-content:space-between;gap:1rem;align-items:center}
.done{border-radius:var(--r-panel);padding:2rem;background:linear-gradient(180deg,var(--velvet-3),var(--velvet-2));box-shadow:0 0 0 1px var(--gold)}
.done h3{color:var(--gold-hi);font-size:1.6rem;margin-bottom:.6rem}
.side-list{list-style:none;margin:0;padding:0;display:flex;flex-direction:column;gap:1rem}
.side-list li{border-top:1px solid var(--line);padding-top:1rem}
.side-list b{display:block;font-family:var(--display);font-weight:400;font-size:1.15rem}
.side-list span{color:var(--muted);font-size:1rem}
.breadcrumb{color:var(--muted);font-size:.95rem;margin:0 0 1rem}
.breadcrumb a{color:var(--muted)}
@media (max-width:1000px){.tests{grid-template-columns:1fr 1fr}.ways,.offer-wrap{grid-template-columns:1fr}}
@media (max-width:640px){.tests{grid-template-columns:1fr}.form-panel{padding:1.3rem}}

.pile{position:relative;width:min(26rem,80vw);aspect-ratio:1;justify-self:center}
.pile img{position:absolute;border-radius:50%;box-shadow:0 24px 40px -18px rgba(0,0,0,.85),0 0 0 1px rgba(0,0,0,.35)}
.pile .c1{width:52%;height:auto;left:4%;top:8%}
.pile .c2{width:46%;height:auto;right:2%;top:2%}
.pile .c3{width:42%;height:auto;left:30%;top:40%;z-index:2}
.pile .c4{width:44%;height:auto;right:0;bottom:4%}
.pile .c5{width:40%;height:auto;left:0;bottom:2%}
@media (max-width:1000px){.pile{display:none}}
@media (max-width:520px){.form-panel .row2{grid-template-columns:1fr}}

.visit .inside{margin:.2rem 0 1.4rem;color:var(--muted);font-size:1.02rem}