/* ============================================================
   ZonedIQ · Main Stylesheet (Complete)
   Theme: Deep Navy · Warm Amber · Emerald Green
============================================================ */

/* ── RESET & VARIABLES ─────────────────────────────────────── */
:root {
  --ink:     #0c1020;
  --ink2:    #111827;
  --ink3:    #18213a;
  --ink4:    #1f2d47;
  --rule:    #253048;
  --rule2:   #2e3d5c;
  --gold:    #c8912a;
  --gold-l:  #e8b04a;
  --gold-xl: #f5c96a;
  --gold-d:  rgba(200,145,42,.12);
  --gold-b:  rgba(200,145,42,.32);
  --gold-glow: rgba(200,145,42,.18);
  --green:   #2dd98a;
  --green-l: #52e8a0;
  --green-d: rgba(45,217,138,.1);
  --green-b: rgba(45,217,138,.25);
  --green-glow: rgba(45,217,138,.15);
  --blue:    #5ba3e8;
  --blue-d:  rgba(91,163,232,.1);
  --amber:   #f5a623;
  --red:     #f05252;
  --purple:  #b39dfa;
  --muted:   #5e7092;
  --body:    #8fa0be;
  --white:   #dde4f2;
  --r:       12px;
  --shadow-gold:  0 0 0 1px var(--gold-b), 0 8px 32px rgba(200,145,42,.12);
  --shadow-green: 0 0 0 1px var(--green-b),0 8px 32px rgba(45,217,138,.08);
  --shadow-card:  0 4px 24px rgba(0,0,0,.25);
}

*,*::before,*::after{box-sizing:border-box;margin:0;padding:0}
html{scroll-behavior:smooth}
body{background:var(--ink);color:var(--body);font-family:'Syne',sans-serif;font-size:15px;line-height:1.65;-webkit-font-smoothing:antialiased}
.grain{position:fixed;inset:0;pointer-events:none;z-index:9999;background-image:url("data:image/svg+xml,%3Csvg viewBox='0 0 200 200' xmlns='http://www.w3.org/2000/svg'%3E%3Cfilter id='n'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='.75' numOctaves='4' stitchTiles='stitch'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23n)' opacity='.04'/%3E%3C/svg%3E");opacity:.4}
.sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}
.ff{font-family:'Fraunces',Georgia,serif}
.fm{font-family:'DM Mono',monospace}
.wrap{max-width:1240px;margin:0 auto;padding:0 28px}
@media(max-width:768px){.wrap{padding:0 16px}}
a{color:inherit}

/* ── TICKER ──────────────────────────────────── */
.ticker-strip{background:var(--ink2);border-bottom:1px solid var(--rule);height:34px;overflow:hidden;position:relative}
.ticker-label{position:absolute;left:0;top:0;bottom:0;z-index:2;background:var(--gold);color:var(--ink);display:flex;align-items:center;padding:0 16px;font-family:'DM Mono',monospace;font-size:10px;font-weight:700;letter-spacing:.1em;text-transform:uppercase;white-space:nowrap}
.ticker-label::after{content:'';position:absolute;right:-10px;top:0;bottom:0;border-left:10px solid var(--gold);border-top:34px solid transparent}
.ticker-track{height:100%;padding-left:130px;overflow:hidden}
.ticker-scroll{display:flex;align-items:center;height:100%;animation:ticker-move 40s linear infinite;white-space:nowrap}
.ticker-scroll:hover{animation-play-state:paused}
@keyframes ticker-move{0%{transform:translateX(0)}100%{transform:translateX(-50%)}}
.ticker-item{display:inline-flex;align-items:center;gap:8px;font-size:12px;color:var(--body);padding:0 32px;border-right:1px solid var(--rule)}
.t-dot{width:5px;height:5px;border-radius:50%;flex-shrink:0}
.t-zone{font-family:'DM Mono',monospace;font-size:10px;color:var(--gold-l);font-weight:500}

/* ── NAV ──────────────────────────────────────── */
nav#mainNav{position:sticky;top:0;z-index:200;background:rgba(12,16,32,.97);backdrop-filter:blur(24px);border-bottom:1px solid var(--rule);border-top:3px solid var(--gold);box-shadow:0 4px 32px rgba(0,0,0,.3)}
.nav-inner{max-width:1240px;margin:0 auto;padding:0 28px;height:60px;display:flex;align-items:center;justify-content:space-between;gap:14px}
.logo{font-family:'Fraunces',serif;font-size:1.45rem;font-weight:700;letter-spacing:-.04em;text-decoration:none;flex-shrink:0;display:flex;align-items:center}
.logo-zoned{color:var(--white)}
.logo-iq{color:var(--gold)}
.logo-dot{width:7px;height:7px;border-radius:50%;background:var(--green);margin-left:4px;animation:blink 2.5s ease infinite;box-shadow:0 0 6px var(--green)}
@keyframes blink{0%,100%{opacity:1;box-shadow:0 0 6px var(--green)}50%{opacity:.4;box-shadow:none}}
.nav-search{flex:1;max-width:380px;position:relative}
.nav-search input{width:100%;background:var(--ink3);border:1px solid var(--rule2);color:var(--white);border-radius:8px;padding:9px 14px 9px 36px;font-size:13px;font-family:inherit;outline:none;transition:border-color .2s,box-shadow .2s}
.nav-search input:focus{border-color:var(--gold-b);box-shadow:0 0 0 3px var(--gold-d)}
.nav-search input::placeholder{color:var(--muted)}
.search-icon{position:absolute;left:11px;top:50%;transform:translateY(-50%);color:var(--muted);pointer-events:none}
.search-suggestions{display:none;position:absolute;top:calc(100% + 4px);left:0;right:0;background:var(--ink2);border:1px solid var(--rule);border-radius:10px;box-shadow:var(--shadow-card);z-index:500;max-height:360px;overflow-y:auto}
.search-suggestions.open{display:block}
.suggest-item{display:flex;align-items:center;gap:10px;padding:11px 16px;cursor:pointer;transition:background .12s;text-decoration:none;border-bottom:1px solid var(--rule)}
.suggest-item:last-child{border-bottom:none}
.suggest-item:hover{background:var(--ink3)}
.suggest-code{font-family:'DM Mono',monospace;font-size:12px;font-weight:600;color:var(--gold-l);min-width:40px}
.suggest-name{font-size:13px;color:var(--white)}
.suggest-loc{font-size:11px;color:var(--muted);margin-left:auto;white-space:nowrap}
.nav-links{display:flex;gap:4px;align-items:center}
@media(max-width:768px){.nav-links{display:none}}
.nav-link{color:var(--muted);font-size:13px;font-weight:600;cursor:pointer;padding:6px 12px;border-radius:7px;transition:all .2s;text-decoration:none}
.nav-link:hover{color:var(--white);background:var(--ink3)}
.nav-link.active{color:var(--gold);background:var(--gold-d)}
.nav-actions{display:flex;gap:8px;align-items:center}
@media(max-width:640px){.nav-actions{display:none}}
.btn-primary{background:var(--gold);color:var(--ink);font-size:13px;font-weight:700;padding:9px 22px;border-radius:7px;border:none;cursor:pointer;transition:all .15s;font-family:inherit;white-space:nowrap;text-decoration:none;display:inline-block;box-shadow:0 2px 12px var(--gold-glow)}
.btn-primary:hover{background:var(--gold-l);transform:translateY(-1px);box-shadow:0 4px 20px var(--gold-glow)}
.btn-primary.btn-block{display:block;text-align:center;width:100%}
.btn-ghost{background:transparent;color:var(--gold);font-size:13px;font-weight:600;padding:8px 16px;border-radius:7px;border:1px solid var(--gold-b);cursor:pointer;transition:all .15s;font-family:inherit;text-decoration:none;display:inline-block}
.btn-ghost:hover{background:var(--gold-d);border-color:var(--gold)}
.btn-ghost.btn-block{display:block;text-align:center;width:100%}
.nav-mobile-toggle{display:none;flex-direction:column;gap:5px;background:none;border:none;cursor:pointer;padding:4px}
@media(max-width:768px){.nav-mobile-toggle{display:flex}}
.nav-mobile-toggle span{display:block;width:22px;height:2px;background:var(--body);border-radius:2px;transition:all .2s}
.mobile-nav{display:none;position:fixed;top:63px;left:0;right:0;bottom:0;background:var(--ink2);z-index:190;padding:24px;overflow-y:auto;border-top:1px solid var(--rule)}
.mobile-nav.open{display:block}
.mobile-nav-link{display:block;padding:14px 0;font-size:16px;font-weight:600;color:var(--body);text-decoration:none;border-bottom:1px solid var(--rule)}
.mobile-nav-link.highlight{color:var(--gold-l)}
.mobile-nav-divider{border:none;border-top:1px solid var(--rule2);margin:12px 0}

