.service-intro{position:relative;padding:110px 0 70px;background:#f7f8fa;overflow:hidden}.service-intro::before{content:"SERVICE";position:absolute;top:50%;left:-40px;transform:translateY(-50%);font-family:"Montserrat",sans-serif;font-size:clamp(110px,18vw,220px);font-weight:900;color:rgba(27,127,166,.04);letter-spacing:.04em;line-height:1;pointer-events:none;z-index:0;white-space:nowrap}.service-intro .container{position:relative;z-index:1}.service-intro-inner{max-width:820px;margin:0 auto;text-align:center}.service-intro-inner .section-en{justify-content:center}.service-intro-inner .section-en::before{display:inline-block}.service-intro-title{font-size:clamp(28px,3.6vw,40px);font-weight:900;color:#1a2a38;line-height:1.5;letter-spacing:.05em;margin:12px 0 28px}.service-intro-title .accent{color:#1b7fa6}.service-intro-text{font-size:15px;line-height:2.1;color:#555}.service-lineup{position:relative;padding:80px 0 130px;background:#f0f3f5;overflow:hidden}.service-lineup::before{content:"LINEUP";position:absolute;bottom:-30px;right:-40px;font-family:"Montserrat",sans-serif;font-size:clamp(120px,20vw,240px);font-weight:900;color:rgba(27,127,166,.045);letter-spacing:.04em;line-height:1;pointer-events:none;z-index:0}.service-lineup .container{position:relative;z-index:1}.service-lineup-header{text-align:center;margin-bottom:56px}.service-lineup-header .section-en{justify-content:center}.service-card-grid{display:grid;grid-template-columns:repeat(2, 1fr);gap:32px}.service-card{background:#fff;border-radius:2px;overflow:hidden;box-shadow:0 6px 24px rgba(15,40,60,.06);transition:transform .5s cubic-bezier(0.16, 1, 0.3, 1),box-shadow .5s cubic-bezier(0.16, 1, 0.3, 1);position:relative}.service-card::before{content:"";position:absolute;top:0;left:0;width:100%;height:3px;background:linear-gradient(90deg, #1B7FA6, #28A0CC);z-index:3}@media(hover: hover)and (pointer: fine){.service-card:hover{transform:translateY(-4px);box-shadow:0 18px 48px rgba(15,40,60,.14)}}.service-card-link{display:flex;flex-direction:column;height:100%;color:inherit}@media(hover: hover)and (pointer: fine){.service-card-link:hover{opacity:1}}.service-card-media{position:relative;aspect-ratio:16/9;overflow:hidden;background:#0e2c3e}.service-card-media img{width:100%;height:100%;object-fit:cover;transition:transform 1s cubic-bezier(0.16, 1, 0.3, 1)}@media(hover: hover)and (pointer: fine){.service-card:hover .service-card-media img{transform:scale(1.06)}}.service-card-num{position:absolute;bottom:16px;left:22px;font-family:"Montserrat",sans-serif;font-size:56px;font-weight:800;color:#fff;letter-spacing:.02em;line-height:1;text-shadow:0 2px 16px rgba(0,0,0,.4);z-index:2}.service-card-media-graphic{background:linear-gradient(135deg, #1B7FA6 0%, #0E5A78 100%);display:flex;align-items:center;justify-content:center}.service-card-graphic-bg{position:absolute;inset:0;display:flex;align-items:center;justify-content:center}.service-card-graphic-bg svg{width:70%;height:70%;max-width:280px;max-height:280px;animation:graphicSpin 60s linear infinite}@keyframes graphicSpin{from{transform:rotate(0deg)}to{transform:rotate(360deg)}}.service-card-num-light{text-shadow:0 2px 12px rgba(0,0,0,.25)}.service-card-body{padding:32px 30px 36px;display:flex;flex-direction:column;flex:1}.service-card-en{font-family:"Montserrat",sans-serif;font-size:11px;font-weight:600;letter-spacing:.24em;color:#1b7fa6;text-transform:uppercase;margin-bottom:10px}.service-card-title{font-size:24px;font-weight:900;color:#1a2a38;letter-spacing:.06em;margin-bottom:16px}.service-card-text{font-size:14px;line-height:2;color:#555;margin-bottom:24px;flex:1}.service-card-arrow{display:inline-flex;align-items:center;gap:12px;font-family:"Montserrat",sans-serif;font-size:11px;font-weight:700;letter-spacing:.22em;color:#1b7fa6;align-self:flex-start;padding-bottom:6px;border-bottom:1px solid rgba(27,127,166,.4);transition:gap .4s,border-color .4s,color .4s}@media(hover: hover)and (pointer: fine){.service-card:hover .service-card-arrow{gap:18px;border-color:#1b7fa6;color:#146b8e}}.service-card-arrow svg{width:14px;height:14px}.total-logistics{position:relative;padding:130px 0 140px;overflow:hidden;color:#fff}.total-logistics-bg{position:absolute;inset:0;z-index:0}.total-logistics-bg img{width:100%;height:100%;object-fit:cover;transform:scale(1.05);filter:blur(2px)}.total-logistics-overlay{position:absolute;inset:0;z-index:1;background:linear-gradient(160deg, rgba(11, 77, 106, 0.88) 0%, rgba(14, 90, 120, 0.85) 50%, rgba(11, 77, 106, 0.92) 100%)}.total-logistics::before{content:"LOGISTICS";position:absolute;top:60px;right:-30px;font-family:"Montserrat",sans-serif;font-size:clamp(110px,16vw,200px);font-weight:900;color:hsla(0,0%,100%,.05);letter-spacing:.04em;line-height:1;pointer-events:none;z-index:2}.total-logistics .container{position:relative;z-index:3}.total-logistics-header{text-align:center;margin-bottom:64px}.total-logistics-header .section-en{justify-content:center}.total-logistics-header .section-heading{margin-bottom:22px;line-height:1.45}.total-logistics-lead{font-size:15px;line-height:2.1;color:hsla(0,0%,100%,.85);max-width:720px;margin:0 auto}.flow-diagram{display:grid;grid-template-columns:repeat(4, 1fr);row-gap:28px;column-gap:0;position:relative;margin-bottom:56px}.flow-step{position:relative;text-align:center;padding:28px 14px}.flow-step::after{content:"";position:absolute;top:50%;right:-10px;width:20px;height:1px;background:linear-gradient(90deg, rgba(255, 255, 255, 0.5), rgba(124, 211, 237, 0.9));transform:translateY(-50%)}.flow-step::before{content:"";position:absolute;top:calc(50% - 5px);right:-16px;width:0;height:0;border-left:6px solid #7cd3ed;border-top:4px solid rgba(0,0,0,0);border-bottom:4px solid rgba(0,0,0,0)}.flow-step:last-child::after,.flow-step:last-child::before{display:none}.flow-step:nth-child(4n)::after,.flow-step:nth-child(4n)::before{display:none}.flow-step-num{font-family:"Montserrat",sans-serif;font-size:10px;font-weight:600;letter-spacing:.22em;color:#7cd3ed;margin-bottom:16px;text-transform:uppercase}.flow-step-icon{width:76px;height:76px;margin:0 auto 18px;border:1px solid hsla(0,0%,100%,.4);border-radius:50%;display:flex;align-items:center;justify-content:center;background:hsla(0,0%,100%,.06);color:#fff;transition:background .4s,border-color .4s,transform .4s}@media(hover: hover)and (pointer: fine){.flow-step:hover .flow-step-icon{background:hsla(0,0%,100%,.14);border-color:#7cd3ed;transform:translateY(-2px)}}.flow-step-icon svg{width:36px;height:36px}.flow-step-title{font-size:17px;font-weight:700;letter-spacing:.08em;color:#fff;margin-bottom:8px}.flow-step-text{font-size:12px;line-height:1.7;color:hsla(0,0%,100%,.7)}.total-logistics-note{text-align:center;font-size:14px;line-height:2;color:hsla(0,0%,100%,.85);max-width:760px;margin:0 auto;padding-top:36px;border-top:1px solid hsla(0,0%,100%,.18)}.service-strengths{position:relative;padding:120px 0 130px;background:#f0f1f3;overflow:hidden}.service-strengths::before{content:"STRENGTHS";position:absolute;bottom:30px;left:-40px;font-family:"Montserrat",sans-serif;font-size:clamp(100px,16vw,200px);font-weight:900;color:rgba(27,127,166,.045);letter-spacing:.04em;line-height:1;pointer-events:none;z-index:0}.service-strengths .container{position:relative;z-index:1}.service-strengths-header{text-align:center;margin-bottom:56px}.service-strengths-header .section-en{justify-content:center}.service-strength-grid{display:grid;grid-template-columns:repeat(3, 1fr);gap:28px}.service-strength-card{background:#fff;padding:48px 36px 44px;position:relative;border-top:3px solid #1b7fa6;transition:transform .5s cubic-bezier(0.16, 1, 0.3, 1),box-shadow .5s cubic-bezier(0.16, 1, 0.3, 1);box-shadow:0 4px 18px rgba(15,40,60,.05)}@media(hover: hover)and (pointer: fine){.service-strength-card:hover{transform:translateY(-4px);box-shadow:0 16px 40px rgba(15,40,60,.1)}}.service-strength-num{display:inline-block;font-family:"Montserrat",sans-serif;font-size:44px;font-weight:800;color:#1b7fa6;letter-spacing:.02em;line-height:1;margin-bottom:22px}.service-strength-title{font-size:19px;font-weight:700;color:#1a2a38;letter-spacing:.06em;line-height:1.5;margin-bottom:18px}.service-strength-text{font-size:13.5px;line-height:2;color:#555}@media(max-width: 1024px){.service-card-grid{grid-template-columns:repeat(2, 1fr);gap:24px}.service-strength-grid{grid-template-columns:1fr;gap:20px}.service-strength-card{padding:36px 28px 32px}.flow-diagram{grid-template-columns:repeat(4, 1fr);row-gap:24px;column-gap:0}.flow-step{padding:20px 8px}.flow-step-icon{width:64px;height:64px}.flow-step-icon svg{width:30px;height:30px}.flow-step-title{font-size:15px}.flow-step-text{font-size:11px}}@media(max-width: 768px){.service-intro{padding:70px 0 50px}.service-lineup{padding:50px 0 80px}.service-card-grid{grid-template-columns:1fr;gap:20px}.service-card-num{font-size:44px;bottom:12px;left:18px}.service-card-body{padding:26px 22px 30px}.service-card-title{font-size:21px}.total-logistics{padding:80px 0 90px}.total-logistics-header{margin-bottom:48px}.flow-diagram{grid-template-columns:1fr;gap:14px}.flow-step{display:grid;grid-template-columns:auto auto 1fr;grid-template-rows:auto auto;column-gap:18px;text-align:left;padding:18px 4px;align-items:center}.flow-step-num{grid-column:2/4;grid-row:1;margin-bottom:4px}.flow-step-icon{grid-column:1;grid-row:1/3;width:56px;height:56px;margin:0}.flow-step-icon svg{width:26px;height:26px}.flow-step-title{grid-column:2;grid-row:2;font-size:16px;margin-bottom:0}.flow-step-text{grid-column:3;grid-row:2;font-size:11.5px;text-align:right}.flow-step::after,.flow-step::before{display:none}.flow-step:not(:last-child){border-bottom:1px dashed hsla(0,0%,100%,.18)}.service-strengths{padding:70px 0 80px}.service-strength-num{font-size:36px;margin-bottom:16px}.service-strength-title{font-size:17px}}
