.service-detail-hero{padding:82px 0 70px;background:radial-gradient(circle at 84% 15%,rgba(108,160,40,.11),transparent 30%),linear-gradient(180deg,#f8fafb,#eef4f6)}
.service-detail-grid{display:grid;grid-template-columns:1.05fr .95fr;gap:64px;align-items:center}.service-detail-hero h1{font-size:clamp(48px,5vw,72px);line-height:1;letter-spacing:-.04em}.service-detail-hero .lead{max-width:680px;font-size:18px;line-height:1.7;color:#526a80}
.demo-window{background:#fff;border:1px solid var(--line);border-radius:18px;box-shadow:var(--shadow);padding:22px;position:relative;overflow:hidden}.demo-window:before{content:"";position:absolute;inset:0;background-image:radial-gradient(rgba(0,27,59,.08) 1px,transparent 1px);background-size:20px 20px;opacity:.5}.demo-window>*{position:relative}.demo-head{display:flex;justify-content:space-between;align-items:center;border-bottom:1px solid #e2e9ed;padding-bottom:12px;margin-bottom:16px}.demo-head b{font-size:12px}.demo-head span{font-size:10px;color:var(--green);font-weight:900}.demo-flow{display:grid;grid-template-columns:1fr 46px 1fr;gap:14px;align-items:center}.demo-side{border:1px solid #dce5ea;border-radius:12px;padding:15px;background:#f7f9fa}.demo-side.bad{box-shadow:inset 4px 0 #df4b37}.demo-side.good{box-shadow:inset 4px 0 var(--green)}.demo-side small{font-size:9px;font-weight:900;letter-spacing:.07em}.demo-side h3{font-size:18px;margin:8px 0}.demo-side ul{padding:0;list-style:none;display:grid;gap:7px;margin:0}.demo-side li{font-size:10px;color:#536b80;background:#fff;border:1px solid #e1e7eb;padding:8px;border-radius:6px}.demo-arrow{text-align:center;color:var(--green);font-size:32px;font-weight:900}
.service-section{padding:82px 0}.service-section.alt{background:#f1f5f7}.service-section.dark{background:var(--navy);color:#fff}.service-intro{max-width:820px;margin-bottom:34px}.service-intro p{color:#526a80;line-height:1.7}.dark .service-intro p{color:#bfd0dc}.service-cards{display:grid;grid-template-columns:repeat(3,1fr);gap:16px}.service-cards article{background:#fff;border:1px solid var(--line);border-radius:15px;padding:24px;min-height:190px}.service-cards h3{font-size:20px;margin:10px 0}.service-cards p{font-size:13px;line-height:1.6;color:#556e82}.service-cards small{font-size:10px;color:var(--green);font-weight:900}.dark .service-cards article{background:#082848;border-color:#34516e}.dark .service-cards p{color:#c4d3dd}
.example-solution{display:grid;grid-template-columns:.75fr 1.25fr;gap:42px;align-items:start}.example-label{font-size:11px;color:var(--green);font-weight:900;text-transform:uppercase}.example-steps{display:grid;gap:10px}.example-step{display:grid;grid-template-columns:42px 1fr;gap:12px;background:#fff;border:1px solid var(--line);border-radius:12px;padding:16px}.example-step b{width:32px;height:32px;border-radius:50%;display:grid;place-items:center;background:#eaf3df;color:var(--green);font-size:11px}.example-step h3{margin:0 0 4px;font-size:15px}.example-step p{margin:0;color:#5b7184;font-size:12px;line-height:1.5}
.faq-list{display:grid;gap:10px;max-width:900px}.faq-item{border:1px solid var(--line);border-radius:12px;background:#fff}.faq-item summary{cursor:pointer;padding:18px 20px;font-weight:850;min-height:44px}.faq-item p{padding:0 20px 20px;margin:0;color:#526a80;line-height:1.65}
.toolkit-hero{padding:76px 0 46px;background:linear-gradient(180deg,#f8fafb,#eef4f6)}.checkup{display:grid;grid-template-columns:.78fr 1.22fr;gap:34px;padding:24px 0 80px}.checkup-aside{background:var(--navy);color:#fff;border-radius:18px;padding:28px;position:sticky;top:104px;height:max-content}.checkup-aside h2{font-size:30px}.checkup-aside p{color:#c4d4df;line-height:1.6}.score-box{margin-top:22px;padding:16px;border:1px solid #34516e;border-radius:10px}.score-box b{display:block;color:#9bd13e;font-size:28px}.questions{display:grid;gap:12px}.question{background:#fff;border:1px solid var(--line);border-radius:13px;padding:18px}.question fieldset{border:0;margin:0;padding:0}.question legend{font-weight:800;line-height:1.4}.choices{display:flex;gap:14px;margin-top:12px}.choices label{display:inline-flex;align-items:center;gap:7px;min-height:44px;padding:8px 12px;border:1px solid #d8e2e7;border-radius:8px;cursor:pointer}.choices input{width:20px;height:20px}.checkup-result{margin-top:18px;padding:20px;border-radius:12px;background:#eaf3df;border:1px solid #c9dfab}.checkup-result h3{margin-top:0}.checkup-result[hidden]{display:none}
@media(max-width:900px){.service-detail-grid,.example-solution,.checkup{grid-template-columns:1fr}.service-cards{grid-template-columns:1fr 1fr}.checkup-aside{position:relative;top:auto}.demo-flow{grid-template-columns:1fr}.demo-arrow{transform:rotate(90deg)}}
@media(max-width:620px){.service-cards{grid-template-columns:1fr}.service-detail-hero{padding:54px 0}.service-detail-hero h1{font-size:46px}.choices{flex-wrap:wrap}}

/* V15 final visual refinement */
.service-detail-hero{padding:88px 0 78px;background:radial-gradient(circle at 82% 18%,rgba(108,160,40,.10),transparent 26%),linear-gradient(180deg,#f8fafb 0%,#eef4f6 100%)}
.service-detail-grid{gap:72px}.service-detail-hero h1{max-width:760px;font-size:clamp(48px,4.6vw,68px);line-height:1.02}.service-detail-hero .lead{font-size:18px;max-width:700px}
.service-visual{position:relative;min-height:440px;background:linear-gradient(145deg,#fff,#f4f7f8);border:1px solid #d8e3e8;border-radius:24px;box-shadow:0 28px 70px rgba(0,27,59,.13);padding:20px;overflow:hidden;isolation:isolate}
.service-visual:before{content:"";position:absolute;inset:0;background-image:radial-gradient(rgba(0,27,59,.09) 1px,transparent 1px);background-size:22px 22px;opacity:.28;z-index:-1}
.service-visual:after{content:"";position:absolute;width:260px;height:260px;border-radius:50%;background:rgba(108,160,40,.08);right:-100px;bottom:-130px;z-index:-1}
.sv-top{display:flex;justify-content:space-between;align-items:center;padding:3px 3px 14px;border-bottom:1px solid #dce6ea;font-size:10px;font-weight:900;letter-spacing:.08em;color:#546b7e}.sv-top b{color:var(--green)}
.sv-automation-grid{display:grid;grid-template-columns:1fr 156px;gap:16px;margin-top:18px}.sv-flowline{display:grid;grid-template-columns:1fr 22px 1fr 22px 1fr 22px 1fr 22px 1fr;align-items:center;min-height:250px}.sv-node{background:#fff;border:1px solid #d7e1e6;border-radius:13px;padding:15px 11px;text-align:center;box-shadow:0 8px 20px rgba(0,27,59,.06)}.sv-node i{display:grid;place-items:center;width:27px;height:27px;border-radius:50%;background:#e9eef1;color:#536a7c;font-style:normal;font-size:10px;font-weight:900;margin:0 auto 9px}.sv-node strong{display:block;font-size:12px;color:var(--navy)}.sv-node span{display:block;font-size:9px;color:#708393;margin-top:4px}.sv-node.active{border-color:#b8d48e;box-shadow:inset 0 3px var(--green),0 8px 20px rgba(0,27,59,.06)}.sv-node.active i{background:#eaf3df;color:var(--green)}.sv-connector{height:2px;background:linear-gradient(90deg,var(--green),#cbd8df);position:relative}.sv-connector:after{content:"";position:absolute;right:-1px;top:-3px;border-left:6px solid #93b75c;border-top:4px solid transparent;border-bottom:4px solid transparent}.sv-sidepanel{display:grid;gap:12px;align-content:center}.sv-kpi,.sv-queue{background:#082848;color:#fff;border-radius:13px;padding:15px}.sv-kpi small,.sv-queue small{font-size:8px;letter-spacing:.08em;color:#9fb1c1;font-weight:900}.sv-kpi b{font-size:32px;display:block;color:#fff;margin:5px 0}.sv-kpi span{font-size:9px;color:#a9cf70}.sv-queue p{font-size:9px;display:grid;grid-template-columns:10px 1fr auto;gap:4px;align-items:center;border-top:1px solid #274563;padding-top:9px}.sv-queue b{font-size:8px;color:#bcd0dc}.dot{width:7px;height:7px;border-radius:50%;background:#8095a5}.dot.ok{background:var(--green)}.dot.wait{background:#e7b84d}
.sv-data-grid{display:grid;grid-template-columns:1.08fr .92fr;gap:15px;margin-top:18px}.sv-sheet,.sv-dashboard{background:#fff;border:1px solid #d9e3e8;border-radius:14px;box-shadow:0 10px 30px rgba(0,27,59,.07);overflow:hidden}.sv-sheetbar{display:flex;justify-content:space-between;background:#edf2f4;padding:12px;font-size:9px}.sv-sheetbar span{color:var(--green);font-weight:900}.sv-table{padding:9px}.sv-table .row{display:grid;grid-template-columns:.55fr 1fr 1fr .45fr;gap:4px;border-bottom:1px solid #edf1f3;padding:10px 5px;font-size:9px;color:#566f81}.sv-table .head{font-size:8px;font-weight:900;color:#8193a0}.tag{font-size:8px;border-radius:10px;padding:3px 6px;text-align:center}.tag.green{background:#e7f2da;color:#55801f}.tag.amber{background:#f8efd7;color:#8a6a1d}.sv-dashboard{padding:14px}.sv-metrics{display:grid;grid-template-columns:repeat(3,1fr);gap:7px}.sv-metrics div{background:#f2f5f6;border-radius:9px;padding:10px}.sv-metrics small{font-size:7px;color:#7d8e99}.sv-metrics b{display:block;font-size:19px;margin-top:3px;color:var(--navy)}.sv-chart{height:170px;margin:18px 4px 8px;border-left:1px solid #dce5e9;border-bottom:1px solid #dce5e9;display:flex;gap:9px;align-items:flex-end;padding:0 8px}.sv-chart span{flex:1;min-width:10px;background:linear-gradient(#91bd50,var(--green));border-radius:4px 4px 0 0}.sv-caption{display:block;text-align:center;font-size:7px;color:#7d8e99;font-weight:900;letter-spacing:.08em}
.sv-process-wrap{display:grid;align-content:center;min-height:345px;gap:14px}.sv-lane{border:1px solid #d8e2e7;border-radius:14px;padding:16px;background:#fff}.sv-lane small{font-size:8px;font-weight:900;letter-spacing:.08em}.sv-lane.bad{border-left:4px solid #d75d4a}.sv-lane.good{border-left:4px solid var(--green)}.lane-row{display:flex;align-items:center;margin:12px 0;gap:8px}.lane-row b{font-size:9px;padding:9px 10px;border-radius:8px;background:#f0f4f5;white-space:nowrap}.lane-row b.risk{background:#fff0ed;color:#9c4234}.lane-row i{height:2px;flex:1;min-width:10px;background:#cbd7dd;position:relative}.lane-row i:after{content:"";position:absolute;right:0;top:-3px;border-left:5px solid #9ab0bb;border-top:4px solid transparent;border-bottom:4px solid transparent}.sv-lane.good .lane-row i{background:#a8c77a}.sv-lane.good .lane-row i:after{border-left-color:var(--green)}.sv-lane p{margin:0;font-size:9px;color:#6b7f8e}.sv-path-arrow{text-align:center;color:var(--green);font-size:26px;font-weight:900}
.sv-blueprint{position:relative;height:300px;margin-top:16px}.bp-center{position:absolute;left:50%;top:50%;transform:translate(-50%,-50%);width:110px;height:110px;border-radius:50%;display:grid;place-items:center;text-align:center;background:var(--navy);color:#fff;font-size:12px;font-weight:900;box-shadow:0 14px 30px rgba(0,27,59,.2);z-index:3}.bp-center:after{content:"";position:absolute;inset:-15px;border:1px dashed rgba(108,160,40,.55);border-radius:50%}.bp-card{position:absolute;width:120px;background:#fff;border:1px solid #d8e2e7;border-radius:12px;padding:12px;box-shadow:0 8px 20px rgba(0,27,59,.07)}.bp-card small{font-size:8px;color:var(--green);font-weight:900}.bp-card b{display:block;font-size:12px;margin:3px 0;color:var(--navy)}.bp-card span{font-size:8px;color:#718594}.bp-card.c1{left:3%;top:8%}.bp-card.c2{right:3%;top:8%}.bp-card.c3{left:0;bottom:6%}.bp-card.c4{right:0;bottom:6%}.bp-card.c5{left:50%;transform:translateX(-50%);bottom:0}.sv-blueprint:before,.sv-blueprint:after{content:"";position:absolute;left:15%;right:15%;top:50%;height:1px;background:linear-gradient(90deg,transparent,#aac77e,#aac77e,transparent);z-index:1}.sv-blueprint:after{transform:rotate(90deg)}.sv-roadmap{display:flex;align-items:center;justify-content:center;gap:7px;margin-top:2px}.sv-roadmap span{font-size:8px;padding:6px 9px;border-radius:10px;background:#e9eef1;color:#607687;font-weight:800}.sv-roadmap span.done{background:#e8f2dc;color:#5f8527}.sv-roadmap span.active{background:var(--navy);color:#fff}.sv-roadmap i{width:20px;height:1px;background:#a7b9c3}
.sv-material-stack{position:relative;height:350px;margin-top:18px}.mat{position:absolute;background:#fff;border:1px solid #d8e2e7;border-radius:13px;box-shadow:0 14px 30px rgba(0,27,59,.12);padding:15px;color:var(--navy)}.mat small{font-size:7px;color:var(--green);font-weight:900;letter-spacing:.08em}.mat.doc{width:190px;height:255px;left:6%;top:25px;transform:rotate(-5deg)}.mat.doc .mat-title{font-size:21px;margin:14px 0}.mat.doc span{display:block;height:5px;background:#e7ecef;border-radius:3px;margin:10px 0}.mat.doc span:nth-of-type(2){width:82%}.mat.doc span:nth-of-type(3){width:68%}.mat.doc b{position:absolute;bottom:17px;font-size:8px;color:#8ca0af}.mat.slide{width:235px;height:150px;right:6%;top:18px;transform:rotate(4deg);background:linear-gradient(145deg,#062645,#0d3a62);color:#fff}.mat.slide .mat-title{font-size:20px;margin:12px 0}.mini-bars{display:flex;gap:7px;align-items:flex-end;height:45px}.mini-bars i{width:20px;background:var(--green);border-radius:3px 3px 0 0}.mini-bars i:nth-child(1){height:35%}.mini-bars i:nth-child(2){height:70%}.mini-bars i:nth-child(3){height:52%}.mini-bars i:nth-child(4){height:88%}.mat.form{width:205px;height:210px;right:18%;bottom:10px;transform:rotate(-2deg)}.mat.form>b{display:block;font-size:14px;margin:10px 0}.mat.form label{display:block;height:26px;border:1px solid #d8e2e7;border-radius:6px;margin:8px 0}.mat.form label.short{width:65%}.mat.form .mock-submit{border:0;border-radius:6px;background:var(--green);color:white;font-size:8px;font-weight:900;padding:8px 12px}.mat.process{left:26%;bottom:12px;width:230px;transform:rotate(2deg)}.mat.process>div{display:flex;align-items:center;gap:6px;margin-top:11px}.mat.process b{font-size:8px;background:#eff3f5;padding:7px;border-radius:6px}.mat.process i{height:2px;flex:1;background:var(--green)}
.service-cards article{position:relative;overflow:hidden;transition:transform .2s ease,border-color .2s ease,box-shadow .2s ease}.service-cards article:after{content:"";position:absolute;left:0;right:0;top:0;height:3px;background:linear-gradient(90deg,var(--green),rgba(108,160,40,0));opacity:.75}.service-cards article:hover{transform:translateY(-3px);border-color:#c5d6df;box-shadow:0 14px 30px rgba(0,27,59,.08)}
.example-step{transition:transform .18s ease,box-shadow .18s ease}.example-step:hover{transform:translateX(4px);box-shadow:0 8px 22px rgba(0,27,59,.07)}
.sample-solutions .service-cards article{min-height:210px}
@media(max-width:1100px){.sv-automation-grid,.sv-data-grid{grid-template-columns:1fr}.sv-sidepanel{grid-template-columns:1fr 1fr}.service-visual{min-height:480px}.sv-flowline{min-height:190px}.sv-material-stack{transform:scale(.92);transform-origin:center top}}
@media(max-width:900px){.service-detail-grid{gap:38px}.service-visual{min-height:auto}.sv-flowline{grid-template-columns:1fr}.sv-connector{height:22px;width:2px;margin:auto}.sv-connector:after{right:-3px;top:auto;bottom:-1px;border-top:6px solid #93b75c;border-left:4px solid transparent;border-right:4px solid transparent;border-bottom:0}.sv-automation-grid,.sv-data-grid{grid-template-columns:1fr}.sv-sidepanel{grid-template-columns:1fr 1fr}.sv-blueprint{height:330px}.lane-row{flex-wrap:wrap}.lane-row i{min-width:18px;flex:0 0 18px}.sv-material-stack{height:410px;transform:scale(.9)}}
@media(max-width:620px){.service-detail-hero h1{font-size:42px;line-height:1.04}.service-detail-hero{padding:58px 0 54px}.service-visual{padding:14px;border-radius:18px}.sv-top{align-items:flex-start;gap:8px}.sv-flowline{gap:6px}.sv-sidepanel{grid-template-columns:1fr}.sv-metrics{grid-template-columns:1fr 1fr}.sv-data-grid{gap:10px}.sv-blueprint{height:430px}.bp-center{width:96px;height:96px}.bp-card{width:106px}.bp-card.c1{left:0}.bp-card.c2{right:0}.bp-card.c3{left:0;bottom:22%}.bp-card.c4{right:0;bottom:22%}.bp-card.c5{bottom:0}.sv-material-stack{height:520px;transform:none}.mat.doc{left:0}.mat.slide{right:0;top:45px;width:200px}.mat.form{right:0;bottom:20px}.mat.process{left:0;bottom:15px;width:185px}.service-cards article:hover,.example-step:hover{transform:none}}
@media(prefers-reduced-motion:reduce){.service-cards article,.example-step{transition:none!important}}