:root{--ink:#11120f;--paper:#f7f7f4;--muted:#6d6f68;--line:#c9cac3;--accent:#ef4b23;--scene:#bdc9b7;--deep:#183d2d;--soft:#e6eadf;--max:1500px;--pad:clamp(22px,5vw,78px)}
.case-iot{--accent:#a9be42;--scene:#343938;--deep:#171a19;--soft:#e1e4df}.case-retail{--accent:#b45d3e;--scene:#e2d7c6;--deep:#2f4138;--soft:#eee6da}.case-ai{--accent:#6f94d6;--scene:#d7dbe2;--deep:#263650;--soft:#e7eaf0}
*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;background:var(--paper);color:var(--ink);font-family:"Microsoft YaHei","PingFang SC",Arial,sans-serif;-webkit-font-smoothing:antialiased}a{color:inherit;text-decoration:none}button{font:inherit}.skip-link{position:fixed;top:-60px;left:18px;z-index:100;background:#111;color:#fff;padding:12px 18px}.skip-link:focus{top:18px}:focus-visible{outline:2px solid var(--accent);outline-offset:5px}
.case-header{height:82px;max-width:var(--max);margin:auto;padding:0 var(--pad);display:flex;align-items:center;justify-content:space-between}.brand{display:inline-flex;align-items:center;gap:10px;font-weight:700;letter-spacing:.07em}.brand-mark{display:flex;align-items:flex-end;gap:3px;width:26px;height:25px;transform:skew(-10deg)}.brand-mark i{display:block;width:6px;background:currentColor}.brand-mark i:nth-child(1){height:10px}.brand-mark i:nth-child(2){height:18px}.brand-mark i:nth-child(3){height:25px;background:var(--accent)}.back-link{font-size:11px;border-bottom:1px solid;padding-bottom:6px}.back-link span{color:var(--accent);margin-left:16px}
.case-cover{max-width:var(--max);margin:auto;padding:clamp(70px,8vw,120px) var(--pad) 0}.cover-meta{display:flex;justify-content:space-between;padding-bottom:16px;border-bottom:1px solid;font:700 9px Consolas,monospace;letter-spacing:.12em}.cover-meta span:last-child{color:var(--muted)}.cover-title{display:grid;grid-template-columns:1.5fr .5fr;gap:8vw;align-items:end;padding:42px 0 65px}.cover-title h1{font-size:clamp(62px,8vw,120px);line-height:.96;letter-spacing:-.07em;margin:0}.cover-title p{font-size:14px;line-height:1.9;color:var(--muted);margin:0}.cover-product{height:clamp(550px,63vw,880px);background:var(--scene);position:relative;padding:6% 5%;overflow:hidden}.cover-app{width:88%;height:82%;display:grid;grid-template-columns:18% 1fr;background:#fff;box-shadow:0 30px 70px rgba(0,0,0,.21)}.cover-app aside{background:var(--deep);color:rgba(255,255,255,.52);display:flex;flex-direction:column;gap:25px;padding:30px 22px;font-size:9px}.cover-app aside strong{font-size:18px;color:#fff;margin-bottom:28px}.cover-app aside .active{color:var(--accent);border-left:2px solid;padding-left:8px}.cover-main{padding:5%;overflow:hidden}.cover-toolbar{display:flex;justify-content:space-between;align-items:end}.cover-toolbar small{font-size:8px;color:#888}.cover-toolbar h3{font-size:clamp(18px,2.1vw,30px);margin:7px 0 0}.cover-toolbar button{border:0;background:var(--deep);color:#fff;padding:11px 15px;font-size:8px}.cover-metrics{display:grid;grid-template-columns:repeat(3,1fr);gap:13px;margin:4% 0}.cover-metrics article{border:1px solid #ddd;padding:18px;display:grid;grid-template-columns:1fr auto}.cover-metrics span{grid-column:1/-1;font-size:8px;color:#777}.cover-metrics b{font:600 clamp(22px,2.7vw,40px) Arial;margin-top:11px}.cover-metrics small{font-size:7px;color:#568265;align-self:end}.cover-table>div{display:grid;grid-template-columns:1.15fr 1.4fr .8fr .65fr;gap:9px;padding:16px;border-top:1px solid #e0e1dc;font-size:8px}.cover-table>div:first-child{background:#f4f4f0;color:#888}.cover-table i{font-style:normal;color:#46805c}.cover-phone{position:absolute;right:4%;bottom:-3%;width:22%;height:58%;min-width:210px;border:7px solid #131411;border-radius:34px 34px 0 0;background:#fbfaf5;padding:26px 17px 15px;box-shadow:0 22px 50px rgba(0,0,0,.25)}.phone-notch{height:7px;width:38%;background:#222;border-radius:8px;margin:-16px auto 27px}.cover-phone>small{font-size:7px;color:#888}.cover-phone h3{font-size:clamp(15px,1.8vw,25px);margin:6px 0 16px}.phone-image{height:35%;background:linear-gradient(145deg,var(--deep) 0 48%,var(--accent) 48% 74%,#e4c275 74%);color:#fff;position:relative}.phone-image span{position:absolute;left:11px;bottom:10px;font-size:8px}.phone-status{display:flex;flex-direction:column;gap:6px;padding:15px 0;border-bottom:1px solid #ddd;font-size:8px}.phone-status b{font-size:7px;color:var(--deep)}.cover-phone button{position:absolute;bottom:15px;left:17px;right:17px;border:0;background:var(--deep);color:#fff;padding:11px;font-size:8px}
.industry-band{max-width:var(--max);margin:auto;padding:45px var(--pad);display:grid;grid-template-columns:.35fr .85fr .8fr;align-items:start;gap:4vw;border-bottom:1px solid var(--line)}.industry-band>span,.section-label{font:700 9px Consolas,monospace;letter-spacing:.1em;text-transform:uppercase}.industry-band strong{font-size:clamp(25px,3vw,43px);letter-spacing:-.04em}.industry-band p{font-size:12px;line-height:1.8;color:var(--muted);margin:0}
.story-section,.feature-section,.result-section{max-width:var(--max);margin:auto;padding:clamp(110px,13vw,190px) var(--pad)}.section-label{display:flex;gap:18px;padding-bottom:18px;border-bottom:1px solid}.section-label span,.section-label i{color:var(--accent);font-style:normal}.story-heading,.feature-heading,.result-heading,.solution-lead{display:grid;grid-template-columns:1.45fr .55fr;gap:8vw;align-items:end;padding:45px 0 85px}.story-heading h2,.feature-heading h2,.result-heading h2,.solution-lead h2{font-size:clamp(43px,5.8vw,84px);line-height:1.06;letter-spacing:-.065em;margin:0}.story-heading p,.feature-heading p,.result-heading p,.solution-lead p{margin:0;color:var(--muted);font-size:13px;line-height:1.9}.problem-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:clamp(20px,4vw,64px)}.problem-grid article{border-top:1px solid var(--line);padding-top:18px}.problem-grid span{font:9px Consolas;color:var(--accent)}.problem-grid h3{font-size:clamp(20px,2.2vw,31px);letter-spacing:-.04em;margin:25px 0 15px}.problem-grid p{font-size:12px;line-height:1.8;color:var(--muted)}.before-flow{margin-top:90px;background:#e6e6e1;padding:26px 30px;display:grid;grid-template-columns:.3fr 1.7fr;align-items:center}.before-flow>span{font:8px Consolas;color:var(--muted)}.before-flow>div{display:flex;align-items:center;justify-content:space-between}.before-flow b{font-size:11px}.before-flow i{font-style:normal;color:#999}
.solution-section{background:var(--deep);color:#fff;padding:clamp(110px,13vw,190px) max(var(--pad),calc((100vw - var(--max))/2 + var(--pad)))}.solution-section .section-label{border-color:rgba(255,255,255,.3)}.solution-lead p{color:rgba(255,255,255,.6)}.solution-flow{display:grid;grid-template-columns:repeat(4,1fr);border-top:1px solid rgba(255,255,255,.3);border-bottom:1px solid rgba(255,255,255,.3)}.solution-flow article{min-height:230px;padding:25px;border-right:1px solid rgba(255,255,255,.3)}.solution-flow article:last-child{border-right:0}.solution-flow span{font:9px Consolas;color:var(--accent)}.solution-flow h3{font-size:clamp(19px,2vw,28px);margin:42px 0 13px}.solution-flow p{font-size:10px;line-height:1.8;color:rgba(255,255,255,.55)}blockquote{font-size:clamp(28px,4.2vw,61px);line-height:1.35;letter-spacing:-.05em;margin:clamp(80px,10vw,150px) 0 0;max-width:1100px}
.feature-showcase{display:flex;flex-direction:column;gap:clamp(90px,12vw,170px)}.feature-item{display:grid;grid-template-columns:.43fr 1.57fr;gap:7vw;align-items:center}.feature-item:nth-child(even){grid-template-columns:1.57fr .43fr}.feature-item:nth-child(even) .feature-copy{order:2}.feature-copy>span{font:8px Consolas;color:var(--accent);letter-spacing:.1em}.feature-copy h3{font-size:clamp(27px,3.3vw,48px);letter-spacing:-.045em;margin:18px 0}.feature-copy strong{font-size:14px}.feature-copy p{font-size:11px;line-height:1.9;color:var(--muted);margin-top:15px}.feature-screen{aspect-ratio:1.7;background:var(--soft);padding:7%;box-shadow:inset 0 0 0 1px rgba(0,0,0,.07)}.screen-bar{height:36px;background:#fff;border-bottom:1px solid #ddd;display:flex;align-items:center;gap:4px;padding:0 12px}.screen-bar>i{width:6px;height:6px;border:1px solid #aaa;border-radius:50%}.screen-bar b{font-size:7px;margin-left:14px}.screen-layout{height:calc(100% - 36px);display:grid;grid-template-columns:16% 1fr;background:#fff}.screen-layout aside{background:var(--deep);padding:22px 14px;display:flex;flex-direction:column;gap:19px}.screen-layout aside i{height:3px;background:rgba(255,255,255,.35)}.screen-layout>div{padding:7%}.screen-layout h4{font-size:clamp(13px,1.6vw,23px);margin:0 0 7%}.screen-stats{display:grid;grid-template-columns:repeat(3,1fr);gap:8px}.screen-stats span{height:clamp(45px,6vw,80px);border:1px solid #ddd}.screen-rows{margin-top:7%}.screen-rows i{display:block;height:1px;background:#ddd;margin:8% 0}.screen-2 .screen-stats span:nth-child(2){background:var(--accent);opacity:.55}.screen-3 .screen-layout>div{background:#f4f4f0}
.technology-section{max-width:var(--max);margin:auto;padding:70px var(--pad);border-top:1px solid;border-bottom:1px solid;display:grid;grid-template-columns:1fr 1fr;gap:8vw}.technology-section .section-label{border:0;padding:0}.technology-section h2{font-size:clamp(27px,3.4vw,50px);line-height:1.25;letter-spacing:-.05em;margin:30px 0 0}.tech-list{display:grid;grid-template-columns:1fr 1fr;align-content:center}.tech-list span{padding:21px 0;border-bottom:1px solid var(--line);font-size:12px}.tech-list span:nth-child(odd){margin-right:25px}
.result-section{padding-bottom:0}.result-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:1px;background:var(--line);border:1px solid var(--line)}.result-grid article{background:var(--paper);padding:clamp(24px,3vw,45px);min-height:280px}.result-grid span{font:9px Consolas;color:var(--accent)}.result-grid strong{display:block;font-size:clamp(27px,3.5vw,50px);margin:42px 0 15px}.result-grid h3{font-size:15px;margin:0 0 16px}.result-grid p{font-size:11px;line-height:1.8;color:var(--muted)}.result-statement{margin-top:clamp(90px,11vw,160px);padding:35px 0 clamp(120px,14vw,200px);border-top:1px solid;display:grid;grid-template-columns:.35fr 1.65fr}.result-statement>span{font:8px Consolas;color:var(--muted)}.result-statement strong{font-size:clamp(38px,6.4vw,93px);line-height:1.1;letter-spacing:-.065em}
.next-project{background:var(--scene);padding:55px max(var(--pad),calc((100vw - var(--max))/2 + var(--pad))) 75px}.next-project>span{font:8px Consolas;letter-spacing:.1em}.next-project a{display:grid;grid-template-columns:1fr auto;align-items:end;margin-top:45px;border-top:1px solid;padding-top:25px}.next-project small{grid-column:1;font-size:10px;color:var(--muted)}.next-project strong{grid-column:1;font-size:clamp(38px,6vw,86px);letter-spacing:-.06em;margin-top:10px}.next-project i{grid-column:2;grid-row:1/3;font:normal clamp(38px,6vw,80px) Arial;color:var(--accent)}
footer{padding:42px max(var(--pad),calc((100vw - var(--max))/2 + var(--pad)));display:grid;grid-template-columns:1fr 1fr auto auto;gap:30px;align-items:end;background:var(--ink);color:#fff}footer p{font-size:11px;line-height:1.6;margin:0}footer .icp-link{font-size:10px;color:#aaa;border-bottom:1px solid #555;padding-bottom:6px}footer>a:last-child{font-size:11px;justify-self:end;border-bottom:1px solid;padding-bottom:6px}
.reveal{opacity:0;transform:translateY(24px);transition:opacity .75s ease,transform .75s cubic-bezier(.2,.8,.2,1)}.reveal.is-visible{opacity:1;transform:none}
@media(max-width:900px){.cover-title{grid-template-columns:1fr}.cover-title p{max-width:550px}.cover-product{height:650px}.cover-app{width:95%;height:60%}.cover-phone{width:29%;height:55%}.industry-band{grid-template-columns:.35fr .65fr}.industry-band p{grid-column:2}.story-heading,.feature-heading,.result-heading,.solution-lead{grid-template-columns:1fr}.story-heading p,.feature-heading p,.result-heading p,.solution-lead p{max-width:520px}.solution-flow{grid-template-columns:1fr 1fr}.solution-flow article:nth-child(2){border-right:0}.solution-flow article:nth-child(-n+2){border-bottom:1px solid rgba(255,255,255,.3)}.feature-item,.feature-item:nth-child(even){grid-template-columns:1fr}.feature-item:nth-child(even) .feature-copy{order:0}.technology-section{grid-template-columns:1fr}.result-statement{grid-template-columns:1fr}.result-statement strong{margin-top:35px}}
@media(max-width:620px){.case-header{height:68px}.back-link{font-size:9px}.case-cover{padding-top:58px}.cover-meta span:last-child{font-size:7px}.cover-title{padding:30px 0 46px}.cover-title h1{font-size:52px}.cover-title p{font-size:12px}.cover-product{height:550px;padding:5%}.cover-app{width:100%;height:49%;grid-template-columns:20% 1fr}.cover-app aside{padding:13px 7px;gap:12px}.cover-app aside strong{font-size:9px;margin-bottom:8px}.cover-app aside span{font-size:5px}.cover-main{padding:4%}.cover-toolbar button{display:none}.cover-toolbar h3{font-size:14px}.cover-metrics{gap:4px}.cover-metrics article{padding:7px}.cover-metrics small{display:none}.cover-table>div{grid-template-columns:1fr 1fr;padding:7px;font-size:5px}.cover-table>div span:nth-child(3),.cover-table>div span:nth-child(4),.cover-table>div i{display:none}.cover-phone{width:47%;height:56%;right:5%;min-width:0;border-width:5px;border-radius:25px 25px 0 0;padding:20px 12px}.cover-phone button{left:12px;right:12px}.industry-band{grid-template-columns:1fr;padding-top:32px;padding-bottom:32px}.industry-band p{grid-column:auto}.story-section,.feature-section,.result-section{padding-top:90px;padding-bottom:90px}.story-heading,.feature-heading,.result-heading,.solution-lead{padding:35px 0 60px}.story-heading h2,.feature-heading h2,.result-heading h2,.solution-lead h2{font-size:40px}.problem-grid{grid-template-columns:1fr}.before-flow{grid-template-columns:1fr;margin-top:60px}.before-flow>div{margin-top:20px;flex-wrap:wrap;gap:9px}.before-flow i{display:none}.before-flow b{border:1px solid #ccc;padding:8px}.solution-section{padding-top:90px;padding-bottom:90px}.solution-flow{grid-template-columns:1fr}.solution-flow article{min-height:160px;border-right:0;border-bottom:1px solid rgba(255,255,255,.3)!important}.solution-flow article:last-child{border-bottom:0!important}.solution-flow h3{margin-top:25px}blockquote{font-size:30px}.feature-showcase{gap:85px}.feature-screen{padding:5%}.screen-layout aside{padding:12px 7px}.technology-section{padding-top:60px;padding-bottom:60px}.tech-list{grid-template-columns:1fr}.tech-list span:nth-child(odd){margin-right:0}.result-grid{grid-template-columns:1fr}.result-grid article{min-height:230px}.result-statement{padding-bottom:110px}.next-project strong{font-size:39px}footer{grid-template-columns:1fr;gap:30px}footer>a:last-child{justify-self:start}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}*,*::before,*::after{transition-duration:.01ms!important}.reveal{opacity:1;transform:none}}