/* Shared identity uses the same real vector outlines as the hero. */
.brand-seal{display:inline-flex;align-items:center;justify-content:center;width:32px;height:44px;flex:none;border:1px solid #ffcc66;color:#ffcc66;padding:3px 4px;border-radius:1px;line-height:0}
.brand-seal svg{display:block;width:100%;height:100%}.service-page .nav-brand{display:flex;align-items:center;gap:11px;color:#e6e1cf}.service-brand-name{font-size:15px;line-height:1.3;font-weight:600;letter-spacing:.02em}.service-brand-name small{display:block;color:#8290a2;font:8px/1.5 Consolas,monospace;letter-spacing:.13em;margin-top:3px}
.problem-visual{color:#ffcc66;margin-top:15px;width:min(320px,100%);height:88px}.problem-visual svg{width:100%;height:100%;display:block}.problem-input{color:#8290a2}.problem-output{color:#e6e1cf}.problem-token{fill:#ffcc66;stroke:none;opacity:0}.visual-active .problem-token{animation:problem-transfer 6.5s ease both}.visual-active .problem-output{animation:problem-confirm 6.5s ease both}
@keyframes problem-transfer{0%,15%{opacity:0;transform:translateX(0)}30%{opacity:1}75%{opacity:1;transform:translateX(55px)}90%,100%{opacity:0;transform:translateX(65px)}}
@keyframes problem-confirm{0%,60%{opacity:.4}90%,100%{opacity:1}}
.problem-card h3{margin-top:11px}.problem-card>p:not(.micro){max-width:560px}.problem-grid{margin-bottom:90px}
.capability-overview{padding:0 0 85px}.capability-overview .revision-heading{margin-bottom:30px}.capability-overview .revision-heading h2{font-size:clamp(34px,4.2vw,62px);line-height:1.35}.capability-overview .revision-heading>p:last-child{max-width:840px}
.overview-layout{display:grid;grid-template-columns:1.45fr 1fr;gap:55px;align-items:center;margin-block:20px 28px}.overview-graphic{display:block;width:100%;height:auto;overflow:visible}.overview-graphic g{fill:none;stroke:#a6b1ba;stroke-width:1.6}.overview-graphic .overview-node-frame{fill:#1f2430e8;stroke:#536473}.overview-graphic g.is-active .overview-node-frame{stroke:#ffcc66;stroke-width:2}.overview-graphic text{fill:#e6e1cf;stroke:none;font:16px 'Microsoft YaHei',sans-serif}.overview-graphic .overview-source,.overview-graphic .overview-processor{transform-box:view-box;transform-origin:center}
.overview-number{font-size:10px;color:#ffcc66;margin-bottom:12px}.overview-explanation h3{font-size:24px;font-weight:500;line-height:1.7;letter-spacing:-.04em;margin-bottom:16px}.overview-explanation>p:not(.overview-number){font-size:12px;color:#b4bac3;line-height:2}.overview-explanation .overview-transfer{color:#8290a2!important;border-left:1px solid #59616a;padding-left:13px;margin-top:24px;font-size:10px!important}
.overview-controls{display:flex;gap:35px;align-items:center;border-top:1px solid #414956;padding-top:12px}.overview-steps{display:grid;grid-template-columns:repeat(4,1fr);gap:25px;flex:1}.overview-steps button{display:flex;gap:11px;align-items:center;font:inherit;font-size:11px;padding:10px 0;background:none;border:0;color:#8290a2;text-align:left;cursor:pointer}.overview-steps button>span:first-child{font-size:8px}.overview-steps button[aria-pressed=true]{color:#ffcc66}.overview-playback{display:flex;gap:19px}.overview-playback button{font:inherit;font-size:10px;padding:8px 0;background:none;border:0;color:#b4bac3;cursor:pointer}.overview-playback button:disabled{opacity:.4;cursor:default}
.practice .system-story{width:100%;padding:55px 0 65px;margin:0 0 30px;max-width:none}.practice .system-story__intro h2{font-size:clamp(29px,3vw,43px)}.practice-row .practice-flow{position:relative;padding-bottom:13px}.practice-row .practice-flow:after{content:'';position:absolute;left:0;bottom:0;height:1px;width:95%;background:linear-gradient(90deg,#ffcc66,#59616a,transparent)}
.engineering-intro{padding:15px 0 60px}.engineering-intro h2{font-size:clamp(34px,4vw,59px);line-height:1.35;margin-bottom:25px}.engineering-intro>p:last-child{max-width:780px;font-size:13px;line-height:2;color:#b4bac3}
.transfer-note{font-size:10px;color:#8290a2;line-height:1.95;border-left:1px solid #59616a;padding-left:12px;margin-top:14px;max-width:480px}.case__story{padding-top:52px}.case__story .case__question{font-size:16px}.case__beats{min-height:140px}.case__story .case__tech{margin-top:0}
/* The technical layer has real process movement, plus the original full articles. */
.tech-dialog{max-width:min(1060px,calc(100vw - 30px));border-radius:10px}.tech-dialog__inner{padding:clamp(20px,3.3vw,40px)}
.engineering-motion{margin:30px 0 35px;border-block:1px solid #53617188;padding:22px 0 20px;min-width:0}.engineering-motion:empty{display:none}.engineering-motion h3{font-size:18px;line-height:1.6;margin:0 0 8px;color:#e6e1cf;font-weight:500}.engineering-motion p{font-size:12px;line-height:1.9;color:#b4bac3}
.engineering-viewport{overflow-x:auto;overscroll-behavior-x:contain;max-width:100%;margin-block:12px 18px;scrollbar-color:#65717c #242a36}.engineering-diagram{display:block;width:100%;height:auto;min-width:660px}.engineering-diagram text{font-family:'Microsoft YaHei',Consolas,sans-serif}
.engineering-steps{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:12px;padding-top:12px;border-top:1px solid #414956}.engineering-steps button,.engineering-motion [data-engineering-step]{border:0;border-top:1px solid #59616a;background:none;text-align:left;padding:12px 0 9px;color:#8290a2;font:inherit;font-size:11px;line-height:1.7;cursor:pointer}.engineering-motion [data-engineering-step][aria-pressed=true]{color:#ffcc66;border-color:#ffcc66}
.engineering-playback,.engineering-controls{display:flex;gap:20px;align-items:center;flex-wrap:wrap;margin-top:12px}.engineering-pause,.engineering-replay,.engineering-motion [data-engineering-scenario]{background:none;border:0;color:#b4bac3;font:inherit;font-size:10px;padding:8px 0;cursor:pointer}.engineering-motion button:disabled{opacity:.4;cursor:default}.engineering-motion [data-engineering-scenario][aria-pressed=true]{color:#ffcc66}.engineering-motion button:focus-visible{outline:2px solid #ffcc66;outline-offset:4px}
.engineering-log{list-style:none;padding:0;margin:15px 0 0;display:grid;grid-template-columns:1fr 1fr;gap:6px 20px;font-size:10px;line-height:1.9;color:#8290a2}.engineering-log li{border-left:1px solid #414956;padding-left:10px}.engineering-log li.active{color:#ffcc66;border-color:#ffcc66}.engineering-log li.complete{color:#b4bac3}.tech-flow__node.active{border-color:#ffcc66;color:#ffcc66}.tech-chapter.active{border-color:#ffcc66aa}.engineering-swipe-hint{display:none}
.engineering-heading .eyebrow{font-size:9px;margin-bottom:8px}.engineering-heading h4,.engineering-caption h4{margin:0 0 10px;color:#e6e1cf;font-size:17px;font-weight:500;line-height:1.7}.engineering-caption{margin-top:17px;min-height:85px}.engineering-caption h4{font-size:15px;color:#ffcc66}.engineering-events{list-style:none;padding:14px 0 0;margin:15px 0 0;border-top:1px solid #414956;display:grid;grid-template-columns:1fr 1fr;gap:5px 20px;font:10px/1.9 Consolas,'Microsoft YaHei',monospace;color:#a6b1ba}.engineering-events li{padding-left:10px;border-left:1px solid #536171}.engineering-controls .engineering-playback{font-size:9px;color:#8290a2;margin:0 auto 0 0}.engineering-scenarios{display:flex;gap:24px;border-top:1px solid #414956;margin-top:18px;padding-top:10px}
html:not(.js) .overview-controls{display:none}
.motion-paused .problem-visual *{animation-play-state:paused!important}
@media(max-width:1100px) and (min-width:761px){.overview-layout{gap:30px;grid-template-columns:1.25fr 1fr}.overview-explanation h3{font-size:21px}.overview-steps{gap:15px}.overview-controls{gap:24px}.case__story{padding:45px 28px}.transfer-note{font-size:10px}}
@media(max-width:760px){
 .brand-seal{width:27px;height:38px;padding:3px}.service-brand-name{font-size:13px}.service-brand-name small{font-size:7px}.service-page .nav-brand{gap:9px}
 .problem-grid{margin-bottom:65px}.problem-visual{height:72px;margin-top:9px;max-width:270px}.problem-card h3{font-size:22px;margin-top:10px}.problem-card{padding-top:24px}
 .capability-overview{padding-bottom:60px}.capability-overview .revision-heading h2{font-size:35px}.capability-overview .revision-heading>p:last-child{font-size:12px}.overview-layout{display:block;margin-block:5px 22px}.overview-graphic{width:min(420px,100%);margin:auto}.overview-explanation{margin-top:10px}.overview-number{margin-bottom:8px}.overview-explanation h3{font-size:23px;margin-bottom:12px}.overview-explanation>p:not(.overview-number){font-size:12px}.overview-explanation .overview-transfer{margin-top:16px}
 .overview-controls{display:block;padding-top:10px}.overview-steps{grid-template-columns:1fr 1fr;gap:4px 20px}.overview-steps button{font-size:11px;padding-block:9px}.overview-playback{justify-content:flex-end;margin-top:10px}.practice .system-story{padding:32px 0 45px;gap:22px}.practice .system-story__intro h2{font-size:29px}.engineering-intro{padding:0 0 40px}.engineering-intro h2{font-size:35px}.engineering-intro>p:last-child{font-size:12px}.case__story{padding:20px 6% 45px}.transfer-note{font-size:10px;line-height:1.95;margin-top:13px}.case__beats{min-height:146px;margin-top:14px}
 .tech-dialog{max-width:calc(100vw - 16px);max-height:94svh}.tech-dialog__inner{padding:20px 15px}.engineering-motion{margin-block:24px;padding-top:18px}.engineering-motion h3{font-size:17px}.engineering-steps{grid-template-columns:repeat(2,minmax(0,1fr));gap:4px 17px}.engineering-motion [data-engineering-step]{font-size:11px}.engineering-log{grid-template-columns:1fr;font-size:10px}.engineering-swipe-hint{display:block!important;font-size:10px!important;color:#8290a2!important}.engineering-controls,.engineering-playback{gap:16px}
 .engineering-events{grid-template-columns:1fr}.engineering-heading h4{font-size:16px}.engineering-caption{min-height:125px}.engineering-controls .engineering-playback{flex-basis:100%;margin-top:0}
}
@media(prefers-reduced-motion:reduce){.problem-visual *{animation:none!important}}