:root{--ink:#0a1f3d;--ink2:#10305a;--blue:#2f6fb5;--baby:#dcebfa;--baby2:#c4dcf4;--fg:#18232f;--mut:#4a5b6e;--line:#d3dce7;--h:'Source Serif 4',Georgia,serif;--b:'Source Sans 3',system-ui,sans-serif;
--hbg:var(--ink);--hfg:#fff;--hmut:#c3d4ea;--hline:#ffffff2e;--hacc:#a9cdf2;--hb:var(--blue);--hbh:#fff;--hbhf:var(--ink);--alt:var(--baby);--cbg:var(--ink);--cfg:#fff;--cmut:#c3d4ea;--cb:var(--blue)}
[data-v=b]{--hbg:var(--baby2);--hfg:var(--ink);--hmut:#27405f;--hline:#0a1f3d38;--hacc:var(--blue);--hb:var(--ink);--hbh:var(--blue);--hbhf:#fff;--alt:#f1f7fd;--cbg:var(--baby2);--cfg:var(--ink);--cmut:#27405f;--cb:var(--ink)}
html{scroll-behavior:smooth}
h2{font-size:clamp(1.8rem,3vw,2.5rem)}
h3{font-size:1.28rem;line-height:1.25;font-weight:600}
.sub{font:600 .95rem var(--b);color:var(--blue);margin-bottom:.8rem}
.btn{display:inline-block;background:var(--blue);color:#fff;padding:.85rem 1.7rem;text-decoration:none;font-weight:600;font-size:.95rem;border:1px solid var(--blue);transition:background .2s,color .2s}
.btn:hover{background:var(--ink);border-color:var(--ink)}
.bar .btn{padding:.55rem 1.15rem;opacity:1;color:#fff}
.btn.d{background:none;color:var(--ink);border-color:var(--ink)}
.btn.d:hover{background:var(--ink);color:#fff}
.hero{background:var(--hbg);color:var(--hfg);padding:5.5rem 0 0}
.hero .w{display:grid;grid-template-columns:1.45fr 1fr;gap:4rem;align-items:end}
.hero h1{color:var(--hfg);font-size:clamp(2.7rem,5.2vw,4.7rem);line-height:1.02;letter-spacing:-.028em;max-width:14ch;animation:in .9s both}
.hero p{font-size:1.15rem;color:var(--hmut);margin-top:1.5rem;animation:in .9s .12s both}
.hero .c{margin:2.1rem 0 5rem;animation:in .9s .24s both}
.hero .btn{background:var(--hb);border-color:var(--hb);color:#fff}
.hero .btn:hover{background:var(--hbh);border-color:var(--hbh);color:var(--hbhf)}
.hero .btn.o{background:none;color:var(--hfg);border-color:var(--hfg);margin-left:.8rem}
.hero .btn.o:hover{background:var(--hfg);color:var(--hbg)}
.idx{border-left:1px solid var(--hline);padding:0 0 4.4rem 2.4rem;animation:in .9s .36s both}
.idx .sub{color:var(--hacc)}
.idx a{display:flex;justify-content:space-between;gap:1.5rem;padding:1rem 0;border-top:1px solid var(--hline);text-decoration:none;font:400 1.2rem/1.3 var(--h);color:var(--hfg)}
.idx a:hover{color:var(--hacc)}
.idx a:last-child{border-bottom:1px solid var(--hline)}
.idx a:after{content:"→";font-family:var(--b);opacity:.6}
.sec{padding:4.8rem 0}
.alt{background:var(--alt)}
.open{display:grid;grid-template-columns:1fr 1.2fr;gap:4.5rem;align-items:start}
.open h2{max-width:13ch;font-size:clamp(2rem,3.4vw,2.9rem)}
.open div p{color:var(--mut)}
.open div p:first-child{margin:0;font:400 1.3rem/1.5 var(--h);color:var(--ink)}
.hd{display:flex;justify-content:space-between;align-items:end;gap:2rem;border-bottom:2px solid var(--ink);padding-bottom:1.1rem}
.grid{display:grid;grid-template-columns:1fr 1fr;column-gap:3.5rem}
.grid article{padding:2rem 0;border-bottom:1px solid var(--line)}
.alt .grid article{border-color:#0a1f3d26}
.grid p{color:var(--mut);margin-top:.7rem}
.band{background:var(--ink);color:#fff}
.band h2{color:#fff}
.band p{color:#c3d4ea;margin:0}
.band .in{display:grid;grid-template-columns:1.1fr 1fr;gap:4.5rem;align-items:start}
.band .sub{color:#a9cdf2}
.band .cols{border-left:1px solid #ffffff2e;padding-left:2.4rem;display:grid;gap:1.1rem}
.halves{display:grid;grid-template-columns:1fr 1fr}
.halves>div{background:var(--baby);padding:4.2rem 4rem 4.2rem max(1.5rem,calc((100vw - 1240px)/2))}
.halves>div:last-child{background:var(--ink2);color:#fff;padding:4.2rem max(1.5rem,calc((100vw - 1240px)/2)) 4.2rem 4rem}
.halves h2{margin-bottom:1.6rem}
.halves h3{font-size:1.4rem}
.halves p{color:#34475f}
.halves>div:last-child h2,.halves>div:last-child h3{color:#fff}
.halves>div:last-child p{color:#c3d4ea}
.halves .btn{margin-top:1.6rem}
.halves>div:last-child .btn:hover{background:#fff;color:var(--ink);border-color:#fff}
.cm{display:grid;grid-template-columns:1fr 1.1fr;gap:4.5rem;align-items:start}
.cm p{margin:0;color:var(--mut)}
.cl{background:var(--cbg);color:var(--cfg);padding:4.5rem 0}
.cl .w{display:grid;grid-template-columns:1.2fr 1fr;gap:4.5rem;align-items:center}
.cl h2{color:var(--cfg)}
.cl p{color:var(--cmut);margin:0 0 1.8rem}
.cl .btn{background:var(--cb);border-color:var(--cb)}
.cl .btn:hover{background:var(--hbh);border-color:var(--hbh);color:var(--hbhf)}
@media(max-width:900px){.tg{display:block}nav{display:none;position:absolute;top:70px;left:0;right:0;background:var(--ink);flex-direction:column;align-items:flex-start;padding:1.4rem 1.5rem}nav.on{display:flex}.hero{padding-top:3.5rem}.hero .w,.open,.band .in,.cm,.cl .w,footer .g,.grid,.halves{grid-template-columns:1fr;gap:1.6rem}.hero .c{margin-bottom:2.4rem}.idx{border-left:0;padding:0 0 2.5rem}.sec{padding:3.4rem 0}.band .cols{border-left:0;padding-left:0}.halves>div,.halves>div:last-child{padding:3rem 1.5rem}.hero .btn.o{margin:.8rem 0 0}}