/* hero: sector slideshow */
.hero{min-height:100svh;align-items:stretch;flex-direction:column;justify-content:flex-end}
.hero .slides{position:absolute;inset:-3%;z-index:-3;transform:translate3d(var(--mx,0),var(--my,0),0);transition:transform .8s cubic-bezier(.2,.8,.2,1)}
.hero .s{position:absolute;inset:0;background:#061325 center/cover no-repeat;opacity:0;transform:scale(1.12);transition:opacity 1.4s ease,transform 7.5s linear}
.hero .s.on{opacity:1;transform:scale(1.02)}
.hero::after{background-size:88px 88px;opacity:.6}
.hud{position:absolute;inset:150px 28px 150px auto;width:min(36vw,520px);pointer-events:none;z-index:-1}
.hud i{position:absolute;width:26px;height:26px;border:2px solid rgba(156,196,234,.55)}
.hud i:nth-child(1){left:0;top:0;border-right:0;border-bottom:0}.hud i:nth-child(2){right:0;top:0;border-left:0;border-bottom:0}.hud i:nth-child(3){left:0;bottom:0;border-right:0;border-top:0}.hud i:nth-child(4){right:0;bottom:0;border-left:0;border-top:0}
.hud .tag{position:absolute;right:0;top:-34px;font:600 11.5px/1 var(--f-b);letter-spacing:.2em;color:var(--sky);display:flex;gap:10px;align-items:center}
.hud .tag b{color:#fff;font-weight:600}.hud .tag::before{content:"";width:7px;height:7px;border-radius:50%;background:#5BD08F;box-shadow:0 0 0 0 rgba(91,208,143,.6);animation:ping 2s infinite}
@keyframes ping{70%{box-shadow:0 0 0 10px rgba(91,208,143,0)}100%{box-shadow:0 0 0 0 rgba(91,208,143,0)}}
.hud .ret{position:absolute;left:50%;top:50%;width:84px;height:84px;margin:-42px;border:1px solid rgba(156,196,234,.35);border-radius:50%;animation:ret 6s ease-in-out infinite}
.hud .ret::before,.hud .ret::after{content:"";position:absolute;background:rgba(156,196,234,.5)}.hud .ret::before{left:50%;top:-14px;bottom:-14px;width:1px}.hud .ret::after{top:50%;left:-14px;right:-14px;height:1px}
@keyframes ret{0%,100%{transform:translate(-40px,30px)}50%{transform:translate(50px,-40px)}}
@media (max-width:1020px){.hud{display:none}}
.hero .wrap.hc{max-width:1440px;padding-top:190px;padding-bottom:40px}
.hero h1{max-width:none;font-size:clamp(44px,6.6vw,104px)}
.hrot{display:block;position:relative;height:1.08em;overflow:hidden;color:var(--sky)}
.hrot span{position:absolute;left:0;top:0;transform:translateY(105%);transition:transform .8s cubic-bezier(.2,.8,.2,1)}
.hrot span.on{transform:none}.hrot span.out{transform:translateY(-105%)}
.rail{position:relative;z-index:2;border-top:1px solid var(--line);background:linear-gradient(180deg,rgba(4,10,19,.2),rgba(4,10,19,.75));backdrop-filter:blur(8px)}
.rail .wrap{max-width:1440px;display:grid;grid-template-columns:repeat(4,minmax(0,1fr))}
.rail button{all:unset;cursor:pointer;padding:22px 22px 24px;border-left:1px solid var(--line);position:relative;display:flex;flex-direction:column;gap:6px}
.rail button:last-child{border-right:1px solid var(--line)}
.rail button .n{font:600 12px var(--f-b);letter-spacing:.2em;color:var(--steel)}.rail button b{font:700 20px/1.1 var(--f-h);color:#cfdbe8;transition:color .3s}
.rail button small{font-size:13px;color:var(--muted)}
.rail button::before{content:"";position:absolute;left:0;top:-1px;height:2px;width:0;background:var(--sky)}
.rail button.on b{color:#fff}.rail button.on::before{animation:prog var(--dur,6.5s) linear forwards}
.rail button:hover b{color:#fff}.rail button:focus-visible{outline:2px solid var(--sky);outline-offset:-2px}
@keyframes prog{to{width:100%}}
@media (max-width:760px){.rail .wrap{grid-template-columns:repeat(4,1fr);padding:0}.rail button{padding:14px 8px;align-items:center;text-align:center}.rail button small,.rail button .n{display:none}.rail button b{font-size:14px}}
.hero .finder{margin-top:36px}
/* why - bento */
.bento{display:grid;grid-template-columns:1.3fr 1fr 1fr;grid-auto-rows:minmax(220px,auto);gap:16px}
.card{position:relative;border-radius:22px;padding:30px;background:#fff;border:1px solid #dfe7f0;overflow:hidden;transition:transform .4s cubic-bezier(.2,.8,.2,1),box-shadow .4s}
.card:hover{transform:translateY(-6px);box-shadow:0 26px 50px rgba(0,41,74,.12)}
.card .ic{width:52px;height:52px;border-radius:14px;background:#e3eefa;color:var(--navy);display:grid;place-items:center;margin-bottom:22px;transition:transform .4s}
.card:hover .ic{transform:rotate(-8deg) scale(1.08)}.card .ic svg{width:26px;height:26px}
.card h3{font-size:23px;font-weight:800;color:#0D1B2A;margin-bottom:10px}.card p{margin:0;color:#4d5f73;font-size:15.5px}
.card .big{font:800 54px/1 var(--f-h);letter-spacing:-.03em;color:var(--navy);margin-bottom:6px}
.card.hero-c{grid-row:span 2;color:#fff;border:0;display:flex;flex-direction:column;justify-content:flex-end;min-height:480px;isolation:isolate}
.card.hero-c img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;z-index:-2;transition:transform 1.4s cubic-bezier(.2,.8,.2,1)}
.card.hero-c:hover img{transform:scale(1.06)}
.card.hero-c::after{content:"";position:absolute;inset:0;z-index:-1;background:linear-gradient(0deg,rgba(0,20,40,.95),rgba(0,20,40,.2) 70%)}
.card.hero-c h3{color:#fff;font-size:34px}.card.hero-c p{color:#cfe0f1;font-size:17px;max-width:420px}
.card.dark{background:var(--navy);border-color:var(--navy)}.card.dark h3,.card.dark .big{color:#fff}.card.dark p{color:#cfe0f1}.card.dark .ic{background:rgba(255,255,255,.1);color:var(--sky)}
@media (max-width:980px){.bento{grid-template-columns:1fr 1fr}.card.hero-c{grid-column:1/-1;grid-row:auto;min-height:380px}}
@media (max-width:600px){.bento{grid-template-columns:1fr}}
/* how it works - interactive */
.how{display:grid;grid-template-columns:1fr 1.15fr;gap:48px;align-items:stretch}
.hlist{display:flex;flex-direction:column;gap:10px}
.hstep{all:unset;cursor:pointer;display:grid;grid-template-columns:56px 1fr;gap:18px;padding:22px 24px;border-radius:18px;border:1px solid #dfe7f0;background:#fff;position:relative;overflow:hidden;transition:border-color .3s,box-shadow .3s}
.hstep .k{font:800 34px/1 var(--f-h);color:#c3d2e2;transition:color .3s}
.hstep b{display:block;font:800 20px/1.2 var(--f-h);color:#0D1B2A;margin-bottom:4px}.hstep span{font-size:14.5px;color:#4d5f73;display:block}
.hstep .t{font-size:12px;font-weight:600;color:var(--navy);letter-spacing:.06em;margin-top:8px;text-transform:uppercase}
.hstep::after{content:"";position:absolute;left:0;bottom:0;height:3px;width:0;background:var(--blue)}
.hstep.on{border-color:#b9cde2;box-shadow:0 18px 40px rgba(0,41,74,.1)}.hstep.on .k{color:var(--blue)}.hstep.on::after{animation:prog 5.5s linear forwards}
.hstep:focus-visible{outline:2px solid var(--blue)}
.hview{position:relative;border-radius:24px;background:linear-gradient(150deg,#00294A,#071d36);overflow:hidden;min-height:440px;isolation:isolate;padding:34px;display:flex;align-items:center;justify-content:center}
.hview::before{content:"";position:absolute;inset:0;z-index:-1;background-image:linear-gradient(rgba(255,255,255,.05) 1px,transparent 1px),linear-gradient(90deg,rgba(255,255,255,.05) 1px,transparent 1px);background-size:40px 40px}
.hp{position:absolute;inset:34px;display:flex;align-items:center;justify-content:center;opacity:0;transform:translateY(20px) scale(.98);transition:opacity .6s,transform .6s cubic-bezier(.2,.8,.2,1);pointer-events:none}
.hp.on{opacity:1;transform:none}
.mock{width:100%;max-width:440px;background:#fff;border-radius:16px;box-shadow:0 30px 60px rgba(0,0,0,.35);color:#0D1B2A;overflow:hidden;font-size:14px}
.mock .mh{display:flex;justify-content:space-between;align-items:center;padding:14px 18px;border-bottom:1px solid #e6edf4;font-weight:700}.mock .mh small{font-weight:600;color:#4d5f73}
.mock .mb{padding:16px 18px;display:grid;gap:10px}
.mrow{display:grid;grid-template-columns:1fr auto;gap:10px;padding:10px 12px;border-radius:10px;background:#f3f6fa}.mrow b{font-family:ui-monospace,Menlo,monospace;font-size:13px}.mrow span{color:#4d5f73;font-size:12.5px}
.pill2{display:inline-flex;align-items:center;gap:6px;font-size:12px;font-weight:700;padding:5px 10px;border-radius:999px;background:#e2f4ea;color:#1e7a4c}.pill2.b{background:#e3eefa;color:#00294A}
.mtot{display:flex;justify-content:space-between;align-items:center;padding:12px 18px;background:#00294A;color:#fff;font-weight:700}
.lbl{width:100%;max-width:400px;background:#fff;border-radius:14px;padding:18px;box-shadow:0 30px 60px rgba(0,0,0,.35);color:#0D1B2A;border:2px solid #00294A}
.lbl .r1{display:flex;justify-content:space-between;align-items:center;border-bottom:2px solid #00294A;padding-bottom:10px;margin-bottom:10px}.lbl .r1 svg{height:18px;color:#00294A}
.lbl .pn{font:800 26px ui-monospace,Menlo,monospace;letter-spacing:.02em}.lbl .gr{display:grid;grid-template-columns:repeat(4,1fr);gap:8px;margin-top:10px;font-size:10px;color:#4d5f73;font-weight:700}.lbl .gr b{display:block;color:#0D1B2A;font-size:13px}
.bars{height:36px;margin-top:12px;background:repeating-linear-gradient(90deg,#0D1B2A 0 2px,transparent 2px 4px,#0D1B2A 4px 5px,transparent 5px 8px,#0D1B2A 8px 11px,transparent 11px 12px);width:60%}
.trk{width:100%;max-width:420px;display:grid;gap:0}
.trk .tr{display:grid;grid-template-columns:28px 1fr auto;gap:14px;align-items:start;color:#cfe0f1;padding-bottom:22px;position:relative}
.trk .tr::before{content:"";position:absolute;left:13px;top:26px;bottom:0;width:2px;background:rgba(156,196,234,.25)}.trk .tr:last-child::before{display:none}
.trk .dot{width:28px;height:28px;border-radius:50%;border:2px solid var(--sky);display:grid;place-items:center}.trk .done .dot{background:var(--sky)}.trk .dot svg{width:14px;height:14px;color:#00294A}
.trk b{color:#fff;display:block;font-family:var(--f-h);font-size:17px}.trk small{color:var(--steel);font-size:12.5px}
@media (max-width:980px){.how{grid-template-columns:1fr}.hview{min-height:380px}}
/* quality grid 4 */
.trust.t4{grid-template-columns:repeat(4,minmax(0,1fr))}@media (max-width:980px){.trust.t4{grid-template-columns:1fr 1fr}}
/* cta band v2 */
.cta-band.v2{background:#061325}
.cta-band.v2 .cbg{position:absolute;inset:0;z-index:-2;background:right center/cover no-repeat;opacity:.45;filter:saturate(.6);transform:scale(1.05);transition:transform 6s ease}
.cta-band.v2:hover .cbg{transform:scale(1.12)}
.cta-band.v2::before{width:auto;height:auto;inset:0;border-radius:0;right:0;top:0;background:linear-gradient(90deg,rgba(4,10,19,.96) 0%,rgba(4,10,19,.75) 55%,rgba(4,10,19,.35) 100%)}
.cta-band.v2::after{display:none}
.lbl .r1 .lbl-logo svg{height:22px;width:auto;display:block}
.lbl .lref{display:flex;justify-content:space-between;align-items:center;margin-top:8px;padding:6px 8px;border:1px dashed #9db4cb;border-radius:6px;font-size:10px;font-weight:700;color:#4d5f73}
.lbl .lref b{font:800 13px ui-monospace,Menlo,monospace;color:#00294A}

@media (max-width:980px){.how .hview{order:-1;min-height:440px;padding:16px}.how .hp{inset:16px}}
@media (max-width:640px){.lbl .gr{grid-template-columns:repeat(2,1fr)}.lbl .pn{font-size:22px}.how .hview{min-height:400px}}
.lbl .r1 .lbl-logo{flex:none;display:block}.lbl .r1 .lbl-logo svg{width:auto;height:22px}

.hero .s.flip{transform:scaleX(-1) scale(1.12)}.hero .s.flip.on{transform:scaleX(-1) scale(1.02)}
.hero .s.dull{filter:url(#jtd) brightness(.95)}