:root{--ink:#0A1A2E;--muted:#69758b;--blue:#006AB7;--blue-light:#F0F6FC;--line:#e1e6ef;--paper:#F7FAFD;--night:#0A1A2E;--font:"Inter","PingFang SC","Microsoft YaHei",sans-serif}
*{box-sizing:border-box}html{scroll-behavior:smooth;scroll-padding-top:90px}body{margin:0;font-family:var(--font);color:var(--ink);background:white;-webkit-font-smoothing:antialiased}a{color:inherit;text-decoration:none}button{font:inherit;cursor:pointer}button,a{-webkit-tap-highlight-color:transparent}button:focus-visible,a:focus-visible,summary:focus-visible{outline:3px solid #7396ff;outline-offset:5px}h1,h2,h3,p{margin:0}p{line-height:1.85}svg{display:block}button{border:0}::selection{background:#dce6ff}.wrap{width:min(1240px,calc(100% - 96px));margin:auto}.label{font-size:11px;letter-spacing:2.2px;color:var(--blue);font-weight:600;text-transform:uppercase;display:flex;align-items:center;gap:11px}.label:before{content:"";width:22px;height:2px;background:currentColor}.section{padding:105px 0}.section-title{font-size:clamp(31px,3.2vw,44px);font-weight:600;line-height:1.45;letter-spacing:-1.5px}.intro{display:flex;justify-content:space-between;gap:80px;align-items:end;margin:22px 0 46px}.intro p{max-width:360px;color:var(--muted);font-size:14px}.btn{display:inline-flex;align-items:center;justify-content:center;gap:28px;padding:16px 24px;background:var(--blue);color:white;border-radius:7px;font-size:14px;font-weight:600;line-height:1.4;transition:background .2s,transform .2s}.btn:hover{background:#005a9c;transform:translateY(-2px)}.btn.light{background:#fff;color:var(--ink);border:1px solid #d7dfec}.btn.light:hover{background:#f6f8fd}.btn.white{background:#fff;color:var(--blue)}.arrow{font-size:18px;font-weight:400}.topbar{height:80px;border-bottom:1px solid #e7ebf2;background:#ffffffed;backdrop-filter:blur(15px);position:sticky;top:0;z-index:10}.nav{height:100%;display:flex;align-items:center;gap:30px}.wordmark{font-size:16px;font-weight:600;letter-spacing:.5px;display:flex;align-items:center;gap:11px;margin-right:auto;white-space:nowrap}.mark{display:grid;grid-template-columns:repeat(2,7px);gap:3px;transform:rotate(-8deg)}.mark i{width:7px;height:7px;background:var(--blue);border-radius:1px}.mark i:last-child{opacity:.35}.navlinks{display:flex;align-items:center;gap:28px;color:#65728a;font-size:12px}.navlinks a:hover{color:var(--blue)}.nav .btn{padding:11px 17px;font-size:12px;gap:18px}.hero{background:linear-gradient(145deg,#fafbfe 20%,#eff3fb);padding:76px 0 0;overflow:hidden}.hero-layout{display:grid;grid-template-columns:1fr 1.06fr;gap:58px;align-items:center}.hero h1{font-size:clamp(43px,4.35vw,61px);font-weight:600;line-height:1.35;letter-spacing:-2px;margin:25px 0 23px}.hero h1 span{color:var(--blue)}.hero-copy{font-size:15px;max-width:455px;color:#64728a}.hero-actions{display:flex;gap:12px;flex-wrap:wrap;margin-top:31px}.hero-caption{font-size:11px;color:#8a95a8;margin-top:18px}.hero-art{height:463px;position:relative;border-radius:14px}.hero-photo{width:100%;height:100%;object-fit:cover;object-position:62% center;border-radius:14px;box-shadow:0 30px 60px #2a426322}.hero-art:after{content:"";position:absolute;inset:0;background:linear-gradient(0deg,#10213d55,transparent 45%);border-radius:14px;pointer-events:none}.image-note{position:absolute;right:17px;bottom:14px;color:#e2eaf5;font-size:9px;z-index:2;letter-spacing:.5px}.insight-note{position:absolute;left:-24px;bottom:34px;background:#ffffffeb;backdrop-filter:blur(14px);padding:18px 24px;z-index:2;border:1px solid #fff;border-radius:10px;box-shadow:0 15px 30px #12244418;min-width:235px}.insight-note .kicker{font-size:9px;color:#7d8da4;letter-spacing:1.4px;margin-bottom:9px}.insight-note strong{display:block;font-size:17px;font-weight:500;letter-spacing:.2px}.insight-note strong b{color:var(--blue);font-weight:600}.insight-note p{font-size:10px;color:#7d8ba1;margin-top:8px}.photo-corner{position:absolute;top:20px;left:20px;background:#ffffffdd;color:#31465e;backdrop-filter:blur(8px);padding:8px 11px;border:1px solid #ffffff90;border-radius:5px;display:flex;align-items:center;gap:7px;font-size:10px;z-index:2}.photo-corner i{height:5px;width:5px;background:var(--blue);border-radius:50%}.hero-chain{margin-top:65px;padding:28px 0;display:flex;align-items:center;justify-content:space-between;border-top:1px solid #dce4f1;color:#65738b;font-size:12px;gap:20px}.hero-chain>span:first-child{font-size:10px;letter-spacing:1px;color:#95a1b4;margin-right:30px}.hero-chain b{font-weight:500;color:#41516b}.hero-chain i{font-style:normal;color:#a6b6ce}.pain-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:34px}.pain{border-top:1px solid var(--line);padding:25px 0 0}.pain-num{font-size:12px;color:#91a1bb;font-family:monospace;display:block;margin-bottom:22px}.pain h3{font-size:22px;font-weight:500;margin-bottom:14px;line-height:1.5}.pain p{font-size:13px;color:var(--muted);margin-bottom:25px}.pain-outcome{border-top:1px dashed #dce3ef;padding-top:17px;display:flex;align-items:center;gap:12px;font-size:12px;color:var(--blue)}.pain-outcome span{background:var(--blue-light);width:25px;height:25px;border-radius:50%;display:grid;place-items:center;font-size:12px}.capabilities{background:var(--paper)}.capability-tabs{display:grid;grid-template-columns:repeat(4,1fr);border-bottom:1px solid #d8e0ee;gap:30px;margin:0 0 31px}.tab{background:none;padding:0 0 18px;border-bottom:2px solid transparent;text-align:left;color:#8090a8;font-size:14px;display:flex;align-items:center;gap:10px}.tab span{font-size:10px;letter-spacing:1px}.tab[aria-selected=true]{color:var(--blue);border-bottom-color:var(--blue)}.capability-panel{display:grid;grid-template-columns:.85fr 1.15fr;gap:48px;align-items:center;min-height:360px;background:#fff;border:1px solid #e4eaf4;border-radius:13px;padding:39px;box-shadow:0 8px 28px #25427004}.panel-copy .tag{font-size:10px;color:#8595ab;letter-spacing:1.5px}.panel-copy h3{font-size:30px;font-weight:500;line-height:1.45;letter-spacing:-.7px;margin:15px 0 19px}.panel-copy>p{font-size:13px;color:var(--muted)}.checklist{list-style:none;margin:20px 0 0;padding:0;display:grid;gap:12px;font-size:12px;color:#4f617d}.checklist li{display:flex;gap:10px;line-height:1.6}.checklist li:before{content:"✓";color:var(--blue)}.visual-panel{border:1px solid #e0e7f2;background:#f9fbff;border-radius:8px;padding:22px;min-height:277px}.visual-top{font-size:11px;font-weight:500;color:#536987;display:flex;justify-content:space-between;border-bottom:1px solid #e2e9f3;padding-bottom:17px;margin-bottom:18px}.visual-top span{font-size:9px;font-weight:400;color:#9ba8ba}.fact-row{display:grid;grid-template-columns:repeat(3,1fr);gap:10px}.fact{background:#fff;padding:15px 12px;border:1px solid #e6ecf5;border-radius:5px;min-width:0}.fact small{font-size:9px;color:#8b99ac}.fact b{display:block;color:#314d75;font-size:14px;font-weight:500;margin-top:8px}.fact em{display:block;font-style:normal;font-size:9px;color:#99a6b9;margin-top:7px}.chart{height:78px;display:flex;gap:9px;align-items:end;border-bottom:1px solid #dbe4f1;padding:13px 9px 0;margin-top:14px}.chart i{flex:1;background:#9ab4f7;border-radius:3px 3px 0 0;height:var(--bar)}.chart i:nth-last-child(-n+3){background:var(--blue)}.visual-bottom{font-size:9px;display:flex;justify-content:space-between;color:#8f9eb5;padding-top:11px}.quality-rows{display:grid;gap:17px}.quality-row{display:grid;grid-template-columns:75px 1fr 36px;gap:12px;align-items:center;font-size:10px;color:#7f8fa7}.quality-bar{height:8px;border-radius:4px;background:#e7ecf5;overflow:hidden}.quality-bar i{display:block;width:var(--width);height:100%;background:#8baaf4;border-radius:4px}.quality-row.attention .quality-bar i{background:#dca565}.quality-row.attention span:last-child{color:#b98342}.notice{margin-top:22px;background:#eef3ff;border-radius:5px;padding:12px;font-size:10px;line-height:1.7;color:#5876ac}.flow-steps{display:grid;grid-template-columns:1fr 20px 1fr;align-items:center;gap:15px 8px}.flow-box{background:white;border:1px solid #dde5f3;border-radius:5px;padding:15px 12px}.flow-box small{font-size:9px;color:#8ba0c2;display:block;margin-bottom:8px}.flow-box b{font-size:12px;font-weight:500;color:#425c81;display:block}.flow-arrow{text-align:center;font-size:17px;color:#99acd0}.flow-box:last-child{border-color:#a4bdf7;background:#edf3ff}.question{margin-left:22%;padding:14px 16px;background:#006AB7;color:white;border-radius:10px 10px 0 10px;font-size:12px;line-height:1.7}.answer{padding:17px;background:white;border:1px solid #e0e7f3;border-radius:9px;margin:15px 18% 0 0;font-size:11px;line-height:1.85;color:#5c7090}.answer b{color:#31517c;display:block;font-size:11px;margin-bottom:5px}.data-chips{display:flex;gap:7px;margin-top:11px;flex-wrap:wrap}.data-chips span{font-size:8px;background:#f0f4fb;color:#6c84a9;padding:4px 6px;border-radius:3px}.boundary{font-size:10px;color:#8a98ac;line-height:1.8;margin-top:18px;padding-left:3px}.case-section{background:var(--night);color:#fff;position:relative;overflow:hidden}.case-section:before{content:"";position:absolute;inset:0;background:radial-gradient(ellipse at 75% 30%,#2458a52b,transparent 60%);pointer-events:none}.case-inner{position:relative}.case-section .label{color:#8bb2ff}.case-layout{display:grid;grid-template-columns:.88fr 1.12fr;gap:70px;align-items:center;margin-top:25px}.case-copy h2{font-size:43px;line-height:1.45;letter-spacing:-1.5px;font-weight:500}.case-copy h2 span{color:#91b8ff}.case-copy p{font-size:13px;color:#a3b4ce;margin:20px 0 26px}.case-copy .btn{gap:38px}.case-meta{font-size:10px;color:#7187a7;margin-top:15px;line-height:1.9}.case-meta a{color:#9bb5dc;word-break:break-all}.browser-card{border:1px solid #3a5275;border-radius:10px;background:#142642;box-shadow:0 28px 70px #0003;overflow:hidden}.browser-bar{height:42px;background:#1c3050;display:flex;align-items:center;gap:5px;padding:0 17px}.browser-bar i{height:6px;width:6px;border-radius:50%;background:#516681}.browser-bar span{margin:auto;font-size:9px;letter-spacing:1px;color:#8ca2c3}.browser-body{padding:23px}.browser-title{display:flex;justify-content:space-between;align-items:center;margin-bottom:20px;font-size:13px;color:#c6d9f9}.browser-title span{font-size:8px;color:#6e88af}.demo-board{display:grid;grid-template-columns:1fr 1fr;gap:13px}.demo-cell{background:#10213b;border:1px solid #2a4266;padding:16px;border-radius:5px;min-height:105px}.demo-cell h3{font-size:11px;font-weight:500;color:#a9c7f4;margin-bottom:14px}.machine-pips{display:flex;gap:6px;flex-wrap:wrap}.machine-pips i{display:block;width:24px;height:21px;background:#203f63;border:1px solid #39638e;border-radius:3px}.machine-pips i:nth-child(3n){background:#194e51;border-color:#2c7075}.machine-pips i:nth-child(5){background:#664f32;border-color:#89704a}.order-bars{display:grid;gap:9px}.order-bars i{height:6px;background:#2c486d;border-radius:3px;position:relative}.order-bars i:after{content:"";position:absolute;left:0;top:0;height:6px;width:var(--width);background:#638ee3;border-radius:3px}.agv-path{height:45px;border-bottom:1px dashed #3c5d83;position:relative}.agv-path i{display:block;position:absolute;bottom:-5px;width:17px;height:12px;border-radius:3px;background:#456ca8;border:1px solid #759bdb}.agv-path i:nth-child(1){left:10%}.agv-path i:nth-child(2){left:60%;background:#2d696b;border-color:#4a9d9f}.signal{display:grid;grid-template-columns:6px 1fr;gap:9px;align-items:center;margin-bottom:9px}.signal i{width:5px;height:5px;background:#d4a061;border-radius:50%}.signal span{height:5px;background:#324b6d;border-radius:3px}.browser-foot{font-size:9px;color:#6984aa;padding:17px 0 0;text-align:center}.case-tour{display:grid;grid-template-columns:repeat(3,1fr);gap:35px;border-top:1px solid #ffffff1a;padding-top:31px;margin-top:50px}.tour-step{display:flex;gap:16px}.tour-step>span{color:#6084bf;font-size:12px;line-height:23px;font-family:monospace}.tour-step h3{font-size:14px;font-weight:500;margin-bottom:9px}.tour-step p{font-size:11px;color:#8096b8;line-height:1.85}.architecture{background:#fff}.system-map{display:grid;grid-template-columns:1fr 40px 1fr 40px 1fr;align-items:stretch}.layer{border:1px solid #e0e6f0;border-radius:8px;padding:27px;background:#fcfdff}.layer.center{background:#f0f4ff;border-color:#cddbf9}.layer .layer-number{font-size:10px;color:#94a4be;letter-spacing:1px}.layer h3{font-size:19px;font-weight:500;margin:17px 0 12px}.layer p{font-size:12px;color:#718099;line-height:1.9}.layer>span:last-child{display:block;font-size:10px;color:var(--blue);margin-top:23px;border-top:1px solid #e1e8f4;padding-top:15px}.map-arrow{display:grid;place-items:center;color:#8ea8d7;font-size:21px}.integration{margin:24px 0 0;padding:18px 25px;background:#f8fafc;border:1px dashed #d6dfed;border-radius:6px;display:flex;justify-content:center;gap:35px;font-size:11px;color:#6c7d97}.integration b{font-weight:500;color:#354d73}.principles{display:grid;grid-template-columns:repeat(3,1fr);gap:35px;margin-top:36px}.principles h3{font-size:14px;font-weight:500;margin-bottom:11px}.principles p{font-size:12px;color:#8190a5}.results{background:var(--paper)}.value-matrix{display:grid;grid-template-columns:repeat(4,1fr);gap:23px}.result-item{border-left:1px solid #d6deec;padding:5px 21px}.result-item:first-child{border-left:0;padding-left:0}.result-item>span{font-size:10px;color:#8da0c0;letter-spacing:1px}.result-item h3{font-size:22px;font-weight:500;margin:17px 0 12px}.result-item p{font-size:12px;color:#73839b}.measure{margin-top:24px;font-size:10px;color:#446aaf;line-height:1.9}.measure b{display:block;font-size:9px;font-weight:400;color:#9aabc3;letter-spacing:1px;margin-bottom:4px}.rollout{display:grid;grid-template-columns:.82fr 1.18fr;gap:85px;margin-top:72px;padding-top:48px;border-top:1px solid #dde5f1}.rollout h3{font-size:28px;font-weight:500;line-height:1.6;letter-spacing:-.5px}.rollout p{font-size:13px;color:#7a8ba4;margin-top:16px}.rollout-steps{display:grid;grid-template-columns:repeat(3,1fr);gap:27px}.rollout-step span{font-size:11px;color:var(--blue);font-family:monospace}.rollout-step h4{font-size:14px;font-weight:500;margin:16px 0 10px}.rollout-step p{font-size:11px;margin:0;line-height:1.9}.closing{background:#006AB7;color:#fff;padding:66px 0}.closing-inner{display:flex;justify-content:space-between;align-items:center;gap:35px}.closing h2{font-size:32px;line-height:1.45;letter-spacing:-1px;font-weight:500}.closing p{font-size:13px;color:#c4d3ff;margin-top:13px}.closing .btn{white-space:nowrap;gap:40px}.footer{padding:31px 0;color:#8a96a9}.footer-inner{display:flex;justify-content:space-between;gap:30px;align-items:center}.footer-title{font-size:13px;color:#53657f;margin-bottom:7px}.footer p{font-size:10px;line-height:1.9;max-width:770px}.footer button{background:none;border:1px solid #e0e6ef;border-radius:5px;padding:10px 14px;color:#7c8ba2;font-size:10px;white-space:nowrap}.skip{position:absolute;top:-100px;z-index:30;background:white;padding:15px}.skip:focus{top:0}.print-only{display:none}
@media(min-width:1600px){.hero{padding-top:92px}.hero-art{height:495px}.hero-layout{gap:72px}.hero h1{font-size:64px}.hero-chain{margin-top:78px}}
@media(max-width:1100px){.wrap{width:calc(100% - 60px)}.hero-layout{gap:35px}.hero h1{font-size:46px}.hero-art{height:425px}.hero-copy{font-size:14px}.hero-actions .btn{padding:14px 18px;gap:18px}.navlinks{gap:19px}.case-layout{gap:35px}.case-copy h2{font-size:37px}.capability-panel{padding:30px;gap:30px}.panel-copy h3{font-size:26px}.layer{padding:23px}.rollout{gap:45px}.section{padding:80px 0}.hero-chain>span:first-child{margin-right:5px}}
@media(max-width:760px){.wrap{width:calc(100% - 40px)}.topbar{height:66px}.nav{gap:12px}.navlinks{display:none}.wordmark{font-size:13px;gap:9px;letter-spacing:0}.nav .btn{font-size:11px;padding:10px 12px;gap:12px}.hero{padding-top:43px}.hero-layout{grid-template-columns:1fr;gap:35px}.hero h1{font-size:43px;letter-spacing:-1.5px;line-height:1.4;margin:23px 0 20px}.hero-copy{font-size:13px;max-width:100%}.hero-actions{margin-top:26px;gap:10px}.hero-actions .btn{padding:13px 17px;font-size:12px;gap:24px}.hero-caption{font-size:10px}.hero-art{height:300px;margin-left:10px}.hero-photo{border-radius:10px;object-position:55% center}.insight-note{left:-10px;bottom:25px;padding:13px 17px;min-width:210px}.insight-note strong{font-size:15px}.insight-note .kicker{font-size:8px}.insight-note p{font-size:9px}.photo-corner{font-size:9px;top:13px;left:13px;padding:7px 9px}.image-note{font-size:8px;bottom:9px;right:10px}.hero-chain{margin-top:32px;padding:22px 0;gap:9px;font-size:10px;flex-wrap:wrap}.hero-chain>span:first-child{width:100%;font-size:8px;margin-bottom:7px}.hero-chain b{font-size:11px}.hero-chain i{font-size:9px}.section{padding:55px 0}.label{font-size:9px;letter-spacing:1.5px}.section-title{font-size:29px;line-height:1.5;letter-spacing:-.9px}.intro{display:block;margin:18px 0 30px}.intro p{font-size:12px;max-width:100%;margin-top:17px}.pain-grid{grid-template-columns:1fr;gap:27px}.pain{padding-top:18px}.pain-num{margin-bottom:13px;font-size:10px}.pain h3{font-size:21px;margin-bottom:10px}.pain p{font-size:12px;margin-bottom:16px}.pain-outcome{font-size:11px;padding-top:13px}.capability-tabs{gap:10px;margin-bottom:23px}.tab{font-size:12px;display:block;line-height:1.7;padding-bottom:12px}.tab span{display:block;font-size:8px;margin-bottom:4px;letter-spacing:.5px}.capability-panel{grid-template-columns:1fr;padding:23px 20px;gap:25px;min-height:0}.panel-copy h3{font-size:26px;line-height:1.5}.panel-copy>p{font-size:12px}.checklist{font-size:11px;gap:10px}.visual-panel{padding:16px;min-height:250px}.visual-top{font-size:10px;gap:9px}.visual-top span{font-size:8px;white-space:nowrap}.fact-row{gap:7px}.fact{padding:12px 8px}.fact b{font-size:12px}.fact small,.fact em{font-size:8px}.chart{gap:6px}.boundary{font-size:9px}.case-layout{grid-template-columns:1fr;gap:35px}.case-copy h2{font-size:32px;letter-spacing:-.8px}.case-copy p{font-size:12px;margin:17px 0 24px}.case-copy .btn{font-size:13px;padding:14px 20px}.browser-body{padding:18px}.browser-title{font-size:12px}.demo-board{gap:9px}.demo-cell{padding:12px;min-height:100px}.demo-cell h3{font-size:10px}.machine-pips{gap:4px}.machine-pips i{width:19px;height:18px}.case-tour{grid-template-columns:1fr;gap:25px;margin-top:31px;padding-top:26px}.tour-step h3{font-size:13px;margin-bottom:7px}.tour-step p{font-size:11px}.system-map{grid-template-columns:1fr}.map-arrow{height:35px;transform:rotate(90deg)}.layer{padding:22px}.layer h3{font-size:18px;margin:13px 0 11px}.layer p{font-size:12px}.layer>span:last-child{margin-top:17px}.integration{display:block;font-size:10px;line-height:2;text-align:center;padding:15px}.integration span{display:block}.principles{grid-template-columns:1fr;gap:23px;margin-top:29px}.principles h3{font-size:14px;margin-bottom:8px}.principles p{font-size:11px}.value-matrix{grid-template-columns:1fr 1fr;gap:30px 20px}.result-item{padding:0 0 0 17px}.result-item:nth-child(odd){padding-left:0;border-left:0}.result-item h3{font-size:20px;margin:13px 0 10px}.result-item p{font-size:11px}.measure{font-size:9px;margin-top:17px}.rollout{grid-template-columns:1fr;gap:29px;margin-top:40px;padding-top:30px}.rollout h3{font-size:25px}.rollout p{font-size:12px;margin-top:13px}.rollout-steps{gap:20px}.rollout-step h4{font-size:13px;margin-top:13px}.rollout-step p{font-size:10px;margin:0}.closing{padding:43px 0}.closing-inner{display:block}.closing h2{font-size:27px;letter-spacing:-.5px}.closing p{font-size:12px}.closing .btn{margin-top:25px;font-size:12px;padding:14px 20px}.footer-inner{display:block}.footer button{margin-top:17px}.footer p{font-size:9px}}
@media(max-width:360px){.wrap{width:calc(100% - 32px)}.wordmark{font-size:12px}.nav .btn{padding:9px 10px;font-size:10px;gap:6px}.hero h1{font-size:37px}.hero-actions .btn{padding:12px 13px;gap:17px}.hero-art{height:280px}.fact-row{grid-template-columns:1fr 1fr 1fr}.fact b{font-size:10px}.visual-panel{padding:13px}.capability-panel{padding:21px 16px}.quality-row{grid-template-columns:60px 1fr 30px;gap:7px}.machine-pips i{width:17px}.system-map .layer{padding:19px}.rollout-steps{gap:13px}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}*,*:before,*:after{transition:none!important;animation:none!important}}
@media print{.topbar,.hero-actions,.hero-caption,.hero-chain,.hero-art,.capability-tabs,.closing,.footer button,.skip{display:none!important}.wrap{width:100%}.hero{padding:0;background:white}.hero-layout{display:block}.hero h1{font-size:32px;margin:12px 0}.hero h1 br{display:none}.hero-copy{max-width:none;font-size:11px}.section{padding:27px 0;break-inside:auto}.section-title{font-size:25px}.intro{display:block;margin:14px 0 22px}.intro p{font-size:11px;max-width:none}.pain-grid{grid-template-columns:repeat(3,1fr);gap:24px}.pain h3{font-size:16px}.pain p{font-size:10px}.pain-outcome{font-size:10px}.pain-num{margin-bottom:12px}.pain{padding-top:18px}.capabilities,.results{background:white}.capability-panel{grid-template-columns:.9fr 1.1fr;padding:25px;min-height:0;break-inside:avoid}.panel-copy h3{font-size:22px}.panel-copy>p,.checklist{font-size:10px}.visual-panel{padding:15px}.case-section{background:white;color:var(--ink)}.case-section:before{display:none}.case-section .label{color:var(--blue)}.case-layout{grid-template-columns:1fr 1fr;gap:30px}.case-copy h2{font-size:27px}.case-copy h2 span{color:var(--blue)}.case-copy p{color:#687991;font-size:11px}.case-copy .btn{background:var(--blue)!important;color:white!important;print-color-adjust:exact}.browser-card{print-color-adjust:exact;-webkit-print-color-adjust:exact}.case-tour{gap:24px;border-color:#d9e2ef;margin-top:25px;padding-top:22px}.tour-step h3{font-size:12px}.tour-step p{font-size:10px;color:#6b7e98}.case-meta,.case-meta a{color:#5c76a0}.system-map{grid-template-columns:1fr 25px 1fr 25px 1fr}.map-arrow{transform:none;height:auto}.layer{padding:17px}.layer h3{font-size:16px}.layer p{font-size:10px}.integration{display:flex;font-size:10px}.principles{grid-template-columns:repeat(3,1fr);gap:25px}.principles p{font-size:10px}.value-matrix{grid-template-columns:repeat(4,1fr);gap:17px}.result-item h3{font-size:18px}.result-item p{font-size:10px}.rollout{grid-template-columns:.8fr 1.2fr;margin-top:32px;padding-top:28px;gap:30px}.rollout h3{font-size:22px}.rollout p{font-size:10px}.rollout-step p{font-size:10px}.print-only{display:block;font-size:10px;color:#617797;margin-top:14px}#challenge,#capabilities,#case,#architecture{break-after:page}.footer{padding-top:16px}.footer-inner{display:block}.footer p{font-size:9px}}

/* Official One Percent Soft brand integration. */
.wrap{max-width:1152px}.topbar{height:64px;background:rgba(247,250,253,.88);border-color:rgba(0,106,183,.1)}.wordmark img{display:block;width:126px;height:28px;object-fit:contain}.btn{border-radius:999px}.hero{background-color:#F7FAFD;background-image:linear-gradient(rgba(0,106,183,.035) 1px,transparent 1px),linear-gradient(90deg,rgba(0,106,183,.035) 1px,transparent 1px);background-size:56px 56px}.hero h1{font-weight:650}.hero-photo,.hero-art:after{border-radius:24px}.hero-art{border-radius:24px}.navlinks{font-size:13px}.footer{padding:48px 0 24px;background:#F7FAFD}.footer-title{margin-top:18px;color:#0A1A2E}.footer-contact{display:grid;gap:10px;font-size:13px;color:#52677f}.footer-bottom{border-top:1px solid #DDEBF6;margin-top:28px;padding-top:20px;display:flex;justify-content:space-between;gap:25px}.closing-inner{flex-wrap:wrap;gap:16px}.closing-inner>div{flex:1;min-width:300px}.closing .btn{gap:15px}.footer a:hover{color:var(--blue)}
@media(max-width:760px){.topbar{height:64px}.footer-inner,.footer-bottom{flex-direction:column;align-items:flex-start}.footer-inner{gap:24px}.closing-inner>div{min-width:0;flex-basis:100%}.closing .btn{font-size:12px;padding:13px 18px}.hero-photo,.hero-art:after{border-radius:16px}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}*{transition:none!important}}