:root{--navy:#0B1B3A;--navy-2:#14294F;--ink-2:#2A3C63;--bg:#F5F7FA;--surface:#FFFFFF;--surface-2:#FBFCFE;--line:#E2E7EF;--muted:#5A6884;--gold:#C8A24A;--gold-ink:#6E5312;--gold-tint:#F7F1E2;--teal:#0E8F8F;--seg:#0B1B3A;--seg-2:#14294F;--seg-tint:#EEEFF1;--seg-line:#CFD4DC;--seg-ink:#0A1937;--r:12px;--ease:cubic-bezier(.2,.6,.3,1);--sans:"IBM Plex Sans",system-ui,-apple-system,"Segoe UI",Roboto,Helvetica,Arial,sans-serif;--mono:"IBM Plex Mono",ui-monospace,SFMono-Regular,Menlo,Consolas,monospace;}*{box-sizing:border-box;margin:0;padding:0}html{-webkit-text-size-adjust:100%}body{min-height:100vh;background:#FFFFFF;color:var(--navy);font-family:var(--sans);font-size:16px;line-height:1.5;padding:clamp(18px,4vw,56px) clamp(16px,5vw,48px) clamp(28px,5vw,64px);-webkit-font-smoothing:antialiased;}.wrap{max-width:1080px;margin:0 auto}:focus-visible{outline:2px solid var(--teal);outline-offset:3px;border-radius:4px}.crumb{display:flex;flex-wrap:wrap;align-items:center;gap:10px;font-family:var(--mono);font-size:12.5px;letter-spacing:.04em;margin-bottom:clamp(14px,2.2vw,22px)}.crumb a{color:var(--muted);text-decoration:none;padding:2px 3px;border-radius:4px;transition:color .18s var(--ease)}.crumb a:hover{color:var(--seg)}.crumb .sep{color:var(--seg-line)}.crumb b{color:var(--seg-ink);font-weight:500}.hero{position:relative;overflow:hidden;border-radius:14px;background:linear-gradient(98deg,var(--seg) 0%,var(--seg-2) 55%,var(--seg) 100%);min-height:clamp(168px,25vw,286px);display:flex;align-items:center;padding:clamp(22px,4vw,48px);isolation:isolate;}.hero-art{position:absolute;inset:0;width:100%;height:100%;z-index:-1;pointer-events:none;}.hero h1{color:#fff;font-size:clamp(30px,6.6vw,58px);font-weight:600;letter-spacing:-.025em;line-height:1.04;}.hero-sub{color:#B9C4DA;font-size:clamp(13px,2.2vw,15px);margin-top:clamp(8px,1.4vw,14px);max-width:46ch;}.accent-rule{height:4px;border-radius:2px;background:linear-gradient(90deg,var(--seg) 0%,var(--gold) 42%,var(--teal) 78%,rgba(14,143,143,0) 100%);margin:clamp(18px,2.6vw,26px) 0 clamp(26px,4vw,44px);}.segment{margin-bottom:clamp(32px,5vw,58px);content-visibility:auto;contain-intrinsic-size:auto 420px}.segment-title{display:flex;align-items:center;gap:12px;color:var(--navy);font-size:clamp(18px,3.4vw,24px);font-weight:700;letter-spacing:-.01em;margin-bottom:clamp(16px,3vw,24px);}.segment-title::before{content:"";width:6px;height:26px;border-radius:3px;background:linear-gradient(180deg,var(--seg) 0%,var(--gold) 100%);flex:0 0 auto;}.count{font-family:var(--mono);font-size:12px;font-weight:400;color:var(--muted);letter-spacing:.04em;margin-left:auto;}.grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(280px,1fr));gap:clamp(12px,2vw,18px);}.card{background:linear-gradient(180deg,var(--surface) 0%,var(--surface-2) 100%);border:1px solid var(--line);border-radius:var(--r);padding:clamp(16px,2.4vw,22px);contain:layout paint style;transition:border-color .18s var(--ease),box-shadow .18s var(--ease),transform .18s var(--ease);}.card:hover,.card:focus-within{border-color:var(--seg);box-shadow:0 8px 24px rgba(11,27,58,.12);transform:translate3d(0,-2px,0);}.name{color:var(--navy);font-size:clamp(17px,2.6vw,20px);font-weight:600;letter-spacing:-.015em;}.name .sfx{color:var(--seg-ink)}.form-label{display:inline-block;font-family:var(--mono);font-size:11px;font-weight:500;letter-spacing:.08em;text-transform:uppercase;color:var(--seg-ink);background:var(--seg-tint);border:1px solid var(--seg-line);padding:2px 8px;border-radius:5px;margin-top:8px;}.formula{font-family:var(--mono);color:var(--ink-2);font-size:clamp(12.5px,2.1vw,14px);line-height:1.62;margin-top:13px;padding-top:13px;border-top:1px solid var(--line);}footer{margin-top:clamp(28px,4vw,44px);padding-top:clamp(16px,2.4vw,22px);border-top:1px solid var(--line);color:var(--muted);font-size:clamp(12px,2vw,13.5px);letter-spacing:.01em;}footer b{color:var(--navy);font-weight:600}[data-rise]{opacity:0;transform:translate3d(0,14px,0);transition:opacity .38s var(--ease),transform .38s var(--ease);}[data-rise].in{opacity:1;transform:translate3d(0,0,0)}@media (prefers-reduced-motion:reduce){*{animation:none!important;transition:none!important}[data-rise]{opacity:1;transform:none}.card:hover{transform:none}}.hero-logo-badge{display:inline-flex;align-items:center;justify-content:center;background:#fff;border-radius:14px;padding:8px;box-shadow:0 6px 18px rgba(0,0,0,.18);margin-bottom:16px}.hero-logo-badge img{display:block;height:clamp(30px,4.4vw,44px);width:auto}
.skip-link{position:absolute;left:-9999px;top:0;z-index:999;background:var(--navy);color:#fff;padding:12px 20px;border-radius:0 0 10px 0;font-weight:600}.skip-link:focus{left:0}:focus-visible{outline:3px solid var(--gold);outline-offset:2px}
footer .nap{font-family:var(--mono);font-size:12px;color:var(--muted);line-height:1.7;font-style:normal;margin:14px auto 0;max-width:62ch}footer .nap a{color:var(--gold-ink);text-decoration:none}
.seg-intro{max-width:74ch;margin:0 auto 34px;padding:0 4px}
.seg-intro h2{font-size:clamp(19px,2.6vw,25px);color:var(--navy);font-weight:700;letter-spacing:-.015em;margin:0 0 12px}
.seg-intro p{color:var(--muted);font-size:15.5px;line-height:1.75;margin:0 0 12px}
.seg-intro .seg-note{font-family:var(--mono);font-size:12.5px;color:var(--gold-ink);background:var(--gold-tint);border-left:3px solid var(--gold);padding:12px 14px;border-radius:0 8px 8px 0;line-height:1.7}
.seg-intro .seg-note a{color:var(--gold-ink);text-decoration:underline}