/* ============================================================
   BUNN CAPITOL · FROZEN — PACK layer
   Edition V — company content + 200 visual refinements
   ============================================================ */

/* 1–20 identity */
:root{
  --pack:#7fe7ff;
  --pack-dim:rgba(127,231,255,.14);
  --held:#7fe7ff;
  --warn:#ff3d2e;
}
.brand{gap:10px}
.brand small{
  display:inline-block;margin-left:2px;padding:2px 7px;border:1px solid var(--line);
  border-radius:999px;font-family:var(--mono);font-size:8px;letter-spacing:.22em;
  color:var(--frost);font-weight:500;
}
.ld-word i{background:linear-gradient(90deg,var(--frost),#fff);-webkit-background-clip:text;background-clip:text;color:transparent}

/* 21–40 status + badges */
.badge-row{display:flex;flex-wrap:wrap;gap:8px;margin-top:22px}
.badge{
  font-family:var(--mono);font-size:10px;letter-spacing:.22em;text-transform:uppercase;
  padding:7px 11px;border:1px solid var(--line);border-radius:2px;
  color:var(--ash);background:rgba(127,231,255,.04);
}
.badge.on{color:var(--frost);border-color:var(--frost);box-shadow:0 0 16px rgba(127,231,255,.18)}
.badge.warn{color:var(--signal);border-color:rgba(255,61,46,.45)}
.status-pill{
  display:inline-flex;align-items:center;gap:8px;
  font-family:var(--mono);font-size:10px;letter-spacing:.24em;text-transform:uppercase;
  color:var(--frost);border:1px solid var(--line);padding:6px 12px;border-radius:999px;
  background:rgba(3,7,12,.35);backdrop-filter:blur(8px);
}
.status-pill i{width:6px;height:6px;border-radius:50%;background:#3dff9a;box-shadow:0 0 10px #3dff9a;animation:live 1.6s ease infinite}
@keyframes live{0%,100%{opacity:1}50%{opacity:.35}}

/* 41–60 who we serve */
.who-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:0;margin-top:clamp(28px,4vw,56px);border:1px solid var(--line)}
.who-grid article{
  padding:clamp(20px,2.6vw,36px);border-right:1px solid var(--line-2);
  background:linear-gradient(180deg,rgba(127,231,255,.03),transparent);
  transition:background .4s var(--ease),transform .45s var(--ease);
}
.who-grid article:last-child{border-right:0}
.who-grid article:hover{background:rgba(127,231,255,.07);transform:translateY(-3px)}
.who-grid em{display:block;font-family:var(--mono);font-size:10px;letter-spacing:.26em;color:var(--frost);font-style:normal;margin-bottom:12px}
.who-grid h3{font-family:var(--serif);font-weight:400;font-size:clamp(22px,2.4vw,34px);letter-spacing:-.02em;margin-bottom:8px}
.who-grid p{color:var(--ash);font-size:var(--fs-s);line-height:1.5;max-width:24ch}

/* 61–80 sku / catalog extras */
.sku-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:1px;background:var(--line);margin-top:clamp(24px,4vw,48px);border:1px solid var(--line)}
.sku{
  background:var(--ink-2);padding:clamp(18px,2.2vw,28px);
  min-height:160px;display:flex;flex-direction:column;justify-content:space-between;
  transition:background .35s,box-shadow .45s,transform .45s;
  position:relative;overflow:hidden;
}
.sku::before{content:"";position:absolute;inset:auto -20% -40% auto;width:120px;height:120px;border-radius:50%;background:radial-gradient(circle,rgba(127,231,255,.16),transparent 70%);opacity:0;transition:opacity .4s}
.sku:hover{background:var(--ink-3);transform:translateY(-4px);box-shadow:0 16px 40px rgba(0,20,40,.35)}
.sku:hover::before{opacity:1}
.sku code{font-family:var(--mono);font-size:10px;letter-spacing:.2em;color:var(--frost)}
.sku b{font-family:var(--serif);font-weight:400;font-size:clamp(20px,2vw,28px);display:block;margin:8px 0 6px}
.sku span{color:var(--ash);font-size:var(--fs-s)}

/* 81–100 thermometer / spec strip */
.temp-scale{display:grid;grid-template-columns:repeat(4,1fr);gap:12px;margin-top:28px}
.temp-scale div{padding:16px 14px;border:1px solid var(--line);background:rgba(127,231,255,.03);position:relative;overflow:hidden}
.temp-scale div::after{content:"";position:absolute;left:0;bottom:0;height:3px;width:100%;background:var(--bar,var(--frost))}
.temp-scale b{display:block;font-family:var(--serif);font-size:clamp(28px,3vw,42px);line-height:1;color:var(--frost);letter-spacing:-.03em}
.temp-scale span{display:block;margin-top:8px;font-family:var(--mono);font-size:10px;letter-spacing:.2em;text-transform:uppercase;color:var(--ash)}
.temp-scale .hot{--bar:var(--signal)}
.temp-scale .hot b{color:var(--signal)}
.temp-scale .mid{--bar:#ffb347}
.temp-scale .mid b{color:#ffb347}
.temp-scale .ok{--bar:var(--frost)}

/* 101–120 CTA band */
.cta-band{
  display:flex;align-items:center;justify-content:space-between;gap:24px;flex-wrap:wrap;
  padding:clamp(22px,3vw,40px) var(--gutter);
  border-top:1px solid var(--line);border-bottom:1px solid var(--line);
  background:
    linear-gradient(90deg,rgba(127,231,255,.07),transparent 40%,rgba(255,61,46,.06)),
    var(--ink-2);
}
.cta-band h3{font-family:var(--serif);font-weight:400;font-size:clamp(26px,3.4vw,48px);letter-spacing:-.02em}
.cta-band h3 i{color:var(--frost);font-style:italic}
.cta-band a.btn-ice{
  display:inline-flex;align-items:center;gap:10px;
  border:1px solid var(--frost);color:var(--ink);background:var(--frost);
  padding:14px 22px;letter-spacing:.26em;text-transform:uppercase;font-size:11px;font-weight:700;
  box-shadow:0 0 28px rgba(127,231,255,.28);transition:transform .35s var(--ease),box-shadow .35s;
}
.cta-band a.btn-ice:hover{transform:translateY(-2px);box-shadow:0 12px 32px rgba(127,231,255,.4)}

/* 121–140 serve list / checks */
.checks{display:grid;gap:10px;margin-top:18px}
.checks li{list-style:none;display:flex;gap:12px;align-items:flex-start;color:var(--bone-2);font-size:var(--fs-s)}
.checks li::before{content:"";width:8px;height:8px;margin-top:7px;flex:0 0 8px;background:var(--frost);box-shadow:0 0 10px var(--frost);border-radius:1px}

/* 141–155 frost rule */
.frost-rule{height:1px;margin:0 var(--gutter);background:linear-gradient(90deg,transparent,var(--frost),transparent);opacity:.45;box-shadow:0 0 12px var(--frost)}

/* 156–170 spec chips under hero copy */
.hero-copy .chip-row{display:flex;flex-wrap:wrap;gap:8px;margin-top:18px}
.chip{
  font-family:var(--mono);font-size:9px;letter-spacing:.2em;text-transform:uppercase;
  border:1px solid rgba(127,231,255,.28);color:var(--frost);padding:5px 9px;border-radius:999px;
  background:rgba(3,7,12,.28);backdrop-filter:blur(6px);
}

/* 171–185 plate SKU footer */
.plate .sku-foot{margin-top:auto;display:flex;justify-content:space-between;align-items:center;font-family:var(--mono);font-size:10px;letter-spacing:.18em;color:var(--ash);padding-top:16px}
.plate .sku-foot b{color:var(--frost);font-weight:500}
.plate{display:flex;flex-direction:column}
.plate h3{margin:8px 0 10px}
.plate .bar{height:2px;width:36px;background:linear-gradient(90deg,var(--signal),var(--frost));margin-top:18px;box-shadow:0 0 10px var(--frost)}

/* 186–200 polish */
.mosaic figure{overflow:hidden;border:1px solid var(--line)}
.mosaic img{filter:saturate(.62) contrast(1.1) hue-rotate(8deg);transition:transform 1.1s var(--ease),filter .5s}
.mosaic figure:hover img{transform:scale(1.06);filter:saturate(.8) contrast(1.14)}
.coords{display:grid;grid-template-columns:repeat(3,1fr);gap:0;border-top:1px solid var(--line);margin-top:28px}
.coords>div{padding:22px 0;border-right:1px solid var(--line-2)}
.coords>div:last-child{border-right:0}
.coords b{display:block;font-family:var(--serif);font-size:clamp(28px,3vw,44px);color:var(--frost);letter-spacing:-.03em}
.menu-btn{border:1px solid rgba(255,255,255,.18);padding:6px 12px;border-radius:999px}
.f-mark i{letter-spacing:.02em}
.next .lbl{letter-spacing:.28em;color:var(--frost)}
.hero-foot .status-pill{margin-right:auto}

@media(max-width:900px){
  .who-grid,.sku-grid{grid-template-columns:1fr 1fr}
  .temp-scale{grid-template-columns:1fr 1fr}
  .coords{grid-template-columns:1fr}
}
@media(max-width:560px){
  .who-grid,.sku-grid{grid-template-columns:1fr}
  .cta-band{padding:22px 16px}
}