@font-face{font-family:Poppins;src:url(fonts/Poppins-Regular.woff2) format('woff2'),url(fonts/Poppins-Regular.ttf) format('truetype');font-weight:400;font-style:normal;font-display:swap}@font-face{font-family:Poppins;src:url(fonts/Poppins-SemiBold.woff2) format('woff2'),url(fonts/Poppins-SemiBold.ttf) format('truetype');font-weight:600;font-style:normal;font-display:swap}@font-face{font-family:Poppins;src:url(fonts/Poppins-Bold.ttf) format('truetype');font-weight:700;font-style:normal;font-display:swap}
:root{--brand-navy:#243D4D;--brand-green:#52A86A;--text:#243D4D;--muted:#65676B;--link:#428A5C;--link-hover:#336F4A;--green-dark:#166C35;--green-hover:#3D8050;--navy-deep:#17384F;--paper:#FFF;--canvas:#F3F6F4;--line:#DBE6DF}*{box-sizing:border-box}body{margin:0;background:var(--canvas);color:var(--text);font:15px/1.75 Poppins,'Segoe UI',Arial,sans-serif}a{color:var(--link);text-underline-offset:4px}a:hover{color:var(--link-hover)}a:focus-visible{outline:3px solid var(--green-dark);outline-offset:4px}header,main,footer{max-width:1100px;margin:auto;padding:24px 28px}header{display:flex;align-items:center;justify-content:space-between;gap:25px}header img{width:175px;height:auto}nav{display:flex;gap:20px;font-size:12px;flex-wrap:wrap}.hero{background:var(--brand-navy);color:white;padding:44px 48px;border-radius:16px;margin:20px 0 34px}.hero .kicker{color:#b4debf;font-size:12px;letter-spacing:.12em;text-transform:uppercase}.hero h1{font-size:40px;line-height:1.25;letter-spacing:-1px;max-width:750px;margin:20px 0}.hero p{max-width:720px;color:#e0e9e5}.tag{display:inline-block;border:1px solid #688878;border-radius:30px;padding:5px 13px;font-size:11px;margin-top:15px}.panel{background:white;border:1px solid var(--line);border-radius:12px;padding:30px;margin:24px 0}h2{font-size:23px;margin:0 0 15px}h3{font-size:16px;margin:0 0 12px}p{margin:10px 0}.muted,figcaption{color:var(--muted);font-size:12px}.two{display:grid;grid-template-columns:1fr 1fr;gap:20px}.logo-sample{min-height:145px;display:flex;align-items:center;justify-content:center;border:1px solid var(--line);border-radius:8px;padding:25px}.logo-sample img{max-width:220px;max-height:68px;width:auto;height:auto}.logo-sample.dark{background:var(--brand-navy)}figure{margin:0}.swatches{display:grid;grid-template-columns:repeat(4,1fr);gap:15px}.swatch{height:72px;border-radius:7px;margin-bottom:8px;border:1px solid #0001}.color-label{font-size:12px;line-height:1.5}.type-sample{border-top:1px solid var(--line);padding:18px 0;font-size:23px}.type-sample small{display:block;color:var(--muted);font-size:11px;letter-spacing:.08em;margin-bottom:5px}.icon-grid{display:grid;grid-template-columns:repeat(7,1fr);gap:18px}.icon-grid img{width:32px;height:32px}.editorial{display:block;width:100%;max-height:330px;object-fit:cover;border-radius:8px}.notice{border-left:4px solid var(--brand-green);padding:12px 18px;background:var(--canvas)}.link-list{display:grid;gap:14px}.link-list a{background:#fff;padding:16px;border:1px solid var(--line);border-radius:7px;text-decoration:none}code{overflow-wrap:anywhere;font:12px/1.6 ui-monospace,monospace}footer{font-size:12px;color:var(--muted)}@media(max-width:700px){header,main,footer{padding:18px}header{align-items:flex-start;flex-direction:column}header img{width:145px}.hero{padding:27px;margin-top:10px}.hero h1{font-size:30px}.panel{padding:22px}.two{grid-template-columns:1fr}.swatches{grid-template-columns:repeat(2,1fr)}.icon-grid{grid-template-columns:repeat(4,1fr)}.type-sample{font-size:20px}nav{gap:14px}}@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}}