.service-detail{display:grid;grid-template-columns:minmax(280px,42%) 1fr;gap:45px;align-items:center;padding:56px 0;border-bottom:1px solid #d8e2e9;scroll-margin-top:20px}.service-detail:nth-child(even) .service-visual{order:2}.service-visual{height:330px;background-image:url('photos/fiber-service-grid.png');background-size:400% 200%;background-repeat:no-repeat;border:1px solid #d8e2e9;box-shadow:0 14px 35px rgba(6,26,50,.12)}.visual-1{background-position:0 0}.visual-2{background-position:33.333% 0}.visual-3{background-position:66.666% 0}.visual-4{background-position:100% 0}.visual-5{background-position:0 100%}.visual-6{background-position:33.333% 100%}.visual-7{background-position:66.666% 100%}.visual-8{background-position:100% 100%}.service-copy h2{font-size:36px;margin:8px 0 16px}.service-copy p{font-size:13px;line-height:1.75}.detail-points{display:grid;grid-template-columns:1fr 1fr;gap:8px 18px;margin:20px 0;padding:0;list-style:none}.detail-points li{position:relative;padding-left:17px;color:#456173;font-size:11px;line-height:1.5}.detail-points li:before{content:'✓';position:absolute;left:0;color:#1677d2;font-weight:bold}.detail-action{display:inline-block;margin-top:8px;color:#fff;background:#1677d2;padding:12px 16px;font-size:10px;font-weight:800;text-transform:uppercase}.service-intro{max-width:770px}@media(max-width:800px){.service-detail{grid-template-columns:1fr;gap:24px;padding:42px 0}.service-detail:nth-child(even) .service-visual{order:0}.service-visual{height:280px}.service-copy h2{font-size:30px}}@media(max-width:480px){.service-visual{height:220px}.detail-points{grid-template-columns:1fr}}