.service-detail{--chapter:#0758b8}.service-detail .detail-intro{padding-top:12px;padding-bottom:20px}.service-detail .detail-intro h1{font-size:clamp(36px,3.55vw,54px);line-height:1.55;letter-spacing:-.025em}.service-detail .detail-intro .eyebrow{font-size:11px;letter-spacing:2px}.service-detail .detail-intro .lead{font-size:15px;line-height:2.1;max-width:620px}.service-detail .detail-visual img{aspect-ratio:1.16}.service-facts{max-width:1240px;margin:0 auto;padding:25px 32px;display:flex;gap:30px;align-items:center;justify-content:space-between;border-top:1px solid var(--line);border-bottom:1px solid var(--line)}.service-facts>span{display:flex;gap:12px;align-items:center;font-size:13px;font-weight:600}.service-facts b{width:25px;height:25px;display:grid;place-items:center;background:#eaf5ff;border-radius:50%;color:#0669c7;font-size:12px}.detail-jump{max-width:1240px;margin:auto;padding:24px 32px 0;display:flex;align-items:center;flex-wrap:wrap;gap:7px 20px}.detail-jump>span{font-size:10px;color:#6a859b;margin-right:10px;letter-spacing:.08em}.detail-jump a{display:flex;align-items:center;gap:10px;font-size:11px;color:#366485;text-decoration:none;border-bottom:1px solid #c8deed;padding:5px 0}.detail-jump b{font-weight:400;color:var(--blue)}.detail-jump a:hover{color:var(--electric);border-color:var(--electric)}.explain-section{display:grid;grid-template-columns:.8fr 1.2fr;gap:50px;align-items:center;padding-top:65px;padding-bottom:65px}.explain-heading h2{font-size:clamp(29px,2.8vw,40px);line-height:1.65;margin-bottom:22px}.explain-heading h2 em{font-style:normal;color:var(--electric)}.explain-heading>p{font-size:14px;color:var(--muted);line-height:2.15}.explain-canvas{border-radius:20px;background:linear-gradient(135deg,#f1f8ff,#e5f3ff);border:1px solid #dcecf8;padding:35px 24px;min-height:270px;display:flex;flex-direction:column;align-items:center;justify-content:center;position:relative;overflow:hidden}.explain-path{display:flex;align-items:center;justify-content:space-between;width:100%;gap:12px}.diagram-device{display:flex;flex-direction:column;gap:15px;align-items:center;justify-content:center;flex:1;min-width:0}.diagram-device svg{height:64px;width:70px;max-width:100%;color:#1478cd;filter:drop-shadow(0 7px 3px #0766b51a)}.diagram-device strong{font-size:11px;text-align:center;font-weight:600;color:#315c80;line-height:1.8}.path-arrow{font:22px Arial;color:#75afd9;flex-shrink:0}.diagram-tags{display:flex;justify-content:center;gap:8px;flex-wrap:wrap;margin-top:27px}.diagram-tags span{font-size:10px;background:#ffffffdb;color:#467595;border-radius:30px;padding:5px 12px;border:1px solid #d4e5f3}.diagram-note{font-size:10px;line-height:1.9;color:#5b7d96;margin-top:22px;text-align:center;max-width:500px}.network-map{width:100%;display:flex;flex-direction:column;align-items:center}.network-core{border:1px solid #c9e2f4;background:#fff;border-radius:12px;padding:14px 25px;position:relative;margin-bottom:35px}.network-core:after{content:"";position:absolute;bottom:-24px;height:23px;width:1px;background:#6faddc;left:50%}.network-core .diagram-device{flex-direction:row;gap:12px}.network-core .diagram-device svg{width:40px;height:40px}.network-branches{display:flex;width:100%;gap:20px;border-top:1px solid #6faddc;padding-top:25px;position:relative}.network-branches>.diagram-device{position:relative}.network-branches>.diagram-device:before{content:"";position:absolute;top:-25px;left:50%;width:1px;height:16px;background:#6faddc}.network-branches svg{height:50px}.camera-plan{width:100%;height:auto;display:block}.detail-camera .explain-canvas{padding:20px 20px}.web-wireframe{width:100%;background:#fff;border:1px solid #c8deef;box-shadow:0 15px 35px #2774aa17;border-radius:8px;overflow:hidden;transform:rotate(-2deg);margin:5px 0}.wireframe-browser{display:flex;gap:4px;align-items:center;padding:10px;background:#f4f8fc;border-bottom:1px solid #dfebf4}.wireframe-browser i{height:4px;width:4px;background:#a4bfd3;border-radius:50%}.wireframe-browser span{margin-left:auto;color:#7b98ae;font:7px Arial;letter-spacing:1px}.wireframe-content{padding:25px;display:grid;grid-template-columns:1fr .85fr;gap:20px;align-items:center}.tiny-label{font:7px Arial;letter-spacing:1px;color:#3980b5;display:block;margin-bottom:12px}.wireframe-content strong{font-size:19px;line-height:1.7;color:#164d78;letter-spacing:-.03em}.wireframe-button{font-size:8px;color:white;background:#0967b9;padding:8px 10px;display:inline-block;margin-top:14px;border-radius:3px}.wireframe-photo{height:130px;background:url('./web-creative.webp') center/cover;border-radius:6px}.wireframe-lower{display:flex;padding:15px 25px;gap:12px;border-top:1px solid #e1ecf3}.wireframe-lower span{font-size:8px;flex:1;background:#edf6fd;padding:12px 6px;text-align:center;color:#587990}.detail-section{scroll-margin-top:110px}.detail-section>h2{font-size:clamp(28px,3vw,42px);letter-spacing:-.02em;max-width:1000px}.detail-section>.eyebrow{font-size:11px;letter-spacing:1.8px;margin-bottom:17px}.detail-section .cards{gap:23px}.detail-section .card{background:#fff;border:1px solid #d9e7f2;border-radius:12px;padding:30px;box-shadow:0 7px 25px #18528006;transition:transform .3s,box-shadow .3s}.detail-section .card:hover{transform:translateY(-5px);box-shadow:0 15px 35px #18528010}.detail-section .index{display:grid;place-items:center;width:33px;height:33px;border-radius:50%;background:#edf7ff;font-size:11px;color:#0863b5}.detail-section .card p{font-size:14px;line-height:2.05}.detail-section .price-box{border:1px solid #c5e3fa;border-radius:15px;background:linear-gradient(125deg,#f1f9ff,#e0f1ff);padding:40px 45px;position:relative;overflow:hidden}.detail-section .price-box:after{content:"";position:absolute;right:-60px;top:-80px;width:240px;height:240px;border-radius:50%;border:40px solid #d3eafd;opacity:.5;pointer-events:none}.detail-section .price-box>div,.detail-section .price-box>ul{position:relative;z-index:1}.detail-section .price-box .price{font-size:70px;letter-spacing:-3px}.detail-section .price small{letter-spacing:0}.detail-section .table-scroll{border-radius:12px;box-shadow:0 5px 25px #17567b05}.detail-section table{font-size:13px;line-height:1.9}.detail-section td{color:#48667f}.detail-section .flow{column-gap:25px}.detail-section .flow li{border-color:#c7ddeb}.detail-section .flow li>span{color:#1c83d5;font-size:23px}.detail-section .flow h3{font-size:17px;line-height:1.8}.detail-section .flow p{font-size:13px;line-height:2}.detail-section .comparison article{border-radius:12px;border:1px solid #d8eafa;background:#f3faff;padding:33px}.detail-section .comparison h3{color:#0b63a5}.detail-section .faq{border-radius:12px;border:1px solid #d8e7f2;overflow:hidden;background:#fff}.detail-section .faq details{padding:24px 30px}.detail-section .faq details:last-child{border-bottom:0}.detail-section summary{font-size:16px}.detail-section details[open]{background:#f5faff}.detail-section details p{font-size:14px;line-height:2.05}.detail-section .system-panel{border-radius:15px;position:relative;background:linear-gradient(130deg,#e8f5ff,#f6fbff);border:1px solid #d6e9f7;padding:45px}.detail-section .system-panel .button{border-radius:5px}.service-story{display:grid;grid-template-columns:1.05fr .95fr;gap:65px;align-items:center}.service-story figure{margin:0;position:relative}.service-story img{display:block;width:100%;aspect-ratio:1.35;object-fit:cover;border-radius:4px 35px 4px 35px;box-shadow:0 15px 45px #19547d15}.service-story figcaption{font-size:9px;color:#58748a;margin-top:8px}.service-story h2{font-size:35px;line-height:1.7;margin-bottom:22px}.service-story p{font-size:14px;line-height:2.1;color:var(--muted)}.service-story .visual-button{font-size:12px}.related-services{padding-top:60px;padding-bottom:65px}.related-services h2{font-size:26px;margin-bottom:28px}.related-services>div:last-of-type{display:grid;grid-template-columns:repeat(3,1fr);gap:16px}.related-services>div>a{display:flex;align-items:center;justify-content:space-between;text-decoration:none;color:#23597e;background:#f2f9ff;padding:25px;border:1px solid #d8e8f4;border-radius:8px;font-size:14px;transition:background .2s,transform .2s}.related-services>div>a:hover{background:#e4f3ff;transform:translateY(-3px)}.related-services b{font-size:22px;font-weight:400;color:#176ec1}.back-to-services{font-size:12px;display:inline-block;margin-top:25px;text-decoration:none}.service-detail .support-callout{border:1px solid #c8e1f5;border-radius:13px}.service-detail .contact-band{margin-top:0}
@media(max-width:1050px){.explain-section{gap:30px;grid-template-columns:1fr 1.1fr}.explain-heading h2{font-size:31px}.service-facts{gap:20px}.service-facts>span{font-size:11px}.explain-canvas{padding:30px 20px}.wireframe-content{padding:20px}.wireframe-content strong{font-size:17px}.wireframe-photo{height:115px}.service-story{gap:35px}.service-story h2{font-size:29px}.related-services>div>a{padding:21px;font-size:12px}}
@media(max-width:780px){.service-detail .detail-intro{padding-top:0;padding-bottom:24px}.service-detail .detail-intro h1{font-size:35px}.service-detail .detail-visual img{aspect-ratio:1.55}.service-detail .detail-intro .lead{font-size:14px}.service-facts{margin:0 24px;padding:22px 0;flex-direction:column;align-items:flex-start;gap:14px}.service-facts>span{font-size:12px}.service-facts b{width:22px;height:22px;font-size:11px}.detail-jump{padding:22px 24px 0;gap:6px 17px}.detail-jump>span{width:100%;margin-bottom:5px;font-size:10px}.detail-jump a{font-size:11px}.explain-section{grid-template-columns:1fr;gap:28px;padding:48px 24px}.explain-heading h2{font-size:32px;margin-bottom:18px}.explain-heading>p{font-size:14px}.explain-canvas{border-radius:14px;padding:30px 20px;min-height:235px}.diagram-device svg{width:58px;height:55px}.diagram-device strong{font-size:10px}.explain-path{gap:7px}.path-arrow{font-size:19px}.diagram-tags{gap:6px;margin-top:22px}.diagram-tags span{font-size:9px;padding:4px 9px}.diagram-note{font-size:9px;margin-top:19px}.wireframe-content{padding:20px;gap:12px}.wireframe-content strong{font-size:18px}.wireframe-photo{height:130px}.detail-section{padding-top:50px;padding-bottom:50px;scroll-margin-top:95px}.detail-section>h2{font-size:30px}.detail-section .card{padding:26px}.detail-section .card h3{font-size:20px}.detail-section .card p{font-size:14px}.detail-section .price-box{padding:28px}.detail-section .price-box .price{font-size:56px;letter-spacing:-2px}.detail-section .price small{font-size:13px}.detail-section .flow{gap:0}.detail-section .flow li{padding:23px 0}.detail-section .faq details{padding:22px}.detail-section summary{font-size:15px;line-height:1.9}.detail-section details p{padding:16px 0 3px;font-size:13px}.detail-section .system-panel{padding:28px}.service-story{grid-template-columns:1fr;gap:30px;padding-top:45px;padding-bottom:45px}.service-story h2{font-size:30px;margin-bottom:18px}.service-story img{aspect-ratio:1.55}.service-story p{font-size:14px}.related-services{padding:45px 24px}.related-services h2{font-size:23px}.related-services>div:last-of-type{grid-template-columns:1fr;gap:11px}.related-services>div>a{padding:19px 23px;font-size:14px}.detail-section .table-scroll{margin-top:24px}.detail-section .comparison article{padding:27px}}
@media(max-width:380px){.service-detail .detail-intro h1{font-size:30px}.explain-heading h2{font-size:28px}.explain-canvas{padding:27px 14px}.diagram-device svg{width:48px;height:48px}.diagram-device strong{font-size:9px}.explain-path{gap:5px}.path-arrow{font-size:17px}.wireframe-content{padding:17px 14px}.wireframe-content strong{font-size:15px}.wireframe-photo{height:110px}.wireframe-lower{padding:12px}.wireframe-lower span{font-size:7px;padding:10px 4px}.detail-section .price-box .price{font-size:47px}.detail-section .price small{font-size:11px}.service-story h2{font-size:27px}}
/* Shared readable service points and navigation across all seven services. */ .service-facts{gap:25px;padding-top:28px;padding-bottom:28px}.service-facts>span{font-size:17px;font-weight:700;line-height:1.8;color:#123f6a}.service-facts b{flex-shrink:0;width:32px;height:32px;font-size:17px}.detail-jump{padding-top:25px;gap:12px 23px}.detail-jump>span{font-size:14px;font-weight:700;color:#365e7d}.detail-jump a{font-size:15px;font-weight:600;line-height:1.8;color:#174f7e;padding:9px 0;border-bottom-color:#8eb8da}@media(max-width:1050px){.service-facts>span{font-size:15px}.detail-jump a{font-size:14px}}@media(max-width:780px){.service-facts>span{font-size:16px}.detail-jump>span{font-size:14px}.detail-jump a{font-size:15px}.detail-jump{gap:10px 20px}}