@import url("/assets/css/sub.css?v=20260802-1");
.service-nav{position:sticky;z-index:20;top:82px;background:#101512;border-bottom:1px solid rgba(255,255,255,.13)}
.service-nav .wrap{display:flex;gap:8px;padding:12px 0;overflow-x:auto;scrollbar-width:thin}
.service-nav a{flex:none;padding:9px 13px;border:1px solid rgba(255,255,255,.14);border-radius:100px;color:#cbd1cd;font-size:12px;font-weight:700}
.service-nav a[aria-current="page"],.service-nav a:hover{border-color:#c7ff34;background:#c7ff34;color:#111}
.service-visual{display:grid;grid-template-columns:1.15fr .85fr;gap:34px;align-items:center}
.service-visual img{width:100%;aspect-ratio:16/10;object-fit:cover;border-radius:24px;border:1px solid #d1d6d1;box-shadow:0 24px 60px rgba(7,14,9,.12)}
.scope-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:14px}
.scope-grid article{padding:26px;border:1px solid rgba(255,255,255,.16);border-radius:18px;background:rgba(255,255,255,.035)}
.scope-grid h3{margin:0 0 10px;font-size:20px}.scope-grid p{margin:0;color:#adb5b0;line-height:1.75}
.related{display:flex;flex-wrap:wrap;gap:10px;margin-top:30px}.related h3{width:100%;margin:0 0 8px;font-size:18px}.related a{padding:11px 15px;border:1px solid #bcc4bc;border-radius:100px;font-size:13px;font-weight:700}.related a:hover{background:#111;color:#fff}
@media(max-width:1160px){.service-nav{top:74px}}
@media(max-width:760px){.service-nav{top:70px}.service-visual,.scope-grid{grid-template-columns:1fr}.service-visual img{order:-1;border-radius:18px}.scope-grid article{padding:22px}.related{display:grid}.related a{text-align:center}}