:root { --ink:#0B2D5B; --cream:#f8fafc; --warm:#eef5ff; --blue:#1E88E5; --accent:#F97316; --success:#22C55E; --line:#d6e0ee; }
* { box-sizing:border-box; }
html { scroll-behavior:smooth; }
body { margin:0; color:var(--ink); background:var(--cream); font-family:"DM Sans",sans-serif; line-height:1.55; }
a { color:inherit; }
.site-header, footer { display:flex; justify-content:space-between; align-items:center; max-width:1180px; margin:auto; padding:1.5rem 2rem; }
.site-header { font-size:.94rem; }
.site-header nav { display:flex; gap:1.5rem; }
.site-header nav a { text-decoration:none; }
.brand { display:block; width:228px; height:52px; overflow:hidden; text-decoration:none; }
.brand-board-logo { display:block; width:228px; height:52px; overflow:hidden; position:relative; }
.brand-board-logo img { position:absolute; width:328px; max-width:none; left:-50px; top:-5px; }
.hero { max-width:1180px; margin:1.5rem auto 4rem; min-height:570px; padding:3rem 2rem; display:grid; grid-template-columns:1.08fr .92fr; gap:4rem; align-items:center; }
.eyebrow { margin:0 0 1rem; text-transform:uppercase; letter-spacing:.13em; font-size:.74rem; font-weight:700; color:#517344; }
h1,h2 { font-family:"DM Sans", Arial, sans-serif; font-weight:700; letter-spacing:-.04em; line-height:1.03; margin:.1em 0 .45em; }
h1 { max-width:650px; font-size:clamp(3.6rem,8vw,7.5rem); }
h1 em { color:var(--blue); font-weight:600; }
h2 { font-size:clamp(2.5rem,5vw,4.7rem); }
.intro { max-width:515px; font-size:1.15rem; margin:1.5rem 0 2rem; }
.button { display:inline-flex; gap:.65rem; align-items:center; background:var(--ink); color:white; padding:.84rem 1.1rem; border-radius:999px; text-decoration:none; font-weight:700; }
.hero-art { position:relative; min-height:470px; overflow:hidden; border-radius:30px; background:linear-gradient(145deg,#061d3d,#0B2D5B 58%,#136bc0); }
.hero-art p { position:absolute; bottom:2rem; left:2rem; margin:0; color:#fff; font-family:"DM Sans", Arial, sans-serif; font-weight:700; font-size:1.85rem; line-height:1.05; }
.hero-shield { position:absolute; width:210px; height:242px; left:50%; top:96px; transform:translateX(-50%); background:linear-gradient(145deg,#2da4f6,#0b57ae); clip-path:polygon(50% 0,92% 16%,92% 58%,50% 100%,8% 58%,8% 16%); display:grid; place-items:center; box-shadow:0 20px 45px #041834; }.hero-shield::before { content:""; width:168px; height:194px; border:7px solid #fff; clip-path:polygon(50% 0,92% 16%,92% 58%,50% 100%,8% 58%,8% 16%); position:absolute; }.hero-shield span { color:#fff; font-size:6rem; line-height:1; font-weight:700; z-index:1; }.hero-orbit { position:absolute; border:1px solid rgba(255,255,255,.2); border-radius:50%; }.orbit-one { width:410px; height:410px; left:50%; top:27px; transform:translateX(-50%); }.orbit-two { width:575px; height:575px; left:50%; top:-55px; transform:translateX(-50%); }
.statement,.product,.contact { padding:7rem 2rem; }.statement { background:var(--warm); text-align:center; }.statement h2,.statement p:not(.eyebrow) { max-width:850px; margin-left:auto; margin-right:auto; }.statement p:not(.eyebrow) { font-size:1.08rem; }
.product { max-width:1180px; margin:auto; display:grid; grid-template-columns:.25fr 1fr; gap:2rem; }.product-number { font-family:"DM Sans", Arial, sans-serif; font-weight:700; color:var(--blue); font-size:1.5rem; }.product > div:last-child { max-width:690px; }.product-lede { font-size:1.25rem; font-weight:600; }.fine-print,.updated { color:#56675e; font-size:.92rem; }
.contact { background:var(--ink); color:#fff; text-align:center; }.contact .eyebrow { color:#8fc4ff; }.contact h2 { max-width:760px; margin-left:auto; margin-right:auto; }.contact-link { display:inline-block; margin-top:1rem; font-weight:700; font-size:1.14rem; text-underline-offset:6px; }
footer { border-top:1px solid var(--line); color:#526158; font-size:.84rem; }.contact + footer { border-top:0; background:var(--ink); color:#c7d0c8; }
.policy { max-width:760px; padding:5rem 2rem 7rem; margin:auto; }.policy h1 { font-size:clamp(3rem,6vw,5.5rem); }.policy h2 { margin-top:2.6rem; font-size:1.9rem; }.policy a { color:#365d2d; }
@media (max-width:760px) { .site-header,footer{padding:1.2rem}.site-header nav{gap:.9rem}.hero{grid-template-columns:1fr;gap:2rem;padding:2rem 1.25rem;margin:0 auto 2rem}.hero-art{min-height:390px}.statement,.product,.contact{padding:4.5rem 1.25rem}.product{grid-template-columns:1fr;gap:.6rem}.site-header nav a:first-child{display:none} }