.type-b-route{--navy:#112d56;--blue:#2a73d6;--orange:#ff8b16;--ink:#16213b;min-width:320px;color:var(--ink);background:#edf5ff}.type-b-route .page{background:radial-gradient(circle at 72% 12%,#fff 0 8%,#0000 32%),linear-gradient(150deg,#fff 0%,#f5f9ff 44%,#e4f0ff 100%);min-height:100svh;position:relative;overflow:hidden}.type-b-route .page:after{content:"";z-index:0;background:linear-gradient(#bcd7ff38,#e4efffbf);border-radius:50% 50% 0 0;height:270px;position:absolute;bottom:-105px;left:-7%;right:-7%}.type-b-route .shell{z-index:2;width:min(1390px,100% - 72px);margin:auto;position:relative}.type-b-route header{justify-content:space-between;align-items:center;height:94px;display:flex}.type-b-route header.shell{z-index:60}.type-b-route .menu-btn{color:#0c4caa}.type-b-route .hero{isolation:isolate;align-items:center;height:342px;padding:20px 90px;display:flex;position:relative}.type-b-route .hero-copy{z-index:3;width:43%;padding-bottom:8px;position:relative}.type-b-route .hero .kicker{letter-spacing:-.035em;margin:0 0 8px;font-size:22px;font-weight:620;line-height:1.65}.type-b-route .hero h1{letter-spacing:-.055em;margin:0;font-size:clamp(42px,4.1vw,66px);line-height:1.12}.type-b-route .hero h1 strong{color:var(--blue)}.type-b-route .hero .desc{color:#657184;margin:22px 0 0;font-size:15px;font-weight:550;line-height:1.75}.type-b-route .hero-art{z-index:2;filter:drop-shadow(0 23px 20px #2358961a);width:63%;position:absolute;bottom:-1%;right:0}.type-b-route .float{z-index:1;opacity:.7;border-radius:20%;animation:4s ease-in-out infinite type-b-float;position:absolute}.type-b-route .f1{background:#ffb147;width:18px;height:18px;top:55px;left:49%;transform:rotate(45deg)}.type-b-route .f2{background:#9ac6ff;width:24px;height:24px;animation-delay:-1.4s;top:25px;right:6%}.type-b-route .f3{background:#75a6f5;width:12px;height:12px;animation-delay:-2.6s;bottom:42px;left:43%}@keyframes type-b-float{50%{translate:0 -10px;rotate:12deg}}.type-b-route .grid{grid-template-columns:repeat(5,1fr);gap:14px;display:grid}.type-b-route .branch-card{--accent:#4f8ed9;background:#fffffff0;border:1px solid #d6e0edb8;border-radius:17px;min-height:184px;padding:26px 24px;transition:transform .35s cubic-bezier(.16,1,.3,1),box-shadow .35s;position:relative;overflow:hidden;box-shadow:0 15px 28px #2b5b9317}.type-b-route .branch-card:hover{transform:translateY(-7px);box-shadow:0 24px 36px #2b5b9329}.type-b-route .branch-card h2{z-index:3;letter-spacing:-.04em;max-width:62%;margin:0;font-size:21px;line-height:1.3;position:relative}.type-b-route .branch-card .branch-arrow{z-index:4;color:#42658d;background:#fff;border-color:#d7e0ea;width:34px;height:34px;position:absolute;bottom:24px;left:24px}.type-b-route .mini-3d{filter:drop-shadow(0 12px 8px #264b732e);background:bottom/contain no-repeat;width:56%;height:82%;transition:transform .4s cubic-bezier(.16,1,.3,1);position:absolute;bottom:5px;right:1px}.type-b-route .mini-3d i{display:none}.type-b-route .mini-3d:after{content:none}.type-b-route .branch-card:hover .mini-3d{transform:translateY(-7px)rotate(-2deg)scale(1.035)}.type-b-route .b1 .mini-3d{background-image:url(/assets/img/generated/cards/type-b-card-01.png)}.type-b-route .b2 .mini-3d{background-image:url(/assets/img/generated/cards/type-b-card-02.png)}.type-b-route .b3 .mini-3d{background-image:url(/assets/img/generated/cards/type-b-card-03.png)}.type-b-route .b4 .mini-3d{background-image:url(/assets/img/generated/cards/type-b-card-04.png)}.type-b-route .b5 .mini-3d{background-image:url(/assets/img/generated/cards/type-b-card-05.png)}.type-b-route .b6 .mini-3d{background-image:url(/assets/img/generated/cards/type-b-card-06.png)}.type-b-route .b7 .mini-3d{background-image:url(/assets/img/generated/cards/type-b-card-07.png)}.type-b-route .b8 .mini-3d{background-image:url(/assets/img/generated/cards/type-b-card-08.png)}.type-b-route .b9 .mini-3d{background-image:url(/assets/img/generated/cards/type-b-card-09.png)}.type-b-route .b10 .mini-3d{background-image:url(/assets/img/generated/cards/type-b-card-10.png)}.type-b-route .b7 h2{max-width:100%;font-size:17px}.type-b-route .b7 .mini-3d{width:48%;height:70%}.type-b-route .b2{--accent:#efa029}.type-b-route .b3{--accent:#457dcb}.type-b-route .b4{--accent:#5d8fd0}.type-b-route .b5{--accent:#397bd1}.type-b-route .b6{--accent:#6589b5}.type-b-route .b7{--accent:#e98b2e}.type-b-route .b8{--accent:#4184cb}.type-b-route .b9{--accent:#2777ce}.type-b-route .b10{--accent:#4d7fb9}.type-b-route.is-ready .hero-copy{animation:.75s cubic-bezier(.16,1,.3,1) both type-b-left-in}.type-b-route.is-ready .hero-art{animation:1s cubic-bezier(.16,1,.3,1) 80ms both type-b-art-in}.type-b-route.is-ready .branch-card{animation:.58s cubic-bezier(.16,1,.3,1) both type-b-up;animation-delay:calc(.12s + var(--i)*45ms)}@keyframes type-b-left-in{0%{opacity:0;transform:translate(-24px)}}@keyframes type-b-art-in{0%{opacity:0;transform:translate(35px,12px)scale(.96)}}@keyframes type-b-up{0%{opacity:0;transform:translateY(20px)}}@media (max-width:1050px){.type-b-route .hero{padding:30px}.type-b-route .hero-copy{width:55%}.type-b-route .hero-art{width:82%;right:-20%}.type-b-route .grid{grid-template-columns:repeat(2,1fr)}}@media (max-width:650px){.type-b-route .shell{width:calc(100% - 24px)}.type-b-route header{height:70px}.type-b-route header.shell{width:calc(100% - 40px)}.type-b-route .hero{display:none}.type-b-route .grid{grid-template-columns:1fr}.type-b-route .branch-card{min-height:165px}}