/* ── SECTION HERO ──────────────────────────────── */
.section-hero{padding:52px 0 40px;border-bottom:1px solid var(--rule);background:linear-gradient(180deg,var(--ink3) 0%,var(--ink) 100%)}

/* ── BREADCRUMB ─────────────────────────────────── */
.bc{display:flex;align-items:center;gap:6px;flex-wrap:wrap;font-family:'DM Mono',monospace;font-size:11px;color:var(--muted);margin-bottom:28px}
.bc a{color:var(--muted);text-decoration:none;transition:color .15s}
.bc a:hover{color:var(--gold)}
.bc .sep{color:var(--rule2)}
.bc .cur{color:var(--gold);font-weight:500}

/* ── PILLS ──────────────────────────────────────── */
.pill{display:inline-block;padding:2px 9px;border-radius:4px;font-family:'DM Mono',monospace;font-size:10px;font-weight:500}
.pg{background:var(--green-d);color:var(--green);border:1px solid var(--green-b)}
.pa{background:rgba(245,166,35,.08);color:var(--amber);border:1px solid rgba(245,166,35,.22)}
.pr{background:rgba(240,82,82,.07);color:var(--red);border:1px solid rgba(240,82,82,.2)}
.pp{background:var(--gold-d);color:var(--gold-l);border:1px solid var(--gold-b)}
.pb{background:var(--blue-d);color:var(--blue);border:1px solid rgba(91,163,232,.25)}
.pn{background:var(--ink3);color:var(--muted);border:1px solid var(--rule)}

/* ── SECTION HEADER ─────────────────────────────── */
.sh{font-family:'DM Mono',monospace;font-size:10px;font-weight:500;letter-spacing:.14em;text-transform:uppercase;color:var(--gold);display:flex;align-items:center;gap:10px;margin-bottom:22px}
.sh::after{content:'';flex:1;height:1px;background:linear-gradient(90deg,var(--rule),transparent)}

/* ── CARDS ──────────────────────────────────────── */
.card{background:var(--ink2);border:1px solid var(--rule);border-radius:var(--r);padding:28px;transition:border-color .25s,box-shadow .25s;box-shadow:var(--shadow-card)}
.card:hover{border-color:var(--gold-b);box-shadow:var(--shadow-gold)}
.card.card-table{padding:0;overflow:hidden}
.card+.card{margin-top:20px}

/* ── PAGE GRID ──────────────────────────────────── */
.page-grid{display:grid;grid-template-columns:1fr 340px;gap:36px;padding:40px 0 80px;align-items:start}
@media(max-width:960px){.page-grid{grid-template-columns:1fr}}
.sidebar-col{display:flex;flex-direction:column;gap:20px}
.section-block{margin-bottom:52px}
.site-main{padding-top:40px}

