*{box-sizing:border-box}body{margin:0;font-family:Arial,sans-serif;color:#192b40;line-height:1.65}a{text-decoration:none;color:inherit}.wrap{max-width:1140px;width:92%;margin:auto}.top{background:#101e30;color:#fff;padding:16px 0}.top .wrap{display:flex;align-items:center;justify-content:space-between;gap:16px;flex-wrap:wrap}.brand{font-weight:900;font-size:24px;letter-spacing:1px}.top nav{display:flex;gap:20px;flex-wrap:wrap;font-size:13px}.hero{background:linear-gradient(115deg,#101e30,#1d4366);color:#fff;padding:92px 0}.eyebrow{color:#e7b65d;text-transform:uppercase;letter-spacing:2px;font-size:12px;font-weight:800}.hero h1{font-size:clamp(36px,5vw,65px);line-height:1.1;max-width:900px;margin:18px 0}.hero p{max-width:690px;color:#d2deeb;font-size:18px}.btn{display:inline-block;background:#e5b65b;color:#17283d;font-weight:800;padding:14px 22px;margin-top:18px;border-radius:4px}.section{padding:70px 0}.muted{background:#f2f6f9}.section h2{font-size:clamp(26px,3vw,38px);margin:0 0 15px}.grid{display:grid;grid-template-columns:repeat(3,1fr);gap:20px}.tile{border:1px solid #dce5ed;background:white;padding:25px;border-radius:6px}.tile h3{margin-top:0}.spec{width:100%;border-collapse:collapse;max-width:760px;background:white}.spec td{border-bottom:1px solid #dce5ed;padding:15px}.spec td:first-child{color:#617284}.mesh{height:270px;border:10px solid #5c6c7a;background:repeating-linear-gradient(0deg,transparent 0 11px,#8395a3 11px 13px),repeating-linear-gradient(90deg,transparent 0 72px,#8395a3 72px 76px),#dce7ed;box-shadow:inset 0 0 0 4px #33495b}.note{font-size:12px;color:#657589}.footer{background:#101e30;color:#c5d3e2;padding:35px 0}.footer a{color:#e7b65d}@media(max-width:720px){.grid{grid-template-columns:1fr}.hero{padding:65px 0}.top nav{gap:10px}}/* Quotation composer */
.rfq-panel{max-width:920px;background:#fff;border:1px solid #dce5ed;border-radius:12px;padding:clamp(20px,4vw,38px);box-shadow:0 14px 45px #10283a0c}
.rfq-fields{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:18px}
.rfq-fields label{font-size:14px;font-weight:700;color:#273d53;display:flex;flex-direction:column;gap:6px}
.rfq-fields input,.rfq-fields select,.rfq-fields textarea{font:inherit;border:1px solid #b9cbd8;border-radius:5px;padding:12px;background:#fff;color:#192b40;min-width:0}
.rfq-fields input:focus,.rfq-fields select:focus,.rfq-fields textarea:focus{outline:3px solid #d3e7fa;border-color:#1765a4}
.rfq-fields .wide{grid-column:1/-1}.rfq-actions{display:flex;gap:12px;flex-wrap:wrap;margin-top:18px}
.rfq-actions button{font:inherit;font-weight:800;border:0;cursor:pointer;padding:14px 20px;border-radius:5px;background:#e5b65b;color:#17283d}
.rfq-actions button.secondary{background:#1765a4;color:#fff}
.rfq-note{font-size:13px;color:#546c80;margin:14px 0 0}
@media(max-width:650px){.rfq-fields{grid-template-columns:1fr}}

/* V9: consistent subpage navigation and lead capture */
html{scroll-behavior:smooth}a:focus-visible,button:focus-visible{outline:3px solid #e5b65b;outline-offset:3px}
.top nav a{padding:7px 2px}.top nav a:hover,.top nav a[aria-current="page"]{color:#e5b65b}
.lead-strip{background:#183650;color:#fff;padding:34px 0}.lead-inner{display:flex;align-items:center;justify-content:space-between;gap:22px}.lead-inner strong{font-size:21px}.lead-inner p{margin:4px 0 0;color:#d3e1eb}.lead-inner .btn{white-space:nowrap;margin:0}
@media(max-width:720px){.lead-inner{align-items:flex-start;flex-direction:column}.top .wrap{align-items:flex-start}.top nav{gap:8px 15px}}

/* V11: schematic gallery and lead conversion */
.visual-gallery{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:18px;margin:28px 0}.visual-gallery figure{margin:0;border:1px solid #d8e3ec;border-radius:9px;overflow:hidden;background:#f3f7fa}.visual-gallery img{display:block;width:100%;aspect-ratio:4/3;object-fit:cover}.visual-gallery figcaption{padding:13px 15px;font-size:13px;font-weight:700;color:#263d53}.homepage-rfq{padding:30px;border:1px solid #dbe4eb;background:#f4f8fb;border-radius:9px}.homepage-rfq h3{margin-top:0}.homepage-rfq p{color:#51677a}@media(max-width:740px){.visual-gallery{grid-template-columns:1fr}}

/* Final pre-launch design system */
:root{--ff-navy:#101e30;--ff-blue:#236fae;--ff-gold:#e5b65b}
html{scroll-behavior:smooth}body{font-family:Inter,system-ui,-apple-system,'Segoe UI',Arial,sans-serif}
a:focus-visible,button:focus-visible,input:focus-visible,select:focus-visible,textarea:focus-visible{outline:3px solid #f0b84f;outline-offset:3px}
.top{position:sticky;top:0;z-index:30;box-shadow:0 2px 14px #061c3020}
.top .brand{letter-spacing:.035em}.top nav a{padding:7px 2px}.top nav a:hover,.top nav a[aria-current=page]{color:#f1c46d}
.hero{background:linear-gradient(110deg,#0b1728ef,#143b5ceb),url('assets/358-perimeter.svg') center/cover;min-height:260px;display:flex;align-items:center}
.hero .wrap{padding-block:16px}.hero h1{letter-spacing:-.035em}.tile{box-shadow:0 8px 30px #11263b0a;transition:transform .2s,box-shadow .2s}.tile:hover{transform:translateY(-3px);box-shadow:0 15px 35px #11263b18}
.btn{transition:filter .2s,transform .2s}.btn:hover{filter:brightness(1.06);transform:translateY(-1px)}
.footer{background:#0b1728;color:#d4e0ed}.footer a:hover{text-decoration:underline}
@media(max-width:760px){.top .wrap{display:block}.top nav{display:flex;flex-wrap:nowrap;overflow-x:auto;gap:18px;padding:12px 0 3px;scrollbar-width:thin}.top nav a{white-space:nowrap}.hero{padding:50px 0}.section{padding:48px 0}.grid{grid-template-columns:1fr}.rfq-fields{grid-template-columns:1fr}.rfq-fields .wide{grid-column:1}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}*,*:before,*:after{transition:none!important;animation:none!important}}

.skip-link{position:absolute;left:-9999px;top:8px;background:#fff;color:#101e30;padding:10px;z-index:100}.skip-link:focus{left:8px}
/* Accessible, compact mobile menu; no-JS fallback remains visible. */
.nav-toggle{display:none;background:transparent;color:#fff;border:1px solid #71869b;border-radius:6px;padding:9px 14px;font:inherit;font-weight:700;cursor:pointer}
@media(max-width:760px){
 .top.nav-enhanced .wrap{display:flex;flex-wrap:wrap;align-items:center;justify-content:space-between}
 .top.nav-enhanced .nav-toggle{display:block}
 .top.nav-enhanced nav{display:none;flex:0 0 100%;width:100%;overflow:visible;flex-direction:column;gap:0;padding:8px 0 4px}
 .top.nav-enhanced.nav-open nav{display:flex}
 .top.nav-enhanced nav a{padding:11px 4px;border-top:1px solid #ffffff24}
}

/* 358 schematic: narrow horizontal pitch and taller vertical pitch (not to scale). */
.mesh{background:repeating-linear-gradient(90deg,transparent 0 11px,#8395a3 11px 13px),repeating-linear-gradient(0deg,transparent 0 72px,#8395a3 72px 76px),#dce7ed}
/* Accessible interactive elements and form messages. */
.rfq-actions button:disabled{opacity:.65;cursor:wait;transform:none}
.rfq-fields input:invalid:not(:placeholder-shown){border-color:#a83e35}
.rfq-note[role=status]{min-height:1.6em}
@media print{.top,.lead-strip,.rfq-actions,.nav-toggle{display:none!important}.hero{background:#fff!important;color:#17283d!important;min-height:auto;padding:22px 0}.hero p{color:#17283d!important}.section{padding:22px 0}.tile{box-shadow:none}}

/* Downloadable B2B quotation worksheet */
.rfq-template-download{max-width:1100px;margin:36px auto;padding:24px;border:1px solid #d8e2ed;border-left:4px solid #2377bf;background:#f5f9fd;border-radius:6px}.rfq-template-download h2{font-size:22px;margin:0 0 8px;color:#14283e}.rfq-template-download p{margin:0 0 12px}.rfq-template-download a{display:inline-block;color:#125c9d;font-weight:750;text-decoration:underline;text-underline-offset:3px}

/* Responsive 358 technical overview */
.spec-detail-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:28px;align-items:start}
@media(max-width:760px){.spec-detail-grid{grid-template-columns:minmax(0,1fr)}}

/* Keyboard-accessible skip navigation */
.ff-skip-link{position:fixed;left:12px;top:-80px;z-index:9999;background:#fff;color:#0b3660;padding:12px 16px;border:3px solid #1469b8;border-radius:4px;font-weight:700}
.ff-skip-link:focus{top:12px}

.company-contact-details{margin-top:1.5rem;font-size:.9rem;line-height:1.6}.company-contact-details p{margin:.35rem 0}.registered-contact{margin-top:2rem;padding:1.4rem;border:1px solid #d7e1eb;border-radius:12px}.registered-contact p{margin:.5rem 0}

/* Brand treatment and single-source company information */
.top .brand{font-family:Arial,Helvetica,sans-serif;font-size:clamp(20px,2.1vw,27px);font-weight:900;letter-spacing:.09em;white-space:nowrap}
.registered-contact{margin-top:34px;padding:28px 32px;background:#f2f6f9;border-left:4px solid #d7a54d;border-radius:6px;max-width:840px}
.registered-contact h2{font-size:clamp(22px,2.4vw,30px);margin:0 0 12px}
.registered-contact p{margin:8px 0;overflow-wrap:anywhere}
.registered-contact a{color:#1765a4;text-decoration:underline;text-underline-offset:3px}
@media(max-width:640px){.registered-contact{padding:22px 18px}.top .brand{letter-spacing:.045em}}

/* Vector brand artwork: consistent header treatment at all viewport sizes. */
.top .brand{display:inline-flex;align-items:center;line-height:1;max-width:100%}.ff-brand-image{display:block;width:clamp(210px,24vw,275px);height:auto;max-width:100%}@media(max-width:400px){.ff-brand-image{width:205px}}