:root{
  --page:#0b0b0c; --surface:#141519; --surface2:#1c1d22; --card:#17181c;
  --ink:#f3f2ef; --ink2:#c2bfb8; --ink3:#8a887f; --line:#2a2c31; --line2:#3a3d44;
  --accent:#f5c518; --accent-d:#d9ab0c; --on-accent:#161307;
  --f-display:'Exo 2',system-ui,sans-serif; --f-body:'Inter',system-ui,sans-serif; --f-mono:'JetBrains Mono',monospace;
  --radius:14px;
}
*{box-sizing:border-box}
html{scroll-behavior:smooth}
body{margin:0;background:var(--page);color:var(--ink);font-family:var(--f-body);line-height:1.6;-webkit-font-smoothing:antialiased}
a{color:inherit;text-decoration:none}
img{max-width:100%;display:block}
.cont{max-width:1160px;margin:0 auto;padding-left:clamp(16px,4vw,40px);padding-right:clamp(16px,4vw,40px)}
.eyebrow{font-family:var(--f-mono);font-size:12px;letter-spacing:.18em;text-transform:uppercase;color:var(--accent);margin:0 0 14px}
h2.h{font-family:var(--f-display);font-weight:800;font-size:clamp(26px,4vw,40px);line-height:1.04;letter-spacing:-.01em;margin:0 0 16px;text-wrap:balance}
.btn{display:inline-flex;align-items:center;gap:9px;font:700 13px/1 var(--f-body);padding:14px 24px;border-radius:10px;background:var(--accent);color:var(--on-accent);border:none;cursor:pointer;transition:.15s}
.btn:hover{background:var(--accent-d)}
.btn.ghost{background:transparent;color:var(--ink);border:1px solid var(--line2)}
.btn.ghost:hover{border-color:var(--accent);color:var(--accent)}

/* header */
header.site{position:sticky;top:0;z-index:50;background:rgba(11,11,12,.86);backdrop-filter:blur(10px);border-bottom:1px solid var(--line)}
.htop{display:flex;align-items:center;gap:22px;padding:14px 0}
.logo{height:44px;flex:0 0 auto;display:flex;align-items:center}
@media(max-width:520px){.logo{height:34px}}
.logo img{height:100%;width:auto}
nav.main{display:flex;gap:18px;font-size:13px;font-weight:500;color:var(--ink2);flex-wrap:wrap}
nav.main a:hover,nav.main a.active{color:var(--accent)}
.htop .meta{margin-left:auto;display:flex;align-items:center;gap:18px}
.htop .meta .contact{text-align:right;font-size:12px;color:var(--ink2);line-height:1.4}
.htop .meta .contact b{display:block;color:var(--ink);font-size:14px;font-family:var(--f-mono)}
.subnav{border-top:1px solid var(--line);display:flex;gap:22px;padding:9px 0;font-size:12px;color:var(--ink3);flex-wrap:wrap}
.subnav a:hover{color:var(--accent)}
@media(max-width:960px){nav.main,.subnav{display:none}.htop .meta .contact{display:none}}

