:root{--navy:#0b2540;--teal:#0c7f87;--muted:#566e80;--orange:#ff7628;--line:#dce8ed}
*{box-sizing:border-box}
html{font-family:Inter,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif;color:var(--navy)}
body{margin:0;line-height:1.5;background:#fff}
a{color:inherit}
.wrap{width:min(1120px,calc(100% - 40px));margin:auto}
.header{min-height:84px;display:flex;align-items:center;justify-content:space-between;gap:24px}
.brand{display:flex;flex-direction:column;line-height:1}
.brand>span:first-child{font-size:30px;font-weight:900;letter-spacing:-.06em}
.brand-mi,.brand small{color:var(--navy)}.brand-occ{color:var(--teal)}.brand small{font-size:.65em}
.tagline{margin-top:6px;font-size:11px;color:var(--muted);letter-spacing:.01em}
.header-link{font-size:14px;font-weight:750;text-decoration:none;border-bottom:2px solid var(--teal)}
.header-links{display:flex;align-items:center;gap:24px;font-size:14px;font-weight:750}.header-links a{text-decoration:none}.header-links a:first-child{border-bottom:1px solid var(--teal)}
.hero{background:radial-gradient(circle at 8% 8%,rgba(12,127,135,.16),transparent 38%),linear-gradient(145deg,#f9fcfd,#fff 62%);border-top:1px solid var(--line)}
.hero-inner{padding:78px 0 88px}
.eyebrow,.notice-label{color:var(--teal);font-size:12px;font-weight:900;letter-spacing:.13em}
h1{font-size:clamp(48px,7vw,78px);letter-spacing:-.06em;line-height:1.04;margin:12px 0 22px}
.lead{max-width:760px;font-size:clamp(19px,2.5vw,24px);line-height:1.45;color:#4c6679;margin:0}
.free-note{max-width:750px;margin:20px 0 0;color:#36566a;font-size:16px;line-height:1.55}
.role-link{margin:14px 0 0;font-size:14px;font-weight:750}.role-link a{color:var(--teal);text-underline-offset:3px}
.notice{max-width:750px;margin-top:46px;background:white;border:1px solid var(--line);border-radius:20px;padding:30px;box-shadow:0 16px 40px rgba(15,45,66,.08)}
.notice-label{margin:0 0 8px}
.notice h2{font-size:clamp(26px,4vw,35px);letter-spacing:-.04em;line-height:1.15;margin:0 0 12px}
.notice>p:not(.notice-label):not(.small){color:var(--muted);font-size:17px;margin:0 0 22px}
.cta{display:inline-flex;justify-content:center;align-items:center;gap:12px;background:linear-gradient(130deg,#ff6d22,#ff9044);color:#fff;border-radius:12px;padding:15px 20px;text-decoration:none;font-weight:850;box-shadow:0 9px 20px rgba(255,109,34,.2)}
.cta:hover,.cta:focus-visible{filter:brightness(.95)}
.small{font-size:12px;color:var(--muted);margin:12px 0 0}
.audiences{display:grid;grid-template-columns:repeat(3,1fr);gap:18px;padding:52px 0 62px}
.audiences-intro,.audiences-outro{grid-column:1/-1}
.audiences-intro{max-width:730px;margin-bottom:10px}.audiences-intro .eyebrow{margin:0 0 8px}.audiences-intro h2{font-size:clamp(30px,4vw,45px);letter-spacing:-.045em;line-height:1.1;margin:0 0 12px}
.audiences article{border:1px solid var(--line);border-radius:16px;padding:26px}
.chip{font-size:11px;letter-spacing:.08em;color:var(--teal);background:#e8f5f5;border-radius:20px;padding:7px 10px;font-weight:850}
.audiences h3{font-size:21px;line-height:1.2;margin:19px 0 12px}.audiences p{color:var(--muted);margin:0}
.audiences ul{padding-left:20px;color:var(--muted);margin:0 0 12px}.audiences li{margin:7px 0}
.audiences details{border-top:1px solid var(--line);padding-top:13px}.audiences summary{cursor:pointer;color:var(--teal);font-weight:800;line-height:1.4}.audiences details ul{margin:14px 0 0}
.audiences-outro{border-top:1px solid var(--line);padding-top:22px;margin-top:12px!important}.audiences-outro a{color:var(--teal);font-weight:800}
.role-section{padding:64px 0 70px;scroll-margin-top:20px;border-top:1px solid var(--line)}.role-section h2{font-size:clamp(31px,4vw,44px);letter-spacing:-.045em;line-height:1.13;margin:0 0 12px}.role-lead{max-width:850px;color:var(--muted);margin:0 0 26px}.role-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:16px}.role-grid>div{border:1px solid var(--line);border-radius:14px;padding:22px}.role-grid h3{margin:0 0 10px;font-size:18px}.role-grid p{margin:0;color:#4c6679;font-size:14px;line-height:1.6}
.legal-section{background:#f3f8fa;padding:64px 0 72px;scroll-margin-top:20px}.legal-section h2{font-size:clamp(31px,4vw,44px);letter-spacing:-.045em;margin:0 0 12px}.legal-lead{max-width:850px;color:var(--muted);margin:0 0 26px}.legal-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:16px}.legal-grid>div{background:#fff;border:1px solid var(--line);border-radius:14px;padding:22px}.legal-grid h3{margin:0 0 10px;font-size:18px}.legal-grid p{margin:0;color:#4c6679;font-size:14px;line-height:1.6}.legal-grid a{color:var(--teal);font-weight:700;overflow-wrap:anywhere}
footer{background:var(--navy);color:#e6f0f5;padding:35px 0}
.footer-inner{display:flex;align-items:center;justify-content:space-between;gap:20px}.footer-inner strong{font-size:21px}.footer-inner p{margin:4px 0 0;color:#b4cbd8}.footer-inner a{word-break:break-word}
.footer-legal{display:flex;justify-content:space-between;gap:18px;margin-top:24px;border-top:1px solid rgba(255,255,255,.2);padding-top:16px;color:#c9dbe4;font-size:13px}.footer-legal>div{display:flex;gap:18px}
@media(max-width:760px){.audiences{grid-template-columns:1fr;padding:35px 0}.role-grid,.legal-grid{grid-template-columns:1fr}.role-section,.legal-section{padding:45px 0}.hero-inner{padding:48px 0 60px}.notice{margin-top:34px;padding:24px}.header{min-height:74px}.brand>span:first-child{font-size:27px}.footer-inner{align-items:flex-start;flex-direction:column}}
@media(max-width:420px){.wrap{width:min(100% - 28px,1120px)}.header-link{font-size:12px}.hero-inner{padding-top:38px}.notice{padding:20px}.cta{width:100%;font-size:14px}}