/* FROZEN FOOD VENDOR — "COLD TECHNICAL"
   Blueprint/dashboard system: deep-freeze navy, cyan grid lines, mono-style
   spec blocks, temperature-zone sectioning, panel borders everywhere. */
:root{
  --deep:#06182B; --panel:#0B2440; --cyan:#39C2E8; --ice:#D9F2FB; --paper:#F4F9FC;
  --ink:#0C2233; --grey:#54707F; --line:#C7DEE9;
  --disp:"Space Grotesk",system-ui,sans-serif; --sans:"Sora",system-ui,sans-serif;
}
*{margin:0;padding:0;box-sizing:border-box}
body{font-family:var(--sans);background:var(--paper);color:var(--ink);line-height:1.55;font-size:16px}
.wrap{max-width:1240px;margin:0 auto;padding:0 26px}
a{color:#0B7CA3}
h1,h2{font-family:var(--disp);font-weight:700;line-height:1.02;letter-spacing:-.01em}
h1.display{font-size:clamp(2.5rem,6vw,4.4rem);text-transform:uppercase}
h2{font-size:clamp(1.6rem,3.2vw,2.3rem)}
h3{font-family:var(--disp);font-size:1.05rem}
.dim{color:var(--cyan)}
.label,.k{font-size:.7rem;letter-spacing:.28em;text-transform:uppercase;color:#0B7CA3;font-weight:600}
.lede{font-size:1.1rem;color:var(--grey);max-width:58ch;margin-top:16px}
.skip{position:absolute;left:-999px}
.btn{display:inline-block;background:var(--cyan);color:var(--deep);padding:13px 26px;font-weight:600;text-decoration:none;text-transform:uppercase;font-size:.84rem;letter-spacing:.06em}
.tlink{font-weight:600}
/* chrome */
.utility{background:var(--deep);color:var(--ice);font-size:.78rem}
.utility-in{display:flex;justify-content:space-between;padding:8px 26px}
.utility a{color:var(--cyan);font-weight:600}
header.site{background:var(--paper);border-bottom:2px solid var(--deep);position:sticky;top:0;z-index:20}
.nav{display:flex;align-items:center;justify-content:space-between;padding:14px 26px;gap:18px}
.wordmark{text-decoration:none;line-height:1.05;color:var(--deep)}
.wm-name{font-family:var(--disp);font-weight:700;font-size:1.4rem;text-transform:uppercase;display:block}
.wm-sub{font-size:.62rem;letter-spacing:.3em;text-transform:uppercase;color:var(--grey);font-weight:600}
.nav-links{display:flex;gap:24px;list-style:none;align-items:center}
.nav-links a{text-decoration:none;color:var(--ink);font-weight:600;font-size:.9rem}
.nav-links a:hover,.nav-links a[aria-current]{color:#0B7CA3}
.nav-cta{background:var(--deep);color:#fff!important;padding:10px 17px;text-transform:uppercase;font-size:.78rem}
.nav-toggle{display:none;background:none;border:2px solid var(--deep);padding:8px 13px;font:inherit;cursor:pointer;font-weight:600}
footer{background:var(--deep);color:var(--ice);padding:54px 0 28px;margin-top:70px}
.foot-grid{display:grid;grid-template-columns:2fr 1fr 1fr;gap:38px}
.foot-mark{font-family:var(--disp);font-weight:700;font-size:1.45rem;text-transform:uppercase;color:#fff}
.foot-h{font-size:.68rem;letter-spacing:.28em;text-transform:uppercase;color:var(--cyan);margin-bottom:13px;font-weight:600}
footer ul{list-style:none}footer li{margin-bottom:8px}
footer a{color:var(--ice);text-decoration:none}footer a:hover{color:var(--cyan)}
.bigmail{font-weight:700;font-size:1.1rem;color:var(--cyan)!important}
.legal{border-top:1px solid #1D3C58;margin-top:38px;padding-top:16px;font-size:.8rem;color:#7E9DB0;display:flex;justify-content:space-between;gap:12px;flex-wrap:wrap}
/* cold-technical components */
.console{background:var(--deep);color:var(--ice);padding:54px 0 0;margin-bottom:0;
  background-image:linear-gradient(#0E2A47 1px,transparent 1px),linear-gradient(90deg,#0E2A47 1px,transparent 1px);background-size:44px 44px}
.console h1{color:#fff}
.console .lede{color:#A8C8D9}
.readout{display:flex;gap:0;flex-wrap:wrap;margin-top:36px;border:1px solid #1D3C58;border-bottom:none}
.readout>div{flex:1;min-width:170px;border-right:1px solid #1D3C58;padding:16px 20px;background:rgba(6,24,43,.75)}
.readout>div:last-child{border-right:none}
.readout .r-k{font-size:.64rem;letter-spacing:.26em;text-transform:uppercase;color:var(--cyan)}
.readout .r-v{font-family:var(--disp);font-weight:700;color:#fff;font-size:1.02rem;margin-top:5px}
.zone{border:1px solid var(--deep);margin-top:44px;background:#fff}
.zone-head{display:flex;justify-content:space-between;align-items:center;gap:14px;background:var(--panel);color:#fff;padding:13px 22px;flex-wrap:wrap}
.zone-head h2{color:#fff;font-size:1.3rem;text-transform:uppercase}
.zone-temp{font-family:var(--disp);font-weight:700;color:var(--cyan);letter-spacing:.08em}
.specgrid{display:grid;grid-template-columns:1fr 1fr}
.specblock{padding:18px 22px;border-bottom:1px solid var(--line);border-right:1px solid var(--line)}
.specblock:nth-child(even){border-right:none}
.specblock .sb-top{display:flex;justify-content:space-between;gap:12px;align-items:baseline}
.specblock h3{font-size:1rem}
.specblock .code{font-size:.7rem;letter-spacing:.18em;color:#0B7CA3;font-weight:600;white-space:nowrap}
.specblock p{color:var(--grey);font-size:.92rem;margin-top:5px}
.specblock .pack{font-weight:600;font-size:.88rem;margin-top:7px;color:var(--deep)}
.panel{border:1px solid var(--deep);background:#fff;padding:30px;margin-top:40px}
.panel-dark{background:var(--deep);color:var(--ice);border:1px solid var(--deep);padding:34px;margin-top:44px}
.panel-dark h2{color:#fff}
.panel-dark p{color:#A8C8D9}
.checklist{list-style:none;margin-top:14px}
.checklist li{padding:8px 0;border-bottom:1px solid var(--line)}
.checklist li::before{content:"▸ ";color:#0B7CA3;font-weight:700}
.form-block{border:2px solid var(--deep);margin-top:38px;background:#fff}
.form-meta{display:flex;justify-content:space-between;background:var(--deep);color:var(--cyan);padding:11px 22px;font-size:.7rem;letter-spacing:.24em;text-transform:uppercase;font-weight:600}
.form-intro{padding:24px 22px 0}
.help,.form-note{color:var(--grey);font-size:.88rem;margin-top:7px}
.quote-form{padding:22px}
.fields{display:grid;grid-template-columns:1fr 1fr;gap:15px}
.field{display:flex;flex-direction:column;gap:5px}
.field.full{grid-column:1/-1}
.field label{font-size:.72rem;letter-spacing:.16em;text-transform:uppercase;font-weight:600;color:var(--grey)}
.field input,.field select,.field textarea{border:1px solid var(--deep);padding:11px;font:inherit;background:var(--paper)}
.submit{background:var(--deep);color:#fff;border:none;padding:13px 26px;font:inherit;font-weight:600;text-transform:uppercase;letter-spacing:.05em;cursor:pointer;margin-top:18px}
/* legacy classes (remaining pages) */
.hero{padding:52px 0 0}
.page-title{font-family:var(--disp);font-weight:700;text-transform:uppercase;font-size:clamp(2rem,5vw,3.3rem);line-height:1}
.crumbs{font-size:.74rem;letter-spacing:.2em;text-transform:uppercase;color:var(--grey);margin-bottom:14px;font-weight:600}
.ruled{margin-top:52px}
.sec-title{font-family:var(--disp);font-weight:700;font-size:clamp(1.5rem,3vw,2rem);text-transform:uppercase}
.cat-head{display:flex;justify-content:space-between;align-items:baseline;background:var(--panel);color:#fff;padding:12px 20px;margin:48px 0 0}
.cat-head h2{color:#fff;font-size:1.25rem;text-transform:uppercase}
.cat-head .count{color:var(--cyan);font-weight:600}
.idx{border:1px solid var(--deep);border-top:none}
.idx-row{display:grid;grid-template-columns:1.3fr 1fr 1fr;gap:18px;padding:13px 20px;border-bottom:1px solid var(--line);background:#fff}
.idx-row:last-child{border-bottom:none}
.idx-name{font-weight:600}
.idx-fact{color:var(--grey)}
.idx-spec{font-weight:600;text-align:right;color:var(--deep)}
.featured{border:2px solid var(--deep);padding:30px;margin-top:40px;background:#fff}
.f-label{font-size:.68rem;letter-spacing:.26em;text-transform:uppercase;color:#0B7CA3;font-weight:600}
.f-name{font-family:var(--disp);font-weight:700;font-size:1.55rem;text-transform:uppercase;margin-top:8px}
.f-desc{color:var(--grey);margin-top:8px}
.f-spec{font-weight:600;margin-top:12px}
.facts{display:grid;grid-template-columns:repeat(3,1fr);gap:14px;margin-top:40px}
.facts>div{border:1px solid var(--deep);padding:18px;background:#fff}
.statement{font-family:var(--disp);font-weight:700;text-transform:uppercase;font-size:clamp(1.3rem,2.6vw,1.9rem);line-height:1.12;max-width:26ch}
.steps{display:grid;grid-template-columns:repeat(3,1fr);gap:14px;margin-top:24px}
.step{border:1px solid var(--deep);padding:20px;background:#fff}
.step-num{font-family:var(--disp);font-weight:700;color:#0B7CA3;font-size:1.4rem}
.step p{color:var(--grey);margin-top:6px}
.faq-item{border-bottom:1px solid var(--line);padding:16px 0}
.faq-item p{color:var(--grey);margin-top:5px}
.range-links,.cta-line{margin-top:24px;display:flex;gap:20px;flex-wrap:wrap}
.note{border:1px solid var(--deep);padding:18px 22px;background:#fff}
.grid-contact{display:grid;grid-template-columns:1fr 1fr;gap:36px}
.big{font-family:var(--disp);font-weight:700;text-transform:uppercase;font-size:clamp(1.6rem,4vw,2.6rem)}
.small{font-size:.85rem;color:var(--grey)}
.sep{border-top:1px solid var(--line);margin:36px 0}
.preview{color:var(--grey)}
.spec-table{width:100%;border-collapse:collapse;background:#fff}
.spec-table td,.spec-table th{border:1px solid var(--line);padding:10px 12px;text-align:left}
.cards{display:grid;grid-template-columns:repeat(3,1fr);gap:14px;margin-top:22px}
.card{border:1px solid var(--deep);padding:20px;background:#fff}
.band{background:var(--panel);color:var(--ice);padding:28px;margin-top:40px}
.band h2,.band h3{color:#fff}
.drop::first-letter{font-family:var(--disp);font-size:2.4em;font-weight:700;float:left;line-height:.9;padding-right:9px;color:#0B7CA3}
.s{color:var(--grey)}
.n{font-weight:600;color:#0B7CA3}
.fourohfour{text-align:center;padding:80px 0}
img.site-img{border:1px solid var(--deep);width:100%;height:300px;object-fit:cover}
@media(max-width:900px){
  .specgrid,.fields,.foot-grid,.facts,.steps,.cards,.grid-contact{grid-template-columns:1fr}
  .specblock{border-right:none}
  .idx-row{grid-template-columns:1fr}.idx-spec{text-align:left}
  .nav-links{display:none;flex-direction:column;position:absolute;top:100%;left:0;right:0;background:var(--paper);padding:18px 26px;border-bottom:2px solid var(--deep)}
  .nav-links.open{display:flex}.nav-toggle{display:block}header.site{position:relative}
}