:root {
  --navy:#06366f;
  --blue:#0d5daa;
  --sky:#edf5fc;
  --ink:#10243e;
  --text:#53657b;
  --line:#dfe7ef;
  --white:#fff;
  --shadow:0 18px 45px rgba(16,36,62,.10);
}
*{box-sizing:border-box}
html{scroll-behavior:smooth}
body{margin:0;font-family:Inter,Arial,sans-serif;color:var(--ink);background:#fff}
a{text-decoration:none;color:inherit}
img{max-width:100%;display:block}
.container{width:min(1180px,calc(100% - 40px));margin:0 auto}
.topbar{background:linear-gradient(90deg,#0a4382,#0d63b2);color:white;font-size:13px}
.topbar-inner{min-height:38px;display:flex;align-items:center;justify-content:space-between;gap:20px}
.contact-links{display:flex;gap:24px;flex-wrap:wrap}.contact-links a:hover{text-decoration:underline}
.site-header{position:sticky;top:0;z-index:30;background:rgba(255,255,255,.97);backdrop-filter:blur(12px);box-shadow:0 1px 0 rgba(20,50,80,.08)}
.header-main{height:112px;display:flex;align-items:center;justify-content:space-between}.brand img{width:470px;max-height:90px;object-fit:contain;object-position:left center}
.quote-button{border:1px solid var(--blue);padding:14px 21px;border-radius:8px;color:var(--blue);font-weight:700}.quote-button:hover{background:var(--blue);color:#fff}
.nav{border-top:1px solid #edf0f3}.nav-inner{height:54px;display:flex;align-items:center;gap:38px}.nav a{font-size:14px;font-weight:700;color:#29445f}.nav a:hover{color:var(--blue)}
.menu-toggle{display:none;border:0;background:none;font-size:28px;color:var(--navy)}
.hero{background:linear-gradient(120deg,#f8fbff 0,#fff 60%);padding:62px 0 68px;overflow:hidden}.hero-grid{display:grid;grid-template-columns:1fr 1.08fr;align-items:center;gap:54px}
.eyebrow{text-transform:uppercase;letter-spacing:.14em;color:var(--blue);font-size:12px;font-weight:800}.eyebrow.light{color:#b8dcff}
.hero h1,.section h2,.about h2,.quote-section h2{font-size:clamp(38px,4.6vw,66px);line-height:1.04;letter-spacing:-.045em;margin:16px 0 20px}.hero p{font-size:18px;line-height:1.7;color:var(--text);max-width:600px}
.hero-actions{display:flex;gap:12px;margin-top:30px}.btn{display:inline-flex;align-items:center;justify-content:center;padding:15px 24px;border-radius:8px;font-weight:800;font-size:14px;border:1px solid transparent;cursor:pointer}.primary{background:var(--navy);color:#fff}.primary:hover{background:#0b4c92}.secondary{border-color:#bfcbd8;color:var(--navy);background:#fff}.secondary:hover{border-color:var(--navy)}.white{background:#fff;color:var(--navy)}.full{width:100%}
.hero-visual{position:relative}.hero-visual img{border-radius:18px;box-shadow:var(--shadow);width:100%;height:410px;object-fit:cover}.hero-badge{position:absolute;left:-28px;bottom:28px;background:#fff;border-radius:14px;box-shadow:var(--shadow);padding:18px 24px;display:flex;flex-direction:column}.hero-badge strong{font-size:27px;color:var(--blue)}.hero-badge span{font-size:13px;color:var(--text)}
.trust-strip{border-top:1px solid var(--line);border-bottom:1px solid var(--line);background:#fff}.trust-grid{display:grid;grid-template-columns:repeat(4,1fr)}.trust-grid>div{padding:24px 20px;border-right:1px solid var(--line)}.trust-grid>div:last-child{border-right:0}.trust-grid strong,.trust-grid span{display:block}.trust-grid strong{font-size:15px}.trust-grid span{font-size:12px;color:var(--text);margin-top:6px}
.section{padding:92px 0}.section-heading{display:flex;justify-content:space-between;align-items:end;gap:40px;margin-bottom:34px}.section-heading h2{font-size:42px;margin:10px 0 0}.section-heading p{max-width:480px;color:var(--text);line-height:1.65;margin:0}.centered{text-align:center;display:block}.centered p{margin:15px auto 0}.centered h2{max-width:760px;margin:10px auto 0}
.category-tabs{display:flex;gap:10px;margin:24px 0 30px;flex-wrap:wrap}.tab{border:1px solid var(--line);background:#fff;border-radius:999px;padding:10px 18px;font-weight:700;color:#52677e;cursor:pointer}.tab.active,.tab:hover{background:var(--navy);color:#fff;border-color:var(--navy)}
.product-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:18px}.product-card{border:1px solid var(--line);border-radius:14px;overflow:hidden;background:#fff;transition:.25s;display:flex;flex-direction:column}.product-card:hover{transform:translateY(-4px);box-shadow:0 15px 34px rgba(16,36,62,.09)}.product-card img{width:100%;height:210px;object-fit:contain;background:#f7f9fb;padding:14px}.product-card>div{padding:19px}.product-card span{text-transform:uppercase;letter-spacing:.12em;color:var(--blue);font-size:10px;font-weight:800}.product-card h3{margin:8px 0 8px;font-size:18px}.product-card p{color:var(--text);font-size:13px;line-height:1.55;min-height:40px}.product-card a{display:inline-block;margin-top:7px;color:var(--blue);font-weight:800;font-size:13px}
.about{background:var(--navy);color:#fff}.about-grid{display:grid;grid-template-columns:1.1fr 1fr;gap:70px;align-items:center}.about-panel h2{font-size:48px}.about-panel p{color:#cfe0f1;font-size:17px;line-height:1.75;max-width:620px}.about-panel .btn{margin-top:18px}.about-cards{display:grid;gap:12px}.mini-card{background:rgba(255,255,255,.08);border:1px solid rgba(255,255,255,.13);padding:24px;border-radius:14px}.mini-card span{font-size:12px;color:#9dcfff;font-weight:800}.mini-card h3{margin:8px 0}.mini-card p{margin:0;color:#c8d9ea;line-height:1.55;font-size:14px}
.sectors{background:#f8fbfe}.sector-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:18px;margin-top:38px}.sector-card{background:#fff;border:1px solid var(--line);border-radius:15px;padding:28px}.sector-card>span{display:flex;width:48px;height:48px;border-radius:50%;background:var(--sky);align-items:center;justify-content:center;color:var(--blue);font-weight:800}.sector-card h3{margin:18px 0 8px}.sector-card p{color:var(--text);font-size:14px;line-height:1.6}
.quote-section{background:linear-gradient(135deg,#073974,#0c5cad);color:#fff}.quote-grid{display:grid;grid-template-columns:1fr .9fr;gap:70px;align-items:start}.quote-copy h2{font-size:50px}.quote-copy>p{color:#d8e8f8;line-height:1.7;font-size:17px}.contact-box{display:grid;gap:10px;margin-top:30px}.contact-box a{background:rgba(255,255,255,.08);border:1px solid rgba(255,255,255,.12);padding:15px 17px;border-radius:10px;display:flex;justify-content:space-between;gap:20px}.contact-box span{color:#cfe3f7}.quote-form{background:#fff;color:var(--ink);padding:28px;border-radius:16px;box-shadow:var(--shadow)}.quote-form label{display:block;font-size:12px;font-weight:800;margin-bottom:14px}.quote-form input,.quote-form textarea{width:100%;margin-top:7px;border:1px solid #d6e0ea;border-radius:8px;padding:13px;font:inherit;outline:none}.quote-form input:focus,.quote-form textarea:focus{border-color:var(--blue);box-shadow:0 0 0 3px rgba(13,93,170,.1)}.quote-form small{display:block;color:#7b8a99;margin-top:12px;line-height:1.45}
footer{background:#071f3a;color:#d8e4ef;padding:54px 0 20px}.footer-grid{display:grid;grid-template-columns:1.5fr 1fr 1.2fr .8fr;gap:30px}.footer-brand img{width:300px;height:auto;display:block;object-fit:contain;opacity:.98}.footer-brand p,.footer-grid p{color:#aebed0;line-height:1.65;font-size:13px}.footer-grid h4{color:#fff;margin:0 0 12px}.copyright{border-top:1px solid rgba(255,255,255,.1);padding-top:18px;margin-top:34px;display:flex;justify-content:space-between;color:#7f96ab;font-size:12px}
@media(max-width:1000px){.product-grid,.sector-grid{grid-template-columns:repeat(2,1fr)}.hero-grid,.about-grid,.quote-grid{grid-template-columns:1fr}.hero-visual{max-width:760px}.hero-badge{left:20px}.trust-grid{grid-template-columns:repeat(2,1fr)}.footer-grid{grid-template-columns:repeat(2,1fr)}.section-heading{display:block}.section-heading p{margin-top:16px}.header-main{height:94px}.brand img{width:390px}}
@media(max-width:760px){.container{width:min(100% - 28px,1180px)}.topbar-inner{padding:8px 0;align-items:flex-start}.topbar-inner>span{display:none}.contact-links{gap:7px 14px}.desktop{display:none}.menu-toggle{display:block}.header-main{height:82px}.brand img{width:275px}.nav{display:none}.nav.open{display:block}.nav-inner{height:auto;display:grid;gap:0;padding:8px 0 14px}.nav a{padding:12px 0;border-bottom:1px solid var(--line)}.hero{padding:44px 0}.hero h1{font-size:42px}.hero-visual img{height:290px}.hero-actions{flex-direction:column;align-items:stretch}.btn{width:100%}.trust-grid{grid-template-columns:1fr 1fr}.trust-grid>div{border-bottom:1px solid var(--line)}.section{padding:66px 0}.section-heading h2,.about-panel h2,.quote-copy h2{font-size:36px}.product-grid,.sector-grid,.footer-grid{grid-template-columns:1fr}.product-card img{height:235px}.about-grid,.quote-grid{gap:36px}.copyright{display:block}.copyright span{display:block;margin:5px 0}.contact-box a{display:block}.contact-box span{display:block;margin-top:5px}.footer-brand img{width:260px}}

/* V2 — technical product showcase */
.featured-products{background:#f7f9fc;border-top:1px solid #e8edf5;border-bottom:1px solid #e8edf5}
.technical-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:22px}
.technical-card{background:#fff;border:1px solid #e4eaf2;border-radius:16px;overflow:hidden;box-shadow:0 10px 30px rgba(12,48,92,.06);transition:.2s ease}
.technical-card:hover{transform:translateY(-3px);box-shadow:0 16px 38px rgba(12,48,92,.1)}
.technical-image{height:260px;background:#fff;display:flex;align-items:center;justify-content:center;padding:22px;border-bottom:1px solid #edf1f6}
.technical-image img{width:100%;height:100%;object-fit:contain;mix-blend-mode:multiply}
.technical-body{padding:22px}
.technical-body>span{font-size:12px;font-weight:800;text-transform:uppercase;letter-spacing:.09em;color:#1a66b3}
.technical-body h3{font-size:21px;margin:7px 0 9px;color:#0c305c}
.technical-body p{font-size:14px;line-height:1.6;color:#5e6b7b;min-height:68px}
.spec-row{display:flex;justify-content:space-between;gap:12px;padding:9px 0;border-top:1px solid #edf1f6;font-size:13px}
.spec-row b{color:#253a55}.spec-row em{font-style:normal;color:#637186;text-align:right}
.technical-body a{display:inline-block;margin-top:14px;font-weight:800;color:#0b5ba7;text-decoration:none;font-size:14px}
@media(max-width:980px){.technical-grid{grid-template-columns:repeat(2,1fr)}}
@media(max-width:640px){.technical-grid{grid-template-columns:1fr}.technical-image{height:240px}}