/* ── HERO HOME ──────────────────────────────────── */
.hero-home{padding:80px 0 60px;position:relative;overflow:hidden;border-bottom:1px solid var(--rule)}
.hero-home::before{content:'';position:absolute;top:-140px;left:50%;transform:translateX(-50%);width:1000px;height:700px;background:radial-gradient(ellipse at center,rgba(200,145,42,.07) 0%,transparent 60%);pointer-events:none}
.hero-kicker{display:inline-flex;align-items:center;gap:8px;background:var(--gold-d);border:1px solid var(--gold-b);color:var(--gold-l);font-family:'DM Mono',monospace;font-size:11px;padding:5px 14px;border-radius:100px;margin-bottom:20px;box-shadow:0 0 20px var(--gold-glow)}
.pulse{width:7px;height:7px;border-radius:50%;background:var(--green);animation:blink 2.5s ease infinite;box-shadow:0 0 6px var(--green);flex-shrink:0}
.hero-h1{font-size:clamp(2.6rem,5vw,4.2rem);font-weight:900;color:var(--white);line-height:1.08;letter-spacing:-.04em;max-width:740px;margin-bottom:20px}
.hero-h1 em{font-style:italic;color:var(--gold-l)}
.hero-h1 u{text-decoration:none;position:relative;display:inline-block}
.hero-h1 u::after{content:'';position:absolute;bottom:1px;left:0;right:0;height:3px;background:linear-gradient(90deg,var(--gold),var(--gold-xl));border-radius:2px;opacity:.7;filter:drop-shadow(0 0 4px var(--gold-glow))}
.hero-sub{font-size:16px;color:var(--body);max-width:580px;margin-bottom:40px;line-height:1.75}
.search-mega{background:var(--ink2);border:1.5px solid var(--rule2);border-radius:12px;padding:6px;display:flex;align-items:center;gap:6px;max-width:720px;box-shadow:0 20px 60px rgba(0,0,0,.4);transition:border-color .2s,box-shadow .2s}
.search-mega:focus-within{border-color:var(--gold-b);box-shadow:0 20px 60px rgba(0,0,0,.4),0 0 24px var(--gold-glow)}
.sm-icon{margin-left:12px;flex-shrink:0;color:var(--muted)}
.sm-input{flex:1;background:none;border:none;color:var(--white);font-size:15px;padding:10px 16px;outline:none;font-family:inherit}
.sm-input::placeholder{color:var(--muted)}
.sm-divider{width:1px;height:28px;background:var(--rule);flex-shrink:0}
.sm-select{background:none;border:none;color:var(--body);font-size:13px;padding:0 14px;outline:none;cursor:pointer;font-family:inherit;appearance:none}
.btn-s{background:var(--gold);color:var(--ink);border:none;border-radius:9px;padding:12px 28px;font-size:14px;font-weight:700;cursor:pointer;transition:all .2s;font-family:inherit;white-space:nowrap;box-shadow:0 2px 12px var(--gold-glow)}
.btn-s:hover{background:var(--gold-l);box-shadow:0 4px 20px var(--gold-glow)}
.hero-tags{display:flex;gap:8px;flex-wrap:wrap;margin-top:16px}
.hero-tag-item{font-size:12px;color:var(--muted);background:var(--ink3);border:1px solid var(--rule);border-radius:6px;padding:5px 13px;cursor:pointer;transition:all .15s;font-weight:500;text-decoration:none}
.hero-tag-item:hover{border-color:var(--gold-b);color:var(--gold-l);background:var(--gold-d)}

/* ── COUNTER STRIP ──────────────────────────────── */
.counter-strip{background:var(--ink2);border-top:1px solid var(--rule);border-bottom:1px solid var(--rule)}
.counter-cells{display:grid;grid-template-columns:repeat(4,1fr);gap:1px;background:var(--rule);margin:40px 0;border:1px solid var(--rule);border-radius:var(--r);overflow:hidden}
@media(max-width:640px){.counter-cells{grid-template-columns:repeat(2,1fr)}}
.counter-cell{background:var(--ink2);padding:28px 20px;text-align:center;transition:background .2s}
.counter-cell:hover{background:var(--ink3)}
.counter-num{font-family:'Fraunces',serif;font-size:2.8rem;font-weight:700;color:var(--white);line-height:1;letter-spacing:-.04em}
.counter-num span{color:var(--gold)}
.counter-label{font-size:12px;color:var(--muted);margin-top:6px;font-weight:500}

/* ── US MAP ─────────────────────────────────────── */
.us-map-grid{display:grid;grid-template-columns:repeat(10,1fr);gap:4px}
@media(max-width:640px){.us-map-grid{grid-template-columns:repeat(7,1fr)}}
.state-btn{background:var(--ink3);border:1px solid var(--rule);border-radius:6px;padding:7px 4px;text-align:center;cursor:pointer;transition:all .15s;position:relative;text-decoration:none;display:block}
.state-btn:hover,.state-btn.hot{background:var(--gold-d);border-color:var(--gold-b);box-shadow:0 0 8px var(--gold-glow)}
.state-btn .code{font-family:'DM Mono',monospace;font-size:10px;font-weight:500;color:var(--body)}
.state-btn:hover .code{color:var(--gold-l)}
.state-btn.covered::after{content:'';position:absolute;top:3px;right:3px;width:4px;height:4px;background:var(--green);border-radius:50%;box-shadow:0 0 4px var(--green)}
.state-btn.partial::after{content:'';position:absolute;top:3px;right:3px;width:4px;height:4px;background:var(--amber);border-radius:50%}
.map-legend{display:flex;gap:20px;margin-top:12px;font-size:11px;color:var(--muted);flex-wrap:wrap}
.map-legend span{display:flex;align-items:center;gap:6px}
.dot{width:7px;height:7px;border-radius:50%;display:inline-block}

/* ── MARKETS ────────────────────────────────────── */
.markets-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:16px}
@media(max-width:768px){.markets-grid{grid-template-columns:1fr}}
.market-card{background:var(--ink2);border:1px solid var(--rule);border-radius:var(--r);padding:22px;cursor:pointer;transition:all .25s;position:relative;overflow:hidden;box-shadow:var(--shadow-card);text-decoration:none;display:block}
.market-card:hover{border-color:var(--gold-b);transform:translateY(-3px);box-shadow:var(--shadow-gold)}
.mc-state{font-family:'DM Mono',monospace;font-size:10px;color:var(--muted);margin-bottom:8px;text-transform:uppercase;letter-spacing:.1em}
.mc-name{font-family:'Fraunces',serif;font-size:1.15rem;font-weight:700;color:var(--white);margin-bottom:5px}
.mc-sub{font-size:12px;color:var(--muted);margin-bottom:14px;line-height:1.55}
.mc-stats{display:flex;gap:12px;flex-wrap:wrap}
.mc-stat{font-family:'DM Mono',monospace;font-size:10px;color:var(--gold)}
.mc-stat small{color:var(--muted);font-size:9px}
.mc-arrow{position:absolute;top:20px;right:20px;color:var(--rule2);font-size:18px;transition:all .2s}
.market-card:hover .mc-arrow{color:var(--gold);transform:translateX(3px)}

/* ── NAMING CONVENTION ──────────────────────────── */
.naming-intro{font-size:13px;color:var(--muted);margin-bottom:18px;line-height:1.65}
.naming-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(200px,1fr));gap:12px}
.naming-card{background:var(--ink3);border:1px solid var(--rule);border-radius:8px;padding:14px}
.naming-head{font-size:10px;color:var(--muted);font-family:'DM Mono',monospace;margin-bottom:8px;text-transform:uppercase;letter-spacing:.08em}
.naming-pills{display:flex;flex-wrap:wrap;gap:5px}

