@charset "utf-8";
.ops_intro {display:grid;grid-template-columns:minmax(0,1.05fr) minmax(0,1fr);gap:clamp(32px,4.5vw,80px);align-items:center}
.ops_intro .txt .title_box {margin-bottom:0}
.ops_intro .txt .title_box h2 {line-height:1.35}
.ops_diff {display:flex;flex-direction:column;gap:clamp(12px,1.4vw,18px)}
.ops_diff li {display:flex;align-items:flex-start;gap:clamp(14px,1.5vw,20px);background:var(--white);border:solid 1px var(--line);border-radius:18px;padding:clamp(20px,2.2vw,28px) clamp(18px,2.2vw,30px);transition:all .25s}
.ops_diff li:hover {border-color:var(--primary);box-shadow:0 14px 32px rgba(51,132,254,.1);transform:translateY(-3px)}
.ops_diff li .ic {flex:0 0 auto;display:flex;align-items:center;justify-content:center;width:clamp(48px,4.4vw,56px);height:clamp(48px,4.4vw,56px);border-radius:14px;background:var(--blue-bg);color:var(--primary)}
.ops_diff li .t strong {display:block;font-family:'godo', sans-serif;font-size:clamp(17px,1.55vw,21px);font-weight:700;color:var(--tit);line-height:1.4}
.ops_diff li .t p {font-size:clamp(13.5px,1.2vw,15.5px);color:var(--txt-light);margin-top:7px;line-height:1.62}
.ops_grid {display:grid;grid-template-columns:repeat(4,1fr);gap:clamp(14px,1.6vw,24px)}
.ops_card {position:relative;background:var(--white);border:solid 1px var(--line);border-radius:22px;padding:clamp(26px,2.8vw,38px) clamp(20px,2.2vw,30px);overflow:hidden;transition:all .28s}
.ops_card::before {content:'';position:absolute;left:0;top:0;width:100%;height:4px;background:linear-gradient(90deg,var(--primary),var(--sky));transform:scaleX(0);transform-origin:left;transition:transform .32s}
.ops_card:hover {border-color:transparent;box-shadow:0 20px 44px rgba(27,43,75,.13);transform:translateY(-6px)}
.ops_card:hover::before {transform:scaleX(1)}
.ops_card .num {position:absolute;top:clamp(18px,2vw,26px);right:clamp(18px,2vw,26px);font-size:clamp(30px,3.4vw,44px);font-weight:800;line-height:1;color:#EEF3FB;letter-spacing:-.02em;transition:color .28s}
.ops_card:hover .num {color:#E1ECFD}
.ops_card .ico {display:flex;align-items:center;justify-content:center;width:clamp(58px,5.2vw,68px);height:clamp(58px,5.2vw,68px);border-radius:18px;background:var(--blue-bg);color:var(--primary);margin-bottom:clamp(18px,2vw,26px);transition:all .28s}
.ops_card:hover .ico {background:var(--primary);color:var(--white);box-shadow:0 12px 24px rgba(51,132,254,.32)}
.ops_card .tit {display:block;position:relative;font-family:'godo', sans-serif;font-size:clamp(18px,1.7vw,22px);font-weight:700;color:var(--tit);line-height:1.4}
.ops_card p {font-size:clamp(13.5px,1.2vw,15.5px);color:var(--txt-light);margin-top:12px;line-height:1.72}
.ops_stats {background:var(--navy);position:relative;overflow:hidden;padding:clamp(64px,7vw,100px) 0}
.ops_stats::before {content:'';position:absolute;width:520px;height:520px;border-radius:50%;background:rgba(51,132,254,.16);top:-260px;right:-120px}
.ops_stats::after {content:'';position:absolute;width:360px;height:360px;border-radius:50%;background:rgba(245,214,61,.08);bottom:-220px;left:-90px}
.ops_stats .wrapper {position:relative;z-index:1}
.ops_stats .head {text-align:center;margin-bottom:clamp(40px,4.4vw,60px)}
.ops_stats .head .s_tit {display:inline-block;font-family:'montserrat', sans-serif;font-size:clamp(13px,1.15vw,16px);font-weight:700;letter-spacing:.16em;text-transform:uppercase;color:var(--secondary);margin-bottom:14px}
.ops_stats .head .tit {display:block;font-family:'godo', sans-serif;font-size:clamp(24px,2.8vw,38px);font-weight:700;color:var(--white);line-height:1.4}
.ops_stats .list {display:grid;grid-template-columns:repeat(4,1fr);gap:clamp(16px,2vw,30px)}
.ops_stats .item {text-align:center;padding:clamp(20px,2.2vw,30px) 10px;border-radius:20px;background:rgba(255,255,255,.04);border:solid 1px rgba(255,255,255,.08)}
.ops_stats .num_wrap {display:flex;align-items:flex-start;justify-content:center;gap:0 4px;color:var(--white)}
.ops_stats .num_wrap em {font-family:'montserrat', sans-serif;font-size:clamp(44px,5.6vw,72px);font-weight:800;line-height:1;letter-spacing:-.02em}
.ops_stats .num_wrap .unit {font-family:'godo', sans-serif;font-size:clamp(18px,2vw,26px);font-weight:700;color:var(--secondary);margin-top:clamp(6px,.8vw,12px)}
.ops_stats .item p {font-size:clamp(15px,1.5vw,19px);font-weight:700;color:var(--white);margin-top:clamp(14px,1.6vw,20px);line-height:1.5}
.ops_stats .item p .s {display:block;font-size:clamp(12.5px,1.1vw,14.5px);font-weight:500;color:rgba(255,255,255,.6);margin-top:6px}
@media screen and (max-width: 1200px) {
.ops_grid {grid-template-columns:repeat(2,1fr)}
}
@media screen and (max-width: 1024px) {
.ops_intro {grid-template-columns:1fr;gap:36px}
.ops_diff {flex-direction:row;flex-wrap:wrap}
.ops_diff li {flex:1 1 100%}
.ops_stats .list {grid-template-columns:repeat(2,1fr)}
}
@media screen and (max-width: 768px) {
.ops_grid {grid-template-columns:1fr}
}
@media screen and (max-width: 480px) {
.ops_stats .list {grid-template-columns:1fr}
.ops_card .num {font-size:38px}
}