@import url('style.css');
body{background:#f7faff}.service-hero{min-height:650px;padding:150px max(6vw,28px) 90px;background:radial-gradient(circle at 82% 25%,#0b568d 0,#072b51 25%,#04162d 58%);color:#fff;display:grid;grid-template-columns:1fr .8fr;gap:7vw;align-items:center}.service-hero h1{font-size:clamp(42px,5vw,72px);line-height:1.03;letter-spacing:-3px;margin:18px 0}.service-hero p{font-size:18px;line-height:1.7;color:#bed0e3;max-width:690px}.crumb{color:#62d9f2;font-size:12px;letter-spacing:2px;font-weight:800}.visual{height:390px;position:relative;display:grid;place-items:center}.visual-core{width:150px;height:150px;border-radius:30px;background:linear-gradient(145deg,#078df2,#17c7e9);box-shadow:0 0 70px #0cb7ef66;display:grid;place-items:center;font-size:62px;z-index:2}.node{position:absolute;width:74px;height:74px;border-radius:20px;border:1px solid #5adcf177;background:#0a3158;display:grid;place-items:center;font-size:27px}.node:nth-child(2){top:18px;left:12%}.node:nth-child(3){top:20px;right:10%}.node:nth-child(4){bottom:18px;left:8%}.node:nth-child(5){bottom:24px;right:8%}.visual:before,.visual:after{content:'';position:absolute;width:78%;height:1px;background:linear-gradient(90deg,transparent,#30d6ef,transparent);transform:rotate(25deg)}.visual:after{transform:rotate(-25deg)}.intro{padding:95px max(6vw,28px);display:grid;grid-template-columns:.8fr 1.2fr;gap:8vw;background:#fff}.intro h2,.content-section h2,.result h2{font-size:clamp(34px,3.5vw,52px);line-height:1.12;letter-spacing:-2px;margin:12px 0}.intro p,.content-section p,.result p{color:#5c6b7e;font-size:17px;line-height:1.8}.content-section{padding:95px max(6vw,28px)}.content-section.alt{background:#edf5fb}.cards{display:grid;grid-template-columns:repeat(3,1fr);gap:20px;margin-top:40px}.info-card{padding:30px;background:#fff;border:1px solid #dce6ef;border-radius:12px;box-shadow:0 10px 35px #06264c0a}.info-card span{display:grid;place-items:center;width:48px;height:48px;border-radius:12px;background:#e8f6ff;color:#078df2;font-size:23px}.info-card h3{font-size:19px;margin:22px 0 10px}.info-card p{font-size:15px;line-height:1.65;margin:0}.steps{display:grid;grid-template-columns:repeat(4,1fr);gap:2px;margin-top:42px}.step{background:#071e39;color:#fff;padding:30px;min-height:190px}.step b{color:#16c5e9;font-size:13px}.step h3{margin:24px 0 10px}.step p{color:#9fb2c9;font-size:14px;line-height:1.6}.result{padding:90px max(6vw,28px);background:linear-gradient(135deg,#0879d6,#12bce1);color:#fff;text-align:center}.result p{color:#e3f8ff;max-width:760px;margin:0 auto 30px}.related{padding:55px max(6vw,28px);background:#fff;display:flex;align-items:center;justify-content:space-between;gap:25px}.related a{color:#078df2;font-weight:800}footer{margin-top:0}@media(max-width:900px){.service-hero,.intro{grid-template-columns:1fr}.service-hero{padding-top:130px}.visual{height:330px}.cards{grid-template-columns:1fr 1fr}.steps{grid-template-columns:1fr 1fr}}@media(max-width:580px){.cards,.steps{grid-template-columns:1fr}.service-hero{padding-left:22px;padding-right:22px}.visual-core{width:125px;height:125px}.node{width:60px;height:60px}.intro,.content-section,.result{padding:70px 22px}.related{align-items:flex-start;flex-direction:column}}