/* ── HOW IT WORKS ───────────────────────────────── */
.how-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:20px}
@media(max-width:768px){.how-grid{grid-template-columns:1fr}}
.how-card{background:var(--ink2);border:1px solid var(--rule);border-radius:var(--r);padding:28px;transition:all .25s;box-shadow:var(--shadow-card)}
.how-card:hover{border-color:var(--green-b);box-shadow:var(--shadow-green)}
.how-num{font-family:'Fraunces',serif;font-size:3.2rem;font-weight:700;color:rgba(200,145,42,.15);line-height:1;margin-bottom:12px}
.how-title{font-size:14px;font-weight:700;color:var(--white);margin-bottom:8px}
.how-sub{font-size:13px;color:var(--muted);line-height:1.65}

/* ── TOOLS TEASER ───────────────────────────────── */
.tools-teaser-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:14px}
@media(max-width:900px){.tools-teaser-grid{grid-template-columns:repeat(2,1fr)}}
.tool-card-mini{background:var(--ink2);border:1px solid var(--rule);border-radius:var(--r);padding:18px;cursor:pointer;transition:all .2s;text-decoration:none;display:flex;flex-direction:column;gap:10px;box-shadow:var(--shadow-card)}
.tool-card-mini:hover{border-color:var(--gold-b);transform:translateY(-3px);box-shadow:var(--shadow-gold)}
.tool-icon-mini{font-size:1.8rem}
.tool-name-mini{font-size:13px;font-weight:700;color:var(--white);margin-bottom:4px}
.tool-desc-mini{font-size:12px;color:var(--muted)}
.tool-vol{font-size:11px;color:var(--muted);margin-top:auto}
.tools-teaser-cta{text-align:center;margin-top:20px}

