.c3{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:24px;width:100%;max-width:820px;margin:0 auto;justify-content:center}
.c3>.cc{min-width:0;width:100%}
.c3 .cc{position:relative;border-radius:0;padding:12px;aspect-ratio:1/1;display:flex;color:#fff;
 background:linear-gradient(135deg,rgba(255,255,255,.7) 0,rgba(255,255,255,.3) 55%,rgba(255,255,255,.55) 100%);
 border:1px solid rgba(255,255,255,.95);box-shadow:inset 0 0 0 1px rgba(160,178,190,.4),inset 0 1px 0 #fff,0 22px 46px rgba(35,65,95,.18),0 3px 8px rgba(35,65,95,.1)}
.c3 .cc::before{content:"";position:absolute;left:50%;top:-12px;width:46%;height:30px;border-radius:50%;transform:translateX(-50%);background:radial-gradient(closest-side,rgba(255,255,255,.95),rgba(255,255,255,0));pointer-events:none}
.c3 .cc::after{content:"";position:absolute;left:12%;right:12%;bottom:-9px;height:18px;border-radius:50%;background:radial-gradient(closest-side,rgba(255,255,255,.9),rgba(255,255,255,0));pointer-events:none}
.c3 .cp{position:relative;overflow:hidden;flex:1;min-width:0;display:flex;flex-direction:column;justify-content:space-between;gap:18px;border-radius:0;padding:22px 20px 20px;border:1px solid rgba(255,255,255,.35);
 background:var(--pbg);box-shadow:inset 0 1px 0 rgba(255,255,255,.75),inset 0 -14px 24px rgba(0,30,80,.18),0 6px 14px rgba(20,50,90,.2)}
.c3 .cp::before{content:"";position:absolute;inset:0;pointer-events:none;background:linear-gradient(180deg,rgba(255,255,255,.34) 0,rgba(255,255,255,.08) 38%,rgba(255,255,255,0) 40%)}
.c3 .cp::after{content:"";position:absolute;left:-10%;right:-10%;bottom:-8%;height:56%;pointer-events:none;border-radius:50% 50% 0 0/38% 38% 0 0;background:linear-gradient(180deg,rgba(255,255,255,.2),rgba(255,255,255,.04))}
.c3 .cp>*{position:relative;z-index:1}
.c3 .ci{flex:none;aspect-ratio:1;width:48px;height:48px;border-radius:50%;border:2.5px solid rgba(255,255,255,.95);background:rgba(255,255,255,.22);color:#fff;display:grid;place-items:center;box-shadow:inset 0 1px 0 rgba(255,255,255,.7),0 3px 8px rgba(0,30,80,.2)}
.c3 .ci{border:0!important;background:none!important;box-shadow:none!important;color:#1d1d1f!important;width:auto;height:auto;aspect-ratio:auto}.c3 .ci svg{width:40px;height:40px;stroke-width:1.1}
.c3 .tx{display:flex;flex-direction:column;gap:6px}
.c3 h4{font-size:clamp(20px,1.8vw,23px);font-weight:600;letter-spacing:-.01em;color:var(--ptx);text-shadow:0 1px 2px rgba(0,30,70,.28)}
.c3 p{color:var(--ptx);opacity:.95;font-size:clamp(14px,1.2vw,16px);line-height:1.6;font-weight:500;text-shadow:0 1px 2px rgba(0,30,70,.25)}
.c3 .pill{align-self:stretch;text-align:center;padding:13px 16px;font-size:15px;font-weight:500;color:var(--pac);background:linear-gradient(180deg,#fff 0,#e9f1f9 100%);border:1px solid rgba(255,255,255,.9);box-shadow:inset 0 1px 0 #fff,0 8px 18px rgba(0,25,70,.28);transition:transform .5s cubic-bezier(.22,1,.36,1),box-shadow .5s}
.c3 .pill:hover{background:linear-gradient(180deg,#fff,#f2f7fc);transform:translateY(-2px)}
.c3 .pill-line{color:var(--pac)}
.c3 .v-blue{--pbg:linear-gradient(135deg,#55b0f7 0,#1a72e4 48%,#1257c8 100%);--ptx:#fff;--pac:#1259cc}
.c3 .v-teal{--pbg:linear-gradient(135deg,#79dcea 0,#2eadc4 50%,#14788e 100%);--ptx:#fff;--pac:#0f6f85}
.c3 .v-steel{--pbg:linear-gradient(135deg,#d3e4ee 0,#9db8c8 50%,#7893a5 100%);--ptx:#0d2a3a;--pac:#2f5f7c}
.c3 .v-steel .ci{border-color:#fff;color:#1f4a63}.c3 .v-steel h4,.c3 .v-steel p{text-shadow:0 1px 1px rgba(255,255,255,.5)}
@media(max-width:860px){.c3{grid-template-columns:minmax(0,1fr);justify-items:center;max-width:320px}.c3>.cc{width:100%}}.step{display:grid;grid-template-columns:1fr 1fr;gap:56px;align-items:center;max-width:1100px;margin:0 auto}
.step+.step{margin-top:110px}
.step.rev .si{order:2}
.si{border-radius:0;overflow:hidden;background:var(--mist);aspect-ratio:16/10}
.si img{width:100%;height:100%;object-fit:cover;display:block;transform:scale(1.08);transition:transform 1.6s var(--ease)}
.step.in .si img{transform:none}
.sn{font-size:clamp(64px,9vw,120px);line-height:.9;font-weight:600;letter-spacing:-.04em;color:var(--hair);transition:color .9s var(--ease) .2s}
.step.in .sn{color:var(--blue)}
.st h3{font-size:clamp(24px,3vw,36px);line-height:1.3;font-weight:600;letter-spacing:-.01em;margin:16px 0 14px;word-break:keep-all;overflow-wrap:anywhere}
.st p{font-size:19px;line-height:1.8;color:var(--slate)}
.point{max-width:1100px;margin:110px auto 0;background:var(--mist);border-radius:0;padding:56px 48px;display:grid;grid-template-columns:.8fr 1.2fr;gap:40px;align-items:center}
.point h3{font-size:clamp(26px,3.2vw,40px);line-height:1.25;font-weight:600}
.point .eyebrow{margin-bottom:12px}
.point ul{list-style:none;display:flex;flex-direction:column;gap:16px}
.point li{display:flex;gap:14px;align-items:center;font-size:clamp(17px,1.8vw,21px);line-height:1.5}
.point li svg{flex:0 0 30px;width:30px;height:30px;padding:6px;border-radius:50%;background:var(--blue);color:#fff}
.point li strong{font-weight:600}
@media(max-width:860px){.step{grid-template-columns:1fr;gap:26px}.step.rev .si{order:0}.step+.step{margin-top:72px}.point{grid-template-columns:1fr;padding:36px 24px;margin-top:72px}}
.st4{background:var(--mist);padding:0 0 40px}
.st4 .fcard{position:sticky;top:var(--top,84px);display:flex;flex-direction:column;height:min(620px,78vh);min-height:440px;margin-bottom:75vh;background:#fff;border-radius:0;padding:40px 44px 0;overflow:hidden;transform:scale(var(--s,1));transform-origin:50% 0;will-change:transform;box-shadow:0 -1px 0 rgba(0,0,0,.04);color:inherit;text-decoration:none}
.st4 .fcard:last-child{margin-bottom:0}
.st4 .fhold{height:24vh}
.st4 .fcard:nth-last-child(2){margin-bottom:0}
.st4 .fcard .en{font-size:12px;font-weight:600;letter-spacing:.2em;color:var(--slate);margin:0}
.st4 .fcard h3{font-size:clamp(30px,4.4vw,48px);line-height:1.1;font-weight:600;margin:10px 0 0;letter-spacing:-.015em;color:var(--ink)}
.st4 .fcard .media{flex:1;min-height:0;margin:30px -44px 0;overflow:hidden;border-radius:0;clip-path:inset(18% 6% 0 6% round 0 20px 0 0);transition:clip-path 1.2s cubic-bezier(.22,1,.36,1) .2s}
.st4 .fcard.in .media{clip-path:inset(0 0 0 0 round 0 20px 0 0)}
.st4 .fcard .media img{width:100%;height:100%;object-fit:cover;display:block;transform:scale(1.14);transition:transform 1.8s cubic-bezier(.22,1,.36,1) .2s}
.st4 .fcard.in .media img{transform:scale(1)}
.st4 .fcard:hover .media img{transform:scale(1.04);transition-delay:0s;transition-duration:1.2s}
.st4 .fcard .plus{position:absolute;right:28px;top:28px;width:40px;height:40px;border-radius:50%;background:var(--mist);display:grid;place-items:center;font-size:22px;line-height:1;transition:transform .35s,background .2s,color .2s}
.st4 .fcard:hover .plus{transform:rotate(90deg);background:var(--ink);color:#fff}
@media(max-width:760px){.st4 .fcard{padding:28px 24px 0;border-radius:0;height:min(520px,74vh)}.st4 .fcard .media{margin:20px -24px 0}}
@media(prefers-reduced-motion:reduce){.st4 .fhold{display:none}.st4 .fcard{position:relative;top:auto;margin-bottom:28px;transform:none}.st4 .fcard::after{display:none}.st4 .fcard .en,.st4 .fcard h3{opacity:1;transform:none;transition:none}.st4 .fcard .media{clip-path:none}.st4 .fcard .media img{transform:none}}