/* Essar's navy, cobalt and copper palette: colour with clear reading surfaces. */
:root{--blue:#155ac4;--navy:#102d50;--paper:#eaf1f8;--line:#cfdeec;--muted:#536b80;--copper:#f0b675}
body{background:#f8fafd}
.topbar{background:#081d35;color:#dbe9f7}
.header{border-bottom:3px solid #155ac4;background:#fff}
.brand strong{color:#123e74}
.refined-hero{background:radial-gradient(ellipse at 12% 2%,#214e7c 0,transparent 60%),linear-gradient(120deg,#0d2341,#123d6b);color:#fff;border-bottom:0}
.refined-hero .hero-grid{gap:55px}
.refined-hero .hero-copy h1{color:#fff}
.refined-hero .hero-copy h1 em{color:#a8d7ff}
.refined-hero .eyebrow{color:#d5e6f6}
.refined-hero .eyebrow:before{background:var(--copper)}
.refined-hero .hero-copy p{color:#d0dfef}
.refined-hero .hero-copy .textlink{color:#fff;border-color:#91b8dd}
.refined-hero .hero-copy .btn{background:#f0b675;color:#132d47!important;box-shadow:0 8px 24px #06172d25}
.refined-hero .hero-copy .btn:hover{background:#ffd09e}
.hero-footnote{color:#b4cbe1}
.hero-footnote .line{border-color:#d99c5c}
.hero-product{align-self:center;margin:36px 0;padding:30px;border:1px solid #c2dbed;background:linear-gradient(145deg,#f4f9fc,#c9dff0);border-radius:14px;box-shadow:0 28px 70px #04142635;color:#14324f;overflow:hidden}
.hero-product>img{width:112%;margin:30px -6% 28px;max-width:none}
.hero-series{color:#496982}
.hero-product-info{border-color:#a8c3d9}
.hero-product-info span{color:#4c6981}
.hero-product-info a{border-color:#7a9bb7;background:#fff9;color:#154c7e}
.hero-product-info a:hover{background:#155ac4;color:white}
.hero-product>p,.hero-product>small{color:#4f6a80}
.drawing-grid{background-image:linear-gradient(#5e8fb21c 1px,transparent 1px),linear-gradient(90deg,#5e8fb21c 1px,transparent 1px)}
.statbar{background:#dfeafa;border-bottom:1px solid #bbd0e8;border-top:4px solid #f0b675}
.stat{border-color:#bbd0e8}
.stat strong{color:#124783}
.stat span{color:#405e7b}
.section.soft{background:#eaf1f8}
.section.soft+.section.soft{background:#dae8f5}
.section.dark{background:linear-gradient(115deg,#0d2a4c,#164c7c)}
.dark .eyebrow{color:#b2d9fa}
.range-image,.box-display{background:linear-gradient(140deg,#143759,#1b537e);border:1px solid #3e7095;border-radius:8px}
.feature{background:#edf3fa;border-color:#ccdded}
.feature .picture{background:#dce9f5}
.feature.feature-box{background:#123c69!important}
.feature-box .picture{background:#d4e4f2}
.feature-box .picture img{mix-blend-mode:multiply}
.feature-box .tag{color:#f5c68f}
.feature.feature-box p{opacity:1;color:#cbddee}
.process{background:#fff;border-radius:7px;overflow:hidden;border-color:#c4d6e7}
.process article{border-color:#c4d6e7;border-top:4px solid #1d65bb}
.process article:nth-child(2){border-top-color:#3286ad;background:#eef5fa}
.process article:nth-child(3){border-top-color:#d99b59}
.process article:nth-child(4){border-top-color:#16436c;background:#eef5fa}
.step{color:#28659d}
.process-tags span{background:#dfebf7;border-color:#b9cfe2;color:#244e75}
.sectorlinks a{border-color:#b7ccdf;color:#153f68}
.sectorlinks a:hover{background:#d1e2f2;color:#073975}
.clientnames{background:#f7faff;border-color:#b9cde1}
.clientnames span{color:#345a7e;border-color:#b9cde1}
.cta{background:linear-gradient(115deg,#164e85,#0b2d51);border:0;border-top:4px solid #f0b675;color:#fff;box-shadow:0 16px 35px #153b6314}
.cta .eyebrow{color:#f5c68f}
.cta p{color:#d4e4f3}
.cta>.btn{background:#f0b675;color:#132d47!important}
.page-hero{background:linear-gradient(110deg,#0f2b4e,#20598b);color:#fff;border-bottom:4px solid #dfab73}
.page-hero .crumb,.page-hero p{color:#d2e2f1}
.page-hero .eyebrow{color:#f2c18a}
.page-hero .crumb a:hover{color:#fff}
.family-image{background:#edf4fa}
.family-copy{border-top:3px solid #3b78b3}
.family-card:nth-child(3n+2) .family-copy{border-top-color:#c88b49}
.product-spotlight>div:last-child{background:#dceaf6;border:1px solid #bfd4e6}
.cap{background:#f6faff;border:1px solid #cfdeed;border-top:3px solid #2163a2;border-radius:5px;padding:25px}
.cap:nth-child(3n+2){border-top-color:#ca9053}
.product,.resource{border-color:#c8d9e9;border-radius:7px}
.resource{background:#edf4fa;border-left:4px solid #2b6ca8}
.formbox{border-top:4px solid #2468ad;background:#f2f7fc}
.sizebtn[aria-pressed=true]{background:#155ac4;border-color:#155ac4}
.pill{background:#dfeaf6;color:#315d85}
.footer{background:linear-gradient(120deg,#071b31,#103756);border-top:4px solid #c38b51}
/* Fine graphic details and clearer contrast across the complete site. */
.header{box-shadow:0 4px 22px #0d2a4c0b}
.nav nav a{position:relative;padding:8px 0}
.nav nav a:after{content:'';position:absolute;left:0;right:0;bottom:0;height:2px;background:#c88b49;transform:scaleX(0);transform-origin:left;transition:transform .2s}
.nav nav a:hover:after,.nav nav a.active:after{transform:scaleX(1)}
.btn{min-height:44px;box-shadow:0 4px 12px #0b2b4b0c}
.btn.outline:hover{background:#e6eff8;border-color:#739abd}
.btn.light:hover{background:#dcecff}
.refined-hero{position:relative}
.hero-product{border-top:3px solid #e9b679;box-shadow:0 24px 65px #03152e45,inset 0 1px 0 #ffffffb3}
.hero-product-info a{transition:background .2s,transform .2s}
.hero-product-info a:hover{transform:translate(2px,-2px)}
.hero-product>small{letter-spacing:.05em}
.stat{position:relative}
.stat:before{content:'';position:absolute;top:22px;left:24px;width:18px;height:2px;background:#b87837}
.stat:first-child:before{left:0}
.stat strong{display:block;padding-top:6px}
.cap-icon{display:grid;place-items:center;width:49px;height:49px;margin-bottom:23px;border-radius:12px;color:#205c96;background:linear-gradient(140deg,#dfecf8,#f7fbff);border:1px solid #bfd3e7;box-shadow:inset 0 1px 0 #fff}
.cap-icon svg{width:29px;height:29px;fill:none;stroke:currentColor;stroke-width:1.5;stroke-linecap:round;stroke-linejoin:round}
.cap:nth-child(3n+2) .cap-icon{color:#90612c;background:#faf0e4;border-color:#e5cdb0}
.cap{box-shadow:0 5px 18px #153b6305}
.cap .number{font-family:Manrope,sans-serif;font-weight:600;font-size:35px;letter-spacing:-.05em}
.feature,.family-card,.product{box-shadow:0 5px 18px #173f6908;transition:transform .2s,box-shadow .2s,border-color .2s}
.feature:hover,.family-card:hover,.product:hover{border-color:#88aaca;box-shadow:0 12px 30px #173f6916;transform:translateY(-3px)}
.feature .picture,.family-image{background-image:radial-gradient(ellipse at 50% 72%,#d7e5f2,transparent 70%)}
.feature .picture img,.family-image img{filter:drop-shadow(0 9px 9px #183f6614)}
.page-hero{position:relative;isolation:isolate;overflow:hidden;background:radial-gradient(ellipse at 10% 0,#244d74,transparent 65%),linear-gradient(110deg,#102843,#154d7b)}
.page-hero:after{content:'';position:absolute;z-index:-1;inset:0 0 0 35%;background:url('/assets/engineering-lines.svg') right center / auto 130% no-repeat;opacity:.16;pointer-events:none}
.page-hero .eyebrow{display:flex;align-items:center;gap:11px}
.page-hero .eyebrow:before{content:'';width:22px;height:2px;background:#f0b675;flex-shrink:0}
.page-hero .crumb{font-size:11px;letter-spacing:.015em}
.page-hero p{max-width:680px;line-height:1.8}
.page-hero+.section{background:#fff}
.section.soft{background:linear-gradient(145deg,#e5eef8,#eff5fa)}
.section.soft+.section.soft{background:#dce8f3}
.section-head p{line-height:1.8}
.box-display{border-top:3px solid #e9b679;box-shadow:0 15px 40px #0f335724;padding-bottom:26px}
.box-display img{filter:drop-shadow(0 18px 12px #06182b40)}
.box-display small{display:block;color:#cfdfed;line-height:1.6}
.sizes{gap:9px}
.sizebtn{border-radius:5px;min-height:44px;transition:background .18s,border-color .18s,box-shadow .18s}
.sizebtn:hover{border-color:#477eae;background:#eaf2fa}
.sizebtn[aria-pressed=true]{box-shadow:0 4px 12px #155ac42b;background:#154f91;color:white}
.sizebtn[aria-pressed=true]:after{content:'✓';margin-left:8px;font-size:10px}
.range-table{background:#fff;border:1px solid #cbdaea;border-radius:6px;overflow:hidden}
.range-table tbody tr:hover{background:#dcebf9}
.spec-table th{color:#435f78}
.spec-table td{font-weight:500}
.notice{border-left-color:#b47b3c;background:#f4f0e9;color:#58636c;padding:18px 21px}
.notice strong{color:#153b5e}
.formbox{box-shadow:0 12px 38px #163d6710}
input:focus,select:focus,textarea:focus{background:white;border-color:#3279b7;outline:2px solid #c0dcf1;outline-offset:2px}
.contact-card{padding:27px 22px;margin-bottom:14px;border:1px solid #d3e0ed;border-left:3px solid #3c7aac;background:#f3f7fb;border-radius:5px}
.contact-card:nth-of-type(2){border-left-color:#bf8c51}
.cta{position:relative;isolation:isolate;overflow:hidden;border-radius:10px}
.cta:after{content:'';position:absolute;z-index:-1;inset:0;background:url('/assets/engineering-lines.svg') 82% center / auto 180% no-repeat;opacity:.12;pointer-events:none}
.cta>.btn{flex-shrink:0}
.faq{background:#f8fbfe;border:1px solid #d5e2ee;border-radius:6px;margin:12px 0;padding:22px}
.faq[open]{border-color:#8cabc8;background:#edf4fa}
.faq summary{line-height:1.55;color:#1a4167}
.filterbar{background:#e6eff8;border:1px solid #c5d8e9;padding:17px;border-radius:7px}
.product .pcopy{border-top:2px solid #d5e4f2}
.product .tools .btn{min-height:42px}
.sectorlinks a{padding:18px 12px;border-radius:4px;transition:background .2s}
.sectorlinks a span{color:#526e87}
.clientnames{border-radius:6px;overflow:hidden}
.clientnames span{background:linear-gradient(135deg,#fff,#edf4fa)}
.floating-rfq{border:1px solid #5b8dc5;box-shadow:0 7px 24px #071f3b30}
.floating-rfq #shortcount{background:#ffffff24;border:1px solid #ffffff32;border-radius:20px;min-width:24px;min-height:24px;display:inline-grid;place-items:center}
.close,.menu{width:44px;height:44px;border-radius:5px;display:inline-grid;place-items:center;padding:0}
.menu{display:none}
@media(max-width:800px){.menu{display:inline-grid}.nav nav{top:76px;border-bottom:3px solid #d9a66a;background:#f5f9fd;box-shadow:0 15px 28px #102b4b25;padding:20px 5%;gap:6px}.nav nav a{padding:12px 0;border-bottom:1px solid #d4e1ed}.page-hero:after{left:15%;opacity:.09}.stat:before,.stat:first-child:before{left:20px}.hero-product{max-width:500px}.contact-card{padding:24px}.cta{border-radius:7px}.filterbar{padding:14px}}
@media(max-width:480px){.hero-footnote{margin-top:22px}.hero-product{margin-top:15px}.refined-hero .hero-copy h1{font-size:41px}.hero-product-info strong{font-size:18px}.cap-icon{width:44px;height:44px;border-radius:10px;margin-bottom:20px}.cap-icon svg{width:27px;height:27px}.cap .number{font-size:30px}.faq{padding:18px}.notice{padding:16px}.floating-rfq{right:12px;bottom:12px;gap:11px}.filterbar{padding:12px}.page-hero h1{overflow-wrap:anywhere}}
@media(prefers-reduced-motion:reduce){.nav nav a:after,.feature,.family-card,.product,.hero-product-info a,.sizebtn,.sectorlinks a{transition:none;transform:none}}
@media(max-width:800px){.refined-hero .hero-grid{gap:0}.hero-product{margin:20px 0 30px;padding:25px;max-width:520px}.refined-hero .hero-copy{padding-bottom:5px}.hero-product>img{width:100%;max-width:100%;margin:18px 0}.hero-product-info{padding-top:16px}.cta>.btn{margin-top:25px}.cap{padding:22px}}
@media(max-width:480px){.hero-product{padding:20px}.hero-product>img{margin:10px 0 18px}.hero-product>p{margin-top:12px}.hero-product-info span{font-size:8px}.hero-product>small{font-size:9px}.cap{padding:20px}}
/* Visible desktop hover feedback; touch devices retain the calm static layout. */
@media(hover:hover) and (pointer:fine){
.hero-product{transition:border-color .25s,box-shadow .25s,background .25s}
.hero-product>img{transition:transform .35s cubic-bezier(.2,.7,.2,1),filter .35s;transform:translate(var(--pointer-x,0px),var(--pointer-y,0px)) rotate(-7deg) scale(1)}
.hero-product:hover{border-color:#f0b675;background:linear-gradient(145deg,#fff,#c0dcf1);box-shadow:0 28px 75px #03152e60,0 0 0 4px #f0b67524}
.hero-product:hover>img{transform:translate(var(--pointer-x,0px),var(--pointer-y,0px)) rotate(-3deg) scale(1.075);filter:drop-shadow(10px 26px 13px #163c5c55)}
.hero-product:hover .drawing-grid{opacity:1;background-size:34px 34px}
.hero-product .drawing-grid{transition:opacity .3s,background-size .45s;opacity:.65}
.hero-product:hover .hero-product-info a{background:#155ac4;color:white;transform:translate(3px,-3px);border-color:#155ac4}
.feature:hover,.family-card:hover,.product:hover{transform:translateY(-7px);box-shadow:0 19px 42px #173f6926;border-color:#538ab9}
.family-card:hover .family-image img,.product:hover>img{transform:scale(1.055)}
.family-image img,.product>img{transition:transform .4s cubic-bezier(.2,.7,.2,1)}
.family-image{overflow:hidden}
.cap{transition:transform .25s,box-shadow .25s,border-color .25s,background .25s}
.cap:hover{background:#fff;border-color:#6a98bd;transform:translateY(-5px);box-shadow:0 15px 32px #123d651c}
.cap-icon{transition:background .25s,color .25s,transform .25s,box-shadow .25s}
.cap:hover .cap-icon{color:#fff;background:#205c96;border-color:#205c96;transform:translateY(-3px);box-shadow:0 8px 18px #1b528d30}
.cap:nth-child(3n+2):hover .cap-icon{background:#9b692f;border-color:#9b692f}
.btn:hover{transform:translateY(-3px);box-shadow:0 8px 20px #14395b32}
.btn span[aria-hidden]{transition:transform .2s}
.btn:hover span[aria-hidden]{transform:translate(3px,-2px)}
.textlink{transition:color .2s,border-color .2s,background .2s}
.textlink:hover{color:#0b64b8;border-color:#cf9652;background:#cf965214}
.refined-hero .hero-copy .textlink:hover{color:#f6c58c;background:transparent;border-color:#f6c58c}
.sectorlinks a:hover{background:#124a80;color:#fff;box-shadow:inset 3px 0 #efb575}
.sectorlinks a:hover span{color:#d0e5f7}
.page-hero:after{transition:opacity .45s,transform .65s}
.page-hero:hover:after{opacity:.29;transform:translateX(-12px)}
}
@media(prefers-reduced-motion:reduce){.hero-product,.hero-product>img,.hero-product .drawing-grid,.cap,.cap-icon,.family-image img,.product>img,.page-hero:after,.btn,.btn span[aria-hidden]{transition:none!important;transform:none!important}.hero-product:hover>img{transform:rotate(-7deg)!important}}