/* ── PRICING ────────────────────────────────────── */
.pricing-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:16px}
@media(max-width:768px){.pricing-grid{grid-template-columns:1fr}}
.pricing-card{background:var(--ink2);border:1px solid var(--rule);border-radius:var(--r);padding:28px;box-shadow:var(--shadow-card)}
.pricing-card.featured{border-color:var(--gold-b);background:linear-gradient(145deg,#17213a,#111827);box-shadow:var(--shadow-gold)}
.p-tier{font-family:'DM Mono',monospace;font-size:10px;text-transform:uppercase;letter-spacing:.12em;color:var(--muted);margin-bottom:10px}
.p-price{font-family:'Fraunces',serif;font-size:2.4rem;font-weight:700;color:var(--white);line-height:1}
.p-price sub{font-size:.7rem;color:var(--muted);font-weight:400;font-family:'Syne',sans-serif}
.p-desc{font-size:13px;color:var(--muted);margin:10px 0 18px;line-height:1.55}
.p-feat{font-size:13px;color:var(--body);padding:7px 0;border-bottom:1px solid var(--rule);display:flex;gap:9px;align-items:flex-start}
.p-feat:last-of-type{border-bottom:none}
.p-chk{color:var(--green);font-size:11px;flex-shrink:0;margin-top:3px}
.p-dash{color:var(--rule2);font-size:11px;flex-shrink:0;margin-top:3px}
.mt-4{margin-top:16px}

/* ── ZONE HERO ──────────────────────────────────── */
.zone-badge-hero{display:inline-flex;align-items:center;gap:8px;background:var(--gold-d);border:1px solid var(--gold-b);color:var(--gold-l);font-family:'DM Mono',monospace;font-size:11px;padding:4px 14px;border-radius:100px;margin-bottom:16px;box-shadow:0 0 16px var(--gold-glow)}
.zone-badge-hero .dot{width:6px;height:6px;border-radius:50%;background:var(--gold);flex-shrink:0}
.zone-h1{font-size:clamp(1.8rem,3.5vw,3rem);font-weight:900;color:var(--white);letter-spacing:-.04em;margin-bottom:10px}
.zone-h1 em{font-style:italic;color:var(--gold-l)}
.zone-hero-desc{font-size:14px;color:var(--muted);max-width:580px;margin-top:10px;line-height:1.7}
.hero-meta{display:flex;gap:16px;flex-wrap:wrap;margin-top:18px;align-items:center}
.hm-item{display:flex;align-items:center;gap:6px;font-size:13px;color:var(--muted)}
.hm-item svg{color:var(--gold)}
.hm-updated{font-family:'DM Mono',monospace;font-size:11px;color:var(--muted);background:var(--ink3);padding:3px 10px;border-radius:4px;border:1px solid var(--rule)}

/* ── STAT STRIP ─────────────────────────────────── */
.stats-strip{display:grid;grid-template-columns:repeat(4,1fr);gap:14px;margin:32px 0 24px}
@media(max-width:700px){.stats-strip{grid-template-columns:repeat(2,1fr)}}
.sc{background:var(--ink2);border:1px solid var(--rule);border-radius:var(--r);padding:22px 24px;position:relative;overflow:hidden;transition:all .25s;box-shadow:var(--shadow-card)}
.sc:hover{border-color:var(--gold-b);transform:translateY(-3px);box-shadow:var(--shadow-gold)}
.sc .bar{position:absolute;top:0;left:0;right:0;height:3px;background:linear-gradient(90deg,var(--gold),var(--gold-l),transparent);filter:drop-shadow(0 0 4px var(--gold-glow))}
.sc .bar.g{background:linear-gradient(90deg,var(--green),var(--green-l),transparent);filter:drop-shadow(0 0 4px var(--green-glow))}
.sc .bar.b{background:linear-gradient(90deg,var(--blue),transparent)}
.sc .lbl{font-family:'DM Mono',monospace;font-size:9px;text-transform:uppercase;letter-spacing:.12em;color:var(--muted);margin-bottom:10px}
.sc .val{font-family:'Fraunces',serif;font-size:2.6rem;font-weight:700;color:var(--white);line-height:1;letter-spacing:-.04em}
.sc .unit{font-size:11px;color:var(--muted);margin-top:5px;font-weight:500}
.sc .note{font-size:11px;color:var(--muted);margin-top:4px}

/* ── STANDARDS TABLE ────────────────────────────── */
.std-table{width:100%;border-collapse:collapse}
.std-table th{font-family:'DM Mono',monospace;font-size:10px;text-transform:uppercase;letter-spacing:.1em;color:var(--muted);padding:14px 14px 14px 24px;text-align:left;border-bottom:1px solid var(--rule);background:var(--ink3)}
.std-table td{padding:13px 14px 13px 24px;border-bottom:1px solid rgba(37,48,72,.5);vertical-align:middle;font-size:13px}
.std-table tr:last-child td{border-bottom:none}
.std-table tr:hover td{background:rgba(200,145,42,.03)}
.td-label{font-size:13px;color:var(--body);font-weight:600}
.td-sub{font-size:11px;color:var(--muted);margin-top:2px}
.td-v{font-family:'DM Mono',monospace;font-size:13px;color:var(--white);font-weight:600;white-space:nowrap}
.td-note{font-size:12px;color:var(--muted)}
.td-ref{font-family:'DM Mono',monospace;font-size:10px;color:var(--muted)}

/* ── ZONES TABLE ────────────────────────────────── */
.zones-table{width:100%;border-collapse:collapse}
.zones-table th{font-family:'DM Mono',monospace;font-size:10px;text-transform:uppercase;letter-spacing:.1em;color:var(--muted);padding:14px 14px 14px 24px;text-align:left;border-bottom:1px solid var(--rule);background:var(--ink3)}
.zones-table td{padding:14px 14px 14px 24px;border-bottom:1px solid rgba(37,48,72,.5);vertical-align:middle;font-size:13px}
.zones-table tr:last-child td{border-bottom:none}
.zones-table tr{transition:background .12s}
.zones-table tr:hover td{background:rgba(200,145,42,.03)}
.zone-code-badge{font-family:'DM Mono',monospace;font-size:12px;font-weight:600;color:var(--white);background:var(--ink3);border:1px solid var(--rule2);padding:3px 10px;border-radius:5px}
.zone-code-badge.featured{color:var(--gold-l);background:var(--gold-d);border-color:var(--gold-b);box-shadow:0 0 8px var(--gold-glow)}
.zt-full{font-size:13px;color:var(--body);font-weight:500}
.zt-full.bold{color:var(--white);font-weight:700}
.zt-uses{font-size:12px;color:var(--muted)}
.zt-arr{color:var(--rule2);font-size:18px;text-decoration:none;transition:color .15s}
.zones-table tr:hover .zt-arr{color:var(--gold)}

/* ── USES ───────────────────────────────────────── */
.uses-legend{display:flex;gap:20px;flex-wrap:wrap;margin-bottom:16px;font-size:12px;color:var(--muted)}
.dot-sq{width:8px;height:8px;border-radius:2px;display:inline-block;margin-right:5px}
.dot-sq.green{background:var(--green)}
.dot-sq.amber{background:var(--amber)}
.dot-sq.red{background:var(--red)}
.uses-tabs{display:flex;gap:4px;margin-bottom:20px;background:var(--ink3);border-radius:8px;padding:4px}
.utab{flex:1;text-align:center;padding:9px 12px;border-radius:6px;font-size:12px;font-weight:700;cursor:pointer;transition:all .2s;color:var(--muted);border:none;background:none;font-family:inherit;letter-spacing:.01em}
.utab.active{background:var(--ink2);color:var(--white);border:1px solid var(--rule);box-shadow:var(--shadow-card)}
.utab.active.br{color:var(--green);border-color:var(--green-b);box-shadow:0 0 12px var(--green-glow)}
.utab.active.cu{color:var(--amber);border-color:rgba(245,166,35,.3)}
.utab.active.ph{color:var(--red);border-color:rgba(240,82,82,.25)}
.tab-count{font-size:10px;opacity:.7}
.use-panel{display:none}
.use-panel.active{display:block}
.use-chips-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(195px,1fr));gap:10px}
.uc{display:flex;align-items:flex-start;gap:10px;background:var(--ink3);border:1px solid var(--rule);border-radius:8px;padding:12px 14px;transition:all .2s}
.uc:hover{background:rgba(200,145,42,.04);border-color:var(--rule2)}
.uc.br{border-left:3px solid var(--green)}
.uc.cu{border-left:3px solid var(--amber)}
.uc.ph{border-left:3px solid var(--red);opacity:.7}
.uc-icon{font-size:18px;line-height:1;flex-shrink:0}
.uc-name{font-size:13px;color:var(--white);font-weight:600;letter-spacing:.01em}
.uc-sub{font-size:11px;color:var(--muted);margin-top:2px}
.uc-note{font-size:10px;display:inline-block;margin-top:4px}
.uses-empty{font-size:13px;color:var(--muted);padding:20px 0}

/* ── MAP PLACEHOLDER ────────────────────────────── */
.map-ph{border-radius:10px;overflow:hidden;position:relative;background:var(--ink3);border:1px solid var(--rule);height:220px;box-shadow:var(--shadow-card)}
.map-grid-bg{position:absolute;inset:0;background-image:linear-gradient(var(--rule) 1px,transparent 1px),linear-gradient(90deg,var(--rule) 1px,transparent 1px);background-size:32px 32px;opacity:.35}
.map-zone-block{position:absolute;width:130px;height:75px;background:var(--gold-d);border:2px solid var(--gold-b);border-radius:4px;top:50%;left:50%;transform:translate(-50%,-50%);box-shadow:0 0 20px var(--gold-glow)}
.map-label{position:absolute;font-family:'DM Mono',monospace;font-size:10px;color:var(--gold);background:var(--ink2);padding:3px 8px;border-radius:4px;border:1px solid var(--gold-b);top:12px;left:12px}
.map-foot{position:absolute;bottom:12px;right:12px;font-size:11px;color:var(--muted);background:rgba(12,16,32,.88);padding:3px 8px;border-radius:4px}

/* ── INFO BOX ───────────────────────────────────── */
.ibox{background:var(--green-d);border:1px solid var(--green-b);border-radius:8px;padding:14px 16px}
.ibox-h{font-size:12px;font-weight:700;color:var(--green);margin-bottom:5px;display:flex;align-items:center;gap:6px}
.ibox p{font-size:12px;color:var(--body);line-height:1.65}
.abox{background:var(--gold-d);border:1px solid var(--gold-b);border-radius:8px;padding:14px 16px}

