@charset "UTF-8";
*{box-sizing:border-box;margin:0;padding:0}
:root{
  --s9:#0f1623;--s8:#1a2333;--s7:#243044;--s6:#2e3d56;--s5:#3d5170;
  --s4:#7a8fa8;--s3:#8fa3bc;--s2:#c2cfdc;--s1:#e8edf3;
  --b6:#1252a3;--b5:#1a6bc7;--b4:#3d8de0;--b3:#7ab3f0;--b2:#b8d5f8;
  --acc:#e85d26;--acc2:#f47a4a;
  --gold:#c9922a;--gold2:#e8b84d;
  --green:#1d9e75;--green2:#5dcaa5;
}
html{scroll-behavior:smooth}
body{font-family:'Barlow',sans-serif;background:var(--s9);color:var(--s1);font-size:14px;line-height:1.6}
.page{max-width:1100px;margin:0 auto;padding:0 28px}
.sec{padding:80px 0}
.sec+.sec{border-top:1px solid var(--s7)}
.eyebrow{font-family:'Barlow Condensed',sans-serif;font-size:11px;font-weight:700;letter-spacing:3px;text-transform:uppercase;color:var(--b4);margin-bottom:12px}
.sec-title{font-family:'Barlow Condensed',sans-serif;font-size:38px;font-weight:800;color:#fff;line-height:1.1;margin-bottom:14px}
.sec-sub{font-size:15px;font-weight:300;color:var(--s3);max-width:640px;line-height:1.8;margin-bottom:40px}
.btn-primary{font-family:'Barlow Condensed',sans-serif;font-size:12px;font-weight:700;letter-spacing:2px;text-transform:uppercase;padding:12px 28px;background:var(--b6);border:none;color:#fff;cursor:pointer;border-radius:2px;text-decoration:none;display:inline-block;transition:background 0.2s}
.btn-primary:hover{background:var(--b5)}
.btn-outline{font-family:'Barlow Condensed',sans-serif;font-size:12px;font-weight:700;letter-spacing:2px;text-transform:uppercase;padding:12px 28px;background:none;border:1px solid var(--s5);color:var(--s2);cursor:pointer;border-radius:2px;text-decoration:none;display:inline-block;transition:all 0.2s}
.btn-outline:hover{border-color:var(--b4);color:var(--b3)}
.btn-accent{font-family:'Barlow Condensed',sans-serif;font-size:12px;font-weight:700;letter-spacing:2px;text-transform:uppercase;padding:12px 28px;background:var(--acc);border:none;color:#fff;cursor:pointer;border-radius:2px;text-decoration:none;display:inline-block;transition:background 0.2s}
.btn-accent:hover{background:var(--acc2)}

/* NAV */
nav{position:sticky;top:0;z-index:100;background:rgba(15,22,35,0.97);border-bottom:1px solid var(--s7);backdrop-filter:blur(10px)}
.nav-inner{max-width:1100px;margin:0 auto;padding:0 28px;display:flex;align-items:center;justify-content:space-between;height:60px;gap:16px}
.nav-logo{font-family:'Barlow Condensed',sans-serif;font-size:20px;font-weight:800;color:#fff;letter-spacing:1px;text-decoration:none;flex-shrink:0}
.nav-logo span{color:var(--b4)}
.nav-links{display:flex;gap:2px;flex:1;justify-content:center}
.nav-links a{font-size:11px;font-weight:500;letter-spacing:1.5px;text-transform:uppercase;color:var(--s4);text-decoration:none;padding:8px 13px;border-bottom:2px solid transparent;transition:all 0.2s;white-space:nowrap}
.nav-links a:hover,.nav-links a.active{color:#fff;border-bottom-color:var(--b4)}
.nav-actions{display:flex;gap:10px;flex-shrink:0;align-items:center}
.nav-wa{width:36px;height:36px;background:var(--green);border-radius:2px;display:flex;align-items:center;justify-content:center;text-decoration:none;transition:background 0.2s}
.nav-wa:hover{background:var(--green2)}
.nav-wa svg{width:18px;height:18px;fill:#fff}

/* HERO */
.hero{min-height:90vh;display:grid;grid-template-columns:1fr 1fr;align-items:center;gap:60px;padding:80px 0}
.hero-badge{display:inline-flex;align-items:center;gap:8px;background:rgba(26,107,199,0.12);border:1px solid rgba(61,141,224,0.25);border-radius:2px;padding:6px 14px;margin-bottom:28px}
.hero-badge-dot{width:6px;height:6px;border-radius:50%;background:var(--b4);animation:pulse 2s infinite}
@keyframes pulse{0%,100%{opacity:1}50%{opacity:0.4}}
.hero-badge-text{font-size:11px;font-weight:600;letter-spacing:2px;text-transform:uppercase;color:var(--b3)}
.hero-title{font-family:'Barlow Condensed',sans-serif;font-size:58px;font-weight:800;line-height:1.0;color:#fff;margin-bottom:22px}
.hero-title em{color:var(--b4);font-style:normal}
.hero-sub{font-size:16px;font-weight:300;color:var(--s2);line-height:1.8;margin-bottom:36px;max-width:520px}
.hero-btns{display:flex;gap:12px;margin-bottom:48px;flex-wrap:wrap}
.hero-stats{display:grid;grid-template-columns:repeat(3,1fr);gap:1px;background:var(--s7);border:1px solid var(--s7);border-radius:3px;overflow:hidden}
.hstat{background:var(--s8);padding:18px 16px;text-align:center}
.hstat-val{font-family:'Barlow Condensed',sans-serif;font-size:32px;font-weight:800;color:var(--gold2);line-height:1}
.hstat-lbl{font-size:10px;color:var(--s4);text-transform:uppercase;letter-spacing:1px;margin-top:5px}
.hero-right{}
.hero-visual{background:var(--s8);border:1px solid var(--s6);border-radius:4px;overflow:hidden;aspect-ratio:4/3;display:flex;align-items:center;justify-content:center;flex-direction:column;gap:10px;position:relative}
.spark{position:absolute;width:3px;height:3px;border-radius:50%;animation:sparkfly 3s infinite}
.spark:nth-child(1){background:#ffcc44;top:48%;left:50%;animation-delay:0s;--dx:30px;--dy:-50px}
.spark:nth-child(2){background:#ff8844;top:52%;left:47%;animation-delay:0.5s;--dx:-20px;--dy:-40px}
.spark:nth-child(3){background:#ffaa22;top:45%;left:53%;animation-delay:1s;--dx:15px;--dy:-60px}
.spark:nth-child(4){background:#ff6622;top:50%;left:49%;animation-delay:1.5s;--dx:-35px;--dy:-30px}
.spark:nth-child(5){background:#ffdd66;top:55%;left:51%;animation-delay:0.8s;--dx:25px;--dy:-45px}
@keyframes sparkfly{0%{transform:translate(0,0) scale(1);opacity:1}100%{transform:translate(var(--dx),var(--dy));opacity:0;scale:0.3}}
.hero-visual-icon svg{width:64px;height:64px;stroke:var(--b5);fill:none;stroke-width:1;opacity:0.5;position:relative;z-index:1}
.hero-visual-label{font-size:12px;color:var(--s5);letter-spacing:2px;text-transform:uppercase;position:relative;z-index:1}
.hero-visual-note{font-size:11px;color:var(--s6);margin-top:-4px;position:relative;z-index:1}
.hero-overlay-tag{position:absolute;bottom:16px;left:16px;background:rgba(15,22,35,0.88);border:1px solid var(--s6);border-radius:2px;padding:10px 14px}
.hot-lbl{font-size:10px;color:var(--s4);letter-spacing:1.5px;text-transform:uppercase;margin-bottom:3px}
.hot-val{font-family:'Barlow Condensed',sans-serif;font-size:14px;font-weight:700;color:var(--gold2)}
.hero-chips{display:grid;grid-template-columns:1fr 1fr;gap:8px;margin-top:12px}
.hchip{background:var(--s8);border:1px solid var(--s7);border-radius:3px;padding:12px 14px;display:flex;gap:9px;align-items:center;font-size:12px;color:var(--s2)}
.hchip-dot{width:7px;height:7px;border-radius:50%;flex-shrink:0}

/* PRINCIPALS */
.principals-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(185px,1fr));gap:12px}
.pc-card{background:var(--s8);border:1px solid var(--s7);border-radius:3px;padding:20px;transition:border-color 0.2s,transform 0.2s}
.pc-card:hover{border-color:var(--b5);transform:translateY(-2px)}
.pc-country{font-size:10px;font-weight:600;letter-spacing:2px;text-transform:uppercase;color:var(--b4);margin-bottom:8px}
.pc-name{font-family:'Barlow Condensed',sans-serif;font-size:17px;font-weight:700;color:#fff;line-height:1.2;margin-bottom:6px}
.pc-scope{font-size:12px;color:var(--s3);line-height:1.5}
.pc-le-note{font-size:11px;color:var(--s5);margin-top:6px;font-style:italic}

/* PRODUCTS SECTION */
.tm-notice{display:flex;flex-wrap:wrap;gap:8px;margin-bottom:32px}
.tm-pill{font-size:11px;padding:5px 12px;border-radius:2px;border:1px solid var(--s6);color:var(--s3);background:var(--s8);line-height:1.5}
.tm-pill strong{color:var(--gold2);font-weight:500}
.tm-pill a{color:var(--b3);text-decoration:none}
.tm-pill a:hover{color:var(--b2)}

/* Category tabs */
.cat-tabs{display:flex;gap:14px;margin-bottom:28px;flex-wrap:wrap}
.cat-tab{font-family:'Barlow Condensed',sans-serif;font-size:13px;font-weight:700;letter-spacing:1.5px;text-transform:uppercase;padding:9px 18px;cursor:pointer;background:var(--s8);border:1px solid var(--s7);color:var(--s4);border-radius:2px;transition:all 0.2s}
.cat-tab:hover{color:var(--s2);border-color:var(--s5)}
.cat-tab.active{color:var(--b3);border-color:var(--b5);background:rgba(26,107,199,0.08)}

/* Alloy filter */
.alloy-filter{display:flex;gap:0;margin-bottom:28px;border-bottom:1px solid var(--s7)}
.af-btn{font-family:'Barlow Condensed',sans-serif;font-size:12px;font-weight:600;letter-spacing:1.5px;text-transform:uppercase;padding:9px 20px;cursor:pointer;background:none;border:none;color:var(--s4);border-bottom:2px solid transparent;margin-bottom:-1px;transition:all 0.2s}
.af-btn:hover{color:var(--s2)}
.af-btn.active{color:var(--b3);border-bottom-color:var(--b4)}

/* Grade group divider */
.grade-divider{display:flex;align-items:center;gap:12px;margin:32px 0 18px}
.gd-line{flex:1;height:1px;background:var(--s7)}
.gd-label{font-family:'Barlow Condensed',sans-serif;font-size:10px;font-weight:700;letter-spacing:2.5px;text-transform:uppercase;color:var(--s5);white-space:nowrap;padding:0 4px}

/* Product cards */
.prod-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(270px,1fr));gap:12px}
.pcard{background:var(--s8);border:1px solid var(--s7);border-radius:3px;overflow:hidden;transition:border-color 0.2s,transform 0.2s}
.pcard:hover{border-color:var(--b4);transform:translateY(-2px)}
.pcard.cobalt .pbar{background:var(--b6)}
.pcard.nickel .pbar{background:var(--s5)}
.pcard.iron .pbar{background:var(--gold)}
.pbar{height:3px}
.pbody{padding:16px 18px 18px}
.phead{display:flex;justify-content:space-between;align-items:flex-start;margin-bottom:5px}
.pname{font-family:'Barlow Condensed',sans-serif;font-size:20px;font-weight:800;color:#fff;line-height:1.1}
.pname small{display:block;font-size:10px;font-weight:400;color:var(--s4);letter-spacing:1px;text-transform:uppercase;margin-top:2px}
.pbadge{font-size:10px;font-weight:600;letter-spacing:1px;text-transform:uppercase;padding:3px 8px;border-radius:2px;flex-shrink:0;margin-left:8px}
.cobalt .pbadge{background:rgba(26,107,199,0.15);color:var(--b3);border:1px solid rgba(61,141,224,0.22)}
.nickel .pbadge{background:rgba(61,81,112,0.35);color:var(--s2);border:1px solid var(--s6)}
.iron .pbadge{background:rgba(201,146,42,0.12);color:var(--gold2);border:1px solid rgba(232,184,77,0.2)}
.pref{display:flex;align-items:center;gap:6px;margin-bottom:10px;flex-wrap:wrap}
.r-aws{font-size:10px;font-weight:600;letter-spacing:0.8px;text-transform:uppercase;color:var(--gold);font-family:'Barlow Condensed',sans-serif}
.r-trade{font-size:10px;padding:2px 7px;border-radius:2px;background:rgba(201,146,42,0.1);border:1px solid rgba(232,184,77,0.2);color:var(--gold2)}
.r-form{font-size:10px;padding:2px 7px;border-radius:2px;background:rgba(26,107,199,0.08);border:1px solid rgba(61,141,224,0.15);color:var(--b3)}
.pprops{display:flex;flex-direction:column;gap:4px;margin-bottom:10px}
.pprop{display:flex;align-items:flex-start;gap:7px;font-size:12px;color:var(--s3);line-height:1.4}
.pprop::before{content:'';flex-shrink:0;width:3px;height:3px;border-radius:50%;background:var(--b4);margin-top:5px}
.papps{background:var(--s9);border-radius:2px;padding:8px 11px;margin-bottom:10px}
.papps-lbl{font-size:9px;font-weight:600;letter-spacing:1.5px;text-transform:uppercase;color:var(--s5);margin-bottom:2px}
.papps-list{font-size:11px;color:var(--s3);line-height:1.5}
.pfoot{display:flex;align-items:center;gap:8px}
.p-tl{font-size:10px;color:var(--s5);text-transform:uppercase;letter-spacing:1px;white-space:nowrap}
.p-tb{flex:1;height:3px;background:var(--s7);border-radius:2px;overflow:hidden}
.p-tf{height:100%;border-radius:2px;background:linear-gradient(to right,var(--b4),var(--acc))}
.p-tv{font-family:'Barlow Condensed',sans-serif;font-size:11px;font-weight:600;color:var(--gold2);white-space:nowrap}
.hidden{display:none!important}

/* Quick ref table */
.qr-wrap{margin-top:44px;overflow-x:auto}
.qr-title{font-family:'Barlow Condensed',sans-serif;font-size:11px;font-weight:700;letter-spacing:3px;text-transform:uppercase;color:var(--s4);margin-bottom:14px}
table.qr{width:100%;border-collapse:collapse;font-size:12px;min-width:720px}
table.qr th{font-family:'Barlow Condensed',sans-serif;font-size:10px;letter-spacing:1.5px;text-transform:uppercase;color:var(--s5);font-weight:600;padding:8px 12px;text-align:left;border-bottom:1px solid var(--s7);background:var(--s8)}
table.qr td{padding:9px 12px;border-bottom:1px solid var(--s7);color:var(--s3);vertical-align:middle}
table.qr tr:hover td{background:rgba(26,48,68,0.4)}
.td-g{font-family:'Barlow Condensed',sans-serif;font-size:14px;font-weight:700;color:#fff}
.td-s{color:var(--gold2);font-size:11px}
.td-tm{font-size:10px;color:var(--s4)}
.td-a{color:var(--b3);font-size:11px}
.td-co{color:var(--b4);font-weight:500;font-size:11px}
.td-ni{color:var(--s2);font-weight:500;font-size:11px}
.td-fe{color:var(--gold2);font-weight:500;font-size:11px}
.ftag{display:inline-block;font-size:9px;padding:1px 5px;border-radius:2px;border:1px solid var(--s6);color:var(--s4);margin:1px;white-space:nowrap}

/* Trademark footnotes */
.tm-footnotes{margin-top:24px;display:flex;flex-direction:column;gap:7px}
.tm-fn{font-size:11px;color:var(--s5);line-height:1.7;padding:9px 14px;background:var(--s8);border:1px solid var(--s7);border-left:3px solid var(--s6);border-radius:0 2px 2px 0}
.tm-fn strong{color:var(--s3);font-weight:500}
.tm-fn a{color:var(--b3);text-decoration:none}
.tm-fn a:hover{color:var(--b2)}

/* INDUSTRIES */
.ind-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:12px}
.ind-card{background:var(--s8);border:1px solid var(--s7);border-radius:3px;overflow:hidden;transition:border-color 0.2s,transform 0.2s;cursor:pointer}
.ind-card:hover{border-color:var(--b5);transform:translateY(-3px)}
.ind-visual{height:120px;display:flex;align-items:center;justify-content:center;background:var(--s7);position:relative}
.ind-visual svg{width:40px;height:40px;stroke:currentColor;fill:none;stroke-width:1.2;stroke-linecap:round;stroke-linejoin:round;position:relative;z-index:1}
.iv-blue{color:var(--b3)}
.iv-acc{color:var(--acc2)}
.iv-gold{color:var(--gold2)}
.iv-green{color:var(--green2)}
.ind-body{padding:14px 16px 18px}
.ind-title{font-family:'Barlow Condensed',sans-serif;font-size:15px;font-weight:700;color:#fff;margin-bottom:5px}
.ind-text{font-size:11px;color:var(--s4);line-height:1.5;margin-bottom:10px}
.ind-link{font-size:11px;font-weight:600;letter-spacing:1px;text-transform:uppercase;color:var(--b4);text-decoration:none}
.ind-link:hover{color:var(--b3)}

/* WHY BHAVANI */
.why-grid{display:grid;grid-template-columns:1fr 1fr;gap:48px;align-items:start}
.why-points{display:flex;flex-direction:column;gap:12px}
.why-point{display:flex;gap:16px;align-items:flex-start;padding:18px;background:var(--s8);border:1px solid var(--s7);border-radius:3px;transition:border-color 0.2s}
.why-point:hover{border-color:var(--s5)}
.why-num{font-family:'Barlow Condensed',sans-serif;font-size:28px;font-weight:800;color:var(--s7);line-height:1;flex-shrink:0;width:36px}
.why-title{font-family:'Barlow Condensed',sans-serif;font-size:16px;font-weight:700;color:#fff;margin-bottom:4px}
.why-text{font-size:13px;color:var(--s4);line-height:1.5}
.why-right{display:flex;flex-direction:column;gap:12px}
.brands-box{background:var(--s8);border:1px solid var(--s7);border-radius:3px;padding:22px}
.bb-title{font-size:10px;font-weight:600;letter-spacing:2px;text-transform:uppercase;color:var(--s4);margin-bottom:16px}
.bb-grid{display:grid;grid-template-columns:1fr 1fr;gap:8px;margin-bottom:18px}
.bb-badge{background:var(--s9);border:1px solid var(--s7);border-radius:2px;padding:11px 13px}
.bb-name{font-family:'Barlow Condensed',sans-serif;font-size:14px;font-weight:700;color:#fff;margin-bottom:2px}
.bb-detail{font-size:10px;color:var(--s4);letter-spacing:1px;text-transform:uppercase;line-height:1.4}
.bb-le{grid-column:span 2;border-left:3px solid var(--b5)}
.cert-box{background:rgba(29,158,117,0.08);border:1px solid rgba(93,202,165,0.2);border-radius:3px;padding:14px 16px;display:flex;gap:12px;align-items:center}
.cert-icon{width:34px;height:34px;background:rgba(29,158,117,0.15);border-radius:2px;display:flex;align-items:center;justify-content:center;flex-shrink:0}
.cert-icon svg{width:16px;height:16px;stroke:var(--green2);fill:none;stroke-width:1.5;stroke-linecap:round;stroke-linejoin:round}
.cert-text{font-size:12px;color:var(--green2);line-height:1.6}
.clients-box{background:var(--s8);border:1px solid var(--s7);border-radius:3px;padding:18px}
.cb-title{font-size:10px;font-weight:600;letter-spacing:2px;text-transform:uppercase;color:var(--s4);margin-bottom:12px}
.cb-tags{display:flex;flex-wrap:wrap;gap:7px}
.ctag{font-size:12px;padding:4px 12px;background:var(--s9);border:1px solid var(--s7);border-radius:2px;color:var(--s2)}

/* INSIDE BHAVANI */
.inside-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:14px}
.inside-card{background:var(--s8);border:1px solid var(--s7);border-radius:3px;overflow:hidden;transition:border-color 0.2s}
.inside-card:hover{border-color:var(--s5)}
.inside-thumb{height:150px;background:var(--s7);display:flex;align-items:center;justify-content:center;flex-direction:column;gap:8px}
.play-btn{width:44px;height:44px;border-radius:50%;border:2px solid rgba(255,255,255,0.3);display:flex;align-items:center;justify-content:center}
.play-btn svg{width:14px;height:14px;fill:#fff;margin-left:3px}
.thumb-lbl{font-size:10px;letter-spacing:2px;text-transform:uppercase;color:rgba(255,255,255,0.35)}
.inside-body{padding:16px 18px 20px}
.inside-cat{font-size:10px;font-weight:600;letter-spacing:2px;text-transform:uppercase;color:var(--b4);margin-bottom:6px}
.inside-title{font-family:'Barlow Condensed',sans-serif;font-size:16px;font-weight:700;color:#fff;margin-bottom:6px;line-height:1.3}
.inside-text{font-size:12px;color:var(--s4);line-height:1.5;margin-bottom:12px}
.inside-link{font-size:11px;font-weight:600;letter-spacing:1px;text-transform:uppercase;color:var(--b4);text-decoration:none}
.inside-link:hover{color:var(--b3)}

/* CASE STUDIES */
.cases-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:14px}
.case-card{background:var(--s8);border:1px solid var(--s7);border-radius:3px;padding:22px;transition:border-color 0.2s}
.case-card:hover{border-color:var(--s5)}
.case-ind{font-size:10px;font-weight:600;letter-spacing:2px;text-transform:uppercase;color:var(--b4);margin-bottom:10px}
.case-title{font-family:'Barlow Condensed',sans-serif;font-size:17px;font-weight:700;color:#fff;margin-bottom:12px;line-height:1.2}
.case-result{background:rgba(29,158,117,0.08);border:1px solid rgba(93,202,165,0.15);border-radius:2px;padding:9px 12px;margin-bottom:12px}
.cr-lbl{font-size:10px;color:var(--green2);letter-spacing:1.5px;text-transform:uppercase;margin-bottom:2px}
.cr-val{font-family:'Barlow Condensed',sans-serif;font-size:15px;font-weight:700;color:var(--green2)}
.case-quote{font-size:12px;color:var(--s3);line-height:1.6;font-style:italic;margin-bottom:10px;padding-left:12px;border-left:2px solid var(--s6)}
.case-author{font-size:11px;color:var(--s5)}

/* DOWNLOADS */
.dl-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(195px,1fr));gap:12px}
.dl-card{background:var(--s8);border:1px solid var(--s7);border-radius:3px;padding:20px;display:flex;flex-direction:column;gap:10px;transition:border-color 0.2s,transform 0.2s;cursor:pointer;text-decoration:none}
.dl-card:hover{border-color:var(--b5);transform:translateY(-2px)}
.dl-icon{width:38px;height:38px;border-radius:3px;display:flex;align-items:center;justify-content:center}
.dl-icon.blue{background:rgba(26,107,199,0.12)}
.dl-icon.blue svg{stroke:var(--b3)}
.dl-icon.amber{background:rgba(201,146,42,0.12)}
.dl-icon.amber svg{stroke:var(--gold2)}
.dl-icon.green{background:rgba(29,158,117,0.12)}
.dl-icon.green svg{stroke:var(--green2)}
.dl-icon svg{width:18px;height:18px;fill:none;stroke-width:1.5;stroke-linecap:round;stroke-linejoin:round}
.dl-title{font-family:'Barlow Condensed',sans-serif;font-size:15px;font-weight:700;color:#fff}
.dl-text{font-size:12px;color:var(--s4);line-height:1.4;flex:1}
.dl-action{font-size:11px;font-weight:600;letter-spacing:1px;text-transform:uppercase;color:var(--b4);display:flex;align-items:center;gap:4px}

/* CONTACT */
.contact-grid{display:grid;grid-template-columns:1fr 420px;gap:48px;align-items:start}
.ci-cards{display:flex;flex-direction:column;gap:10px;margin-bottom:20px}
.ci-card{background:var(--s8);border:1px solid var(--s7);border-radius:3px;padding:14px 16px}
.ci-label{font-size:10px;font-weight:600;letter-spacing:2px;text-transform:uppercase;color:var(--s4);margin-bottom:4px}
.ci-val{font-size:13px;color:var(--s1);line-height:1.7}
.ci-val a{color:var(--b3);text-decoration:none}
.ci-val a:hover{color:var(--b2)}
.wa-btn{display:flex;align-items:center;gap:12px;background:var(--green);border:none;border-radius:3px;padding:13px 18px;cursor:pointer;text-decoration:none;transition:background 0.2s;width:100%}
.wa-btn:hover{background:var(--green2)}
.wa-btn svg{width:22px;height:22px;fill:#fff;flex-shrink:0}
.wa-text{font-family:'Barlow Condensed',sans-serif;font-size:14px;font-weight:700;color:#fff;letter-spacing:1px}
.wa-sub{font-size:11px;color:rgba(255,255,255,0.7)}
.form-wrap{background:var(--s8);border:1px solid var(--s7);border-radius:3px;padding:26px}
.fw-title{font-family:'Barlow Condensed',sans-serif;font-size:22px;font-weight:700;color:#fff;margin-bottom:4px}
.fw-sub{font-size:13px;color:var(--s4);margin-bottom:20px}
.fg{margin-bottom:13px}
.fg label{display:block;font-size:10px;font-weight:600;letter-spacing:1.5px;text-transform:uppercase;color:var(--s4);margin-bottom:5px}
.fg input,.fg select,.fg textarea{width:100%;background:var(--s9);border:1px solid var(--s6);border-radius:2px;padding:9px 13px;color:var(--s1);font-family:'Barlow',sans-serif;font-size:13px;outline:none;transition:border-color 0.2s;-webkit-appearance:none}
.fg input:focus,.fg select:focus,.fg textarea:focus{border-color:var(--b4)}
.fg select option{background:var(--s8)}
.fg textarea{resize:vertical;min-height:80px}
.fg-row{display:grid;grid-template-columns:1fr 1fr;gap:10px}
.upload-zone{width:100%;background:var(--s9);border:1px dashed var(--s6);border-radius:2px;padding:14px;text-align:center;cursor:pointer;transition:border-color 0.2s}
.upload-zone:hover{border-color:var(--b5)}
.upload-zone svg{width:18px;height:18px;stroke:var(--s5);fill:none;stroke-width:1.5;margin-bottom:4px}
.upload-zone p{font-size:12px;color:var(--s5)}
.f-submit{width:100%;font-family:'Barlow Condensed',sans-serif;font-size:13px;font-weight:700;letter-spacing:2px;text-transform:uppercase;padding:12px;background:var(--b6);border:none;color:#fff;cursor:pointer;border-radius:2px;margin-top:6px;transition:background 0.2s}
.f-submit:hover{background:var(--b5)}
.f-success{display:none;background:rgba(29,158,117,0.1);border:1px solid rgba(93,202,165,0.25);border-radius:2px;padding:14px;text-align:center;margin-top:12px}
.f-success p{color:var(--green2);font-size:13px;line-height:1.6}
.f-success a{color:var(--green2)}

/* OFFICES */
.offices-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:12px;margin-top:36px}
.office-card{background:var(--s8);border:1px solid var(--s7);border-radius:3px;padding:20px}
.office-card.hq{border-color:var(--b5)}
.office-badge{font-size:10px;font-weight:600;letter-spacing:1.5px;text-transform:uppercase;margin-bottom:10px}
.hq .office-badge{color:var(--b3)}
.office-card:not(.hq) .office-badge{color:var(--s4)}
.office-city{font-family:'Barlow Condensed',sans-serif;font-size:24px;font-weight:700;color:#fff;margin-bottom:8px}
.office-detail{font-size:12px;color:var(--s3);line-height:1.8}
.office-detail a{color:var(--b3);text-decoration:none}

/* FOOTER */
footer{border-top:1px solid var(--s7);background:var(--s8)}
.footer-top{max-width:1100px;margin:0 auto;padding:40px 28px 32px;display:grid;grid-template-columns:1.5fr 1fr 1fr 1fr;gap:40px}
.ft-logo{font-family:'Barlow Condensed',sans-serif;font-size:20px;font-weight:800;color:#fff;margin-bottom:10px}
.ft-logo span{color:var(--b4)}
.ft-desc{font-size:13px;color:var(--s4);line-height:1.7;margin-bottom:14px}
.ft-col-title{font-size:11px;font-weight:600;letter-spacing:2px;text-transform:uppercase;color:var(--s4);margin-bottom:14px}
.ft-links{display:flex;flex-direction:column;gap:8px}
.ft-links a{font-size:13px;color:var(--s4);text-decoration:none;transition:color 0.2s}
.ft-links a:hover{color:var(--s1)}
.footer-bottom{border-top:1px solid var(--s7);padding:16px 28px;max-width:1100px;margin:0 auto;display:flex;justify-content:space-between;align-items:center;flex-wrap:wrap;gap:10px}
.fb-copy{font-size:12px;color:var(--s5)}

/* FLOATING WA */
.wa-float{position:fixed;bottom:24px;right:24px;z-index:200;width:50px;height:50px;background:var(--green);border-radius:50%;display:flex;align-items:center;justify-content:center;box-shadow:0 4px 20px rgba(29,158,117,0.4);text-decoration:none;transition:transform 0.2s}
.wa-float:hover{transform:scale(1.1)}
.wa-float svg{width:24px;height:24px;fill:#fff}


/* ══ PHOTO STYLES ══ */
.photo-bg{background-size:cover;background-position:center;background-repeat:no-repeat}
.hero-photo{width:100%;aspect-ratio:4/3;border-radius:4px;overflow:hidden;background-size:cover;background-position:center;border:1px solid var(--s6);position:relative;background-color:var(--s8)}
.hero-photo::after{content:'';position:absolute;inset:0;background:linear-gradient(135deg,rgba(15,22,35,0.15) 0%,transparent 60%);pointer-events:none}
.prod-photo{width:100%;height:180px;background-size:cover;background-position:center;background-color:var(--s7);border-radius:2px 2px 0 0}
.principal-photo{width:100%;height:130px;background-size:cover;background-position:center;background-color:var(--s7);border-radius:2px 2px 0 0}
.inside-photo{width:100%;height:150px;background-size:cover;background-position:center top;background-color:var(--s7);position:relative}
.inside-photo::after{content:'';position:absolute;inset:0;background:linear-gradient(to bottom,transparent 50%,rgba(26,35,51,0.7));pointer-events:none}
.team-photo{width:100%;height:240px;background-size:cover;background-position:center top;background-color:var(--s7);border-radius:3px;border:1px solid var(--s7)}
.cat-photo{width:100%;height:110px;background-size:cover;background-position:center;background-color:var(--s7);border-radius:2px;margin-bottom:14px;overflow:hidden}
/* ══════════════════════════════════════════
   WHATSAPP CHAT WIDGET
══════════════════════════════════════════ */
.wa-widget{position:fixed;bottom:24px;right:24px;z-index:300;display:flex;flex-direction:column;align-items:flex-end;gap:12px}
.wa-widget-bubble{background:#fff;border-radius:12px 12px 0 12px;padding:16px 18px;box-shadow:0 8px 32px rgba(0,0,0,0.25);width:280px;display:none;animation:fadeUp 0.3s ease}
.wa-widget-bubble.open{display:block}
@keyframes fadeUp{from{opacity:0;transform:translateY(12px)}to{opacity:1;transform:translateY(0)}}
.wab-header{display:flex;align-items:center;gap:10px;margin-bottom:12px}
.wab-avatar{width:40px;height:40px;background:var(--green);border-radius:50%;display:flex;align-items:center;justify-content:center;flex-shrink:0}
.wab-avatar svg{width:22px;height:22px;fill:#fff}
.wab-name{font-family:'Barlow Condensed',sans-serif;font-size:15px;font-weight:700;color:#1a2333}
.wab-status{font-size:11px;color:#1d9e75;display:flex;align-items:center;gap:4px}
.wab-status::before{content:'';width:6px;height:6px;border-radius:50%;background:#1d9e75;display:inline-block}
.wab-msg{background:#f0f4f8;border-radius:0 10px 10px 10px;padding:10px 13px;font-size:13px;color:#243044;line-height:1.5;margin-bottom:12px}
.wab-input{display:flex;gap:8px}
.wab-input input{flex:1;background:#f4f6f9;border:1px solid #c2cfdc;border-radius:4px;padding:8px 12px;font-size:13px;color:#1a2333;outline:none;font-family:'Barlow',sans-serif}
.wab-input input:focus{border-color:#3d8de0}
.wab-send{width:36px;height:36px;background:var(--green);border:none;border-radius:4px;cursor:pointer;display:flex;align-items:center;justify-content:center;flex-shrink:0;transition:background 0.2s}
.wab-send:hover{background:#27ae60}
.wab-send svg{width:16px;height:16px;stroke:#fff;fill:none;stroke-width:2;stroke-linecap:round;stroke-linejoin:round}
.wab-btn{width:52px;height:52px;background:var(--green);border-radius:50%;display:flex;align-items:center;justify-content:center;box-shadow:0 4px 20px rgba(29,158,117,0.4);cursor:pointer;border:none;transition:transform 0.2s,background 0.2s;position:relative}
.wab-btn:hover{transform:scale(1.08);background:#27ae60}
.wab-btn svg{width:26px;height:26px;fill:#fff}
.wab-badge{position:absolute;top:-3px;right:-3px;width:16px;height:16px;background:var(--acc);border-radius:50%;border:2px solid var(--s9);display:flex;align-items:center;justify-content:center;font-size:9px;font-weight:700;color:#fff}

/* ══════════════════════════════════════════
   COOKIE BANNER
══════════════════════════════════════════ */
.cookie-banner{position:fixed;bottom:0;left:0;right:0;z-index:400;background:var(--s8);border-top:1px solid var(--s7);padding:16px 28px;display:flex;align-items:center;justify-content:space-between;gap:20px;flex-wrap:wrap;transform:translateY(0);transition:transform 0.4s ease;box-shadow:0 -4px 24px rgba(0,0,0,0.3)}
.cookie-banner.hidden{transform:translateY(110%)}
.cookie-text{font-size:13px;color:var(--s3);line-height:1.6;flex:1;min-width:240px}
.cookie-text a{color:var(--b3);text-decoration:none}
.cookie-text a:hover{color:var(--b2)}
.cookie-actions{display:flex;gap:10px;flex-shrink:0}
.cookie-accept{font-family:'Barlow Condensed',sans-serif;font-size:12px;font-weight:700;letter-spacing:1.5px;text-transform:uppercase;padding:9px 22px;background:var(--b6);border:none;color:#fff;cursor:pointer;border-radius:2px;transition:background 0.2s}
.cookie-accept:hover{background:var(--b5)}
.cookie-decline{font-family:'Barlow Condensed',sans-serif;font-size:12px;font-weight:700;letter-spacing:1.5px;text-transform:uppercase;padding:9px 18px;background:none;border:1px solid var(--s6);color:var(--s4);cursor:pointer;border-radius:2px;transition:all 0.2s}
.cookie-decline:hover{border-color:var(--s4);color:var(--s2)}

/* ══════════════════════════════════════════
   GOOGLE MAPS EMBED
══════════════════════════════════════════ */
.maps-embed{width:100%;height:320px;border-radius:3px;overflow:hidden;border:1px solid var(--s7);margin-top:16px}
.maps-embed iframe{width:100%;height:100%;border:none;filter:grayscale(30%) invert(0)}

/* ══════════════════════════════════════════
   PRINT / DATA SHEET STYLES
══════════════════════════════════════════ */
.print-btn{font-family:'Barlow Condensed',sans-serif;font-size:11px;font-weight:700;letter-spacing:1.5px;text-transform:uppercase;padding:8px 18px;background:none;border:1px solid var(--s6);color:var(--s4);cursor:pointer;border-radius:2px;display:inline-flex;align-items:center;gap:7px;transition:all 0.2s;text-decoration:none}
.print-btn:hover{border-color:var(--b4);color:var(--b3)}
.print-btn svg{width:13px;height:13px;stroke:currentColor;fill:none;stroke-width:1.5;stroke-linecap:round;stroke-linejoin:round}

@media print {
  nav,footer,.wa-widget,.cookie-banner,.hero-btns,.ind-grid,.inside-grid,.cases-grid,.dl-grid,.cat-tabs,.alloy-filter,.print-btn,.btn-primary,.btn-outline,.btn-accent,#home,#principals,#industries,#why,#inside,#cases,#downloads,#contact{display:none!important}
  body{background:#fff!important;color:#000!important;font-size:11pt}
  .page{max-width:100%!important;padding:0!important}
  #products{padding:0!important;border:none!important;display:block!important}
  .sec-title{color:#000!important;font-size:22pt}
  .eyebrow{color:#1252a3!important}
  .sec-sub{color:#333!important}
  .grade-divider{border-bottom:1px solid #ccc!important;margin:16pt 0 8pt!important}
  .gd-label{color:#555!important;font-size:9pt!important}
  .prod-grid{display:grid!important;grid-template-columns:repeat(2,1fr)!important;gap:8pt!important}
  .pcard{background:#f9f9f9!important;border:1px solid #ddd!important;page-break-inside:avoid;transform:none!important}
  .pbar{background:#1252a3!important}
  .pname{color:#000!important;font-size:14pt}
  .pname small,.pprop,.papps-list,.apps-lbl,.papps-lbl{color:#333!important}
  .pbadge{border:1px solid #ccc!important;color:#333!important;background:#eee!important}
  .r-aws{color:#8a6000!important}
  .r-trade{color:#8a6000!important;background:#fff8e6!important;border-color:#e8b84d!important}
  .r-form{color:#1252a3!important;background:#f0f4ff!important;border-color:#b8d5f8!important}
  .p-tl{color:#666!important}
  .p-tb{background:#ddd!important}
  .p-tf{background:#1a6bc7!important}
  .p-tv{color:#8a6000!important}
  .qr-wrap{display:block!important}
  table.qr{border:1px solid #ccc!important}
  table.qr th{background:#e8edf3!important;color:#333!important}
  table.qr td{color:#333!important}
  .td-g{color:#000!important}
  .td-s{color:#8a6000!important}
  .td-co{color:#1252a3!important}
  .td-ni{color:#333!important}
  .tm-footnotes,.tm-fn{display:block!important;background:#fff!important;border-color:#ddd!important;color:#555!important;font-size:8pt!important}
  .tm-fn strong{color:#333!important}
  .qr-wrap{page-break-before:always}
  @page{margin:1.5cm;size:A4 portrait}
}

/* ══════════════════════════════════════════
   MOBILE-FIRST RESPONSIVE
══════════════════════════════════════════ */
/* Mobile hamburger */
.nav-hamburger{display:none;flex-direction:column;gap:5px;cursor:pointer;padding:6px;background:none;border:none}
.nav-hamburger span{display:block;width:22px;height:2px;background:var(--s3);border-radius:1px;transition:all 0.3s}
.nav-hamburger.open span:nth-child(1){transform:rotate(45deg) translate(5px,5px)}
.nav-hamburger.open span:nth-child(2){opacity:0}
.nav-hamburger.open span:nth-child(3){transform:rotate(-45deg) translate(5px,-5px)}
.mobile-menu{display:none;position:fixed;top:60px;left:0;right:0;bottom:0;background:rgba(15,22,35,0.98);z-index:99;flex-direction:column;align-items:center;justify-content:center;gap:8px}
.mobile-menu.open{display:flex}
.mobile-menu a{font-family:'Barlow Condensed',sans-serif;font-size:28px;font-weight:700;letter-spacing:2px;text-transform:uppercase;color:var(--s3);text-decoration:none;padding:12px 0;transition:color 0.2s}
.mobile-menu a:hover{color:#fff}
.mobile-menu .mm-cta{margin-top:16px;background:var(--acc);color:#fff;padding:14px 36px;border-radius:2px;font-size:16px}

@media(max-width:1024px){
  .hero{gap:36px}
  .hero-title{font-size:48px}
  .ind-grid{grid-template-columns:repeat(4,1fr)}
  .footer-top{grid-template-columns:1fr 1fr;gap:28px}
}

@media(max-width:900px){
  .hero{grid-template-columns:1fr;min-height:auto;padding:48px 0}
  .hero-right{display:none}
  .hero-title{font-size:44px}
  .hero-sub{font-size:14px}
  .contact-grid{grid-template-columns:1fr}
  .why-grid{grid-template-columns:1fr}
  .ind-grid{grid-template-columns:repeat(2,1fr)}
  .cases-grid,.inside-grid{grid-template-columns:1fr}
  .offices-grid{grid-template-columns:1fr}
  .footer-top{grid-template-columns:1fr 1fr}
  .nav-links{display:none}
  .nav-hamburger{display:flex}
  .nav-actions .btn-accent{display:none}
  .prod-grid{grid-template-columns:1fr}
  .principals-grid{grid-template-columns:repeat(2,1fr)}
  .bb-grid{grid-template-columns:1fr}
  .bb-le{grid-column:span 1}
  .cat-tabs{gap:8px}
  .cat-tab{padding:7px 12px;font-size:11px}
}

@media(max-width:600px){
  .page{padding:0 16px}
  .hero-title{font-size:36px}
  .sec-title{font-size:30px}
  .sec{padding:52px 0}
  .hero-stats{grid-template-columns:repeat(3,1fr)}
  .hstat-val{font-size:26px}
  .ind-grid{grid-template-columns:repeat(2,1fr)}
  .principals-grid{grid-template-columns:1fr}
  .cases-grid{grid-template-columns:1fr}
  .inside-grid{grid-template-columns:1fr}
  .footer-top{grid-template-columns:1fr}
  .form-wrap{padding:18px}
  .fg-row{grid-template-columns:1fr}
  .qr-wrap{overflow-x:auto}
  table.qr{min-width:680px}
  .wa-widget{bottom:16px;right:16px}
  .wa-widget-bubble{width:calc(100vw - 40px)}
  .cookie-banner{padding:14px 16px}
  .nav-inner{padding:0 16px}
  .cat-tabs{overflow-x:auto;flex-wrap:nowrap;padding-bottom:4px}
  .tm-notice{gap:6px}
  .tm-pill{font-size:10px}
}