/* hero (home) */
.hero{position:relative;overflow:hidden;background:#0b0b0c;min-height:600px;display:flex;align-items:center}
.hero .bg{position:absolute;inset:0;background-image:url("/assets/img/hero.jpg");background-size:cover;background-position:left center}
.hero .scrim{position:absolute;inset:0;background:linear-gradient(90deg,rgba(11,11,12,0) 0%,rgba(11,11,12,.2) 28%,rgba(11,11,12,.78) 46%,rgba(11,11,12,.94) 64%,#0b0b0c 100%)}
.hero .cont{position:relative;width:100%;display:flex;justify-content:flex-end;padding-block:clamp(36px,4.5vw,64px)}
.hero .inner{width:min(640px,100%)}
.hero .kick{font-family:var(--f-mono);font-size:12px;letter-spacing:.18em;text-transform:uppercase;color:var(--accent);margin:0 0 16px}
.hero h1{font-family:var(--f-display);font-weight:800;font-size:clamp(26px,3vw,40px);line-height:1.08;letter-spacing:-.01em;margin:0 0 16px;text-wrap:balance}
.hero h1 em{font-style:normal;color:var(--accent)}
.hero .sub{font-family:var(--f-body);font-weight:400;font-size:clamp(15px,1.5vw,17px);line-height:1.55;color:var(--ink2);margin:0 0 22px;max-width:52ch}
.hero p.lead{font-size:16px;color:var(--ink2);max-width:48ch;margin:0 0 26px}
.hbtns{display:flex;gap:12px;flex-wrap:wrap;margin-bottom:30px}
@media(max-width:880px){
  .hero{min-height:0}
  .hero .bg{background-image:url("/assets/img/hero-mobile.jpg");background-position:left center;height:240px;inset:0 0 auto 0}
  .hero .scrim{background:linear-gradient(180deg,rgba(11,11,12,.1) 0%,rgba(11,11,12,.55) 45%,#0b0b0c 92%);height:260px;inset:0 0 auto 0}
  .hero .cont{padding-top:196px}
  .hero .inner{width:100%}
}
.strip{display:flex;flex-wrap:wrap;gap:10px;align-items:center}
.strip .plate{background:#fff;border-radius:8px;height:44px;padding:6px 12px;display:flex;align-items:center}
.strip .plate img{height:100%;width:auto;max-width:120px;object-fit:contain}
.strip a.plate{transition:transform .15s,box-shadow .15s}
.strip a.plate:hover,.strip a.plate:focus-visible{transform:translateY(-2px);box-shadow:0 0 0 2px var(--accent);outline:none}

/* section */
section{padding-block:clamp(52px,7vw,92px)}
section.alt{background:var(--surface)}
.shead{max-width:720px;margin:0 auto clamp(34px,5vw,52px);text-align:center}
.shead p{color:var(--ink2);margin:0;font-size:16px}

/* brand cards */
.brands{display:grid;grid-template-columns:repeat(3,1fr);gap:20px}
@media(max-width:900px){.brands{grid-template-columns:repeat(2,1fr)}}
@media(max-width:600px){.brands{grid-template-columns:1fr}}
.bcard{background:var(--card);border:1px solid var(--line);border-radius:var(--radius);padding:24px;display:flex;flex-direction:column;gap:14px;transition:.18s}
.bcard:hover{border-color:var(--line2);transform:translateY(-2px)}
.bcard .plate{background:#fff;border-radius:10px;height:66px;padding:10px 14px;display:flex;align-items:center;justify-content:flex-start;align-self:flex-start}
.bcard .plate img{height:100%;width:auto;max-width:180px;object-fit:contain}
.bcard h3{font-family:var(--f-display);font-weight:700;font-size:18px;margin:0;color:var(--ink)}
.bcard h3 span{color:var(--accent)}
.bcard p{margin:0;font-size:14px;color:var(--ink2);flex:1}
.bcard .link{font:700 12.5px/1 var(--f-body);color:var(--accent);display:inline-flex;align-items:center;gap:8px;margin-top:2px}
.bcard .link:hover{gap:12px}

/* callback band */
.cband{background:linear-gradient(100deg,#f5c518,#e0a900);color:#161307}
.cband .cont{display:grid;grid-template-columns:1.1fr .9fr;gap:34px;align-items:center;padding-block:clamp(40px,5vw,64px)}
@media(max-width:820px){.cband .cont{grid-template-columns:1fr;gap:22px}}
.cband .eyebrow{color:#5a4a06}
.cband h2{font-family:var(--f-display);font-weight:800;font-size:clamp(22px,3vw,32px);margin:0;color:#161307;line-height:1.1}
.cband p{margin:0 0 16px;color:#3d3208;font-size:15px}
.cform{display:flex;gap:10px;flex-wrap:wrap}
.cform input{flex:1;min-width:150px;padding:14px 16px;border-radius:10px;border:1px solid rgba(0,0,0,.15);background:rgba(255,255,255,.95);color:#161307;font:400 14px var(--f-body)}
.cform .btn{background:#161307;color:var(--accent)}
.cform .btn:hover{background:#000}
.cnote{font-size:12px;color:#5a4a06;margin:10px 0 0}
.cband .cont.acts{display:block}
.acthead{margin-bottom:22px}
.actions{display:grid;grid-template-columns:repeat(4,1fr);gap:14px}
@media(max-width:960px){.actions{grid-template-columns:repeat(2,1fr)}}
@media(max-width:520px){.actions{grid-template-columns:1fr}}
.act{background:#161307;color:#f3f2ef;border-radius:12px;padding:18px 18px 16px;display:flex;flex-direction:column;gap:8px;transition:transform .15s,box-shadow .15s}
.act:hover,.act:focus-visible{transform:translateY(-2px);box-shadow:0 10px 24px rgba(0,0,0,.25);outline:none}
.act .n{font-family:var(--f-mono);font-size:12px;color:var(--accent)}
.act b{font-family:var(--f-display);font-size:16.5px;line-height:1.2;color:#fff}
.act span{font-size:13.5px;color:#c2bfb8;line-height:1.45}
.act .go{margin-top:auto;padding-top:6px;font-weight:700;font-size:13px;color:var(--accent)}
.actcall{margin-top:24px;padding-top:20px;border-top:1px solid rgba(22,19,7,.2);display:grid;grid-template-columns:1fr 1.1fr;gap:10px 28px;align-items:center}
@media(max-width:820px){.actcall{grid-template-columns:1fr}}
.actcall p{margin:0;color:#3d3208;font-size:14.5px}
.actcall p a b{color:#161307}
.actcall .cnote{grid-column:1/-1}
.htop .meta .contact a{display:block}
.cok{font-size:14px;font-weight:600;color:#161307;margin:0}

/* advantages */
.adv{display:grid;grid-template-columns:repeat(4,1fr);gap:18px}
@media(max-width:900px){.adv{grid-template-columns:repeat(2,1fr)}}
@media(max-width:520px){.adv{grid-template-columns:1fr}}
.acard{background:var(--card);border:1px solid var(--line);border-radius:var(--radius);padding:24px}
.acard .n{font-family:var(--f-mono);font-size:13px;font-weight:700;color:var(--accent)}
.acard h4{font-family:var(--f-display);font-weight:600;font-size:16.5px;margin:12px 0 9px;color:var(--ink)}
.acard p{margin:0;font-size:13.5px;color:var(--ink2)}

/* founder */
.founder .cont{display:grid;grid-template-columns:.8fr 1.2fr;gap:44px;align-items:center}
@media(max-width:820px){.founder .cont{grid-template-columns:1fr;gap:26px}}
.founder .photo{border-radius:16px;overflow:hidden;border:1px solid var(--line2);max-width:360px}
.founder blockquote{font-family:var(--f-display);font-weight:500;font-size:clamp(20px,2.6vw,28px);line-height:1.32;margin:0 0 20px;color:var(--ink);text-wrap:balance}
.founder blockquote b{color:var(--accent);font-weight:600}
.founder .who b{display:block;font-size:16px;color:var(--ink)}
.founder .who{font-size:14px;color:var(--ink2)}

/* delivery */
.delivery .cont{display:grid;grid-template-columns:1.1fr .9fr;gap:40px;align-items:center}
@media(max-width:820px){.delivery .cont{grid-template-columns:1fr;gap:24px}}
.delivery .photo{border-radius:16px;overflow:hidden;border:1px solid var(--line2)}
.delivery p{color:var(--ink2);font-size:15.5px;margin:0 0 14px}

/* news */
.news .grid{display:grid;grid-template-columns:repeat(3,1fr);gap:20px}
@media(max-width:900px){.news .grid{grid-template-columns:1fr}}
.ncard{background:var(--card);border:1px solid var(--line);border-radius:var(--radius);overflow:hidden;display:flex;flex-direction:column;transition:.18s}
.ncard:hover{border-color:var(--line2);transform:translateY(-2px)}
.ncard .thumb{aspect-ratio:16/10;background:#000;overflow:hidden}
.ncard .thumb img{width:100%;height:100%;object-fit:cover}
.ncard .nbody{padding:20px;display:flex;flex-direction:column;gap:10px;flex:1}
.ncard .meta{font-family:var(--f-mono);font-size:11px;letter-spacing:.08em;text-transform:uppercase;color:var(--accent)}
.ncard h3{font-family:var(--f-display);font-weight:700;font-size:17px;margin:0;color:var(--ink);line-height:1.22}
.ncard p{margin:0;font-size:13.5px;color:var(--ink2);flex:1}
.ncard[hidden]{display:none}
.ncard h3 a:hover{color:var(--accent)}
.bhero .ndate{font-family:var(--f-mono);font-size:12px;letter-spacing:.08em;text-transform:uppercase;color:var(--accent);margin:0}
.post{max-width:780px;margin:0 auto}
.pcover{margin:0 0 30px;border-radius:14px;overflow:hidden;border:1px solid var(--line2);background:#fff}
.pcover img{width:100%;height:auto}
.pbody{font-size:16.5px;line-height:1.7;color:var(--ink2)}
.pbody p{margin:0 0 16px}
.pbody strong{color:var(--ink)}
.pbody h2{font-family:var(--f-display);font-size:24px;color:var(--ink);margin:30px 0 12px;line-height:1.2}
.pbody h3{font-family:var(--f-display);font-size:19px;color:var(--ink);margin:24px 0 10px}
.pbody a{color:var(--accent);text-decoration:underline;text-underline-offset:3px}
.pbody ul,.pbody ol{margin:0 0 16px;padding-left:22px}
.pbody li{margin:0 0 6px}
.pbody figure{margin:24px 0;border-radius:12px;overflow:hidden;border:1px solid var(--line2);background:#fff}
.pbody figure img{width:100%;height:auto}
.pbody figure.video{background:#000;aspect-ratio:16/9}
.pbody figure.video iframe{display:block;width:100%;height:100%;border:0}
.pbody table.ptbl{width:100%;border-collapse:collapse;margin:8px 0 22px;font-size:14.5px;background:var(--card);border:1px solid var(--line);border-radius:10px;overflow:hidden;display:block;overflow-x:auto}
.pbody table.ptbl th,.pbody table.ptbl td{border-bottom:1px solid var(--line);padding:10px 12px;text-align:left;vertical-align:top}
.pbody table.ptbl th{background:var(--surface2);color:var(--ink);font-family:var(--f-display);font-weight:600}
.pbody table.ptbl td strong{color:var(--accent)}
.pfaq{margin-top:34px}
.pfaq h2{font-family:var(--f-display);font-size:24px;color:var(--ink);margin:0 0 14px}
.pfaq .faq{max-width:none}
.prel{margin-top:34px}
.prel .cats{grid-template-columns:repeat(2,1fr)}
@media(max-width:520px){.prel .cats{grid-template-columns:1fr}}
.bhero .ndate a{color:var(--accent)}
.pgrid{display:grid;grid-template-columns:repeat(auto-fill,minmax(200px,1fr));gap:14px}
.pcard{background:var(--card);border:1px solid var(--line);border-radius:12px;padding:14px;display:flex;flex-direction:column;gap:6px;transition:.16s}
.pcard:hover{border-color:var(--accent);transform:translateY(-2px)}
.pcard .pim{background:#fff;border-radius:8px;aspect-ratio:4/3;display:flex;align-items:center;justify-content:center;overflow:hidden;margin-bottom:6px}
.pcard .pim img{width:100%;height:100%;object-fit:contain}
.pcard .pt{font-size:12px;color:var(--ink3)}
.pcard b{font-family:var(--f-mono);font-size:14px;color:var(--ink);line-height:1.3}
.pcard .pc{font-family:var(--f-mono);font-size:11.5px;color:var(--accent)}
.prod{display:grid;grid-template-columns:1fr 1fr;gap:36px;align-items:start}
@media(max-width:860px){.prod{grid-template-columns:1fr;gap:24px}}
.pgal{display:grid;grid-template-columns:repeat(3,1fr);gap:10px}
.pgal figure{margin:0;background:#fff;border-radius:12px;border:1px solid var(--line2);overflow:hidden;display:flex;align-items:center;justify-content:center}
.pgal .pmain{grid-column:1/-1;aspect-ratio:4/3;padding:18px}
.pgal .pth{aspect-ratio:1/1;padding:8px}
.pgal img{width:100%;height:100%;object-fit:contain}
.pspec h2{font-family:var(--f-display);font-size:22px;margin:0 0 14px;color:var(--ink)}
table.spec2{width:100%;border-collapse:collapse;font-size:14.5px;background:var(--card);border:1px solid var(--line);border-radius:10px;overflow:hidden}
table.spec2 th,table.spec2 td{padding:9px 12px;border-bottom:1px solid var(--line);text-align:left;vertical-align:top}
table.spec2 th{color:var(--ink3);font-weight:500;width:44%}
table.spec2 td{color:var(--ink);font-family:var(--f-mono);font-size:13.5px}
.pcta{margin-top:34px;padding:24px;border:1px solid var(--line2);border-radius:14px;background:var(--card)}
.pcta p{margin:0 0 14px;color:var(--ink2)}
.pcta b{color:var(--ink)}
.pcta .hbtns{margin:0}
.ncard .link{font:700 12.5px/1 var(--f-body);color:var(--accent);display:inline-flex;align-items:center;gap:8px;margin-top:2px}
.ncard .link:hover{gap:12px}

/* contacts */
.contacts .cont{display:grid;grid-template-columns:1fr 1fr;gap:40px}
@media(max-width:760px){.contacts .cont{grid-template-columns:1fr;gap:24px}}
.cinfo .row{display:flex;gap:12px;padding:14px 0;border-bottom:1px solid var(--line);font-size:15px}
.cinfo .row .lab{font-family:var(--f-mono);font-size:11px;text-transform:uppercase;letter-spacing:.1em;color:var(--ink3);min-width:130px;padding-top:3px}
.cinfo .row .val{color:var(--ink)}
.cinfo .row .val a{color:var(--accent)}
.cmap{background:var(--surface2);border:1px solid var(--line);border-radius:var(--radius);min-height:220px;display:flex;align-items:center;justify-content:center;text-align:center;color:var(--ink3);font-family:var(--f-mono);font-size:13px;padding:22px}

/* footer */
footer.site{background:#08080a;border-top:1px solid var(--line);padding:52px 0 34px;text-align:center}
footer.site .logo{height:36px;display:inline-block;margin:0 auto 18px}
footer.site .logo img{height:100%;width:auto}
footer.site .fmeta{font-size:12.5px;color:var(--ink3);line-height:2}
footer.site .fmeta a{color:var(--ink2);text-decoration:underline;text-underline-offset:3px}
.badge{display:inline-block;margin-top:16px;font-family:var(--f-mono);font-size:11px;letter-spacing:.08em;color:var(--ink3);border:1px solid var(--line);border-radius:20px;padding:6px 14px}

/* brand hero */
.bhero{position:relative;background:radial-gradient(120% 130% at 85% 0%,#2a2417 0%,#141414 45%,#0b0b0c 100%);border-bottom:1px solid var(--line)}
.bhero .cont{padding-block:clamp(44px,6vw,80px);display:flex;flex-direction:column;gap:20px;align-items:flex-start}
.bhero .crumb{font-family:var(--f-mono);font-size:11px;letter-spacing:.1em;text-transform:uppercase;color:var(--ink3)}
.bhero .crumb a:hover{color:var(--accent)}
.bhero .plate{background:#fff;border-radius:12px;height:78px;padding:14px 22px;display:flex;align-items:center}
.bhero .plate img{height:100%;width:auto;max-width:250px;object-fit:contain}
.bhero h1{font-family:var(--f-display);font-weight:800;font-size:clamp(32px,5.2vw,54px);line-height:1;margin:0;letter-spacing:-.01em}
.bhero h1 em{font-style:normal;color:var(--accent)}
.bhero p{font-size:16px;color:var(--ink2);max-width:72ch;margin:0}
.bhero p.bsub{font-family:var(--f-display);font-weight:600;font-size:clamp(16px,2vw,19px);color:var(--ink);max-width:68ch}
.bhero .tags{display:flex;gap:10px;flex-wrap:wrap;margin-top:2px}
.bhero .tag{font-family:var(--f-mono);font-size:11px;letter-spacing:.05em;text-transform:uppercase;color:var(--ink2);border:1px solid var(--line2);border-radius:20px;padding:7px 14px}
.bhero .hbtns{margin:6px 0 0}

/* product categories */
.cats{display:grid;grid-template-columns:repeat(3,1fr);gap:16px}
@media(max-width:820px){.cats{grid-template-columns:repeat(2,1fr)}}
@media(max-width:520px){.cats{grid-template-columns:1fr}}
.catcard{background:var(--card);border:1px solid var(--line);border-radius:12px;padding:20px 22px;display:flex;align-items:center;justify-content:space-between;gap:14px;transition:.16s}
.catcard:hover{border-color:var(--accent);transform:translateY(-2px)}
.catcard .nm{font-family:var(--f-display);font-weight:600;font-size:16px;color:var(--ink)}
.catcard .arr{color:var(--accent);font-weight:700;font-size:18px}

/* catalogs */
.catbox{display:grid;grid-template-columns:repeat(auto-fill,minmax(238px,1fr));gap:18px}
.catitem{background:var(--card);border:1px solid var(--line);border-radius:12px;overflow:hidden;display:flex;flex-direction:column;transition:.16s}
.catitem:hover{border-color:var(--line2);transform:translateY(-2px)}
.catitem .cov{aspect-ratio:4/3;background:#0f1012;overflow:hidden;display:flex;align-items:center;justify-content:center}
.catitem .cov img{width:100%;height:100%;object-fit:contain}
.catitem .cbody{padding:18px;display:flex;flex-direction:column;gap:14px;flex:1}
.catitem .cname{font-family:var(--f-display);font-weight:600;font-size:15.5px;color:var(--ink);flex:1;line-height:1.28}
.catitem.nocov .cbody{padding:22px}
.catitem.nocov .cname{border-left:3px solid var(--accent);padding-left:12px}
.catitem .dl{display:inline-flex;align-items:center;gap:8px;font:700 12.5px/1 var(--f-body);padding:12px 16px;border-radius:9px;background:var(--accent);color:var(--on-accent);align-self:flex-start;transition:.15s}
.catitem .dl:hover{background:var(--accent-d)}
.catitem .dl.ext{background:transparent;color:var(--ink);border:1px solid var(--line2)}
.catitem .dl.ext:hover{border-color:var(--accent);color:var(--accent)}
.catcta{text-align:center}
.subnav a.active{color:var(--accent)}

/* generic split (image + text) */
.split{display:grid;grid-template-columns:1.02fr .98fr;gap:44px;align-items:center}
@media(max-width:820px){.split{grid-template-columns:1fr;gap:26px}}
.split .ph{border-radius:16px;overflow:hidden;border:1px solid var(--line2);background:#0f1012}
.split .ph img{width:100%;height:100%;object-fit:cover;display:block}
.split.contain .ph{background:#0f1012;aspect-ratio:4/3;display:flex;align-items:center;justify-content:center}
.split.contain .ph img{object-fit:contain}
.split .ph.white{background:#fff;aspect-ratio:4/3;display:flex;align-items:center;justify-content:center;padding:clamp(16px,3vw,32px)}
.split .ph.white img{width:100%;height:100%;object-fit:contain}
/* chips */
.chiprow{display:flex;gap:10px;flex-wrap:wrap}
.chip2{font-family:var(--f-mono);font-size:12px;letter-spacing:.04em;color:var(--ink);background:var(--card);border:1px solid var(--line2);border-radius:24px;padding:9px 16px}
/* feature list */
.flist{list-style:none;padding:0;margin:0;display:grid;gap:11px}
.flist li{position:relative;padding-left:26px;color:var(--ink2);font-size:15px}
.flist li::before{content:"→";position:absolute;left:0;color:var(--accent);font-weight:700}
/* specs grid (reuses acard visuals) */
.specgrid{display:grid;grid-template-columns:repeat(3,1fr);gap:16px}
@media(max-width:820px){.specgrid{grid-template-columns:repeat(2,1fr)}}
@media(max-width:520px){.specgrid{grid-template-columns:1fr}}
.spec{background:var(--card);border:1px solid var(--line);border-radius:12px;padding:18px 20px}
.spec .k{font-family:var(--f-mono);font-size:11px;letter-spacing:.08em;text-transform:uppercase;color:var(--ink3);margin:0 0 6px}
.spec .v{font-family:var(--f-display);font-weight:600;font-size:16px;color:var(--ink);margin:0}
/* map */
.mapwrap{border-radius:16px;overflow:hidden;border:1px solid var(--line2);min-height:400px;background:#0f1012}
.mapwrap iframe{display:block;width:100%;height:100%;min-height:400px;border:0}
.ctacts .cinfo{margin-bottom:22px}
/* alloys table */
.tablewrap{overflow-x:auto;border:1px solid var(--line);border-radius:12px;background:var(--card);-webkit-overflow-scrolling:touch}
table.alloys{border-collapse:collapse;width:100%;min-width:1040px;font-size:12.5px}
table.alloys th,table.alloys td{border:1px solid var(--line);padding:9px 11px;text-align:left;vertical-align:middle}
table.alloys thead th{background:var(--surface2);color:var(--ink);font-family:var(--f-display);font-weight:600;white-space:nowrap}
table.alloys thead tr:first-child th{background:var(--accent);color:var(--on-accent);font-family:var(--f-display);font-weight:800;font-size:15px;letter-spacing:.02em;text-transform:uppercase;text-align:left}
table.alloys tbody td{color:var(--ink2)}
table.alloys tbody td[rowspan]{background:var(--surface2);color:var(--accent);font-family:var(--f-mono);font-weight:700;text-align:center;font-size:16px;position:sticky;left:0}
table.alloys tbody tr:hover td{background:rgba(245,197,24,.045)}
table.alloys tbody tr:hover td[rowspan]{background:var(--surface2)}
table.spectbl{min-width:760px;font-size:14px}
table.spectbl tbody td:first-child{color:var(--accent);font-family:var(--f-mono);white-space:nowrap}
table.spectbl tbody td:first-child b{color:var(--accent)}
.faq{max-width:860px;margin:0 auto;display:grid;gap:12px}
.faq details{background:var(--card);border:1px solid var(--line);border-radius:12px;padding:0 22px;transition:border-color .16s}
.faq details[open]{border-color:var(--line2)}
.faq summary{cursor:pointer;list-style:none;padding:18px 30px 18px 0;position:relative;font-family:var(--f-display);font-weight:600;font-size:16px;color:var(--ink)}
.faq summary::-webkit-details-marker{display:none}
.faq summary::after{content:"+";position:absolute;right:0;top:14px;color:var(--accent);font-size:22px;font-weight:700}
.faq details[open] summary::after{content:"–"}
.faq details p{margin:0 0 18px;color:var(--ink2);font-size:15px}
.tblnote{font-size:13px;color:var(--ink3);margin:14px 0 0;font-family:var(--f-mono)}
/* image cards (industries / offers) */
.imgcards{display:grid;grid-template-columns:repeat(4,1fr);gap:18px}
@media(max-width:900px){.imgcards{grid-template-columns:repeat(2,1fr)}}
@media(max-width:520px){.imgcards{grid-template-columns:1fr}}
.imgcards.two{grid-template-columns:repeat(2,1fr)}
@media(max-width:760px){.imgcards.two{grid-template-columns:1fr}}
.imgcard{background:var(--card);border:1px solid var(--line);border-radius:12px;overflow:hidden;transition:.16s}
.imgcard:hover{border-color:var(--line2);transform:translateY(-2px)}
.imgcard .im{aspect-ratio:4/3;background:#0f1012;overflow:hidden}
.imgcard .im img{width:100%;height:100%;object-fit:cover}
.imgcard .b{padding:15px 17px}
.imgcard .b .t{font-family:var(--f-display);font-weight:600;font-size:15.5px;color:var(--ink);margin:0 0 5px}
.imgcard .b .d{font-size:13px;color:var(--ink2);margin:0}
.acard .ic{width:46px;height:46px;object-fit:contain;display:block;margin-bottom:4px}
/* hexagon industry cards */
.hexcards{display:grid;grid-template-columns:repeat(4,1fr);gap:18px}
@media(max-width:900px){.hexcards{grid-template-columns:repeat(2,1fr)}}
@media(max-width:520px){.hexcards{grid-template-columns:1fr}}
.hexcard{background:var(--card);border:1px solid var(--line);border-radius:14px;padding:18px 16px 20px;text-align:center;transition:.16s}
.hexcard:hover{border-color:var(--line2);transform:translateY(-3px)}
.hexcard img{width:100%;max-width:220px;aspect-ratio:1/1;object-fit:contain;display:block;margin:0 auto 14px}
.hexcard .t{font-family:var(--f-display);font-weight:600;font-size:15.5px;color:var(--ink);margin:0}
/* offer icon cards */
.offers{display:grid;grid-template-columns:repeat(4,1fr);gap:18px}
@media(max-width:900px){.offers{grid-template-columns:repeat(2,1fr)}}
@media(max-width:520px){.offers{grid-template-columns:1fr}}
.offercard{background:var(--card);border:1px solid var(--line);border-radius:14px;padding:24px 20px;transition:.16s}
.offercard:hover{border-color:var(--line2);transform:translateY(-2px)}
.offercard img{width:66px;height:66px;object-fit:contain;display:block;margin-bottom:14px}
.offercard .t{font-family:var(--f-display);font-weight:600;font-size:16px;color:var(--ink);margin:0 0 6px}
.offercard .d{font-size:13.5px;color:var(--ink2);margin:0}
/* company logo plate */
.imgcard.logo .im{background:#fff;aspect-ratio:16/7;display:flex;align-items:center;justify-content:center;padding:22px}
.imgcard.logo .im img{width:auto;height:100%;max-width:82%;object-fit:contain}
/* gallery */
.gallery{display:grid;grid-template-columns:repeat(auto-fill,minmax(210px,1fr));gap:14px}
.gallery img{width:100%;aspect-ratio:4/3;object-fit:cover;border-radius:12px;border:1px solid var(--line2);background:#0f1012}
/* quote cards */
.qcards{display:grid;grid-template-columns:1fr 1fr;gap:20px}
@media(max-width:760px){.qcards{grid-template-columns:1fr}}
.qcard{background:var(--card);border:1px solid var(--line);border-radius:14px;padding:24px;display:flex;gap:16px;align-items:flex-start}
.qcard img{width:66px;height:66px;border-radius:50%;object-fit:cover;flex:0 0 auto;border:1px solid var(--line2)}
.qcard blockquote{margin:0;font-size:14.5px;color:var(--ink2);line-height:1.6}
/* partners / clients */
.partners{display:grid;grid-template-columns:repeat(6,1fr);gap:14px}
@media(max-width:900px){.partners{grid-template-columns:repeat(3,1fr)}}
@media(max-width:520px){.partners{grid-template-columns:repeat(2,1fr)}}
.partners .pl{background:#fff;border-radius:10px;height:82px;display:flex;align-items:center;justify-content:center;padding:14px}
.partners .pl img{max-width:100%;max-height:100%;object-fit:contain}