/* ── BENCHMARK ──────────────────────────────────── */
.bench-intro{font-size:12px;color:var(--muted);margin-bottom:20px;line-height:1.6}
.bench-rows{display:flex;flex-direction:column;gap:18px}
.bench-row{display:grid;grid-template-columns:180px 1fr;gap:16px;align-items:center}
@media(max-width:640px){.bench-row{grid-template-columns:1fr}}
.bench-label{font-size:12px;color:var(--body);font-weight:500}
.bench-pills{display:flex;gap:10px;align-items:center;margin-bottom:6px;flex-wrap:wrap}
.bench-track{height:7px;background:var(--ink4);border-radius:99px;position:relative;overflow:hidden}
.bench-fill{height:100%;border-radius:99px;background:var(--gold)}
.bench-fill.g{background:var(--green)}
.bench-nat-marker{position:absolute;top:0;bottom:0;width:2px;background:var(--muted);opacity:.5;border-radius:1px}
.bench-range{display:flex;justify-content:space-between;font-family:'DM Mono',monospace;font-size:9px;color:var(--muted);margin-top:3px}
.bench-lock{font-size:12px;color:var(--muted);margin-top:18px;padding-top:14px;border-top:1px solid var(--rule)}
.bench-lock-link{color:var(--gold);text-decoration:none}
.bench-lock-link:hover{color:var(--gold-l)}

/* ── TOOL TIE-IN ────────────────────────────────── */
.tool-tie-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:12px}
@media(max-width:640px){.tool-tie-grid{grid-template-columns:1fr}}
.tool-tie-card{background:var(--ink2);border:1px solid var(--rule);border-radius:10px;padding:16px;cursor:pointer;transition:all .2s;display:flex;align-items:center;gap:10px;text-decoration:none;box-shadow:var(--shadow-card)}
.tool-tie-card:hover{border-color:var(--gold-b);box-shadow:var(--shadow-gold)}
.tt-icon{font-size:1.4rem;flex-shrink:0}
.tt-name{font-size:13px;font-weight:700;color:var(--white);letter-spacing:.01em}
.tt-hint{font-size:11px;color:var(--muted)}

/* ── PROCESS STEPS ──────────────────────────────── */
.process-steps{display:flex;flex-direction:column;gap:20px}
.process-step{display:grid;grid-template-columns:36px 1fr;gap:0 16px;align-items:start}
.step-num{width:36px;height:36px;border-radius:50%;flex-shrink:0;display:flex;align-items:center;justify-content:center;font-family:'DM Mono',monospace;font-size:11px;font-weight:600}
.step-num.gold{background:var(--gold-d);border:1px solid var(--gold-b);color:var(--gold)}
.step-num.green{background:var(--green-d);border:1px solid var(--green-b);color:var(--green)}
.step-title{font-size:14px;font-weight:700;color:var(--white);margin-bottom:4px}
.step-desc{font-size:12px;color:var(--muted);line-height:1.6}
.step-duration{margin-top:7px}

/* ── CONTACTS ───────────────────────────────────── */
.contacts-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:16px}
@media(max-width:640px){.contacts-grid{grid-template-columns:1fr}}
.contact-name{font-size:12px;font-weight:700;color:var(--white);margin-bottom:3px}
.contact-detail{font-size:11px;color:var(--muted)}
.contact-detail a{color:var(--muted);text-decoration:none}
.contact-detail a:hover{color:var(--gold)}

