:root{color-scheme:light;--blue:#111184;--night:#06061f;--orange:#ff6a2a;--paper:#f3ebdd;--white:#fff;--line:rgba(17,17,132,.16);font-family:Inter,ui-sans-serif,-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif}
*{box-sizing:border-box}
html{scroll-behavior:smooth}
body{margin:0;background:var(--paper);color:var(--night);line-height:1.6}
a{color:inherit}
a:focus-visible{outline:3px solid var(--orange);outline-offset:4px}
.shell{width:min(1120px,calc(100% - 44px));margin-inline:auto}
.site-header{background:var(--night);color:white;border-bottom:1px solid rgba(255,255,255,.16)}
.site-header .shell{display:flex;align-items:center;justify-content:space-between;gap:20px;min-height:74px}
.mark{font-size:.95rem;letter-spacing:.15em;font-weight:800;text-decoration:none;white-space:nowrap}
.mark span{color:var(--orange);margin:0 .35rem}
.nav{display:flex;gap:clamp(14px,3vw,34px);align-items:center;font-size:.86rem}
.nav a{opacity:.76;text-decoration:none;transition:opacity .2s}
.nav a:hover,.nav a[aria-current="page"]{opacity:1}
.hero{background:var(--blue);color:var(--white);position:relative;overflow:hidden}
.hero:after{content:"";position:absolute;width:min(48vw,560px);height:min(48vw,560px);right:-11%;bottom:-65%;border:1px solid rgba(255,255,255,.2);border-radius:50%;box-shadow:0 0 0 54px rgba(255,255,255,.055),0 0 0 108px rgba(255,255,255,.035);pointer-events:none}
.hero .shell{position:relative;z-index:1;padding-block:clamp(84px,13vw,170px) clamp(80px,12vw,150px)}
.eyebrow{display:inline-flex;align-items:center;gap:10px;font-size:.73rem;font-weight:700;letter-spacing:.18em;text-transform:uppercase}
.eyebrow:before{content:"";display:inline-block;width:20px;height:2px;background:var(--orange)}
h1,h2,h3,p{margin-top:0}
h1{font-size:clamp(3.2rem,8.7vw,7.5rem);line-height:.98;letter-spacing:-.065em;max-width:920px;margin:32px 0 34px;font-weight:800}
.hero .lead{font-size:clamp(1.03rem,2vw,1.28rem);max-width:620px;color:rgba(255,255,255,.84);line-height:1.65}
.hero-foot{display:flex;align-items:center;flex-wrap:wrap;gap:15px;margin-top:40px}
.tag{border:1px solid rgba(255,255,255,.4);border-radius:50px;padding:8px 14px;font-size:.78rem;letter-spacing:.02em}
.signal{color:var(--orange);font-weight:800}
.section{padding-block:clamp(64px,9vw,112px)}
.section-title{font-size:clamp(2rem,4vw,3.6rem);letter-spacing:-.055em;line-height:1.08;max-width:760px;margin:18px 0 45px}
.grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:18px}
.panel{padding:28px;background:rgba(255,255,255,.58);border:1px solid var(--line);border-radius:14px;min-height:230px}
.panel .number{display:block;color:var(--blue);font-size:.73rem;letter-spacing:.15em;font-weight:800;margin-bottom:32px}
.panel h3{font-size:1.25rem;letter-spacing:-.035em;margin-bottom:12px}
.panel p{color:#35364b;font-size:.94rem;margin:0}
.note{background:var(--night);color:#fff;padding-block:clamp(60px,8vw,98px)}
.note-layout{display:grid;grid-template-columns:1fr 1fr;gap:64px;align-items:center}
.note h2{font-size:clamp(2.2rem,4.8vw,4.2rem);letter-spacing:-.06em;line-height:1.08;margin:17px 0}
.note p{color:rgba(255,255,255,.75)}
.link-button{display:inline-flex;align-items:center;gap:14px;text-decoration:none;border-bottom:2px solid var(--orange);padding:10px 0;font-size:.95rem;font-weight:700}
.site-footer{padding:32px 0 42px;background:var(--paper);border-top:1px solid var(--line)}
.footer-grid{display:flex;align-items:flex-start;justify-content:space-between;gap:20px;flex-wrap:wrap;font-size:.83rem;color:#4a4a5d}
.footer-grid nav{display:flex;gap:20px;flex-wrap:wrap}
.footer-grid a{text-underline-offset:4px}
.document{padding-block:clamp(64px,10vw,120px) 110px}
.document h1{font-size:clamp(2.7rem,6.5vw,5.9rem);max-width:950px;margin:28px 0}
.document .intro{font-size:1.16rem;max-width:780px;color:#45465b}
.document-content{max-width:780px;margin-top:68px}
.document-content section{border-top:1px solid var(--line);padding:30px 0}
.document-content h2{font-size:1.35rem;letter-spacing:-.03em;margin-bottom:10px}
.document-content p,.document-content li{color:#3c3c50}
.document-content ul{padding-left:22px}
.small{font-size:.81rem;color:#676878}
@media(max-width:760px){.site-header .shell{min-height:70px;align-items:flex-start;flex-direction:column;padding:19px 0;gap:16px}.grid,.note-layout{grid-template-columns:1fr}.panel{min-height:0}.note-layout{gap:20px}.hero:after{width:410px;height:410px;right:-50%;bottom:-42%}.hero .shell{padding-block:88px 100px}.section-title{margin-bottom:28px}.document-content{margin-top:50px}}
