:root{
  --navy:#0d171a;
  --navy2:#19272b;
  --gold:#45cfa0;
  --paper:#f3f6f4;
  --ink:#10191c;
  --muted:#647276;
  --line:#d9e1de;
  --mint:#45cfa0;
  --mint-soft:#dff8ef;
  --mint-pale:#effbf7;
  --graphite:#0d171a;
  --surface:#fff;
  --radius:18px;
  --shadow:0 18px 55px rgba(16,34,32,.08);
  --page:min(1440px,92vw);
}

*{box-sizing:border-box}
html{scroll-behavior:smooth}
body{
  margin:0;
  background:var(--paper);
  color:var(--ink);
  font:15px/1.55 "Segoe UI Variable","Segoe UI",Arial,sans-serif;
  text-rendering:optimizeLegibility;
}
a{color:#145e4b}
main{min-height:70vh}
::selection{background:var(--mint);color:var(--graphite)}

.hero h1,.catalog-head h1,.section h2,.dark-section h2,.product-page h1,
.landing-hero h1,.feature-panel h2,.process-grid h3,.document-grid h3,
.seo-copy h2,.info-page h2,.chemistry-heading h2{
  font-family:"Segoe UI Variable","Segoe UI",Arial,sans-serif;
  letter-spacing:-.045em;
}

.skip-link{
  border:0;
  border-radius:10px;
  background:var(--mint);
  color:var(--graphite);
}
a:focus-visible,button:focus-visible,input:focus-visible,select:focus-visible,
textarea:focus-visible,summary:focus-visible{
  outline:3px solid var(--mint);
  outline-offset:3px;
}

/* Brand header */
.top{
  position:relative;
  z-index:30;
  width:100%;
  height:84px;
  padding:0 4vw;
  display:flex;
  align-items:center;
  gap:clamp(20px,3vw,54px);
  background:rgba(255,255,255,.96);
  color:var(--ink);
  border:0;
  border-bottom:1px solid var(--line);
  backdrop-filter:blur(16px);
}
.top .brand,.footer-summary .brand{
  display:flex;
  align-items:center;
  gap:11px;
  min-width:max-content;
  color:var(--ink);
  text-decoration:none;
}
.brand-mark{
  display:grid;
  width:37px;
  height:41px;
  place-items:center;
  flex:0 0 auto;
}
.brand-mark svg{display:block;width:100%;height:100%;overflow:visible}
.brand-mark svg path:first-child{fill:var(--graphite)}
.brand-mark svg path:last-child{
  fill:none;
  stroke:var(--mint);
  stroke-width:3.5;
  stroke-linecap:round;
  stroke-linejoin:round;
}
.brand-copy{display:grid;gap:0;line-height:1}
.top .brand-copy strong,.footer-summary .brand-copy strong{
  color:var(--graphite);
  font-size:21px;
  font-weight:900;
  letter-spacing:.12em;
}
.top .brand-copy small,.footer-summary .brand-copy small{
  margin-top:5px;
  max-width:190px;
  color:#637074;
  font-size:9px;
  font-weight:700;
  letter-spacing:.075em;
  line-height:1.15;
  text-transform:uppercase;
}
.top nav{
  display:flex;
  align-items:center;
  justify-content:center;
  gap:clamp(15px,2.1vw,31px);
  flex:1;
}
.top nav a{
  position:relative;
  padding:30px 0 27px;
  color:#2b383b;
  font-size:13px;
  font-weight:700;
  text-decoration:none;
  white-space:nowrap;
}
.top nav a::after{
  position:absolute;
  right:0;
  bottom:20px;
  left:0;
  height:2px;
  background:var(--mint);
  content:"";
  transform:scaleX(0);
  transition:transform .2s ease;
}
.top nav a:hover::after{transform:scaleX(1)}
.header-quote{
  display:inline-flex;
  align-items:center;
  justify-content:center;
  gap:8px;
  min-height:45px;
  padding:0 18px;
  border-radius:999px;
  background:var(--graphite);
  color:#fff;
  font-size:13px;
  font-weight:800;
  text-decoration:none;
  white-space:nowrap;
}
.header-quote:hover{background:#203236}
.header-quote b{display:grid;min-width:20px;height:20px;place-items:center;border-radius:50%;background:var(--mint);color:var(--graphite)}

.category-bar{
  display:flex;
  gap:8px;
  padding:10px 4vw;
  overflow:auto;
  background:#fff;
  border-bottom:1px solid var(--line);
}
.category-bar a{
  padding:8px 13px;
  border:1px solid #dce7e3;
  border-radius:999px;
  background:#f7faf9;
  color:#314044;
  font-size:11px;
  font-weight:700;
  text-decoration:none;
  white-space:nowrap;
}
.category-bar a:hover{background:var(--mint-soft);border-color:#a9ddca}
.category-bar small{margin-left:4px;color:#72817e;opacity:1}
.messages{padding:10px 4vw;background:var(--mint-soft);color:#225e4b}

/* Shared controls and surfaces */
.kicker{
  color:#178463;
  font-size:10px;
  font-weight:900;
  letter-spacing:.17em;
}
.btn{
  display:inline-flex;
  min-height:48px;
  align-items:center;
  justify-content:center;
  padding:0 21px;
  border:1px solid #aab8b5;
  border-radius:999px;
  background:transparent;
  color:var(--ink);
  font-weight:800;
  text-decoration:none;
  cursor:pointer;
  transition:transform .18s ease,background .18s ease,border-color .18s ease;
}
.btn:hover{transform:translateY(-1px);border-color:#6f817c;background:#fff}
.btn.primary{border-color:var(--mint);background:var(--mint);color:var(--graphite)}
.btn.primary:hover{border-color:#7ce0bf;background:#7ce0bf}
.text-link{
  display:inline-flex;
  align-items:center;
  gap:10px;
  color:var(--ink);
  font-weight:800;
  text-decoration:none;
}
.text-link span{display:grid;width:30px;height:30px;place-items:center;border-radius:50%;background:var(--mint-soft);transition:transform .18s ease}
.text-link:hover span{transform:translateX(4px)}
.section{
  width:var(--page);
  max-width:none;
  margin:0 auto;
  padding:88px 0;
}
.section-heading{
  display:grid;
  grid-template-columns:minmax(0,1.2fr) minmax(260px,.65fr);
  gap:50px;
  align-items:end;
  margin-bottom:35px;
}
.section-heading h2,.section h2{
  max-width:850px;
  margin:10px 0 0;
  font-size:clamp(34px,4vw,56px);
  line-height:1.02;
}
.section-heading p{margin:0;color:var(--muted);font-size:16px;line-height:1.7}
.section-actions{display:flex;gap:30px;justify-content:flex-end;margin-top:27px}

.quote-form,.filter-panel,.product-table,.cart-list,.seo-managed,.faq,
.seo-copy,.product-page>div,.product-page>aside,.chemistry,.info-page>section{
  border:1px solid var(--line);
  border-radius:var(--radius);
  background:#fff;
  box-shadow:none;
}
.quote-form{padding:30px;border-top:1px solid var(--line)}
.quote-form input,.quote-form textarea,.quote-form select,
.filter-panel input,.filter-panel select,.calculator input,.calculator select{
  border:1px solid #c8d4d0;
  border-radius:10px;
  background:#fbfdfc;
  color:var(--ink);
}
.quote-form input:focus,.quote-form textarea:focus,.quote-form select:focus,
.filter-panel input:focus,.filter-panel select:focus,.calculator input:focus,.calculator select:focus{
  border-color:var(--mint);
  background:#fff;
}

/* New homepage */
.alloyum-hero{
  position:relative;
  display:grid;
  grid-template-columns:minmax(0,1fr) minmax(420px,.92fr);
  gap:clamp(30px,5vw,80px);
  align-items:center;
  min-height:690px;
  padding:70px max(4vw,calc((100vw - 1440px)/2));
  overflow:hidden;
  background:#fff;
}
.alloyum-hero::before{
  position:absolute;
  top:-210px;
  left:-170px;
  width:480px;
  height:480px;
  border:1px solid #dbe8e3;
  border-radius:50%;
  box-shadow:0 0 0 65px #f6faf8,0 0 0 66px #e7efec;
  content:"";
  pointer-events:none;
}
.alloyum-hero__copy{position:relative;z-index:1;max-width:760px;padding:20px 0 105px}
.alloyum-hero h1{
  margin:18px 0 25px;
  color:var(--graphite);
  font:900 clamp(50px,6.2vw,92px)/.94 "Segoe UI Variable","Segoe UI",Arial,sans-serif;
  letter-spacing:-.065em;
}
.alloyum-hero h1 em{color:#16906a;font-style:normal}
.alloyum-hero__copy>p{max-width:700px;margin:0;color:#536165;font-size:18px;line-height:1.7}
.hero-actions{display:flex;flex-wrap:wrap;gap:11px;margin-top:30px}
.hero-tags{display:flex;flex-wrap:wrap;gap:8px;margin:28px 0 0;padding:0;list-style:none}
.hero-tags li{padding:8px 12px;border-radius:999px;background:var(--mint-pale);color:#31564d;font-size:11px;font-weight:800;letter-spacing:.02em}
.alloyum-hero__visual{position:relative;z-index:1;min-width:0}
.alloyum-hero__visual figure{position:relative;margin:0;overflow:hidden;border-radius:32px;background:#dfe5e2;box-shadow:var(--shadow)}
.alloyum-hero__visual figure::after{position:absolute;inset:0;border:1px solid rgba(255,255,255,.45);border-radius:inherit;content:"";pointer-events:none}
.alloyum-hero__visual img{display:block;width:100%;min-height:480px;aspect-ratio:1.08;object-fit:cover;object-position:56% center}
.visual-note{
  position:absolute;
  right:-18px;
  bottom:35px;
  display:grid;
  grid-template-columns:auto 1fr;
  gap:12px;
  align-items:center;
  width:min(270px,80%);
  padding:17px 20px;
  border:1px solid rgba(255,255,255,.65);
  border-radius:16px;
  background:rgba(13,23,26,.93);
  color:#fff;
  box-shadow:0 16px 40px rgba(0,0,0,.18);
}
.visual-note b{color:var(--mint);font-size:30px;line-height:1}
.visual-note span{font-size:11px;line-height:1.35}
.hero-metrics{
  position:absolute;
  z-index:2;
  bottom:0;
  left:max(4vw,calc((100vw - 1440px)/2));
  display:grid;
  grid-template-columns:repeat(3,minmax(160px,1fr));
  width:min(700px,52vw);
  border:1px solid var(--line);
  border-bottom:0;
  border-radius:18px 18px 0 0;
  background:#f7faf9;
}
.hero-metrics div{padding:20px 22px;border-right:1px solid var(--line)}
.hero-metrics div:last-child{border-right:0}
.hero-metrics b{display:block;color:var(--graphite);font-size:24px;line-height:1}
.hero-metrics span{display:block;margin-top:7px;color:#657370;font-size:10px;line-height:1.3}

.proof-ribbon{
  display:grid;
  grid-template-columns:repeat(3,1fr);
  width:100%;
  padding:0 max(4vw,calc((100vw - 1440px)/2));
  background:var(--graphite);
  color:#fff;
}
.proof-ribbon div{display:grid;grid-template-columns:34px 1fr;gap:2px 14px;padding:25px 28px;border-right:1px solid #2e3e41}
.proof-ribbon div:last-child{border-right:0}
.proof-ribbon>div>span{grid-row:span 2;color:var(--mint);font-size:12px;font-weight:900}
.proof-ribbon strong{font-size:14px}
.proof-ribbon small{color:#9fabad;font-size:11px}

.home-catalog{padding-bottom:50px}
.category-grid{
  display:grid;
  grid-template-columns:repeat(3,minmax(0,1fr));
  gap:12px;
  border:0;
}
.category-grid a{
  position:relative;
  display:grid;
  grid-template-columns:42px minmax(0,1fr);
  gap:9px 13px;
  min-height:132px;
  padding:22px;
  overflow:hidden;
  border:1px solid var(--line);
  border-radius:16px;
  background:#fff;
  color:var(--ink);
  text-decoration:none;
  transition:transform .18s ease,border-color .18s ease,box-shadow .18s ease;
}
.category-grid a::after{position:absolute;right:-24px;bottom:-30px;width:86px;height:86px;border:14px solid var(--mint-soft);border-radius:50%;content:""}
.category-grid a:hover{border-left:1px solid var(--mint);border-color:#9ddbc6;background:#fff;box-shadow:var(--shadow);transform:translateY(-3px)}
.category-grid a>span{color:#198364;font-size:11px;font-weight:900}
.category-grid strong{align-self:start;font-size:17px;line-height:1.25}
.category-grid small{grid-column:2;color:var(--muted);font-size:11px}
.home-catalog .category-grid a.category-card--image{min-height:280px;padding-top:175px}
.home-catalog .category-grid a>img{position:absolute;z-index:0;top:0;right:0;left:0;width:100%;height:150px;object-fit:cover;filter:saturate(.72) contrast(.96)}
.home-catalog .category-grid a.category-card--image::before{position:absolute;z-index:1;top:95px;right:0;left:0;height:56px;background:linear-gradient(transparent,#fff);content:"";pointer-events:none}
.home-catalog .category-grid a>span,.home-catalog .category-grid a>strong,.home-catalog .category-grid a>small{position:relative;z-index:2}

.warehouse-story{
  display:grid;
  grid-template-columns:minmax(0,1.07fr) minmax(420px,.93fr);
  min-height:690px;
  background:var(--graphite);
  color:#fff;
}
.warehouse-story>figure{position:relative;margin:0;overflow:hidden}
.warehouse-story>figure::after{position:absolute;inset:0;background:linear-gradient(90deg,transparent 65%,rgba(13,23,26,.38));content:""}
.warehouse-story>figure img{display:block;width:100%;height:100%;object-fit:cover}
.warehouse-story>figure figcaption{position:absolute;z-index:1;right:25px;bottom:20px;left:25px;color:rgba(255,255,255,.66);font-size:10px}
.warehouse-story>div{display:flex;flex-direction:column;justify-content:center;padding:65px clamp(35px,6vw,100px)}
.warehouse-story h2{margin:13px 0 22px;font-size:clamp(39px,4.4vw,64px);line-height:1;letter-spacing:-.05em}
.warehouse-story>div>p{margin:0;color:#b7c3c4;font-size:16px;line-height:1.75}
.check-points{display:grid;gap:0;margin:28px 0 32px;padding:0;list-style:none}
.check-points li{display:grid;grid-template-columns:40px 1fr;gap:12px;padding:15px 0;border-top:1px solid #2b3c3e}
.check-points li>b{color:var(--mint);font-size:11px}
.check-points li span{display:grid;gap:3px}
.check-points strong{font-size:14px}
.check-points small{color:#97a7a8;font-size:11px}
.warehouse-story .btn{align-self:flex-start}

.service-grid{display:grid;grid-template-columns:1fr .78fr;grid-auto-rows:minmax(360px,auto);gap:14px}
.service-card{position:relative;min-width:0;overflow:hidden;border:1px solid var(--line);border-radius:20px;background:#fff;color:var(--ink);text-decoration:none}
.service-card--image img{display:block;width:100%;height:100%;object-fit:cover;transition:transform .35s ease}
.service-card--image:hover img{transform:scale(1.025)}
.service-card--image::after{position:absolute;inset:35% 0 0;background:linear-gradient(transparent,rgba(8,18,20,.9));content:""}
.service-card__body{position:absolute;z-index:1;right:25px;bottom:24px;left:25px;display:grid;gap:3px;color:#fff}
.service-card__body small{color:var(--mint);font-size:10px;font-weight:900;letter-spacing:.12em}
.service-card__body strong{font-size:27px;letter-spacing:-.03em}
.service-card__body>span{color:#ced8d8;font-size:12px}
.service-card--text{display:flex;flex-direction:column;justify-content:center;padding:45px;background:var(--mint-soft)}
.service-card--text>small{color:#198364;font-size:10px;font-weight:900;letter-spacing:.12em}
.service-card--text h3{margin:16px 0;font-size:32px;line-height:1.1;letter-spacing:-.045em}
.service-card--text p{color:#506560;line-height:1.75}
.service-card--text .text-link{margin-top:20px;align-self:flex-start}
.service-card--wide{grid-column:1/-1;min-height:430px}
.service-card--wide img{object-position:center 62%}

.special-band{
  display:grid;
  grid-template-columns:minmax(0,1fr) minmax(340px,.75fr);
  gap:clamp(50px,10vw,160px);
  align-items:center;
  padding:90px max(4vw,calc((100vw - 1440px)/2));
  background:#dff8ef;
  color:var(--graphite);
}
.special-band h2{max-width:780px;margin:13px 0 20px;font-size:clamp(40px,5vw,70px);line-height:.98;letter-spacing:-.06em}
.special-band p{max-width:760px;color:#51635f;font-size:16px;line-height:1.75}
.special-band .industrial-steps li{border-color:#b9ddd0}
.special-band .industrial-steps b{color:#15805f}
.special-band .industrial-steps span{color:#334743}

.compact-grid{grid-template-columns:repeat(4,minmax(0,1fr))}
.calculator form{border:1px solid var(--line);border-radius:20px;background:#fff}
.calculator output{border-radius:14px;background:var(--graphite);color:#fff}
.calculator output small{color:#aab7b8}
.calculator output strong{color:var(--mint)}
.quote-section{padding-top:55px}

/* Inner pages */
.breadcrumbs{width:var(--page);max-width:none;margin:0 auto;padding:24px 0;color:#72807d;font-size:12px}
.catalog-head{width:var(--page);max-width:none;margin:0 auto;padding:45px 0 30px}
.catalog-head h1{margin:12px 0;font-size:clamp(38px,5vw,65px);line-height:1}
.catalog-head p{max-width:850px;color:var(--muted);line-height:1.7}
.landing-hero{
  width:var(--page);
  max-width:none;
  margin:0 auto;
  padding:65px 0;
  gap:60px;
}
.landing-hero h1{font-size:clamp(38px,5vw,65px);line-height:1}
.landing-hero p{color:var(--muted)}
.rt-hero{
  width:100%;
  padding-right:max(4vw,calc((100vw - 1440px)/2));
  padding-left:max(4vw,calc((100vw - 1440px)/2));
  background:var(--graphite);
}
.control-card{border:1px solid #dfe8e5;border-radius:18px;background:#fff;box-shadow:none}
.control-card::before{border-bottom:0!important}
.filter-panel,.filter-panel.catalog-filters,.filter-panel.rt-filter{
  width:var(--page);
  max-width:none;
  margin:0 auto 18px;
  padding:18px;
  border-radius:16px;
}
.filter-actions .btn{border-radius:10px}
.table-head,.chemistry-table thead th{background:var(--graphite);color:#dfe8e6}
.table-head{border-radius:16px 16px 0 0}
.product-table{width:var(--page);max-width:none;margin:0 auto;overflow:hidden}
.product-table article:hover{background:var(--mint-pale)}
.product-thumb{border-radius:9px;background:#f1f6f4}
.tag{border-radius:999px;background:#6c7c78}
.tag.atp{background:#6d4856}.tag.rt{background:#19765b}.tag.ind{background:#61706d}
.row-action{border:0;border-radius:999px;background:var(--mint-soft);color:#154c3e;font-weight:800}
.pagination a{border-radius:999px;background:var(--graphite)}
.seo-copy,.seo-managed,.faq{border-left:1px solid var(--line);padding:34px}
.product-page{width:var(--page);max-width:none;margin:20px auto 70px}
.product-page>div{border-top:1px solid var(--line)}
.product-page h1{font-size:clamp(34px,4vw,52px)}
.product-order{border-radius:14px;background:#f4f8f6}
.piece-order output{border-left:0;border-radius:12px;background:var(--mint-soft)}
.link-grid,.grade-links,.standards-list,.similar{gap:10px;border:0;background:transparent}
.link-grid a,.grade-links a,.standards-list a,.similar a{border:1px solid var(--line);border-radius:13px;background:#fff}
.link-grid a:hover,.grade-links a:hover{border-left:1px solid var(--mint);box-shadow:0 9px 25px rgba(12,34,29,.07);background:#fff}
.link-grid a[aria-current="page"]{box-shadow:inset 0 0 0 2px var(--mint);background:var(--mint-pale)}
.feature-panel,.process-grid article,.document-grid article,.content-grid article{
  border:1px solid var(--line);
  border-radius:18px;
  background:#fff;
}
.feature-panel.dark-panel,.dark-section{background:var(--graphite);color:#fff}
.feature-panel.dark-panel{border-color:#233537}
.dark-section{border-top:0}
.notice,.info-callout{border-left:0!important;border-radius:14px;background:var(--mint-soft)!important}
.industry-card,.city-grid>a,.split-panels article,.technical-requirements{border-radius:16px}
.info-page{width:var(--page);max-width:none}
.info-page>section{padding:34px}
.info-grid article{border-top:0;border-radius:15px;background:#f3f8f6}
.consent-field{border-color:#c8ddd5!important;border-radius:12px;background:#f0faf6}
.consent-field input{accent-color:#168060}
.chemistry{width:var(--page);max-width:none}
.chemistry-table-wrap{overflow:hidden;border-radius:14px}
.chemistry-table tbody th{color:#178463}
.bars i{border-radius:999px;background:var(--mint)}
.bars label:has(i){background:linear-gradient(#e2ece8,#e2ece8) center/100% 18px no-repeat}
.category-hero-image{border:0;border-radius:18px;box-shadow:var(--shadow)}
.cutting-hero .control-card::before{background-image:url("alloyum/cutting-v2.webp")}
.metalwork-intro{border-top:0;border-radius:18px;background:var(--graphite)}
.metalwork-intro h2{font-family:"Segoe UI Variable","Segoe UI",Arial,sans-serif;letter-spacing:-.045em}
.metalwork-card{border-radius:16px}
.metalwork-card b{color:var(--mint)}
.hero-photo{border-bottom:0;border-radius:18px}

/* Footer */
footer{
  display:grid;
  grid-template-columns:minmax(240px,.7fr) minmax(420px,1.3fr) minmax(240px,.6fr);
  gap:55px;
  align-items:start;
  padding:58px max(4vw,calc((100vw - 1440px)/2));
  border-top:0;
  background:var(--graphite);
  color:#a8b5b5;
}
footer .brand{color:#fff}
footer .brand-mark svg path:first-child{fill:var(--mint)}
footer .brand-mark svg path:last-child{stroke:var(--graphite)}
footer .brand-copy strong{color:#fff}
footer .brand-copy small{color:#8fa09e}
.footer-summary p,.footer-contact p{font-size:12px;line-height:1.65}
.footer-links{display:grid;grid-template-columns:repeat(2,minmax(150px,1fr));gap:11px 25px}
.footer-links a{color:#c2cdcd;font-size:12px;text-decoration:none}
.footer-links a:hover{color:var(--mint);text-decoration:none}
.footer-contact{text-align:left}
.footer-quote{display:inline-flex;padding:11px 16px;border-radius:999px;background:var(--mint);color:var(--graphite)!important;text-decoration:none}

/* Responsive */
@media(max-width:1180px){
  .top{height:auto;min-height:80px;flex-wrap:wrap;padding-top:13px;padding-bottom:13px}
  .top nav{order:3;width:100%;justify-content:flex-start;overflow-x:auto}
  .top nav a{padding:4px 0 8px}
  .top nav a::after{bottom:2px}
  .alloyum-hero{grid-template-columns:minmax(0,1fr) minmax(360px,.85fr)}
  .alloyum-hero h1{font-size:clamp(52px,7vw,78px)}
  .compact-grid{grid-template-columns:repeat(3,1fr)}
  footer{grid-template-columns:1fr 1.5fr}.footer-contact{grid-column:1/-1}
}

@media(max-width:900px){
  body{padding-bottom:62px}
  .header-quote{margin-left:auto}
  .top nav{display:flex!important}
  .alloyum-hero{grid-template-columns:1fr;padding-top:55px;padding-bottom:120px}
  .alloyum-hero__copy{padding-bottom:0}
  .alloyum-hero__visual{max-width:720px}
  .alloyum-hero__visual img{min-height:380px;aspect-ratio:1.5}
  .hero-metrics{left:4vw;width:92vw}
  .proof-ribbon{grid-template-columns:1fr;padding:0 4vw}
  .proof-ribbon div{border-right:0;border-bottom:1px solid #2e3e41}
  .section-heading{grid-template-columns:1fr;gap:15px}
  .category-grid,.compact-grid{grid-template-columns:repeat(2,1fr)}
  .warehouse-story{grid-template-columns:1fr}
  .warehouse-story>figure{min-height:450px}
  .service-grid{grid-template-columns:1fr}
  .service-card--wide{grid-column:auto}
  .special-band{grid-template-columns:1fr;gap:40px}
  .mobile-contact-bar{
    position:fixed;
    z-index:900;
    right:0;
    bottom:0;
    left:0;
    display:grid;
    grid-template-columns:.8fr 1.2fr;
    min-height:62px;
    border-top:1px solid #293a3c;
    background:var(--graphite);
    box-shadow:0 -8px 25px rgba(7,20,18,.16);
  }
  .mobile-contact-bar a{display:flex;align-items:center;justify-content:center;border-right:1px solid #314244;color:#fff;font-size:13px;font-weight:800;text-decoration:none}
  .mobile-contact-bar .mobile-quote{background:var(--mint);color:var(--graphite)}
  footer{grid-template-columns:1fr}
  .footer-contact{grid-column:auto}
}

@media(max-width:650px){
  :root{--page:90vw}
  .top{gap:12px;padding-right:5vw;padding-left:5vw}
  .top .brand-copy small{max-width:145px;font-size:8px}
  .top .brand-copy strong{font-size:18px}
  .brand-mark{width:32px;height:35px}
  .header-quote{min-height:39px;padding:0 13px;font-size:11px}
  .top nav{gap:18px}
  .top nav a{font-size:12px}
  .category-bar{padding:8px 5vw}
  .alloyum-hero{min-height:0;padding:47px 5vw 120px;gap:34px}
  .alloyum-hero::before{display:none}
  .alloyum-hero h1{font-size:45px}
  .alloyum-hero__copy>p{font-size:16px}
  .alloyum-hero__visual img{min-height:330px;aspect-ratio:1;object-position:58% center}
  .alloyum-hero__visual figure{border-radius:22px}
  .visual-note{right:10px;bottom:12px}
  .hero-actions{display:grid;grid-template-columns:1fr}
  .hero-actions .btn{width:100%}
  .hero-metrics{grid-template-columns:repeat(3,1fr)}
  .hero-metrics div{padding:15px 11px}
  .hero-metrics b{font-size:20px}
  .hero-metrics span{font-size:8px}
  .proof-ribbon{padding:0 5vw}
  .proof-ribbon div{padding:20px 0}
  .section{padding:62px 0}
  .section-heading h2,.section h2{font-size:36px}
  .section-actions{justify-content:flex-start;flex-wrap:wrap}
  .category-grid,.compact-grid{grid-template-columns:1fr}
  .category-grid a{min-height:112px}
  .warehouse-story>figure{min-height:330px}
  .warehouse-story>div{padding:50px 5vw}
  .warehouse-story h2{font-size:39px}
  .service-grid{grid-auto-rows:auto}
  .service-card--image{min-height:360px}
  .service-card--text{padding:32px}
  .service-card--wide{min-height:390px}
  .special-band{padding:65px 5vw}
  .special-band h2{font-size:42px}
  .calculator form{border-radius:16px}
  .quote-form{padding:22px}
  .landing-hero,.catalog-head,.breadcrumbs{width:90vw;padding-right:0;padding-left:0}
  .landing-hero h1,.catalog-head h1{font-size:39px}
  .rt-hero{width:100%;padding-right:5vw;padding-left:5vw}
  .filter-panel,.filter-panel.catalog-filters,.filter-panel.rt-filter,.product-table,.product-page,.chemistry,.info-page{width:90vw;max-width:90vw}
  .product-page>div,.product-page>aside,.chemistry,.info-page>section{padding:23px}
  .footer-links{grid-template-columns:1fr 1fr}
  footer{padding:45px 5vw}
}

@media(prefers-reduced-motion:reduce){
  html{scroll-behavior:auto}
  *,*::before,*::after{scroll-behavior:auto!important;transition:none!important}
}