:root{--black:#0b0b0b;--cream:#f2ede4;--acid:#caff35;--red:#ff4f31;--blue:#5379ff;--line:rgba(255,255,255,.22);--mono:'DM Mono',monospace;--display:'Anton','Noto Sans SC',sans-serif;--sans:'Noto Sans SC',sans-serif}*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;background:var(--black);color:var(--cream);font-family:var(--sans);overflow-x:hidden}.grain{position:fixed;inset:0;z-index:99;pointer-events:none;opacity:.035;background-image:url("data:image/svg+xml,%3Csvg viewBox='0 0 180 180' xmlns='http://www.w3.org/2000/svg'%3E%3Cfilter id='n'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='.9' numOctaves='4' stitchTiles='stitch'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23n)'/%3E%3C/svg%3E")}.wrap{width:min(1380px,calc(100% - 72px));margin:auto}.nav{height:82px;display:flex;align-items:center;justify-content:space-between;border-bottom:1px solid #303030;position:relative;z-index:10}.logo{font:34px var(--display);color:var(--cream);text-decoration:none;letter-spacing:.02em}.logo span{font:9px var(--mono);vertical-align:top;color:var(--acid)}.nav-center{font:11px var(--mono);letter-spacing:.1em}.nav nav{display:flex;align-items:center;gap:28px}.nav nav a{font:12px var(--mono);color:var(--cream);text-decoration:none}.resume{background:var(--cream);color:var(--black)!important;padding:12px 16px}.hero{min-height:calc(100vh - 82px);position:relative;padding:56px 0 30px;display:flex;flex-direction:column}.hero-type{position:relative;z-index:3}.hero-type>p,.section-kicker{font:11px var(--mono);letter-spacing:.12em}.hero h1{font-size:clamp(70px,8.5vw,138px);line-height:.88;letter-spacing:-.065em;margin:35px 0 28px;max-width:1050px;font-weight:900}.hero h1>span:first-child{color:var(--acid)}.hero h1 .outline{color:transparent;-webkit-text-stroke:2px var(--cream)}.hero h1 i{font-style:normal;color:var(--red);position:relative}.hero h1 i:after{content:'';position:absolute;height:12px;left:0;right:-10px;bottom:4px;background:var(--blue);z-index:-1;transform:rotate(-1deg)}.hero-sub{display:flex;align-items:center;gap:38px}.hero-sub p{font-size:18px;font-weight:700}.hero-sub a{background:var(--cream);color:var(--black);padding:15px 20px;text-decoration:none;font-weight:800}.hero-sub b{margin-left:35px}.hero-collage{position:absolute;right:-1%;top:5%;width:48%;height:78%;pointer-events:none}.hc{position:absolute;margin:0;border:7px solid var(--cream);background:var(--cream);box-shadow:0 25px 60px rgba(0,0,0,.45);overflow:hidden;animation:float 8s ease-in-out infinite}.hc img{width:100%;height:100%;object-fit:cover}.hc figcaption{position:absolute;bottom:0;left:0;background:var(--black);padding:7px 10px;font:9px var(--mono)}.hc1{width:34%;height:56%;right:0;top:4%;transform:rotate(4deg)}.hc2{width:29%;height:57%;right:28%;top:15%;transform:rotate(-4deg);animation-delay:-2s}.hc3{width:58%;height:33%;right:5%;bottom:0;transform:rotate(2deg);animation-delay:-4s}.hc4{width:25%;height:31%;right:58%;bottom:9%;transform:rotate(-7deg);animation-delay:-6s}.hero-stats{margin-top:auto;display:grid;grid-template-columns:repeat(4,1fr);border-top:1px solid #333;padding-top:20px;position:relative;z-index:4}.hero-stats div{display:flex;align-items:end;gap:12px}.hero-stats strong{font:54px var(--display);color:var(--acid)}.hero-stats span{font:12px/1.4 var(--mono);padding-bottom:9px}.manifesto{background:var(--acid);color:var(--black);overflow:hidden;padding:22px 0;white-space:nowrap}.ticker{display:inline-flex;align-items:center;gap:35px;font-size:25px;font-weight:900;animation:ticker 22s linear infinite}.ticker i{font-style:normal}.work-index{padding:110px 0}.index-grid{display:grid;grid-template-columns:repeat(4,1fr);margin-top:48px;border-block:1px solid #333}.index-grid a{color:var(--cream);text-decoration:none;padding:32px 25px;border-left:1px solid #333;transition:.25s}.index-grid a:first-child{border:0}.index-grid a:hover{background:var(--red);color:var(--black)}.index-grid b{font:18px var(--mono)}.index-grid span{font-size:27px;font-weight:900;display:block;margin:40px 0 8px}.index-grid small{font:12px var(--mono)}.project{padding:125px 0}.dark{background:var(--black)}.cream{background:var(--cream);color:var(--black)}.project-head{display:grid;grid-template-columns:1.25fr .75fr;gap:8vw;align-items:end}.project-no,.ai-title>span,.competition-hero>span,.about>div>span{font:11px var(--mono);letter-spacing:.12em}.project h2,.ai-title h2,.competition h2,.about h2{font-size:clamp(56px,7vw,105px);line-height:.95;letter-spacing:-.065em;margin:30px 0 0}.project h2 em,.ai-title h2 em{font-style:normal;color:var(--red)}.project-summary>p{font-size:18px;font-weight:600;line-height:1.8}.facts{display:flex;gap:32px;margin-top:35px}.facts b{font:52px var(--display)}.facts small{font:10px var(--mono);display:block}.rail-shell{margin-top:75px;overflow:hidden}.rail-label{display:flex;justify-content:space-between;padding:0 36px 13px;font:10px var(--mono)}.auto-rail{display:flex;gap:16px;overflow-x:auto;scrollbar-width:none;cursor:grab;padding:5px 0 30px}.auto-rail::-webkit-scrollbar{display:none}.auto-rail.dragging{cursor:grabbing}.rail-card{flex:0 0 390px;height:520px;position:relative;background:#222;overflow:hidden}.rail-card.wide{flex-basis:600px}.rail-card img{width:100%;height:100%;object-fit:cover;transition:.45s}.rail-card:hover img{transform:scale(1.035)}.rail-card span{position:absolute;left:0;bottom:0;background:var(--black);color:white;padding:8px 11px;font:9px var(--mono)}.project-note{display:grid;grid-template-columns:.7fr 1.3fr;gap:6vw;border-top:1px solid #333;padding-top:38px;margin-top:50px}.project-note b{font-size:25px}.project-note p{font-size:18px;line-height:1.8;margin:0}.spray-grid{display:grid;grid-template-columns:repeat(12,1fr);grid-auto-rows:95px;gap:12px;margin-top:80px}.spray-shot{overflow:hidden;background:#ddd;position:relative}.spray-shot img{width:100%;height:100%;object-fit:cover;transition:.45s}.spray-shot:hover img{transform:scale(1.04)}.spray-shot:nth-child(6n+1){grid-column:span 5;grid-row:span 5}.spray-shot:nth-child(6n+2){grid-column:span 4;grid-row:span 4}.spray-shot:nth-child(6n+3){grid-column:span 3;grid-row:span 4}.spray-shot:nth-child(6n+4){grid-column:span 3;grid-row:span 5}.spray-shot:nth-child(6n+5){grid-column:span 5;grid-row:span 4}.spray-shot:nth-child(6n+6){grid-column:span 4;grid-row:span 5}.spray-shot span{position:absolute;left:9px;top:9px;background:var(--cream);padding:5px 7px;font:9px var(--mono)}.big-quote{display:flex;align-items:start;gap:30px;padding-top:110px}.big-quote span{font:150px/1 var(--display);color:var(--red)}.big-quote p{font-size:clamp(38px,5vw,74px);font-weight:900;line-height:1.1;margin:0}.ai-section{background:#151515;padding:130px 0}.ai-title{margin-bottom:80px}.ai-title h2 em{color:var(--acid)}.product-showcase{min-height:780px;display:grid;grid-template-columns:.68fr 1.32fr;margin-bottom:55px;background:var(--cream);color:var(--black)}.product-copy{padding:52px}.badge{display:inline-block;padding:7px 10px;background:var(--black);color:white;font:10px var(--mono)}.badge.live{color:var(--acid)}.badge.award{background:var(--blue)}.product-copy h3{font:clamp(70px,8vw,120px)/.95 var(--display);margin:32px 0 18px;letter-spacing:-.03em}.product-copy h4{font-size:31px;line-height:1.25;margin:0}.product-copy>p{font-size:17px;line-height:1.8}.product-copy ul{list-style:none;padding:0;margin:35px 0}.product-copy li{border-top:1px solid #bbb;padding:12px 0;font-weight:700}.product-copy a{display:flex;justify-content:space-between;background:var(--black);color:white;padding:17px;text-decoration:none;font-weight:800}.product-media{position:relative;background:#dbe1f2;overflow:hidden}.product-media img{position:absolute;box-shadow:0 25px 55px rgba(0,0,0,.2)}.jp-home{width:80%;left:7%;top:9%}.jp-demo{width:70%;right:4%;bottom:7%;border:7px solid white}.resonance{grid-template-columns:1.3fr .7fr;background:#e5e9ff}.res-media{position:relative;overflow:hidden;background:linear-gradient(145deg,#e5e9ff,#ffe5dd)}.res-media img{position:absolute;box-shadow:0 25px 55px rgba(15,25,70,.25)}.res-media img:nth-child(1){height:90%;left:4%;top:5%}.res-media img:nth-child(2){width:42%;right:3%;top:8%}.res-media img:nth-child(3){width:69%;right:-5%;bottom:4%;border:7px solid white}.mini-facts{display:flex;gap:25px;margin:30px 0}.mini-facts b{font:45px var(--display)}.mini-facts small{font:9px var(--mono);display:block}.competition{background:var(--red);color:var(--black);padding:130px 0}.competition-hero h2 span{background:var(--acid);padding:0 .08em}.comp-intro{display:grid;grid-template-columns:1.3fr .7fr;gap:8vw;margin-top:50px}.comp-intro p{font-size:21px;font-weight:700;line-height:1.7;margin:0}.comp-intro div{display:flex;flex-wrap:wrap;gap:8px;align-content:start}.comp-intro b{border:2px solid;padding:8px 10px;font:11px var(--mono)}.bike-rail-wrap{margin:75px 0}.bike-rail .rail-card{height:460px;flex-basis:360px;background:#222}.bike-rail .rail-card.wide{flex-basis:620px}.sku-board{background:var(--black);color:white;padding:55px}.sku-title{display:grid;grid-template-columns:.5fr 1.5fr;gap:4vw}.sku-title span{font:10px var(--mono);color:var(--acid)}.sku-title h3{font-size:42px;line-height:1.15;margin:0}.sku-grid{display:grid;grid-template-columns:repeat(4,1fr);margin-top:60px}.sku-grid article{padding:25px;border-left:1px solid #454545}.sku-grid article:first-child{border:0}.sku-grid b{font:12px var(--mono);color:var(--acid)}.sku-grid h4{font-size:22px;margin:35px 0 12px}.sku-grid p{font-size:14px;line-height:1.7;color:#ccc}.research-grid{display:grid;grid-template-columns:1.1fr 1fr 1fr 1fr;border-block:2px solid;margin-top:65px}.research-grid>div{padding:35px;border-left:2px solid}.research-grid>div:first-child{border:0}.research-big strong{font:100px/1 var(--display)}.research-big span{font-weight:900;display:block}.research-grid b{font:11px var(--mono)}.research-grid p{font-size:15px;font-weight:700;line-height:1.7}.about{padding:140px 0;display:grid;grid-template-columns:1fr 1fr;gap:8vw}.about h2{font-size:62px}.about-copy>p{font-size:21px;line-height:1.75;margin:0 0 35px}.skill-cloud{display:flex;flex-wrap:wrap;gap:9px}.skill-cloud b{border:1px solid #555;padding:9px 12px;font:11px var(--mono)}.contact{padding:130px 0 90px;border-top:1px solid #333}.contact>span{font:11px var(--mono);color:var(--acid)}.contact h2{font-size:clamp(55px,8vw,120px);line-height:.95;letter-spacing:-.06em;margin:35px 0}.contact h2 span{color:var(--red)}.contact>a{font-size:clamp(25px,4vw,60px);font-weight:900;color:var(--cream);text-decoration:none;border-bottom:6px solid var(--acid)}.contact>div{display:flex;gap:35px;margin-top:65px}.contact>div b{font:11px var(--mono)}footer{height:90px;border-top:1px solid #333;display:flex;align-items:center;justify-content:space-between;font:10px var(--mono)}footer a{color:white}.reveal{opacity:0;transform:translateY(28px);transition:.7s ease}.reveal.visible{opacity:1;transform:none}@keyframes float{50%{margin-top:-9px}}@keyframes ticker{to{transform:translateX(-50%)}}
@media(max-width:950px){.wrap{width:calc(100% - 34px)}.nav-center,.nav nav a:not(.resume){display:none}.hero{min-height:auto;padding-bottom:50px}.hero h1{font-size:15vw}.hero-collage{position:relative;width:100%;height:600px;top:auto;right:auto;margin-top:35px}.hero-stats{grid-template-columns:1fr 1fr;gap:20px}.project-head,.comp-intro,.about{grid-template-columns:1fr}.project-summary{margin-top:30px}.index-grid{grid-template-columns:1fr 1fr}.index-grid a:nth-child(3){border-left:0}.product-showcase,.resonance{grid-template-columns:1fr}.product-media,.res-media{min-height:650px;order:2}.sku-title{grid-template-columns:1fr}.sku-title h3{margin-top:20px}.sku-grid,.research-grid{grid-template-columns:1fr 1fr}.research-grid>div:nth-child(3){border-left:0;border-top:2px solid}.spray-grid{grid-template-columns:repeat(6,1fr)}.spray-shot:nth-child(n){grid-column:span 3;grid-row:span 4}.project-note{grid-template-columns:1fr}.about h2{font-size:48px}}
@media(max-width:560px){.nav{height:70px}.resume{font-size:0;padding:10px}.resume:before{content:'简历 ↓';font:10px var(--mono)}.hero{padding-top:35px}.hero h1{font-size:17vw;line-height:.92}.hero-sub{align-items:start;flex-direction:column;gap:10px}.hero-sub p{font-size:15px}.hero-collage{height:460px}.hc{border-width:4px}.hc1{width:44%;height:55%}.hc2{width:39%;height:55%;right:34%}.hc3{width:70%;height:30%}.hc4{width:34%;height:28%;right:62%}.hero-stats strong{font-size:42px}.hero-stats span{font-size:9px}.work-index{padding:75px 0}.index-grid{grid-template-columns:1fr}.index-grid a{border-left:0;border-top:1px solid #333}.index-grid a:first-child{border-top:0}.index-grid span{margin-top:20px}.project,.ai-section,.competition{padding:85px 0}.project h2,.ai-title h2,.competition h2{font-size:14vw}.facts{gap:18px}.facts b{font-size:38px}.facts small{font-size:8px}.rail-card{flex-basis:280px;height:400px}.rail-card.wide{flex-basis:430px}.rail-label span:last-child{display:none}.spray-grid{gap:6px;grid-auto-rows:72px}.spray-shot:nth-child(n){grid-column:span 3;grid-row:span 4}.product-copy{padding:28px}.product-copy h3{font-size:22vw}.product-copy h4{font-size:25px}.product-media,.res-media{min-height:460px}.res-media img:nth-child(1){height:85%}.comp-intro p{font-size:17px}.bike-rail .rail-card{height:390px;flex-basis:290px}.bike-rail .rail-card.wide{flex-basis:480px}.sku-board{padding:28px}.sku-title h3{font-size:30px}.sku-grid,.research-grid{grid-template-columns:1fr}.sku-grid article{border-left:0;border-top:1px solid #444}.research-grid>div{border-left:0!important;border-top:2px solid}.about{padding:90px 0}.about h2{font-size:39px}.about-copy>p{font-size:17px}.contact>div{flex-direction:column;gap:10px}footer span{display:none}.big-quote{padding-top:70px}.big-quote span{font-size:90px}.big-quote p{font-size:32px}}
@media(prefers-reduced-motion:reduce){*,*:before,*:after{animation-duration:.01ms!important;animation-iteration-count:1!important;scroll-behavior:auto!important}}

/* Readability + instant deep-link rendering */
.hero h1{line-height:.96}.hero h1 .outline{display:inline-block;font-size:.58em;letter-spacing:-.02em;-webkit-text-stroke:1.5px var(--cream)}.reveal{opacity:1;transform:none}.reveal.visible{opacity:1;transform:none}
@media(max-width:560px){.nav nav{display:none}.hero h1{font-size:15vw;line-height:1}.hero h1 .outline{font-size:.5em;-webkit-text-stroke:1px var(--cream)}}
html{scroll-behavior:auto}
.rail-card img,.spray-shot img,.product-media img,.res-media img,.hc img{cursor:zoom-in}.lightbox{width:min(94vw,1400px);height:92vh;padding:0;border:0;background:transparent;overflow:visible}.lightbox::backdrop{background:rgba(0,0,0,.92);backdrop-filter:blur(8px)}.lightbox img{width:100%;height:100%;object-fit:contain}.lightbox button{position:fixed;right:25px;top:18px;width:48px;height:48px;border:1px solid white;background:#111;color:white;font-size:30px;z-index:2;cursor:pointer}.lightbox p{position:fixed;left:25px;bottom:18px;margin:0;background:var(--acid);color:#111;padding:8px 12px;font:11px var(--mono)}

/* WEB × AGENT flagship section */
.ai-title{display:grid;grid-template-columns:1.25fr .75fr;gap:6vw;align-items:end}.ai-title>span{grid-column:1/-1;color:var(--acid)}.ai-title h2{margin-top:12px}.ai-title>p{font-size:20px;line-height:1.75;font-weight:700;margin:0 0 8px;color:#d8d8d8}.jobpilot{border:2px solid var(--acid);box-shadow:18px 18px 0 var(--acid)}.product-media{display:grid;grid-template-columns:.72fr 1.28fr;gap:14px;padding:38px;background:#202b4a}.product-media figure{margin:0;position:relative;align-self:center}.product-media img{position:static;width:100%;height:auto;display:block;box-shadow:0 25px 55px rgba(0,0,0,.3);cursor:zoom-in}.product-media .jp-home{width:100%;left:auto;top:auto}.product-media .jp-demo{width:100%;right:auto;bottom:auto;border:5px solid white}.product-media figcaption{background:var(--black);color:white;padding:9px 11px;font:9px var(--mono)}
.resonance-evidence{margin-top:105px;background:#e6e9ff;color:var(--black);padding:0 48px 55px;border-top:16px solid var(--blue);box-shadow:-18px 18px 0 var(--red)}.resonance-head{display:grid;grid-template-columns:.8fr 1.2fr;gap:7vw;padding:60px 0}.resonance-head h3{font:clamp(80px,11vw,165px)/.85 var(--display);letter-spacing:-.04em;margin:34px 0 25px}.resonance-head h4{font-size:33px;line-height:1.18;margin:0}.resonance-head>div:last-child{align-self:end}.resonance-head p{font-size:20px;line-height:1.8;font-weight:700}.evidence-label{display:flex;align-items:center;justify-content:space-between;border-top:3px solid;border-bottom:1px solid;padding:16px 0 13px;margin-top:18px}.evidence-label b{font:20px var(--display);letter-spacing:.04em}.evidence-label span{font:11px var(--mono)}.res-web{display:grid;grid-template-columns:1.22fr .78fr;gap:14px;padding-top:14px;align-items:start}.res-web>div{display:grid;gap:14px}.res-web figure,.agent-flow,.evidence-grid figure{margin:0;background:var(--black);overflow:hidden}.res-web img{width:100%;display:block;cursor:zoom-in}.res-web .web-main img{aspect-ratio:1/1.25;object-fit:cover;object-position:top}.res-web>div img{aspect-ratio:1.15/1;object-fit:cover;object-position:top}.res-web figcaption,.agent-flow figcaption{display:flex;align-items:center;gap:14px;padding:13px 15px;color:white;font:11px var(--mono)}.res-web figcaption b{font:24px var(--display);color:var(--acid)}.agent-label{margin-top:70px}.agent-flow{margin-top:14px}.agent-flow img{width:100%;display:block;cursor:zoom-in}.agent-flow figcaption{justify-content:center;background:var(--black)}.proof-label{margin-top:70px}.evidence-grid{display:grid;grid-template-columns:1.08fr 1.08fr .64fr;gap:14px;padding-top:14px;align-items:stretch}.evidence-grid figure{display:flex;flex-direction:column}.evidence-grid img{width:100%;height:360px;object-fit:contain;background:#f5f5f5;cursor:zoom-in}.evidence-grid figcaption{display:flex;flex-direction:column;gap:7px;padding:15px;color:white}.evidence-grid figcaption b{font:15px var(--mono);color:var(--acid)}.evidence-grid figcaption span{font-size:14px;font-weight:700}.hc2 img{object-position:top}

@media(max-width:950px){.ai-title,.resonance-head{grid-template-columns:1fr}.ai-title>span{grid-column:auto}.jobpilot{box-shadow:10px 10px 0 var(--acid)}.product-media{min-height:auto;grid-template-columns:1fr 1fr}.resonance-evidence{padding:0 28px 38px;box-shadow:-10px 10px 0 var(--red)}.res-web{grid-template-columns:1fr}.res-web>div{grid-template-columns:1fr 1fr}.evidence-grid{grid-template-columns:1fr 1fr}.evidence-grid figure:last-child{grid-column:1/-1}.evidence-grid figure:last-child img{height:430px}}
@media(max-width:560px){.ai-title>p{font-size:16px}.product-media{grid-template-columns:1fr;padding:18px}.resonance-evidence{width:calc(100% - 24px);padding:0 15px 28px}.resonance-head{padding:38px 0;gap:28px}.resonance-head h3{font-size:27vw}.resonance-head h4{font-size:27px}.resonance-head p{font-size:16px}.evidence-label{align-items:flex-start;gap:15px;flex-direction:column}.evidence-label span{line-height:1.6}.res-web>div,.evidence-grid{grid-template-columns:1fr}.evidence-grid figure:last-child{grid-column:auto}.evidence-grid img,.evidence-grid figure:last-child img{height:auto;max-height:390px}.agent-label,.proof-label{margin-top:48px}.mini-facts{gap:18px}.mini-facts b{font-size:38px}}

/* Preserve full carousel artwork — no cropped details */
.rail-card{margin:0;background:linear-gradient(145deg,#171717,#292929);border:1px solid rgba(255,255,255,.16)}.rail-card img{height:calc(100% - 34px);object-fit:contain;padding:8px}.rail-card span{width:100%;height:34px}.bike-rail .rail-card{background:#ece9e2;border-color:rgba(0,0,0,.25)}.bike-rail .rail-card img{padding:7px}.store-chain{display:flex;align-items:center;justify-content:space-between;gap:14px;margin-top:58px;padding:22px 25px;border:1px solid #444;background:#121212}.store-chain span,.store-chain strong{font-size:16px;font-weight:900}.store-chain strong{background:var(--acid);color:var(--black);padding:10px 14px}.store-chain i{font-style:normal;color:var(--red);font-size:24px}.hx-facts b:last-child{color:var(--acid)}
@media(max-width:700px){.store-chain{align-items:stretch;flex-direction:column}.store-chain i{transform:rotate(90deg);align-self:center}.store-chain span,.store-chain strong{text-align:center}.rail-card img,.bike-rail .rail-card img{padding:5px}}

/* 2026 premium product-portfolio visual system */
:root{--black:#090b10;--cream:#f6f7f9;--acid:#725cff;--red:#725cff;--blue:#5d56e8;--line:rgba(255,255,255,.12);--display:'Manrope','Noto Sans SC',sans-serif;--sans:'Manrope','Noto Sans SC',sans-serif}.grain{display:none}body{background:var(--black);color:#f5f6f8}.wrap{width:min(1320px,calc(100% - 64px))}.nav{height:76px;border-color:#262a32}.logo{font:800 27px var(--display);letter-spacing:-.05em}.logo span{color:#8e7dff}.nav-center{color:#9298a8}.nav nav{gap:22px}.nav nav a{font:600 12px var(--sans);color:#c7cad2}.nav-live{color:white!important;background:#6657e8;padding:11px 15px;border-radius:8px}.resume{background:#f4f5f7;color:#11131a!important;border-radius:8px;padding:11px 15px}
.hero{min-height:auto;display:grid;grid-template-columns:.94fr 1.06fr;gap:48px;align-items:center;padding:92px 0 105px}.hero-type{min-width:0}.hero-type>p{font:500 11px var(--mono);color:#9ba0ae;letter-spacing:.1em}.availability{display:inline-block;margin-top:17px;padding:8px 11px;border:1px solid #343844;border-radius:99px;color:#cdd0d8;font-size:11px}.hero h1{font-size:clamp(52px,5.2vw,78px);line-height:1.03;letter-spacing:-.06em;margin:28px 0 25px;max-width:none}.hero h1 span{display:inline-block;color:#8d7cff;margin-left:.13em}.hero-lead{max-width:620px;font-size:18px;line-height:1.75;color:#b4b8c4;margin:0}.hero-actions{display:flex;gap:14px;align-items:center;margin-top:34px}.hero-actions a{text-decoration:none}.primary-action{display:flex;justify-content:space-between;align-items:center;gap:35px;background:#6c5ce7;color:white;padding:16px 18px;border-radius:10px;font-size:14px;font-weight:800;box-shadow:0 12px 32px rgba(108,92,231,.28)}.primary-action b{font:10px var(--mono);background:rgba(255,255,255,.16);padding:6px 8px;border-radius:5px;white-space:nowrap}.secondary-action{color:#c8cbd4;padding:15px;font-size:13px;font-weight:700}.hero-product{margin:0;border:1px solid #303542;background:#11141b;border-radius:16px;overflow:hidden;box-shadow:0 35px 90px rgba(0,0,0,.48)}.browser-bar{height:46px;display:flex;align-items:center;gap:7px;padding:0 14px;border-bottom:1px solid #2c303a;color:#8c92a1}.browser-bar i{width:8px;height:8px;border-radius:50%;background:#454a55}.browser-bar span{margin-left:9px;font:9px var(--mono);overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.browser-bar b{margin-left:auto;font:9px var(--mono);color:#8dffdc}.hero-product img{width:100%;display:block;aspect-ratio:1.45/1;object-fit:cover;object-position:top}.hero-product figcaption{display:flex;justify-content:space-between;align-items:center;padding:17px 19px}.hero-product figcaption strong{font-size:17px}.hero-product figcaption span{font-size:11px;color:#9ea4b2}
.achievement-strip{border-block:1px solid #272b34;background:#0d1016}.achievement-strip>.wrap{display:grid;grid-template-columns:repeat(4,1fr)}.achievement-strip div div{padding:28px 30px;border-left:1px solid #272b34}.achievement-strip div div:first-child{border-left:0}.achievement-strip b{display:block;font-size:24px;letter-spacing:-.03em;color:white}.achievement-strip span{display:block;margin-top:6px;color:#8f95a4;font-size:12px}
.hr-value{padding:130px 0}.value-title{display:grid;grid-template-columns:1.25fr .75fr;gap:70px;align-items:end}.value-title>span{grid-column:1/-1;font:10px var(--mono);color:#9383ff}.value-title h2{font-size:clamp(48px,5.5vw,78px);line-height:1.08;letter-spacing:-.055em;margin:12px 0 0}.value-title h2 em{font-style:normal;color:#9181ff}.value-title p{color:#a8adba;font-size:17px;line-height:1.75;margin:0}.value-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:14px;margin-top:58px}.value-grid article{min-height:285px;padding:28px;border:1px solid #2b2f39;background:#10131a;border-radius:14px;display:flex;flex-direction:column}.value-grid b{font:11px var(--mono);color:#8b7aff}.value-grid h3{font-size:22px;margin:44px 0 14px;letter-spacing:-.03em}.value-grid p{font-size:14px;line-height:1.7;color:#a7acb8}.value-grid small{margin-top:auto;color:#8173e8;font-weight:700}
.work-index{padding:70px 0 105px}.index-grid{border-color:#2a2e37}.index-grid a{border-color:#2a2e37;padding:28px 22px}.index-grid a:hover{background:#6859e8;color:white}.index-grid span{font-size:22px;margin-top:32px}.ai-section{background:#0d1017;padding:125px 0}.ai-title{margin-bottom:65px}.ai-title>span{color:#9282ff}.ai-title h2,.project h2,.competition h2,.about h2{letter-spacing:-.055em}.ai-title h2 em,.project h2 em{color:#9181ff}.ai-title>p{color:#a7acb8;font-weight:600}.product-showcase{border-radius:18px;overflow:hidden;background:#f7f8fb;box-shadow:none;border:1px solid #313642;margin-bottom:0}.jobpilot{box-shadow:none}.product-copy{padding:48px}.project-award{display:flex;align-items:center;justify-content:space-between;padding:14px 16px;margin-bottom:18px;background:#ece9ff;border-radius:10px;color:#4037a4}.project-award span{font-size:12px;font-weight:700}.project-award strong{font-size:21px}.badge{border-radius:99px}.product-copy h3{font:800 clamp(60px,7vw,104px)/.95 var(--display);letter-spacing:-.07em}.product-copy h4{font-size:27px;letter-spacing:-.03em}.product-copy>p{color:#4e5360}.product-copy li{border-color:#d8dbe2;font-size:14px}.visit-product{border-radius:10px;background:#6354e5!important;align-items:center}.visit-product b{font:9px var(--mono)}.product-media{background:#e9ebf1;display:grid;grid-template-columns:1fr 1fr;gap:14px;padding:24px}.product-media .jp-wide{grid-column:1/-1}.product-media figure{border-radius:10px;overflow:hidden}.product-media figcaption{background:#151822;color:#d9dce4}.build-detail{margin-top:26px;padding:48px;background:#151923;border:1px solid #2a2f3b;border-radius:18px}.detail-intro{display:grid;grid-template-columns:.35fr 1.65fr;gap:30px}.detail-intro span{font:10px var(--mono);color:#9789ff}.detail-intro h3{font-size:38px;line-height:1.18;letter-spacing:-.04em;margin:0}.detail-steps{display:grid;grid-template-columns:repeat(4,1fr);gap:12px;margin-top:48px}.detail-steps article{padding:24px;background:#0e1118;border-radius:12px;border:1px solid #282d37}.detail-steps b{font:10px var(--mono);color:#8d7cff}.detail-steps h4{font-size:19px;margin:24px 0 10px}.detail-steps p{font-size:13px;line-height:1.75;color:#aab0bc}
.resonance-evidence{margin-top:110px;background:#f4f5fa;border:1px solid #d9dce6;border-top:0;color:#11131a;padding:0 48px 55px;border-radius:18px;overflow:hidden;box-shadow:none}.resonance-evidence:before{content:'';display:block;height:8px;background:#6859e8;margin:0 -48px}.resonance-head{padding:62px 0}.resonance-head h3{font:800 clamp(72px,9vw,130px)/.88 var(--display);letter-spacing:-.07em}.resonance-head h4{font-size:29px}.resonance-head p{color:#4d5260;font-size:18px}.mini-facts b{font:800 38px var(--display)}.agent-blueprint{padding:44px;background:#11141b;color:white;border-radius:16px;margin-bottom:65px}.blueprint-title{display:grid;grid-template-columns:.9fr 1.1fr;gap:38px;align-items:end}.blueprint-title span{grid-column:1/-1;font:10px var(--mono);color:#9b8dff}.blueprint-title h4{font-size:35px;line-height:1.2;letter-spacing:-.04em;margin:0}.blueprint-title p{font-size:15px;line-height:1.75;color:#a8adba;margin:0}.blueprint-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:10px;margin-top:40px}.blueprint-grid article{padding:20px;border:1px solid #2c313c;border-radius:10px;background:#171b24}.blueprint-grid b{font:10px var(--mono);color:#9687ff}.blueprint-grid h5{font-size:17px;margin:21px 0 8px}.blueprint-grid p{font-size:12px;line-height:1.65;color:#aab0bc}.evidence-label{border-top:0;border-bottom:1px solid #cfd2dc}.evidence-label b{font:800 17px var(--display);color:#252936}.evidence-label span{color:#707684}.res-web{gap:16px}.res-web>div{gap:16px}.res-web figure,.agent-flow,.evidence-grid figure{border-radius:12px;background:#151822}.res-web .web-main img{aspect-ratio:auto;max-height:970px;object-fit:cover;object-position:top}.res-web>div img{aspect-ratio:auto;max-height:520px;object-fit:cover;object-position:top}.agent-flow{background:white;border:1px solid #d8dbe4}.agent-flow figcaption{background:#151822}.evidence-grid{grid-template-columns:1fr;gap:22px}.evidence-grid figure{padding:24px;background:white;border:1px solid #d8dbe4}.evidence-grid img{width:100%;height:auto;max-height:none;object-fit:contain;background:white}.evidence-grid figure:nth-child(3) img{max-width:700px;margin:auto}.evidence-grid figcaption{margin:16px -24px -24px;background:#151822}.proof-label:after{content:'点击任意图片可查看无损原图';font:9px var(--mono);color:#6859e8;margin-left:auto}
.project{padding:120px 0}.project-no{color:#9384ff}.project h2{font-size:clamp(54px,6.4vw,92px)}.project-summary>p{color:#b6bbc6;font-weight:500}.cream{background:#f4f3ef;color:#15171c}.cream .project-summary>p{color:#555b66}.facts b{font:800 46px var(--display)}.facts small{color:#9298a6}.store-chain{border-radius:12px;border-color:#2d323c;background:#11141b}.store-chain strong{background:#6c5ce7;color:white;border-radius:7px}.rail-card{border-radius:10px}.competition{background:#eeeef2;color:#15171d}.competition-hero h2 span{background:#6b5ce7;color:white;border-radius:6px}.comp-intro b{border:1px solid #969aa5;border-radius:99px}.sku-board{border-radius:16px}.about-copy>p{color:#aeb3bf}.contact h2 span{color:#9282ff}.contact>a{border-color:#7768ed}
@media(max-width:1000px){.hero{grid-template-columns:minmax(0,1fr);gap:46px}.hero-type,.hero-product{min-width:0;width:100%;max-width:900px}.value-title,.ai-title,.blueprint-title{grid-template-columns:1fr}.value-title>span,.ai-title>span,.blueprint-title span{grid-column:auto}.value-grid,.detail-steps,.blueprint-grid{grid-template-columns:1fr 1fr}.achievement-strip>.wrap{grid-template-columns:1fr 1fr}.achievement-strip div div:nth-child(3){border-top:1px solid #272b34;border-left:0}.achievement-strip div div:nth-child(4){border-top:1px solid #272b34}.product-showcase{grid-template-columns:1fr}.product-media{min-height:auto}.detail-intro{grid-template-columns:1fr}.resonance-head{grid-template-columns:1fr}.evidence-grid{grid-template-columns:1fr}}
@media(max-width:600px){.wrap{width:calc(100% - 32px)}.hero{width:calc(100% - 32px);max-width:calc(100% - 32px);overflow:hidden;padding:58px 0 70px}.hero>*{min-width:0;max-width:100%}.hero-type{overflow:hidden}.hero h1{max-width:100%;font-size:10.5vw;line-height:1.08;letter-spacing:-.065em}.hero h1 span{margin-left:0}.hero-lead{width:100%;max-width:100%;font-size:14px;line-height:1.7;overflow-wrap:anywhere}.hero-actions{width:100%;align-items:stretch;flex-direction:column}.primary-action{width:100%;justify-content:space-between;gap:10px}.secondary-action{padding-left:14px}.hero-product figcaption{align-items:flex-start;gap:5px;flex-direction:column}.achievement-strip div div{padding:22px 16px}.achievement-strip b{font-size:20px}.hr-value{padding:85px 0}.value-title h2{font-size:12vw}.value-grid,.detail-steps,.blueprint-grid{grid-template-columns:1fr}.value-grid article{min-height:230px}.product-copy{padding:26px}.product-media{grid-template-columns:1fr;padding:14px}.product-media .jp-wide{grid-column:auto}.build-detail{padding:28px 20px}.detail-intro h3{font-size:29px}.resonance-evidence{padding:0 14px 30px}.resonance-evidence:before{margin:0 -14px}.agent-blueprint{padding:27px 18px}.blueprint-title h4{font-size:28px}.res-web>div{grid-template-columns:1fr}.evidence-grid figure{padding:10px}.evidence-grid figcaption{margin:10px -10px -10px}.proof-label:after{display:none}.achievement-strip>.wrap{width:100%}}

/* Outcome-led case studies + Bailiang store assets */
.role-targets{display:flex;flex-wrap:wrap;gap:8px;margin-top:22px}.role-targets b{padding:7px 10px;border:1px solid #343946;border-radius:99px;color:#bdc2cd;font-size:10px;font-weight:600}.index-grid{grid-template-columns:repeat(5,1fr)}.role-line{display:flex;align-items:center;gap:9px;flex-wrap:wrap;margin-top:42px;padding-top:20px;border-top:1px solid #2d313a}.role-line b{margin-right:8px;font-size:12px}.role-line span{padding:7px 10px;border:1px solid #383d48;border-radius:99px;color:#b9bec9;font-size:11px}.cream .role-line{border-color:#c9c7c1}.cream .role-line span{border-color:#bab8b1;color:#555b65}.case-framework{display:grid;grid-template-columns:repeat(3,1fr);gap:12px;margin-top:30px}.case-framework article{padding:26px;border:1px solid #2d323d;background:#11151d;border-radius:12px}.case-framework span{font:10px var(--mono);color:#9282ff}.case-framework h3{font-size:19px;letter-spacing:-.025em;margin:25px 0 10px}.case-framework p{font-size:13px;line-height:1.72;color:#aeb3bf;margin:0}.cream .case-framework article{background:#faf9f6;border-color:#d2cfc7}.cream .case-framework h3{color:#17191e}.cream .case-framework p{color:#626771}.spray-shot:nth-child(-n+11){background:#f2f3f5}.spray-shot:nth-child(-n+11) img{object-fit:contain}.bailiang{background:#e9e5dc;color:#17191e}.bailiang .project-no{color:#6556d9}.bailiang .project-summary>p{color:#545962}.bailiang .facts small{color:#666b74}.bailiang .case-framework article{background:#f7f4ed;border-color:#cbc6ba}.bailiang .case-framework p{color:#60656c}.bailiang .rail-shell{margin-top:58px}.bailiang .rail-label{color:#333843}.bailiang .rail-card{background:#f7f4ed;border-color:#c8c3b8}.bailiang .rail-card img{padding:0;height:calc(100% - 34px)}.competition-role{border-color:#c9cbd3}.competition-role span{border-color:#b5b8c2;color:#4d525d}
@media(max-width:950px){.index-grid{grid-template-columns:1fr 1fr}.index-grid a:nth-child(5){border-left:0}.case-framework{grid-template-columns:1fr}.role-line{margin-top:30px}}
@media(max-width:560px){.index-grid{grid-template-columns:1fr}.role-targets{margin-top:18px}.role-line{align-items:flex-start}.role-line b{width:100%;margin-bottom:3px}.case-framework article{padding:22px}.bailiang .rail-card{height:360px;flex-basis:300px}}

/* Clear authorship + featured automotive HVLP spray gun */
.spray-shot:nth-child(-n+17){background:#f2f3f5}.spray-shot:nth-child(-n+17) img{object-fit:contain}.independent-banner{padding:44px 0;background:#6959e8;color:white}.independent-banner>.wrap{display:grid;grid-template-columns:.42fr 1.08fr .5fr;gap:40px;align-items:center}.independent-banner span{font:10px var(--mono);letter-spacing:.08em}.independent-banner h2{font-size:25px;line-height:1.45;letter-spacing:-.025em;margin:0}.independent-banner h2 strong{display:inline;background:white;color:#4a3fc0;padding:2px 6px}.independent-banner p{font-size:12px;line-height:1.7;color:#e7e3ff;margin:0}.ownership-stamp{position:relative;padding:18px 20px;margin-bottom:18px;border:1px solid #cfc9ff;background:#eeecff;border-radius:12px;color:#322b83}.ownership-stamp:after{content:'WZT';position:absolute;right:15px;top:11px;font:800 30px var(--display);opacity:.1}.ownership-stamp span{display:block;font:9px var(--mono);letter-spacing:.06em}.ownership-stamp strong{display:block;font-size:24px;margin:10px 0 5px}.ownership-stamp small{font-size:11px;font-weight:700}.resonance-owner{background:#eceaff;border-color:#c8c2ff;margin-bottom:22px}.i-built-this{display:grid;grid-template-columns:repeat(3,1fr);gap:10px;margin-top:35px}.i-built-this article{display:flex;flex-direction:column;gap:8px;padding:18px;border-left:3px solid #7566ef;background:#0e1118;border-radius:0 9px 9px 0}.i-built-this b{font:10px var(--mono);color:#9688ff}.i-built-this span{font-size:13px;font-weight:700;color:#d8dbe3}.spray-feature{display:grid;grid-template-columns:1.15fr .85fr;margin-top:45px;border:1px solid #cbc9c2;border-radius:16px;overflow:hidden;background:#151923;color:white}.spray-feature figure{margin:0;background:#f5f5f5}.spray-feature img{width:100%;height:100%;max-height:720px;object-fit:contain;display:block;cursor:zoom-in}.spray-feature>div{display:flex;flex-direction:column;justify-content:center;padding:48px}.spray-feature span{font:10px var(--mono);color:#9a8cff}.spray-feature h3{font-size:48px;line-height:1.05;letter-spacing:-.045em;margin:22px 0}.spray-feature p{font-size:15px;line-height:1.75;color:#b4bac6}.spray-feature b{font:10px var(--mono);margin-top:25px;color:#e6e8ee}
@media(max-width:900px){.independent-banner>.wrap{grid-template-columns:1fr;gap:16px}.i-built-this{grid-template-columns:1fr}.spray-feature{grid-template-columns:1fr}.spray-feature>div{padding:32px}.spray-feature h3{font-size:38px}}

/* Light editorial preview — warm, readable, still product-led */
:root{--black:#17181c;--cream:#f4f1eb;--acid:#6b5ce7;--red:#6b5ce7;--blue:#6b5ce7;--line:rgba(20,22,28,.14)}body{background:#f5f2ec;color:#18191d}.nav{border-color:#d5d1ca}.logo{color:#17181c}.logo span{color:#6b5ce7}.nav-center{color:#696d77}.nav nav a{color:#282a30}.nav-live{color:white!important}.resume{background:#191a1f;color:white!important}.hero-type>p{color:#676b75}.availability{border-color:#c9c6bf;color:#454851}.hero h1{color:#17181c}.hero h1 span{color:#6b5ce7}.hero-lead{color:#555963}.role-targets b{border-color:#cbc8c1;color:#464a53;background:rgba(255,255,255,.55)}.secondary-action{color:#353841}.hero-product{box-shadow:0 30px 70px rgba(45,38,78,.16)}.hero-product figcaption strong{color:white}.achievement-strip{background:#fff;border-color:#d8d4cd;color:#17181c}.achievement-strip div div{border-color:#ddd9d2}.achievement-strip b{color:#17181c}.achievement-strip span{color:#6a6d75}.independent-banner{background:#ded9ff;color:#211d46}.independent-banner h2 strong{background:#6b5ce7;color:white}.independent-banner p{color:#575074}.independent-banner span{color:#554aa6}.hr-value{background:#f5f2ec}.value-title>span{color:#6658d5}.value-title h2{color:#17181c}.value-title p{color:#62666f}.value-grid article{background:#fff;border-color:#d9d5ce}.value-grid h3{color:#1b1c20}.value-grid p{color:#656972}.value-grid small{color:#6658d5}.work-index{background:#f5f2ec}.index-grid{border-color:#d4d0c9}.index-grid a{color:#1b1c20;border-color:#d4d0c9}.ai-section{background:#eae8e3;color:#17181c}.ai-title>span{color:#6557d4}.ai-title>p{color:#5f636d}.dark{background:#edf0f5;color:#17191e}.dark .project-summary>p,.dark .project-note p{color:#555b66}.dark .role-line{border-color:#c6cad2}.dark .role-line span{border-color:#b9bec8;color:#4e535d}.dark .case-framework article{background:#fff;border-color:#d0d4dc}.dark .case-framework h3{color:#1b1d22}.dark .case-framework p{color:#626772}.dark .rail-label{color:#3f444e}.dark .project-note{border-color:#c7cbd3}.dark .rail-card{background:#fff;border-color:#c8ccd4}.project-no{color:#6557d4}.cream{background:#f7f4ee}.bailiang{background:#e8e1d5}.competition{background:#e8e5f5}.about{color:#191a1e}.about-copy>p{color:#5c6069}.skill-cloud b{border-color:#c8c4bd;color:#393c44;background:#fff}.contact{border-color:#d4d0c9;color:#18191d}.contact>span{color:#6557d4}.contact>a{color:#18191d;border-color:#6b5ce7}.contact>div b{color:#555963}footer{border-color:#d4d0c9;color:#3c3f47}footer a{color:#18191d}.section-kicker{color:#646873}.rail-card span{background:#17181c}.lightbox button{background:#fff;color:#111;border-color:#222}

/* Portfolio entry: a deliberate Web-product launcher on the homepage. */
.portfolio-launcher{display:grid;grid-template-columns:48px minmax(0,1fr) auto;gap:15px;align-items:center;margin-top:28px;padding:12px 13px;border:1px solid #d4d0c9;border-radius:14px;background:rgba(255,255,255,.72);color:#18191d;text-decoration:none;box-shadow:0 14px 35px rgba(45,38,78,.08);transition:transform .25s ease,border-color .25s ease,box-shadow .25s ease}.portfolio-launcher:hover{transform:translateY(-3px);border-color:#8476e8;box-shadow:0 20px 45px rgba(72,59,150,.14)}.portfolio-launcher__icon{display:grid;place-items:center;width:48px;height:56px;border-radius:9px;background:#17181c;color:#fff;font:800 22px var(--sans);position:relative;overflow:hidden}.portfolio-launcher__icon:after{content:'';position:absolute;width:28px;height:4px;right:-8px;bottom:10px;background:#8d7cff;transform:rotate(-42deg)}.portfolio-launcher__copy{display:flex;min-width:0;flex-direction:column}.portfolio-launcher__copy small{font:500 8px var(--mono);letter-spacing:.06em;color:#767a84}.portfolio-launcher__copy strong{margin:4px 0 3px;font-size:17px;letter-spacing:-.02em}.portfolio-launcher__copy em{font-style:normal;font-size:10px;color:#676b75}.portfolio-launcher__meta{display:grid;grid-template-columns:auto auto;align-items:end;column-gap:5px;min-width:74px;padding-left:13px;border-left:1px solid #dedad3}.portfolio-launcher__meta b{font:800 27px var(--sans);line-height:.9;color:#6b5ce7}.portfolio-launcher__meta small{font:500 7px var(--mono);color:#777b85}.portfolio-launcher__meta i{grid-column:1/-1;margin-top:7px;font:500 8px var(--mono);font-style:normal;color:#22252b}.hero-actions{margin-top:18px}
@media(max-width:600px){.portfolio-launcher{grid-template-columns:42px minmax(0,1fr);padding:11px}.portfolio-launcher__icon{width:42px;height:52px}.portfolio-launcher__copy strong{font-size:15px}.portfolio-launcher__copy em{font-size:9px}.portfolio-launcher__meta{display:none}}

/* Representative work shelf in the hero. */
.hero-showcase{min-width:0;border:1px solid #d4d0c9;border-radius:16px;overflow:hidden;background:#fff;box-shadow:0 30px 70px rgba(45,38,78,.16)}.showcase-top{display:flex;align-items:center;justify-content:space-between;padding:13px 15px;border-bottom:1px solid #e2ded7;background:#17191f;color:#fff}.showcase-top span{font:500 8px var(--mono);letter-spacing:.1em;color:#a8aeba}.showcase-top b{font:500 9px var(--mono);color:#9b90ff}.showcase-main{position:relative;display:block;height:330px;overflow:hidden;background:#f5f5f7;color:#fff;text-decoration:none}.showcase-main>img{width:100%;height:100%;object-fit:cover;object-position:top;transition:transform .45s ease}.showcase-main:hover>img{transform:scale(1.02)}.showcase-main>span{position:absolute;left:0;right:0;bottom:0;display:grid;grid-template-columns:auto 1fr;gap:2px 15px;align-items:end;padding:30px 17px 15px;background:linear-gradient(transparent,rgba(12,14,19,.92))}.showcase-main small{grid-column:1/-1;font:500 8px var(--mono);color:#a99fff}.showcase-main strong{font-size:19px}.showcase-main em{justify-self:end;font-style:normal;font-size:10px;color:#d8dbe2}.showcase-pair{display:grid;grid-template-columns:1fr 1fr;border-top:1px solid #dedad3}.showcase-pair>a{display:grid;grid-template-columns:108px 1fr;min-width:0;min-height:105px;color:#191b20;text-decoration:none;background:#fbfaf7}.showcase-pair>a+a{border-left:1px solid #dedad3}.showcase-pair img{width:108px;height:105px;object-fit:cover;background:#ececf0}.showcase-pair span{display:flex;min-width:0;justify-content:center;flex-direction:column;padding:12px}.showcase-pair small{font:500 7px var(--mono);color:#7164d7}.showcase-pair strong{margin:4px 0;font-size:15px}.showcase-pair em{font-style:normal;font-size:9px;line-height:1.45;color:#686c75}.showcase-scroll{display:grid;grid-template-columns:1fr auto;align-items:center;padding:14px 16px;background:#ece9ff;color:#282350;text-decoration:none}.showcase-scroll span{font-size:9px;color:#6e6695}.showcase-scroll strong{grid-row:2;font-size:12px}.showcase-scroll b{grid-column:2;grid-row:1/3;font:500 9px var(--mono);color:#5f52ce;animation:scrollCue 1.7s ease-in-out infinite}@keyframes scrollCue{50%{transform:translateY(4px)}}
@media(max-width:1000px){.hero-showcase{width:100%;max-width:900px}.showcase-main{height:min(55vw,480px)}}
@media(max-width:600px){.showcase-main{height:265px}.showcase-main>span{grid-template-columns:1fr}.showcase-main em{justify-self:start}.showcase-pair{grid-template-columns:1fr}.showcase-pair>a+a{border-left:0;border-top:1px solid #dedad3}.showcase-pair>a{grid-template-columns:96px 1fr}.showcase-pair img{width:96px}.showcase-scroll{padding:13px}.showcase-scroll strong{max-width:235px;line-height:1.45}}
.system-proof,.resonance-rules{margin-top:34px;padding:32px;border:1px solid rgba(38,62,97,.16);background:#f5f7fa}.proof-heading span{font:600 11px/1.2 'DM Mono',monospace;letter-spacing:.12em;color:#49627e}.proof-heading h3{margin:10px 0 8px;font-size:clamp(24px,3vw,42px);line-height:1.12;color:#17263c}.proof-heading p{max-width:760px;color:#5d6673}.pipeline-row{display:flex;align-items:center;gap:10px;flex-wrap:wrap;margin:24px 0}.pipeline-row b{padding:11px 14px;border-radius:999px;background:#17263c;color:#fff;font-size:13px}.pipeline-row i{font-style:normal;color:#6c7f95}.proof-metrics{display:grid;grid-template-columns:repeat(3,1fr);gap:12px;margin:20px 0}.proof-metrics article{padding:18px;background:#fff;border-left:3px solid #31577f}.proof-metrics strong{display:block;font-size:28px;color:#17263c}.proof-metrics span{font-size:13px;color:#697381}.prompt-cards,.rule-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:14px}.prompt-cards article,.rule-grid article{padding:20px;background:#fff;border:1px solid #dce2e9}.prompt-cards span,.rule-grid b{font:600 10px/1.2 'DM Mono',monospace;letter-spacing:.1em;color:#31577f}.prompt-cards h4,.rule-grid h4{margin:10px 0 7px;font-size:17px;color:#17263c}.prompt-cards p,.rule-grid p{font-size:14px;line-height:1.65;color:#616b78}.resonance-rules{background:#111b29;border-color:#314158;color:#fff}.resonance-rules .proof-heading h3{color:#fff}.resonance-rules .proof-heading span{color:#91afd1}.resonance-rules .rule-grid{grid-template-columns:repeat(4,1fr)}.resonance-rules .rule-grid article{background:#182638;border-color:#30445d}.resonance-rules .rule-grid h4{color:#fff}.resonance-rules .rule-grid p{color:#b9c5d3}.resonance-rules .rule-grid b{color:#8eb4dc}.protocol-strip{display:flex;flex-wrap:wrap;gap:8px;margin-top:18px}.protocol-strip span{padding:8px 10px;border-radius:4px;background:#24364b;color:#bcd0e6;font:500 10px/1 'DM Mono',monospace}
@media(max-width:760px){.system-proof,.resonance-rules{padding:22px 16px}.proof-metrics,.prompt-cards,.rule-grid,.resonance-rules .rule-grid{grid-template-columns:1fr}.pipeline-row i{transform:rotate(90deg)}.pipeline-row{align-items:flex-start;flex-direction:column}.protocol-strip{gap:6px}}
/* Huawei Xiaoyi build evidence: truthful platform screenshots with full-size zoom */
.build-evidence-grid{display:grid;grid-template-columns:1fr 1fr;gap:18px;padding-top:18px}.build-evidence-grid figure{margin:0;background:white;border:1px solid #d8dbe4;border-radius:12px;overflow:hidden}.build-evidence-grid img{display:block;width:100%;aspect-ratio:1.72/1;object-fit:contain;background:#f3f6fa;cursor:zoom-in}.build-evidence-grid figcaption{display:grid;gap:8px;padding:20px 22px;border-top:1px solid #e2e4ea}.build-evidence-grid figcaption b{font:11px var(--mono);color:#6859e8}.build-evidence-grid figcaption strong{font-size:17px;color:#151822}.build-evidence-grid figcaption span{font-size:13px;line-height:1.65;color:#626977}.secondary-proof{margin-top:56px}
@media(max-width:760px){.build-evidence-grid{grid-template-columns:1fr}.build-evidence-grid figcaption{padding:17px}.build-evidence-grid figcaption strong{font-size:16px}}