/* ── LEAD CARD ──────────────────────────────────── */
.lead-card{background:linear-gradient(145deg,#1a2440 0%,#131c30 100%);border:1px solid var(--gold-b);border-radius:14px;padding:28px;position:relative;overflow:hidden;box-shadow:var(--shadow-gold)}
.lead-card::before{content:'';position:absolute;top:-80px;right:-80px;width:240px;height:240px;background:radial-gradient(circle,rgba(200,145,42,.14) 0%,transparent 65%);pointer-events:none}
.lead-card::after{content:'';position:absolute;bottom:-60px;left:-40px;width:200px;height:200px;background:radial-gradient(circle,rgba(45,217,138,.08) 0%,transparent 65%);pointer-events:none}
.lead-eyebrow{font-family:'DM Mono',monospace;font-size:10px;letter-spacing:.12em;text-transform:uppercase;color:var(--gold-l);margin-bottom:12px}
.lead-h{font-family:'Fraunces',serif;font-size:1.2rem;font-weight:700;color:var(--white);line-height:1.3;margin-bottom:8px}
.lead-s{font-size:13px;color:var(--muted);margin-bottom:22px;line-height:1.55}
.lead-form{display:flex;flex-direction:column;gap:11px}
.li{background:var(--ink3);border:1px solid var(--rule2);color:var(--white);border-radius:8px;padding:11px 14px;font-size:13px;font-family:inherit;outline:none;transition:all .2s;width:100%}
.li::placeholder{color:var(--muted)}
.li:focus{border-color:var(--gold-b);box-shadow:0 0 0 3px var(--gold-d)}
.ls{background:var(--ink3);border:1px solid var(--rule2);color:var(--body);border-radius:8px;padding:11px 14px;font-size:13px;font-family:inherit;outline:none;appearance:none;width:100%;cursor:pointer}
.ls:focus{border-color:var(--gold-b)}
.lb{background:var(--gold);color:var(--ink);border:none;cursor:pointer;border-radius:8px;padding:13px 20px;font-size:13px;font-weight:700;font-family:inherit;transition:all .2s;display:flex;align-items:center;justify-content:center;gap:8px;width:100%;letter-spacing:.01em;box-shadow:0 4px 16px var(--gold-glow)}
.lb:hover{background:var(--gold-l);transform:translateY(-1px);box-shadow:0 6px 24px var(--gold-glow)}
.lb:disabled{opacity:.6;cursor:not-allowed;transform:none}
.lead-msg{font-size:12px;text-align:center;margin-top:8px;min-height:18px}
.lead-msg.success{color:var(--green)}
.lead-msg.error{color:var(--red)}
.lead-trust{font-size:11px;color:var(--muted);text-align:center;margin-top:10px;display:flex;align-items:center;justify-content:center;gap:5px}

/* ── SCORE RING ─────────────────────────────────── */
.score-ring-wrap{display:flex;align-items:center;gap:18px;margin-bottom:18px}
.score-ring{position:relative;width:74px;height:74px;flex-shrink:0}
.score-ring svg{transform:rotate(-90deg)}
.ring-bg{stroke:var(--rule)}
.ring-fill{stroke:var(--gold);stroke-linecap:round;transition:stroke-dashoffset .8s ease;filter:drop-shadow(0 0 4px var(--gold-glow))}
.ring-text{position:absolute;inset:0;display:flex;flex-direction:column;align-items:center;justify-content:center;font-family:'Fraunces',serif;font-size:1.2rem;font-weight:700;color:var(--white)}
.ring-text small{font-family:'DM Mono',monospace;font-size:8px;color:var(--muted);font-weight:400}
.score-detail .score-title{font-size:13px;font-weight:700;color:var(--white)}
.score-detail .score-sub{font-size:12px;color:var(--muted);margin-top:2px}
.score-bars{display:flex;flex-direction:column;gap:9px}
.sbar-row{display:flex;align-items:center;gap:10px}
.sbar-l{font-size:11px;color:var(--muted);width:105px;flex-shrink:0;font-weight:500}
.sbar-t{flex:1;height:5px;background:var(--ink4);border-radius:99px;overflow:hidden}
.sbar-f{height:100%;border-radius:99px;background:linear-gradient(90deg,var(--gold),var(--gold-l));transition:width .8s ease}
.sbar-f.g{background:linear-gradient(90deg,var(--green),var(--green-l))}
.sbar-v{font-family:'DM Mono',monospace;font-size:10px;color:var(--muted);width:28px;text-align:right;flex-shrink:0}
.score-footnote{font-size:10px;color:var(--muted);margin-top:12px;padding-top:12px;border-top:1px solid var(--rule)}

/* ── RELATED ZONES ──────────────────────────────── */
.rz-row{display:flex;align-items:center;justify-content:space-between;padding:12px 0;border-bottom:1px solid var(--rule);cursor:pointer;transition:all .15s;text-decoration:none}
.rz-row:last-child{border-bottom:none}
.rz-row:hover .rz-name{color:var(--gold)}
.rz-name{font-size:13px;font-weight:600;color:var(--white);transition:color .2s}
.rz-sub{font-size:11px;color:var(--muted)}
.rz-arr{color:var(--rule2);font-size:16px;transition:all .2s}
.rz-row:hover .rz-arr{color:var(--gold);transform:translateX(3px)}

/* ── SIDEBAR CONTACTS ───────────────────────────── */
.sidebar-contacts{display:flex;flex-direction:column;gap:14px}
.sc-name{font-size:12px;font-weight:700;color:var(--white);margin-bottom:2px}
.sc-detail{font-size:11px;color:var(--muted)}
.sc-detail a{color:var(--muted);text-decoration:none}
.sc-detail a:hover{color:var(--gold)}

/* ── ZONE DISCLAIMER ────────────────────────────── */
.zone-disclaimer{background:rgba(245,166,35,.06);border:1px solid rgba(245,166,35,.16);border-radius:8px;padding:14px 16px;font-size:11px;color:var(--muted);line-height:1.6;margin-top:24px}

/* ── COUNTY / STATE PAGE ────────────────────────── */
.county-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:14px}
@media(max-width:768px){.county-grid{grid-template-columns:1fr}}
.county-card{background:var(--ink2);border:1px solid var(--rule);border-radius:10px;padding:20px;cursor:pointer;transition:all .2s;box-shadow:var(--shadow-card);text-decoration:none;display:block}
.county-card:hover{border-color:var(--gold-b);transform:translateY(-2px);box-shadow:var(--shadow-gold)}
.county-card.featured{border-color:var(--gold-b);background:linear-gradient(145deg,#16213a,#111827);box-shadow:var(--shadow-gold)}
.cc-name{font-size:14px;font-weight:700;color:var(--white);margin-bottom:3px}
.cc-sub{font-size:11px;color:var(--muted);margin-bottom:12px;line-height:1.4}
.zone-type-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:12px}
@media(max-width:700px){.zone-type-grid{grid-template-columns:repeat(2,1fr)}}
.zt-card{background:var(--ink2);border:1px solid var(--rule);border-radius:10px;padding:16px 18px;cursor:pointer;transition:all .2s;box-shadow:var(--shadow-card)}
.zt-card:hover{border-color:var(--gold-b);box-shadow:var(--shadow-gold)}
.zt-card.empty{opacity:.5}
.zt-icon{font-size:1.6rem;margin-bottom:8px}
.zt-name{font-size:13px;font-weight:700;color:var(--white)}
.zt-count{font-family:'DM Mono',monospace;font-size:10px;color:var(--muted);margin-top:3px}

/* ── FOOTER ─────────────────────────────────────── */
.site-footer{border-top:1px solid var(--rule);padding:52px 0 32px;background:var(--ink2)}
.footer-grid{display:grid;grid-template-columns:1.5fr 1fr 1fr 1fr;gap:40px;margin-bottom:40px}
@media(max-width:768px){.footer-grid{grid-template-columns:1fr 1fr}}
@media(max-width:480px){.footer-grid{grid-template-columns:1fr}}
.footer-brand .logo{font-size:1.5rem;margin-bottom:12px}
.footer-tagline{font-size:13px;color:var(--muted);line-height:1.65;max-width:280px;margin-bottom:14px}
.footer-stats{display:flex;gap:14px;flex-wrap:wrap}
.footer-stats span{font-size:12px;color:var(--muted)}
.footer-stats strong{color:var(--gold-l)}
.footer-col-title{font-family:'DM Mono',monospace;font-size:10px;text-transform:uppercase;letter-spacing:.12em;color:var(--muted);margin-bottom:14px}
.footer-link{display:block;font-size:13px;color:var(--muted);text-decoration:none;cursor:pointer;margin-bottom:9px;transition:color .15s;font-weight:500}
.footer-link:hover{color:var(--gold)}
.footer-states{display:flex;flex-wrap:wrap;gap:6px;padding-top:24px;border-top:1px solid var(--rule);margin-bottom:20px;align-items:center}
.footer-states-label{font-family:'DM Mono',monospace;font-size:10px;color:var(--muted);text-transform:uppercase;letter-spacing:.1em;margin-right:6px;flex-shrink:0}
.footer-state-link{font-family:'DM Mono',monospace;font-size:10px;color:var(--muted);text-decoration:none;padding:2px 7px;border:1px solid var(--rule);border-radius:4px;transition:all .15s}
.footer-state-link:hover{border-color:var(--gold-b);color:var(--gold-l)}
.footer-bottom{display:flex;align-items:center;justify-content:space-between;flex-wrap:wrap;gap:12px;padding-top:20px;border-top:1px solid var(--rule)}
.footer-disclaimer{font-size:12px;color:var(--muted);line-height:1.5}
.footer-disclaimer a{color:var(--muted);text-decoration:none}
.footer-disclaimer a:hover{color:var(--gold)}
.footer-legal-links{display:flex;gap:16px}
.footer-legal-links a{font-size:12px;color:var(--muted);text-decoration:none}
.footer-legal-links a:hover{color:var(--gold)}

/* ── SEARCH RESULTS ─────────────────────────────── */
.empty-search{text-align:center;padding:48px}

/* ── ANIMATIONS ─────────────────────────────────── */
@keyframes fadeUp{from{opacity:0;transform:translateY(14px)}to{opacity:1;transform:translateY(0)}}
.au{animation:fadeUp .5s ease both}
.d1{animation-delay:.06s}.d2{animation-delay:.12s}.d3{animation-delay:.18s}.d4{animation-delay:.24s}

/* ── SCROLLBAR ──────────────────────────────────── */
::-webkit-scrollbar{width:5px}
::-webkit-scrollbar-track{background:var(--ink)}
::-webkit-scrollbar-thumb{background:var(--rule2);border-radius:3px}

/* ── PRINT ──────────────────────────────────────── */
@media print{
  .ticker-strip,.grain,.lead-card,nav#mainNav,.site-footer{display:none}
  body{background:white;color:black}
  .sc{border:1px solid #ccc}
}
/* ── BYRIGHTHQ BRAND OVERRIDES ──────────────────────────────── */

/* Logo: ByRight in white, HQ in gold */
.logo-by  { color: var(--white); font-family: 'Fraunces', serif; font-weight: 700; letter-spacing: -.04em; }
.logo-hq  { color: var(--gold);  font-family: 'Fraunces', serif; font-weight: 700; letter-spacing: -.04em; }

/* Footer logo variant */
.footer-logo .logo-by { color: var(--white); }
.footer-logo .logo-hq { color: var(--gold-xl); }

/* FAQ Accordion */
.faq-item {
  border-bottom: 1px solid var(--rule);
  padding: 4px 0;
}
.faq-item:last-child { border-bottom: none; }
.faq-q {
  font-size: 14px; font-weight: 600; color: var(--white);
  cursor: pointer; padding: 14px 0;
  list-style: none;
  display: flex; align-items: center; justify-content: space-between;
  gap: 12px;
  transition: color .2s;
}
.faq-q::-webkit-details-marker { display: none; }
.faq-q::after {
  content: '+'; font-size: 1.2rem; color: var(--gold);
  flex-shrink: 0; transition: transform .2s;
}
details[open] .faq-q::after { transform: rotate(45deg); }
.faq-q:hover { color: var(--gold-l); }
.faq-a {
  font-size: 13px; color: var(--muted); line-height: 1.7;
  padding: 0 0 16px 0;
}

/* Step body */
.step-body { padding-top: 4px; }

/* ── DATA PROVENANCE BAR ──────────────────────────────────── */
.data-provenance-bar{background:var(--ink2);border-bottom:1px solid var(--rule);font-size:12px;color:var(--muted);padding:8px 0}
.dpb-inner{display:flex;align-items:center;justify-content:space-between;gap:12px;flex-wrap:wrap}
.dpb-left{display:flex;align-items:center;gap:8px}
.dpb-left svg{flex-shrink:0;color:var(--muted)}
.dpb-left strong{color:var(--body)}
.dpb-verified{display:inline-flex;align-items:center;gap:4px;color:var(--green);font-size:11px;font-family:'DM Mono',monospace;background:var(--green-d);border:1px solid var(--green-b);border-radius:4px;padding:1px 7px}
.dpb-right{display:flex;align-items:center;gap:14px;flex-wrap:wrap}
.dpb-official-btn{display:inline-flex;align-items:center;gap:5px;font-size:11px;font-weight:600;color:var(--gold-l);border:1px solid var(--gold-b,rgba(200,145,42,.3));border-radius:5px;padding:3px 10px;text-decoration:none;transition:background .15s}
.dpb-official-btn:hover{background:rgba(200,145,42,.08)}
.dpb-report-link{font-size:11px;color:var(--muted);text-decoration:none;border-bottom:1px dashed var(--rule2);transition:color .15s}
.dpb-report-link:hover{color:var(--body)}

/* ── FOOTER LEGAL DISCLAIMER ─────────────────────────────── */
.footer-disclaimer-block{border-top:1px solid var(--rule);padding:20px 0 16px;margin-top:4px}
.footer-disclaimer-heading{font-size:10px;font-family:'DM Mono',monospace;text-transform:uppercase;letter-spacing:.08em;color:var(--muted);margin-bottom:8px}
.footer-disclaimer-text{font-size:11px;color:var(--muted);line-height:1.7;max-width:900px}
.footer-disclaimer-text strong{color:var(--body)}
.footer-disclaimer-text a{color:var(--muted);text-decoration:underline;text-underline-offset:2px}
.footer-disclaimer-text a:hover{color:var(--body)}
.footer-copyright{font-size:12px;color:var(--muted)}

/* ── PAYWALL SKELETON PLACEHOLDERS ───────────────────────────── */
@keyframes sk-shimmer {
  0%   { background-position: -600px 0 }
  100% { background-position:  600px 0 }
}
.sk-line,.sk-chip,.sk-use-chip,.sk-map-block,.sk-bar,.sk-bench-row,.sk-tool-card {
  background: linear-gradient(90deg, var(--ink3) 25%, var(--ink2) 50%, var(--ink3) 75%);
  background-size: 600px 100%;
  animation: sk-shimmer 1.4s infinite linear;
  border-radius: 6px;
}
.sk-line { height: 14px; margin-bottom: 10px; border-radius: 4px; }
.sk-chip { width: 80px; height: 30px; display: inline-block; border-radius: 20px; }
.sk-chips-grid { display: flex; flex-wrap: wrap; gap: 8px; margin-top: 8px; }
.sk-use-chip { width: 130px; height: 52px; border-radius: 8px; }
.sk-map-block { width: 100%; height: 200px; border-radius: 10px; margin-bottom: 10px; }
.sk-bench-row { display: flex; flex-direction: column; gap: 6px; margin-bottom: 16px; }
.sk-bar { width: 100%; height: 10px; border-radius: 4px; }
.sk-tool-card { flex: 1; height: 72px; border-radius: 10px; }