/* sub pages */
body.sub .lg{margin-left:0}

@media(min-width:1001px){body.sub .w{padding-left:max(24px,calc(140px - max(0px,(100vw - 1250px)/2)))}
}

.pb2{position:relative;padding:150px 0 120px;overflow:hidden;background:#ebe7e0;color:#161a20}

.pb2 .bgp{position:absolute;inset:-20px;background-size:cover;background-repeat:no-repeat;animation:kb 22s ease-in-out infinite alternate}

.pb2:before{content:"";position:absolute;inset:0;z-index:1;background:linear-gradient(95deg,#f3efe9f7 0%,#f3efe9d6 45%,#f3efe944)}

.pb2 .w{position:relative;z-index:2}

.crumb{display:flex;gap:8px;font:500 13.5px var(--f2);color:#4a5260;margin-bottom:14px}
.crumb a:hover{color:#0a74d6}

.pb2 h1{font:700 clamp(34px,5vw,52px)/1.06 var(--f1);letter-spacing:-.035em;margin:0;max-width:18ch}

.pb2 p{margin:18px 0 0;color:#2e3540;font-size:17px;max-width:52ch}

.pb2 .rv{transition-delay:.1s}

.pgm{position:relative;z-index:2;background:var(--bg);border-radius:48px 48px 0 0;margin-top:-48px;overflow:hidden}

.pgm>section:first-child{padding-top:84px}

h2.t{font:700 clamp(30px,4.4vw,44px)/1.1 var(--f1);letter-spacing:-.03em;color:#101826;margin:0}

.lead{color:#33415a;font-size:16.5px;line-height:1.75;margin:0 0 18px;max-width:64ch}

.sub .cta{margin-top:40px}

.sub .cta .w{padding-left:max(24px,calc(140px - max(0px,(100vw - 1250px)/2)))}

@media(max-width:1000px){.pb2{padding:120px 0 100px}
body.sub .w{padding-left:24px}
.sub .cta .w{padding-left:24px}
}


.sg{display:grid;grid-template-columns:repeat(4,1fr);gap:18px;margin-top:40px}

.sc{display:block;background:#fff;border-radius:26px;overflow:hidden;box-shadow:0 12px 30px #0a2a5a12;border:1px solid #fff;transition:transform .4s,box-shadow .4s,opacity .7s}

.sc:hover{transform:translateY(-8px);box-shadow:0 26px 50px #0a2a5a26}

.ph3{aspect-ratio:4/3;overflow:hidden}
.ph3>div{width:100%;height:100%;transition:transform .8s}
.sc:hover .ph3>div{transform:scale(1.1)}

.sc h3{font:700 17px/1.3 var(--f1);color:#101826;padding:18px 20px 20px;display:flex;justify-content:space-between;gap:10px;align-items:center}

.sc h3 svg{flex:none;color:#0a74d6;transition:transform .3s}
.sc:hover h3 svg{transform:translateX(5px)}

.pls{display:flex;gap:10px;flex-wrap:wrap;margin-top:22px}

.pls span{border:1px solid #b9c6d8;background:#fff;border-radius:99px;padding:8px 20px;font:600 13px var(--f1);color:#101826}

.two{display:grid;grid-template-columns:1fr 1fr;gap:56px;align-items:start}

.fmt{display:flex;gap:8px;flex-wrap:wrap;margin-top:6px}
.fmt span{background:#0a2a5a;color:#fff;border-radius:99px;padding:7px 18px;font:700 12.5px var(--f1);letter-spacing:.04em;animation:fl 5s ease-in-out infinite}

.fmt span:nth-child(2n){animation-delay:.6s}
.fmt span:nth-child(3n){animation-delay:1.2s}

.stdc{background:linear-gradient(135deg,#232a33,#12171d);color:#fff;border-radius:36px;padding:44px}

.stdc h2{font:700 clamp(26px,3.4vw,36px)/1.15 var(--f1);letter-spacing:-.025em}
.stdc p{color:#c8d5e6;margin:16px 0 0;line-height:1.75;max-width:70ch}

@media(max-width:1000px){.sg{grid-template-columns:1fr 1fr}
.two{grid-template-columns:1fr;gap:30px}
}

@media(max-width:600px){.sg{grid-template-columns:1fr}
.stdc{padding:30px 22px}
}


/* ===== v3 ===== */
.sideimg{display:block;width:100%;max-width:440px;aspect-ratio:16/10;object-fit:cover;border-radius:28px;margin-top:26px;box-shadow:0 20px 50px #0a2a5a30;transition:transform .5s,opacity .7s}
.sideimg:hover{transform:translateY(-6px)}