
/* 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}
}


.sdd{display:grid;grid-template-columns:1fr 1fr;gap:18px;margin-top:44px}

.sdd>div{background:#ffffff12;border:1px solid #ffffff26;backdrop-filter:blur(16px);border-radius:32px;padding:40px 36px;transition:transform .4s,background .4s,opacity .7s}

.sdd>div:hover{transform:translateY(-8px);background:#ffffff1f}

.sdd b{display:block;font:800 clamp(34px,4.4vw,48px)/1 var(--f1);letter-spacing:-.035em;background:linear-gradient(100deg,#fff,#5cc0ff);-webkit-background-clip:text;background-clip:text;color:transparent}

.sdd p{color:#b6c6dc;margin:14px 0 0;line-height:1.7}

.sdd span{display:inline-block;margin-top:20px;border:1px solid #ffffff44;border-radius:99px;padding:5px 16px;font:600 12.5px var(--f1)}

.dkb .t{color:#fff}
.dkb .lead{color:#b6c6dc}

.ff{display:grid;grid-template-columns:repeat(6,1fr);gap:14px;margin-top:40px}

.ff>div{background:#fff;border-radius:24px;padding:26px 10px;text-align:center;font:800 22px var(--f1);color:#0a2a5a;box-shadow:0 12px 30px #0a2a5a12;transition:transform .4s,background .4s,color .4s,opacity .7s}

.ff>div:hover{transform:translateY(-8px);background:#0a74d6;color:#fff}

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

.uc>div{display:flex;gap:16px;align-items:center;background:linear-gradient(160deg,#fff,#eceff3);border-radius:24px;padding:22px;font-size:14.5px;color:#33415a;line-height:1.5}

.uc .ti{width:48px;height:48px;border-radius:16px;background:linear-gradient(135deg,#0a74d6,#0a2a5a);color:#fff;display:grid;place-items:center;font-size:22px;flex:none}

.rpl{display:flex;gap:10px;flex-wrap:wrap;margin-top:30px}
.rpl span{background:#fff;border:1px solid #dbe4ef;border-radius:99px;padding:11px 22px;font:600 14.5px var(--f1);color:#101826;transition:background .3s,color .3s}
.rpl span:hover{background:#101826;color:#fff}

.std3{display:grid;grid-template-columns:repeat(3,1fr);gap:16px;margin-top:34px}

.std3>div{border-radius:28px;padding:34px 24px;text-align:center;background:linear-gradient(135deg,#232a33,#12171d);color:#fff;font:800 34px var(--f1);transition:transform .4s,opacity .7s}
.std3>div:hover{transform:translateY(-8px)}

@media(max-width:1000px){.ff{grid-template-columns:repeat(3,1fr)}
.uc{grid-template-columns:1fr}
}

@media(max-width:700px){.sdd,.std3{grid-template-columns:1fr}
.ff{grid-template-columns:repeat(2,1fr)}
}

