:root { --navy:#10283b; --navy2:#071a29; --blue:#176a98; --gold:#e5aa38; --cream:#f4f1e9; --ink:#18242d; --muted:#63717a; --line:#dce2e5; }
* { box-sizing: border-box; }
html { scroll-behavior: smooth; }
body { margin:0; background:#fff; color:var(--ink); font-family:Arial, Helvetica, sans-serif; }
a { color:inherit; text-decoration:none; }
.wrap { width:min(1160px, calc(100% - 40px)); margin:0 auto; }
.utility-bar { background:var(--navy2); color:#dce7ed; font-size:13px; }
.utility-inner { min-height:36px; display:flex; align-items:center; justify-content:space-between; }
.utility-inner a { color:#f3c266; font-weight:700; }
.site-header { background:#fff; border-bottom:1px solid #d8e0e4; position:sticky; top:0; z-index:20; box-shadow:0 2px 12px rgba(4,23,36,.06); }
.brand-row { min-height:86px; display:flex; justify-content:space-between; align-items:center; gap:24px; }
.brand { display:flex; align-items:center; gap:13px; }
.brand-mark { width:54px; height:54px; border-radius:50%; background:var(--navy); border:4px solid var(--gold); display:grid; place-items:center; color:white; font-size:13px; font-weight:900; letter-spacing:.08em; box-shadow:inset 0 0 0 2px #fff; }
.brand strong { display:block; font-family:Georgia,serif; font-size:25px; color:var(--navy); }
.brand small { display:block; color:#68747c; text-transform:uppercase; letter-spacing:.12em; font-size:10px; margin-top:3px; }
nav { display:flex; align-items:center; gap:28px; font-size:14px; font-weight:700; color:#2f414d; }
nav a:hover { color:var(--blue); }
.hero { min-height:555px; color:#fff; position:relative; overflow:hidden; background:linear-gradient(112deg, rgba(5,25,39,.98) 5%, rgba(10,50,75,.93) 55%, rgba(17,79,111,.85)), radial-gradient(circle at 80% 30%, #4387a6 0, #12364e 45%, #061925 100%); }
.hero-grid { position:absolute; inset:0; opacity:.12; background-image:linear-gradient(#fff 1px,transparent 1px),linear-gradient(90deg,#fff 1px,transparent 1px); background-size:50px 50px; transform:perspective(700px) rotateX(58deg) scale(1.5); transform-origin:bottom; }
.hero-inner { position:relative; min-height:555px; display:grid; grid-template-columns:1.35fr .65fr; gap:70px; align-items:center; }
.eyebrow,.kicker { color:var(--blue); font-weight:800; text-transform:uppercase; letter-spacing:.15em; font-size:12px; }
.eyebrow { color:#f1bd58; }
h1,h2,h3,p { margin-top:0; }
h1,h2 { font-family:Georgia, "Times New Roman", serif; }
h1 { font-size:clamp(42px,5.2vw,70px); line-height:1.02; margin-bottom:24px; max-width:820px; }
.hero-lead { font-size:19px; line-height:1.7; max-width:690px; color:#d9e6ed; }
.hero-actions { display:flex; gap:14px; margin-top:34px; flex-wrap:wrap; }
.button { display:inline-flex; align-items:center; justify-content:center; min-height:50px; padding:0 24px; border-radius:3px; font-weight:800; font-size:14px; transition:.2s; }
.button:hover { transform:translateY(-2px); }
.primary { background:var(--gold); color:#172633; }
.secondary { border:1px solid rgba(255,255,255,.55); color:#fff; background:rgba(255,255,255,.05); }
.gauge-card { background:rgba(5,22,34,.62); border:1px solid rgba(255,255,255,.2); padding:30px 26px 24px; text-align:center; backdrop-filter:blur(6px); }
.gauge { width:190px; height:95px; overflow:hidden; margin:0 auto 20px; position:relative; border-radius:100px 100px 0 0; background:conic-gradient(from 270deg at 50% 100%,#3b86a8 0 25%,#e5aa38 25% 50%,transparent 50%); }
.gauge:after { content:""; position:absolute; width:140px; height:70px; background:#0b2739; left:25px; bottom:0; border-radius:80px 80px 0 0; }
.needle { position:absolute; height:4px; width:72px; background:#fff; z-index:2; left:50%; bottom:0; transform-origin:left center; transform:rotate(-35deg); }
.hub { position:absolute; width:14px; height:14px; border-radius:50%; background:var(--gold); z-index:3; left:calc(50% - 7px); bottom:-7px; }
.gauge-card strong { font-family:Georgia,serif; font-size:26px; }
.gauge-card p { color:#bfcfd8; margin:9px 0 22px; line-height:1.5; }
.value-row { border-top:1px solid rgba(255,255,255,.15); padding-top:17px; display:flex; justify-content:space-between; color:#f3c266; font-size:11px; text-transform:uppercase; letter-spacing:.08em; }
.trust-strip { background:var(--cream); border-bottom:1px solid #ddd8cd; }
.trust-grid { display:grid; grid-template-columns:repeat(4,1fr); }
.trust-grid div { padding:25px 28px; border-right:1px solid #ddd8cd; }
.trust-grid div:first-child { border-left:1px solid #ddd8cd; }
.trust-grid strong,.trust-grid span { display:block; }
.trust-grid strong { color:var(--navy); font-family:Georgia,serif; font-size:19px; }
.trust-grid span { color:#7b7e7a; font-size:11px; margin-top:5px; text-transform:uppercase; letter-spacing:.08em; }
.section { padding:90px 0; }
.section-heading { max-width:760px; margin:0 auto 43px; text-align:center; }
.section-heading h2,.split h2,.library-box h2,.ask-inner h2 { color:var(--navy); font-size:clamp(34px,4vw,50px); line-height:1.12; margin-bottom:16px; }
.section-heading>p:last-child,.library-box p,.about-grid p { color:var(--muted); font-size:17px; line-height:1.7; }
.card-grid { display:grid; gap:20px; }
.four { grid-template-columns:repeat(4,1fr); }
.three { grid-template-columns:repeat(3,1fr); }
.topic-card,.article-card { border:1px solid var(--line); padding:28px; background:#fff; box-shadow:0 9px 28px rgba(14,39,56,.06); }
.topic-icon { width:45px; height:45px; display:grid; place-items:center; background:#e6f1f6; color:var(--blue); font-size:24px; margin-bottom:22px; }
.topic-card h3,.article-card h3 { color:var(--navy); font-family:Georgia,serif; font-size:22px; line-height:1.25; }
.topic-card p,.article-card p { color:var(--muted); line-height:1.65; font-size:14px; }
.topic-card a,.article-card a,.horizontal>a { color:var(--blue); font-weight:800; font-size:13px; }
.safety-note { margin-top:28px; background:#fff8e9; border-left:4px solid var(--gold); padding:17px 20px; color:#625940; font-size:13px; line-height:1.6; }
.dark-section { background:var(--navy); color:#fff; }
.split { display:grid; grid-template-columns:1fr 1fr; gap:80px; align-items:center; }
.dark-section h2,.ask-inner h2 { color:#fff; }
.gold { color:#efb84b; }
.muted { color:#c5d1d8; line-height:1.7; font-size:17px; margin-bottom:30px; }
.checklist { background:#0b2131; padding:18px 32px; border-top:4px solid var(--gold); }
.checklist div { padding:19px 0; border-bottom:1px solid rgba(255,255,255,.12); color:#e0e9ee; }
.checklist div:last-child { border:0; }
.checklist span { display:inline-grid; place-items:center; width:24px; height:24px; margin-right:13px; background:var(--gold); color:var(--navy); border-radius:50%; font-weight:900; }
.horizontal { max-width:none; display:flex; justify-content:space-between; text-align:left; align-items:end; }
.horizontal h2 { margin-bottom:0; }
.article-card>span { color:#a26c0a; background:#fff4dc; font-size:10px; font-weight:800; text-transform:uppercase; letter-spacing:.08em; padding:6px 8px; display:inline-block; margin-bottom:20px; }
.library-section { background:var(--cream); }
.manual-card { display:grid; grid-template-columns:320px 1fr; gap:52px; align-items:center; background:var(--navy); color:#fff; padding:48px; margin-bottom:28px; box-shadow:0 14px 35px rgba(7,28,42,.15); }
.manual-cover { background:#dfe4e6; padding:12px; box-shadow:0 12px 30px rgba(0,0,0,.3); transform:rotate(-1deg); }
.manual-cover img { display:block; width:100%; height:auto; }
.manual-copy h2 { color:#fff; font-size:clamp(34px,4vw,50px); line-height:1.08; margin-bottom:10px; }
.manual-copy>p:not(.kicker):not(.manual-meta) { color:#d2e0e7; font-size:16px; line-height:1.7; max-width:700px; }
.manual-meta { color:#f0bd58; font-weight:800; text-transform:uppercase; letter-spacing:.08em; font-size:11px; margin-bottom:22px; }
.manual-actions { display:flex; gap:13px; flex-wrap:wrap; margin-top:27px; }
.outline-dark { border:1px solid rgba(255,255,255,.55); color:#fff; }
.library-box { display:grid; grid-template-columns:auto 1fr auto; gap:28px; align-items:center; background:#fff; padding:45px; border:1px solid #ddd8cd; }
.library-icon { width:80px; height:80px; display:grid; place-items:center; background:var(--navy); color:#fff; font-size:38px; }
.library-box h2 { font-size:35px; margin-bottom:8px; }
.library-box p { margin-bottom:0; font-size:15px; }
.dark { background:var(--navy); color:#fff; white-space:nowrap; }
.about-section { background:#fff; }
.about-grid { grid-template-columns:.65fr 1.35fr; }
.portrait-placeholder { min-height:370px; display:grid; place-items:center; background:linear-gradient(145deg,#173b53,#0a1d2b); border:12px solid var(--cream); box-shadow:0 12px 30px rgba(7,28,42,.15); }
.portrait-placeholder span { width:150px; height:150px; border:3px solid var(--gold); border-radius:50%; display:grid; place-items:center; color:#fff; font-family:Georgia,serif; font-size:54px; }
.ask-section { background:linear-gradient(120deg,#0a1d2b,#174e6e); color:#fff; padding:70px 0; }
.ask-inner { display:grid; grid-template-columns:1fr auto; gap:50px; align-items:center; }
.ask-inner p:last-child { color:#d2e0e7; line-height:1.7; max-width:740px; }
.light { background:#fff; color:var(--navy); white-space:nowrap; }
footer { background:#061723; color:#b8c6ce; padding:55px 0 24px; }
.footer-grid { display:grid; grid-template-columns:1.2fr .8fr 1fr; gap:70px; }
.footer-grid strong { display:block; color:#fff; font-family:Georgia,serif; font-size:20px; margin-bottom:15px; }
.footer-grid a,.footer-grid p { display:block; font-size:13px; line-height:1.7; margin:0 0 8px; }
.footer-grid a:hover { color:var(--gold); }
.copyright { border-top:1px solid #203441; padding-top:22px; margin-top:36px; font-size:12px; color:#728693; }
@media (max-width:900px) { nav { display:none; } .hero-inner,.split { grid-template-columns:1fr; } .hero-inner { padding:70px 0; } .gauge-card { display:none; } .four { grid-template-columns:repeat(2,1fr); } .three { grid-template-columns:1fr; } .trust-grid { grid-template-columns:repeat(2,1fr); } .manual-card { grid-template-columns:240px 1fr; gap:34px; padding:34px; } .library-box { grid-template-columns:auto 1fr; } .library-box .button { grid-column:1/-1; } .about-grid { grid-template-columns:1fr; } }
@media (max-width:600px) { .wrap { width:min(100% - 28px,1160px); } .utility-inner span { display:none; } .utility-inner { justify-content:flex-end; } .brand strong { font-size:21px; } .brand-row { min-height:74px; } h1 { font-size:43px; } .hero,.hero-inner { min-height:520px; } .section { padding:65px 0; } .four,.trust-grid,.footer-grid,.ask-inner,.manual-card { grid-template-columns:1fr; } .manual-card { padding:25px; } .manual-cover { max-width:270px; margin:0 auto; } .trust-grid div { border-left:1px solid #ddd8cd; } .horizontal { display:block; } .horizontal>a { display:inline-block; margin-top:18px; } .library-box { grid-template-columns:1fr; padding:30px; } .library-box .button { grid-column:auto; } .ask-inner { gap:24px; } .footer-grid { gap:35px; } }

/* Equipment library */
.library-hero { background:linear-gradient(120deg,#081c2a,#174e6e); color:#fff; padding:72px 0 60px; }
.library-hero h1 { max-width:850px; margin:8px 0 14px; }
.library-hero p { max-width:780px; color:#d5e2e9; font-size:17px; line-height:1.7; }
.library-tools { background:var(--cream); border-bottom:1px solid var(--line); padding:24px 0; position:sticky; top:0; z-index:5; }
.library-tools input { width:100%; border:1px solid #b9c3c9; background:#fff; padding:15px 18px; font:inherit; color:var(--navy); }
.equipment-section { padding:62px 0 0; }
.equipment-section:last-of-type { padding-bottom:80px; }
.equipment-section h2 { color:var(--navy); font-size:34px; margin-bottom:10px; }
.section-intro { color:var(--muted); line-height:1.65; margin:0 0 26px; }
.equipment-grid { display:grid; grid-template-columns:repeat(2,minmax(0,1fr)); gap:20px; }
.equipment-card { background:#fff; border:1px solid var(--line); box-shadow:0 8px 24px rgba(14,39,56,.06); padding:25px; }
.equipment-card h3 { color:var(--navy); font-family:Georgia,serif; font-size:22px; margin:0 0 7px; }
.model-list { color:var(--blue); font-weight:800; font-size:13px; line-height:1.7; margin-bottom:14px; }
.equipment-card p,.equipment-card li { color:var(--muted); font-size:14px; line-height:1.6; }
.equipment-card ul { padding-left:19px; margin:10px 0 0; }
.status { display:inline-block; font-size:10px; font-weight:900; letter-spacing:.08em; text-transform:uppercase; padding:5px 8px; margin-bottom:13px; }
.status.confirmed { color:#27643a; background:#e8f5ec; }
.status.verify { color:#805b10; background:#fff1ce; }
.code-table { width:100%; border-collapse:collapse; background:#fff; box-shadow:0 8px 24px rgba(14,39,56,.06); }
.code-table th,.code-table td { border:1px solid var(--line); padding:15px; text-align:left; vertical-align:top; line-height:1.5; }
.code-table th { background:var(--navy); color:#fff; font-size:13px; }
.code-table td { color:var(--muted); font-size:13px; }
.code-table td:first-child { color:var(--navy); font-weight:800; white-space:nowrap; }
.field-note { border-left:5px solid var(--gold); background:#fffaf0; padding:20px 22px; margin-top:24px; color:#52616a; line-height:1.65; }
@media (max-width:760px) { .equipment-grid { grid-template-columns:1fr; } .code-table { display:block; overflow-x:auto; } .library-tools { position:static; } }