.demo-live-system{margin-top:24px}.interactive-team ul[hidden]{display:none}.live-stock{display:grid;grid-template-columns:1fr 1fr;gap:12px;margin-top:16px}.live-car{background:#122733;border:1px solid #60818b;border-radius:7px;overflow:hidden}.live-car img{width:100%;height:110px;object-fit:cover}.live-car b,.live-car small{display:block;margin:10px 12px;font-size:12px}.live-car small{font-size:10px;color:#b2d1cc}.live-agenda{display:grid;gap:12px;margin-top:18px}.live-slot{border:1px dashed #6d929b;border-radius:7px;padding:18px;display:grid;grid-template-columns:65px 1fr;gap:6px 14px;align-items:center;background:#102632}.live-slot time{font-size:22px;letter-spacing:-.04em}.live-slot>div{font-size:13px;color:#acc6d0}.live-slot small{grid-column:2;font-size:11px;color:#c8e8dc}.live-slot.booked{border:1px solid #abd7bc;background:#35574b;box-shadow:0 0 30px #a1e8b010}.live-slot.booked>div{color:#edf6f1}.live-summary{display:block;font-size:11px;line-height:1.7;color:#b9d8d0;margin-top:18px}.live-tracker{list-style:none;padding:0;margin:20px 0 0;display:grid;gap:0}.live-tracker li{padding:12px 0 12px 25px;font-size:13px;color:#8ca9b4;border-left:2px solid #526976;position:relative}.live-tracker li:before{content:'';position:absolute;left:-5px;top:18px;width:8px;height:8px;background:#647c89;border-radius:50%}.live-tracker li.done{color:#d4eee1;border-color:#92c5af}.live-tracker li.done:before{background:#b9ecd2;box-shadow:0 0 12px #b4f1d533}.live-notification,.live-match{margin-top:15px;padding:15px;border:1px solid #8cbea7;background:#315047;border-radius:6px;color:#d3edde;font-size:13px;line-height:1.6}.live-search{padding:15px;background:#112632;border:1px solid #607f8a;border-radius:6px;font-size:13px;margin-top:16px}.live-empty{padding:25px 15px;border:1px dashed #6c8b93;font-size:13px;color:#b6ccd2;line-height:1.7;margin-top:15px;text-align:center}.live-property{width:100%;height:150px;object-fit:cover;border-radius:5px;margin-top:12px}.interactive-team .interactive-result{margin-top:20px}.interactive-team>h3{font-size:27px}.interactive-chat{height:420px}
.service-intro{max-width:800px;margin-bottom:55px}.service-intro h2{font-size:clamp(36px,4.3vw,58px);letter-spacing:-.04em;line-height:1.08;margin:25px 0}.service-intro h2 span{color:#8eafb8}.service-intro p{font-size:16px;line-height:1.7;color:#a2bdca}.service-story{display:grid;grid-template-columns:minmax(0,1.15fr) minmax(0,1fr);gap:100px;position:relative;align-items:start}.service-sticky{position:sticky;top:115px}.service-screen{padding:30px;border:1px solid #4d6a77;border-radius:12px;background:linear-gradient(145deg,#213d49,#101e29);box-shadow:0 25px 75px #0003;overflow:hidden}.service-visual-pane{min-height:425px}.service-visual-pane[hidden]{display:none}.service-visual-pane>h3{font-size:29px;line-height:1.13;letter-spacing:-.035em;margin:25px 0 30px}.visual-toolbar{display:flex;justify-content:space-between;gap:15px;border-bottom:1px solid #486572;padding-bottom:15px;font-size:12px}.visual-toolbar>span:last-child{font-size:8px;letter-spacing:.08em;color:#a5c7d0}.service-window,.service-agent,.service-board{background:#122633;border:1px solid #5b7d8b;border-radius:7px;padding:20px}.visual-fields{display:grid;grid-template-columns:1fr 1fr;gap:20px;margin-top:22px}.visual-fields small,.visual-fields b{display:block}.visual-fields small{font-size:10px;color:#97b5c4;margin-bottom:8px}.visual-fields b{font-size:13px;font-weight:500}.visual-pipeline{display:flex;gap:7px;margin-top:30px;flex-wrap:wrap}.visual-pipeline span{font-size:9px;padding:8px;border:1px solid #536e7a;border-radius:4px;color:#a9c0ca}.visual-pipeline .selected{background:#35584d;color:#d4eee2;border-color:#91bca9}.service-selector{display:flex;gap:10px;border-top:1px solid #4b6873;padding-top:20px;margin-top:25px}.service-selector a{padding:10px 14px;border:1px solid #617d88;border-radius:5px;font-size:12px;color:#acc5ce}.service-selector a[aria-current=step]{background:#b9decd;color:#183b35;border-color:#b9decd}.service-scroll-note{display:block;margin-top:20px;font-size:8px;letter-spacing:.13em;color:#9cbcc9}.service-step{padding:80px 0;min-height:440px;border-top:1px solid #374f5d;opacity:1;transition:opacity .5s}.service-step.is-current{opacity:1}.service-step h3{font-size:37px;line-height:1.12;letter-spacing:-.035em;margin:25px 0}.service-step p{font-size:16px;line-height:1.8;color:#a4bfce}.service-step>a{display:inline-block;margin-top:25px;font-size:13px;color:#badbcf}.service-mini{display:none}.network-entry{display:flex;gap:10px;justify-content:space-between}.network-entry span{padding:15px 10px;border:1px solid #6d8e9a;border-radius:6px;font-size:12px;background:#162d39;flex:1;text-align:center}.service-network-lines{height:55px;display:flex;justify-content:space-around;position:relative}.service-network-lines:after{content:'';position:absolute;left:16%;right:16%;top:30px;border-bottom:1px solid #8ec4b4}.service-network-lines i{height:30px;width:1px;background:#8ec4b4}.service-network-lines i:nth-child(2){height:55px}.network-center{text-align:center;padding:24px;background:#33554c;border:1px solid #a0cebd;border-radius:7px;font-size:20px;box-shadow:0 0 35px #9adbc215}.network-end{text-align:center;font-size:12px;color:#bad7d1;border-top:1px solid #7ca99a;margin-top:28px;padding-top:20px}.service-query,.service-answer{padding:16px;border-radius:6px;font-size:13px;line-height:1.7;margin-top:20px}.service-query{background:#283f4b;margin-right:25px}.service-answer{background:#325447;margin-left:25px}.agent-action{display:flex;gap:10px;align-items:center;font-size:10px;color:#abd5c7;margin-top:18px}.service-agent>small{display:block;font-size:10px;color:#b8d3d2;margin-top:18px}.board-bars{display:grid;gap:22px;margin-top:30px}.board-bars>div{display:grid;gap:10px}.board-bars span{font-size:12px;color:#bbd2db}.board-bars i{display:block;height:10px;border-radius:3px;background:linear-gradient(90deg,#5d9e9d,#afd5be);width:var(--bar)}.service-board p{font-size:14px;margin-top:25px;color:#cee6de}.service-board small{font-size:9px;display:block;color:#9eb9c8;margin-top:10px}
.project .case-scene{display:flex;flex-direction:column;align-items:stretch;justify-content:start;padding:35px;min-width:0}.case-scenes{min-height:355px;margin:25px 0}.case-pane[hidden]{display:none}.case-pane h4{font-size:28px;letter-spacing:-.035em;line-height:1.15;margin-bottom:25px}.case-car{width:100%;height:155px;object-fit:cover;object-position:center 58%;border-radius:6px}.case-unit{display:flex;justify-content:space-between;gap:15px;align-items:center;padding:18px 0}.case-unit b{font-size:14px}.case-unit span{font-size:10px;color:#b8d3d4}.case-platforms,.case-stage-track{display:flex;gap:8px;flex-wrap:wrap}.case-platforms span,.case-stage-track span{padding:9px 12px;border:1px solid #729893;font-size:10px;border-radius:5px}.case-stage-track .active{background:#b6dccc;color:#183d34}.case-message{padding:25px;background:#1f3944;border:1px solid #6d999b;border-radius:7px;font-size:18px;line-height:1.6;margin-top:30px}.case-contact{display:flex;align-items:center;gap:15px;padding:25px 0}.case-avatar{display:grid;place-items:center;width:42px;height:42px;border-radius:8px;background:#487064;color:#e4f4eb;font-size:18px}.case-contact b,.case-contact small{display:block}.case-contact b{font-size:14px}.case-contact small{font-size:11px;color:#bad2d5;margin-top:7px}.case-calendar{border:1px solid #92beaf;border-radius:8px;background:#23473f;padding:25px;margin-top:35px}.case-calendar>span{font-size:10px;color:#b7dcd1;display:block}.case-calendar>b{font-size:58px;letter-spacing:-.06em;display:block;margin:10px 0 22px}.case-calendar strong,.case-calendar small{display:block;font-size:14px}.case-calendar small{font-size:11px;margin-top:10px;color:#c3dfd8}.case-confirmation{font-size:12px;line-height:1.7;margin-top:20px;color:#c7e4da}.case-controls{display:flex;gap:10px;margin-top:auto;border-top:1px solid #698d8b;padding-top:18px}.case-controls button{font:inherit;font-size:10px;text-align:left;line-height:1.5;padding:9px 0;background:none;border:0;border-bottom:2px solid transparent;color:#c2dbd8;cursor:pointer;flex:1}.case-controls button[aria-pressed=true]{border-color:#d7f2e6;color:#fff}.case-play{font:inherit;font-size:10px;color:#b8d8cd;background:none;border:0;cursor:pointer;align-self:start;margin-top:14px;padding:7px 0}.project .case-scene .project-visual-note{position:static;margin-top:14px;font-size:8px;text-align:left}.case-routing{display:grid;grid-template-columns:1fr 1fr;gap:12px;margin-top:35px}.case-routing span{padding:20px 12px;border:1px solid #6e8fa3;border-radius:6px;font-size:12px;text-align:center}.case-routing span.active{background:#c0dce0;border-color:#d7eff1;color:#173640}.case-routing-result{padding:20px;background:#2d4b5c;border:1px solid #9bbed1;border-radius:7px;font-size:18px;margin-top:25px}.case-routing-result small{display:block;font-size:11px;margin-top:10px;color:#bfd7df}.case-register{display:grid;gap:0;border:1px solid #7195ab;border-radius:7px;margin-top:30px;background:#203b4e}.case-register>div{display:flex;justify-content:space-between;gap:20px;padding:24px;border-bottom:1px solid #527187}.case-register>div:last-child{border:0}.case-register small{font-size:11px;color:#b6cedd}.case-register b{font-size:13px;font-weight:500}
@media(max-width:1100px){.service-story{gap:50px}.service-screen{padding:25px}.service-step h3{font-size:31px}.service-visual-pane>h3{font-size:25px}.project .case-scene{padding:25px}.case-controls{gap:6px}.case-controls button{font-size:9px}}@media(max-width:760px){.service-story{grid-template-columns:1fr;gap:0}.service-sticky{display:none}.service-step{opacity:1;padding:40px 0;min-height:0}.service-step h3{font-size:31px}.service-mini{display:block;margin-top:30px}.service-query,.service-answer{font-size:12px}.service-step p{font-size:15px}.service-mini .service-board p{font-size:13px}.project .case-scene{padding:25px;min-height:570px}.case-scenes{min-height:330px}.case-pane h4{font-size:25px}.case-controls button{font-size:10px}.case-calendar>b{font-size:48px}.live-car img{height:95px}.live-slot{padding:15px;grid-template-columns:58px 1fr}.interactive-chat{height:380px}}@media(prefers-reduced-motion:reduce){.service-step{transition:none;opacity:1}}

@media(min-width:761px) and (prefers-reduced-motion:no-preference){.service-story-enhanced .service-step{opacity:.85}.service-story-enhanced .service-step.is-current{opacity:1}}

/* Preserve readable contrast inside the green reply in both service layouts. */
.service-step .service-answer,.service-visual-pane .service-answer{color:#e1f1e9}