:root{--bg:#f5f6f8;--surf:#fff;--ink:#17212e;--mute:#5b6573;--navy:#12263f;--blue:#1e4a7a;--line:#d9dee5;--acc:#e8751a}
@media (prefers-color-scheme:dark){:root{--bg:#0e141d;--surf:#161f2c;--ink:#e8edf4;--mute:#9aa7b8;--navy:#0a121d;--blue:#7fa8d6;--line:#2a374a}}
*{box-sizing:border-box;margin:0;padding:0}html{scroll-behavior:smooth}
body{font-family:Arial,Helvetica,sans-serif;background:var(--bg);color:var(--ink);line-height:1.6;overflow-x:clip}
nav{position:sticky;top:0;z-index:20;background:var(--navy);display:flex;align-items:center;justify-content:space-between;padding:12px 20px;gap:12px;flex-wrap:wrap}
.logo{font-weight:800;font-size:1.3rem;letter-spacing:.5px;color:#fff;text-decoration:none}.logo i{font-style:normal;color:var(--acc)}
.links{display:flex;flex-wrap:wrap}.links a{color:#dfe6ef;text-decoration:none;font-size:.9rem;margin:0 9px}.links a:hover,.links a:focus-visible{color:#fff;text-decoration:underline}
.hero{background:var(--navy);color:#fff;padding:54px 20px;position:relative;overflow:hidden}.hero svg{position:absolute;inset:0;width:100%;height:100%;opacity:.07}
.in{position:relative;max-width:860px;margin:0 auto}.crumb{font-size:.85rem;color:#b9c6d6;margin-bottom:10px}.crumb a{color:#dfe6ef}
h1{font-size:2.3rem;line-height:1.15;max-width:700px;margin-bottom:14px}.lead{max-width:600px;color:#cdd7e4}
.cta{display:inline-block;background:var(--acc);color:#fff;padding:13px 26px;border-radius:6px;font-weight:bold;text-decoration:none;margin-top:22px}
.cta:hover,.cta:focus-visible{filter:brightness(1.1);outline:2px solid #fff;outline-offset:2px}
main{max-width:760px;margin:0 auto;padding:36px 20px 56px}main p{margin:.6em 0}
h2{color:var(--navy);font-size:1.5rem;margin:34px 0 8px}h3{font-size:1.05rem;margin:18px 0 2px}
@media (prefers-color-scheme:dark){h2{color:#fff}}
ul{padding-left:22px}li{margin:.3em 0}img.prod{width:100%;max-height:340px;object-fit:cover;border-radius:8px;border:1px solid var(--line);margin:6px 0 10px;background:#fff}
.more{border-top:1px solid var(--line);margin-top:40px}.more a{color:var(--blue)}
footer{background:var(--navy);color:#cfd8e3;padding:26px 20px;font-size:.9rem;text-align:center}footer a{color:#fff}
@media (max-width:640px){nav{padding:10px 14px}.links{order:3;width:100%;overflow-x:auto;white-space:nowrap;flex-wrap:nowrap}.links a{margin:0;padding:6px 10px}h1{font-size:1.65rem}.hero{padding:38px 16px}.cta{display:block;text-align:center}}