/* ============================================================
   ASSAY — the precious-metal recycler
   Scoped to body.d-assay. 1rem = 10px.
   ============================================================ */
body.d-assay{
  --as-ink:#101317;--as-panel:#171b20;--as-panel2:#1f242b;--as-line:#2a3038;--as-plat:#e6e9ee;--as-soft:#a9b1bc;--as-mute:#76808c;
  --as-rh:#7fb2d3;--as-pd:#c9ced6;--as-gold:#d8b86a;
  --bg-primary:var(--as-ink);--bg-secondary:var(--as-panel);--bg-card:var(--as-panel);--bg-inset:var(--as-panel2);
  --fg-primary:var(--as-plat);--fg-soft:var(--as-soft);--fg-muted:var(--as-mute);--border-color:var(--as-line);--border-strong:#39414b;
  background:var(--as-ink);color:var(--as-plat);font-family:'IBM Plex Sans',system-ui,sans-serif
}
body.d-assay :where(h1,h2,h3){font-family:'IBM Plex Sans',system-ui,sans-serif;font-weight:600;letter-spacing:-.025em;line-height:1.06;color:#fff}
body.d-assay :where(em){font-style:normal;color:var(--as-rh)}
.as-kick{font-family:'IBM Plex Mono',monospace;font-size:1.25rem;font-weight:500;letter-spacing:.04em;text-transform:uppercase;color:var(--as-rh);margin-bottom:1.4rem}

body.d-assay .bx-nav{background:#101317;border-bottom:1px solid var(--as-line)}
body.d-assay .bx-brand-mark{border-radius:8px;background:#fff;padding:3px}
body.d-assay .bx-brand-mark img{object-fit:contain}
body.d-assay .bx-brand-txt b{color:#fff;font-size:1.85rem}
body.d-assay .bx-brand-txt small{color:var(--as-mute);font-family:'IBM Plex Mono',monospace;font-size:1.05rem}
body.d-assay .bx-nav-links a{font-size:1.4rem;color:var(--as-soft)}
body.d-assay .bx-nav-links a:hover,body.d-assay .bx-nav-links a.active{color:#fff}
body.d-assay .bx-nav-links a::after{background:var(--as-rh)}
body.d-assay .bx-nav-cta{background:var(--as-plat);color:var(--as-ink);border-radius:4px}
body.d-assay .burger span{background:#fff}
body.d-assay .bx-sheet{background:var(--as-ink)}
body.d-assay .bx-sheet a{color:#fff}

/* hero — the bench */
.as-hero{position:relative;overflow:hidden;padding-top:var(--nav-h);background:radial-gradient(ellipse 50% 60% at 80% 40%,rgba(127,178,211,.14),transparent 70%),var(--as-ink)}
.as-grid{position:absolute;inset:0;background-image:linear-gradient(var(--as-line) 1px,transparent 1px),linear-gradient(90deg,var(--as-line) 1px,transparent 1px);background-size:56px 56px;opacity:.4;-webkit-mask-image:radial-gradient(ellipse 70% 70% at 60% 40%,#000,transparent);mask-image:radial-gradient(ellipse 70% 70% at 60% 40%,#000,transparent)}
.as-hero-in{position:relative;max-width:var(--max-w);margin:0 auto;padding:8rem 3rem 8rem;display:grid;grid-template-columns:1.1fr .9fr;gap:5rem;align-items:center}
.as-hero-in>*{min-width:0}
.as-tag{display:inline-flex;align-items:center;gap:1rem;font-family:'IBM Plex Mono',monospace;font-size:1.2rem;color:var(--as-soft);padding:.8rem 1.4rem;border:1px solid var(--as-line);border-radius:4px}
.as-tag span{width:8px;height:8px;border-radius:50%;background:var(--as-rh)}
body.d-assay .as-hero h1{font-size:clamp(4.2rem,5.8vw,7.2rem);margin-top:2.6rem}
.as-lede{font-size:1.75rem;line-height:1.65;color:var(--as-soft);margin-top:2.4rem;max-width:56ch}
.as-actions{display:flex;flex-wrap:wrap;gap:1.2rem;margin-top:3.2rem}
.as-btn{display:inline-flex;align-items:center;gap:.9rem;padding:1.5rem 2.4rem;border-radius:4px;font-size:1.5rem;font-weight:600;transition:transform .2s var(--ease),background .2s,border-color .2s}
.as-btn-main{background:var(--as-plat);color:var(--as-ink)}
.as-btn-main:hover{background:#fff;transform:translateY(-2px)}
.as-btn-main i{color:#16a34a}
.as-btn-line{border:1px solid var(--as-line);color:#fff}
.as-btn-line:hover{border-color:var(--as-soft)}

.as-bench{display:flex;flex-direction:column;gap:1.6rem}
.as-tiles{display:grid;grid-template-columns:repeat(3,1fr);gap:1.2rem}
.as-tile{position:relative;aspect-ratio:1;display:flex;flex-direction:column;justify-content:space-between;padding:1.6rem;border-radius:8px;overflow:hidden;color:var(--as-ink);background:linear-gradient(135deg,#f4f6f9 0,#c9cfd8 55%,#eef1f5 100%);box-shadow:inset 0 1px 0 rgba(255,255,255,.8),0 20px 40px rgba(0,0,0,.35)}
.as-tile:nth-child(2){background:linear-gradient(135deg,#eceff3 0,#b8bfca 55%,#e3e7ec 100%)}
.as-tile:nth-child(3){background:linear-gradient(135deg,#e9f2f8 0,#a9c6da 55%,#e4eef5 100%)}
.as-tile::after{content:"";position:absolute;top:-60%;left:-80%;width:60%;height:220%;background:linear-gradient(90deg,transparent,rgba(255,255,255,.65),transparent);transform:rotate(20deg);animation:as-sheen 7s ease-in-out infinite;will-change:transform}
.as-tile:nth-child(2)::after{animation-delay:1.2s}.as-tile:nth-child(3)::after{animation-delay:2.4s}
@keyframes as-sheen{0%,70%{transform:translateX(0) rotate(20deg)}100%{transform:translateX(400%) rotate(20deg)}}
@media (prefers-reduced-motion:reduce){.as-tile::after{display:none}}
.as-tile small{font-family:'IBM Plex Mono',monospace;font-size:1.3rem;color:#3c4550}
.as-tile b{font-size:clamp(4rem,5vw,6rem);font-weight:600;line-height:1;letter-spacing:-.03em}
.as-tile span{font-size:1.3rem;font-weight:600}
.as-tile em{font-style:normal;font-family:'IBM Plex Mono',monospace;font-size:1.15rem;color:#47515d}
.as-read{display:flex;justify-content:space-between;align-items:flex-end;gap:1.6rem;padding:2rem 2.2rem;border:1px solid var(--as-line);border-radius:8px;background:var(--as-panel)}
.as-read span{font-family:'IBM Plex Mono',monospace;font-size:1.2rem;color:var(--as-mute);text-transform:uppercase;letter-spacing:.06em;max-width:16ch}
.as-read b{font-size:clamp(3.6rem,4.4vw,5.4rem);font-weight:600;letter-spacing:-.03em;color:#fff;font-variant-numeric:tabular-nums}

.as-strip{max-width:var(--max-w);margin:0 auto;display:grid;grid-template-columns:repeat(4,1fr);border:1px solid var(--as-line);border-radius:8px;background:var(--as-panel)}
.as-strip>div{display:grid;grid-template-columns:auto 1fr;column-gap:1.4rem;padding:2.4rem 2.2rem;align-items:center}
.as-strip>div+div{border-left:1px solid var(--as-line)}
.as-strip i{grid-row:span 2;font-size:2rem;color:var(--as-rh)}
.as-strip b{font-size:1.5rem;color:#fff}
.as-strip small{font-size:1.3rem;color:var(--as-mute);line-height:1.4}

/* sections */
.as-sec{padding:9rem 3rem 0}
.as-sec>*{max-width:var(--max-w);margin-left:auto;margin-right:auto}
.as-head{margin-bottom:4rem}
.as-sec h2{font-size:clamp(3.2rem,4.2vw,5rem)}
.as-txt{font-size:1.65rem;line-height:1.7;color:var(--as-soft);margin:1.8rem 0 2.6rem}

.as-split{display:grid;grid-template-columns:.9fr 1.1fr;gap:5rem;align-items:start}
.as-split>*{min-width:0}
.as-pgm{display:flex;flex-direction:column;gap:1.2rem}
.as-pgm article{display:flex;gap:2rem;align-items:center;padding:2.2rem;border:1px solid var(--as-line);border-radius:8px;background:var(--as-panel)}
.as-sym{flex:none;width:64px;height:64px;border-radius:6px;display:flex;align-items:center;justify-content:center;font-size:2.6rem;font-weight:600;color:var(--as-ink);background:linear-gradient(135deg,#f4f6f9,#c4cbd5)}
.as-pgm article:nth-child(3) .as-sym{background:linear-gradient(135deg,#e9f2f8,#a9c6da)}
.as-pgm h3{font-size:2rem}
.as-pgm p{font-size:1.45rem;line-height:1.6;color:var(--as-soft);margin-top:.4rem}

.as-src{display:grid;grid-template-columns:repeat(4,1fr);gap:1.2rem}
.as-src>div{padding:2.8rem 2.4rem;border-radius:8px;border:1px solid var(--as-line);background:linear-gradient(180deg,var(--as-panel),var(--as-ink))}
.as-src small{font-family:'IBM Plex Mono',monospace;font-size:1.2rem;color:var(--as-rh)}
.as-src b{display:block;margin-top:1.4rem;font-size:1.9rem;line-height:1.25;color:#fff}

.as-svc{display:grid;grid-template-columns:repeat(3,1fr);gap:1px;background:var(--as-line);border:1px solid var(--as-line);border-radius:8px;overflow:hidden}
.as-svc article{padding:3rem 2.6rem;background:var(--as-ink);transition:background .3s}
.as-svc article:hover{background:var(--as-panel)}
.as-svc i{font-size:2.2rem;color:var(--as-rh)}
.as-svc h3{font-size:2rem;margin:1.6rem 0 .8rem}
.as-svc p{font-size:1.45rem;line-height:1.6;color:var(--as-soft)}

.as-proc{display:grid;grid-template-columns:.7fr 1.3fr;gap:5rem;align-items:start}
.as-proc>*{min-width:0}
.as-wordmark{display:block;margin-top:3rem;width:260px;max-width:100%;background:#fff;border-radius:6px;padding:1.2rem}
.as-proc ol{list-style:none;margin:0;padding:0;position:relative}
.as-proc ol::before{content:"";position:absolute;left:27px;top:20px;bottom:20px;width:1px;background:linear-gradient(var(--as-rh),var(--as-line))}
.as-proc li{position:relative;display:flex;gap:2.4rem;padding:1.6rem 0}
.as-proc li>span{flex:none;width:56px;height:56px;border-radius:50%;display:flex;align-items:center;justify-content:center;font-family:'IBM Plex Mono',monospace;font-size:1.5rem;color:var(--as-ink);background:var(--as-plat);position:relative}
.as-proc b{display:block;font-size:2rem;color:#fff;margin-top:.6rem}
.as-proc small{display:block;font-size:1.5rem;line-height:1.6;color:var(--as-soft);margin-top:.6rem}

.as-gal{display:grid;grid-template-columns:repeat(3,1fr);gap:1.2rem}
.as-gal-item{position:relative;padding:0;border:1px solid var(--as-line);border-radius:8px;overflow:hidden;aspect-ratio:4/3;cursor:zoom-in;background:var(--as-panel)}
.as-gal-item img{width:100%;height:100%;object-fit:cover;transition:transform .8s var(--ease)}
.as-gal-item:hover img{transform:scale(1.04)}
.as-gal-item span{position:absolute;left:0;right:0;bottom:0;padding:2.4rem 1.4rem 1.2rem;background:linear-gradient(transparent,rgba(16,19,23,.9));font-family:'IBM Plex Mono',monospace;font-size:1.15rem;color:#fff;text-align:left}

.as-about{display:grid;grid-template-columns:.9fr 1.1fr;gap:5rem;align-items:center}
.as-about>*{min-width:0}
.as-cut{width:100%;border-radius:8px;border:1px solid var(--as-line)}
.as-own{font-family:'IBM Plex Mono',monospace;font-size:1.3rem;color:var(--as-rh);margin-top:1.2rem}
.as-prose{margin-top:2rem}
.as-prose p{font-size:1.65rem;line-height:1.75;color:var(--as-soft)}
.as-prose p+p{margin-top:1.4rem}
.as-rev{display:grid;grid-template-columns:repeat(auto-fit,minmax(280px,1fr));gap:2rem}
.as-rev blockquote{font-size:1.7rem;line-height:1.55}

.as-contact{display:grid;grid-template-columns:1fr 1fr;gap:5rem;padding:5rem;border-radius:8px;border:1px solid var(--as-line);background:linear-gradient(135deg,#16202a,var(--as-panel) 60%)}
.as-contact>*{min-width:0}
.as-hours{margin-top:2.4rem}
body.d-assay .ci{border-radius:6px;background:rgba(255,255,255,.03);border-color:var(--as-line)}
body.d-assay .ci b{color:#fff}
body.d-assay .ci small{color:var(--as-soft)}
body.d-assay .ci-ico{background:rgba(127,178,211,.15);color:var(--as-rh)}
body.d-assay .ci-ico.wa{background:#25d366;color:#fff}
body.d-assay .contact-form{border-radius:8px;background:var(--as-ink);border:1px solid var(--as-line);box-shadow:none}
body.d-assay .contact-form h3{font-size:2.4rem;margin-bottom:1.6rem}
body.d-assay .cf-field span{color:var(--as-soft)}
body.d-assay .cf-field input,body.d-assay .cf-field textarea{border-radius:4px;background:var(--as-panel);border-color:var(--as-line);color:#fff}
body.d-assay .cf-note{color:var(--as-mute)}
body.d-assay .btn-onbiz{background:var(--as-plat);color:var(--as-ink);border-radius:4px}
.as-map{margin-top:3rem}
.as-share{max-width:var(--max-w);margin:4rem auto 0;padding:0 3rem}
body.d-assay .biz-share span{color:var(--as-soft)}
body.d-assay .bx-foot{background:#0b0d10;border-top:1px solid var(--as-line);margin-top:8rem}
body.d-assay .bx-foot p,body.d-assay .bx-foot li,body.d-assay .bx-foot a{color:var(--as-soft)}
body.d-assay .bx-foot h2{color:#fff}
body.d-assay .bx-foot .bx-brand-mark{background:#fff}
body.d-assay .bx-foot .btn-onbiz{background:var(--as-plat);color:var(--as-ink)}
body.d-assay .bx-foot .btn-outline{border-color:var(--as-line);color:#fff}
body.d-assay .bx-foot-bottom{border-top-color:var(--as-line)}
body.d-assay .bx-faq details{border-color:var(--as-line)}
body.d-assay .bx-faq summary{color:#fff}

@media (max-width:1080px){
  .as-strip{grid-template-columns:1fr 1fr}
  .as-strip>div:nth-child(3){border-left:0}
  .as-strip>div:nth-child(n+3){border-top:1px solid var(--as-line)}
  .as-src{grid-template-columns:1fr 1fr}
  .as-svc{grid-template-columns:1fr 1fr}
}
@media (max-width:900px){
  .as-hero-in{grid-template-columns:1fr;padding:5rem 2rem 6rem;gap:4rem}
  .as-split,.as-proc,.as-about,.as-contact{grid-template-columns:1fr;gap:3rem}
  .as-gal{grid-template-columns:1fr 1fr}
}
@media (max-width:640px){
  body.d-assay .as-hero h1{font-size:4rem}
  .as-lede{font-size:1.6rem}
  .as-tile{padding:1rem}
  .as-tile span,.as-tile em{font-size:1rem}
  .as-strip{margin:0 1.6rem;grid-template-columns:1fr}
  .as-strip>div{border-left:0!important}
  .as-strip>div+div{border-top:1px solid var(--as-line)}
  .as-sec{padding:6.4rem 1.6rem 0}
  .as-src,.as-svc,.as-gal{grid-template-columns:1fr}
  .as-contact{padding:2.8rem 1.8rem}
  .as-share{padding:0 1.6rem}
}
