:root{--ink:#102629;--mid:#315358;--slate:#65797a;--sand:#e8e5dc;--paper:#f4f2ed;--white:#fbfaf7;--rule:#d3d6cf;--lime:#b7d340;--acid:#d7e95d;--orange:#e1773d;--blue:#0e5761;--shadow:0 24px 65px rgba(7,28,30,.11)}
*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;background:var(--paper);color:var(--ink);font:17px/1.68 Inter,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,"PingFang SC","Microsoft YaHei",sans-serif;-webkit-font-smoothing:antialiased}a{color:inherit}.wrap{width:min(1220px,calc(100% - 64px));margin:auto}.eyebrow,.kicker,.sample-label,.client-type,.plan-list span{font:500 11px/1.2 ui-monospace,SFMono-Regular,Menlo,Monaco,Consolas,monospace;letter-spacing:.12em;text-transform:uppercase}.eyebrow{margin:0 0 14px;color:#6a7b77}.hero{position:relative;isolation:isolate;min-height:860px;overflow:hidden;background:#0c1e21;color:white}.hero-media{position:absolute;z-index:-3;inset:0;width:100%;height:100%;object-fit:cover}.hero-wash{position:absolute;z-index:-2;inset:0;background:linear-gradient(90deg,rgba(6,22,25,.98) 0%,rgba(7,23,26,.93) 34%,rgba(7,23,26,.38) 67%,rgba(7,23,26,.12)),linear-gradient(0deg,rgba(5,18,21,.87),transparent 45%)}.hero:after{position:absolute;z-index:-1;inset:0;content:"";background-image:linear-gradient(rgba(232,229,220,.05) 1px,transparent 1px),linear-gradient(90deg,rgba(232,229,220,.05) 1px,transparent 1px);background-size:90px 90px;mask-image:linear-gradient(90deg,black,transparent 75%)}.nav{display:flex;align-items:center;gap:28px;min-height:78px;border-bottom:1px solid rgba(255,255,255,.19)}.brand{display:flex;align-items:center;gap:9px;color:white;text-decoration:none;font-size:13px}.brand span{font-weight:800;letter-spacing:.08em}.brand i{display:block;width:4px;height:4px;border-radius:50%;background:var(--lime)}.brand b{font:400 10px ui-monospace,monospace;letter-spacing:.11em;color:#c4d1c9}.nav-mid{margin-left:auto;color:rgba(229,236,229,.6);font:10px ui-monospace,monospace;letter-spacing:.09em}.nav-cta{padding:9px 0;color:white;font-size:13px;font-weight:700;text-decoration:none}.nav-cta span{color:var(--lime);font-size:17px}.hero-copy{position:relative;padding-top:136px}.kicker{display:flex;align-items:center;gap:11px;color:#ced9c9}.kicker span{display:inline-block;width:34px;height:1px;background:var(--lime)}.hero-index{position:absolute;top:132px;right:0;margin:0;color:rgba(223,235,225,.76);font:500 11px ui-monospace,monospace;letter-spacing:.08em}.hero-index em{padding:0 8px;color:var(--lime);font-style:normal}.hero h1{max-width:850px;margin:31px 0 26px;font-family:"Noto Serif SC","Songti SC",STSong,Georgia,serif;font-size:clamp(48px,7.2vw,94px);font-weight:700;letter-spacing:-.09em;line-height:1.1}.hero h1 span{color:var(--lime)}.hero-lead{max-width:600px;margin:0;color:#d0d9d3;font-size:clamp(18px,1.8vw,23px);line-height:1.65}.hero-bottom{display:flex;align-items:flex-end;justify-content:space-between;gap:30px;margin-top:105px}.hero-note{padding:19px 25px 21px;border-left:2px solid var(--lime);background:rgba(12,33,35,.55);backdrop-filter:blur(7px)}.hero-note small{display:block;margin-bottom:10px;color:var(--lime);font:11px ui-monospace,monospace;letter-spacing:.12em}.hero-note strong{font-size:17px;line-height:1.55}.hero-meta{display:flex;justify-content:flex-end;gap:7px;flex-wrap:wrap;max-width:450px}.hero-meta span{padding:7px 9px;border:1px solid rgba(255,255,255,.28);color:#e0e8e1;font-size:12px}.concept-label{position:absolute;right:32px;bottom:18px;margin:0;color:rgba(224,232,225,.51);font-size:10px;letter-spacing:.04em}
.thesis{display:grid;grid-template-columns:95px 1.08fr 1fr;gap:48px;padding:116px 0 108px}.section-mark{color:var(--orange);font:900 70px/.76 "Noto Serif SC",serif;letter-spacing:-.07em}.section-mark span{display:block;margin-top:13px;color:#82908c;font:10px/1.16 "DM Mono",monospace;letter-spacing:.13em}.thesis h2,.title-row h2,.system-top h2,.plan h2,.facts h2,.confirm h2{margin:0;font-family:"Noto Serif SC",Georgia,serif;font-size:clamp(33px,4.05vw,57px);font-weight:700;letter-spacing:-.08em;line-height:1.25}.thesis h2 i{font-style:normal;color:var(--orange)}.thesis-copy>p:last-child{max-width:510px;margin:28px 0 0;color:#596c6a;font-size:18px}.thesis-points{display:grid;gap:1px;background:var(--rule);align-content:start;border:1px solid var(--rule)}.thesis-points article{min-height:143px;padding:22px 25px;background:var(--white)}.thesis-points b{color:var(--orange);font:500 12px "DM Mono",monospace}.thesis-points h3{margin:5px 0;color:#203a3b;font-size:18px}.thesis-points p{margin:0;color:#637473;font-size:14px;line-height:1.62}
.clients{padding:98px 0 112px;border-top:1px solid var(--ink)}.title-row{display:flex;align-items:end;justify-content:space-between;gap:52px;margin-bottom:47px}.title-row h2 span{color:var(--orange)}.side-copy{max-width:360px;margin:0 0 4px;color:#5d6f6e;font-size:15px;line-height:1.7}.client-grid{display:grid;grid-template-columns:1.12fr 1fr 1fr;gap:1px;background:#9ca7a2}.client{position:relative;min-height:365px;padding:27px 30px 29px;background:#dce1d9}.client.primary{background:var(--ink);color:white}.client-no{position:absolute;right:20px;top:16px;color:#8d9b94;font:500 13px "DM Mono",monospace}.primary .client-no{color:var(--lime)}.client-type{margin:0;color:#667b78}.primary .client-type{color:var(--lime)}.client h3{margin:42px 0 12px;font-family:"Noto Serif SC",serif;font-size:31px;line-height:1.3;letter-spacing:-.06em}.client>p:not(.client-type){max-width:280px;margin:0;color:#4f6562;font-size:14px;line-height:1.68}.primary>p:not(.client-type){color:#c6d0c9}.client ul{display:flex;gap:7px;flex-wrap:wrap;margin:25px 0 0;padding:0;list-style:none}.client li{padding:4px 8px;border:1px solid rgba(31,57,56,.24);font-size:12px}.primary li{border-color:rgba(214,233,93,.55);color:#ecf4be}.footnote{margin:16px 0 0;color:#788684;font-size:12px}
.decision-band{padding:111px 0 103px;background:var(--blue);color:#f7faf1}.band-heading{display:grid;grid-template-columns:1.4fr .75fr;gap:100px}.band-heading .eyebrow{grid-column:1/-1;color:#a9c6bf}.band-heading h2{margin:0;font-family:"Noto Serif SC",serif;font-size:clamp(34px,4.3vw,58px);letter-spacing:-.08em;line-height:1.25}.band-heading>p:last-child{margin:7px 0 0;color:#c0d4cc;font-size:16px;line-height:1.7}.decision-route{display:grid;grid-template-columns:repeat(5,1fr);gap:0;margin:72px 0 0;padding:0;border-top:1px solid rgba(244,247,236,.44);border-bottom:1px solid rgba(244,247,236,.44);list-style:none}.decision-route li{position:relative;min-height:157px;padding:25px 17px;border-left:1px solid rgba(244,247,236,.22)}.decision-route li:first-child{border-left:0}.decision-route li:not(:last-child):after{position:absolute;right:-7px;bottom:24px;content:"→";z-index:1;color:var(--lime);font-size:15px}.decision-route span{display:block;color:var(--lime);font:11px "DM Mono",monospace}.decision-route b{display:block;margin-top:18px;font-family:"Noto Serif SC",serif;font-size:25px}.decision-route p{margin:4px 0 0;color:#bed0c8;font-size:14px}.route-result{display:flex;align-items:center;gap:24px;margin-top:20px}.route-result span{color:var(--lime);font:11px "DM Mono",monospace;letter-spacing:.1em}.route-result strong{font-size:17px}
.architecture{padding:115px 0 119px}.offer-map{display:grid;grid-template-columns:1.08fr repeat(4,1fr);gap:1px;background:var(--rule);border:1px solid var(--rule)}.map-stem{display:flex;flex-direction:column;justify-content:space-between;min-height:325px;padding:28px;background:#dde1d9}.map-stem span{color:#637775;font-size:14px}.map-stem b{font-family:"Noto Serif SC",serif;font-size:29px;line-height:1.35;letter-spacing:-.05em}.offer-map article{display:flex;flex-direction:column;min-height:325px;padding:26px 22px;background:#fbfaf6}.offer-map article p{margin:0;color:var(--orange);font:10px "DM Mono",monospace}.offer-map article h3{margin:36px 0 20px;font-family:"Noto Serif SC",serif;font-size:21px;line-height:1.45;letter-spacing:-.05em}.offer-map article span{display:inline-block;align-self:flex-start;padding:6px 8px;background:var(--ink);color:white;font-size:13px}.offer-map article i{margin-top:auto;color:#687876;font-size:12px;font-style:normal}
.content-system{padding:99px 0 111px;border-top:1px solid var(--ink)}.system-top{display:flex;justify-content:space-between;align-items:end;gap:40px;margin-bottom:48px}.system-top h2 span{color:var(--blue)}.ratio{display:flex;align-items:baseline;gap:8px;padding-bottom:4px;color:#71807d;white-space:nowrap;font-size:12px}.ratio b{color:var(--orange);font:500 30px "DM Mono",monospace}.content-columns{display:grid;grid-template-columns:1.12fr 1fr 1fr;gap:14px}.content-card{position:relative;min-height:410px;padding:29px 30px;background:#e4e4dc;overflow:hidden}.content-card:after{position:absolute;right:-38px;bottom:-62px;width:180px;height:180px;content:"";border:1px solid currentColor;border-radius:50%;opacity:.38}.content-card p{margin:0;color:#657574;font:10px "DM Mono",monospace;letter-spacing:.08em}.content-card h3{margin:45px 0 10px;font-family:"Noto Serif SC",serif;font-size:31px;letter-spacing:-.06em}.content-card strong{display:block;font-size:18px;line-height:1.52}.content-card ul{position:relative;z-index:1;margin:27px 0;padding:0;list-style:none}.content-card li{padding:7px 0;border-top:1px solid rgba(30,59,58,.18);font-size:14px}.content-card>span{position:absolute;z-index:1;right:30px;bottom:26px;color:#5f6d6c;font-size:12px}.content-card.select{background:#cfdbd6;color:#0c3b42}.content-card.proof{background:var(--ink);color:white}.proof p,.proof>span{color:#b8c8c1}.proof li{border-color:rgba(255,255,255,.19)}.proof:after{color:var(--lime)}
.samples{padding:98px 0 111px;background:linear-gradient(var(--paper),#e5e6de);max-width:none;padding-left:max(32px,calc((100% - 1220px)/2));padding-right:max(32px,calc((100% - 1220px)/2))}.samples .title-row{max-width:1220px;margin-inline:auto}.sample-grid{display:grid;grid-template-columns:1.1fr 1fr 1fr;gap:13px;max-width:1220px;margin:auto}.sample{position:relative;display:flex;flex-direction:column;min-height:478px;padding:27px;overflow:hidden;color:white;background:#0f3035;box-shadow:0 12px 28px rgba(6,28,30,.08)}.sample:before,.sample:after{position:absolute;content:"";pointer-events:none}.sample:before{right:-12%;bottom:-20%;width:300px;height:300px;border:1px solid rgba(202,236,222,.42);border-radius:50%;box-shadow:0 0 0 39px rgba(202,236,222,.08),0 0 0 78px rgba(202,236,222,.06)}.sample:after{right:10%;bottom:52px;width:57%;height:3px;background:var(--lime);box-shadow:0 -31px 0 rgba(183,211,64,.55),0 -62px 0 rgba(183,211,64,.24)}.sample-two{background:#dbe5e0;color:#103f46}.sample-two:before{right:20px;bottom:46px;width:52%;height:158px;border:2px solid #0f5960;border-radius:3px;box-shadow:-100px -48px 0 -42px #0f5960,100px -48px 0 -42px #0f5960}.sample-two:after{right:45px;bottom:85px;width:52%;height:1px;background:#0f5960;box-shadow:0 -37px 0 #0f5960,0 37px 0 #0f5960}.sample-three{background:#ed7a40;color:#14292a}.sample-three:before{right:-60px;bottom:-60px;width:310px;height:310px;border:1px solid rgba(15,44,46,.65);border-radius:50%;box-shadow:0 0 0 48px rgba(15,44,46,.09),0 0 0 96px rgba(15,44,46,.08)}.sample-three:after{right:42px;bottom:64px;width:162px;height:124px;border:1px solid rgba(15,44,46,.8);background:linear-gradient(90deg,transparent 32%,rgba(15,44,46,.7) 32% 34%,transparent 34% 65%,rgba(15,44,46,.7) 65% 67%,transparent 67%);box-shadow:0 21px 0 -20px rgba(15,44,46,.7),0 42px 0 -41px rgba(15,44,46,.7),0 63px 0 -62px rgba(15,44,46,.7)}.sample-label{position:relative;z-index:1;color:inherit;opacity:.75}.sample h3{position:relative;z-index:1;margin:47px 0 12px;font-family:"Noto Serif SC",serif;font-size:clamp(29px,3vw,43px);letter-spacing:-.07em;line-height:1.22}.sample h3 em{color:var(--lime);font-style:normal}.sample-two h3 em{color:#0c6972}.sample-three h3 em{color:#174b4d}.sample>p{position:relative;z-index:1;margin:0;max-width:260px;font-size:15px;line-height:1.6}.sample footer{position:relative;z-index:1;display:flex;align-items:center;justify-content:space-between;margin-top:auto;padding-top:15px;border-top:1px solid rgba(255,255,255,.34);font-size:12px}.sample-two footer,.sample-three footer{border-color:rgba(12,54,56,.32)}.sample footer b{font:400 20px "DM Mono",monospace}.sample-rule{display:flex;gap:25px;max-width:1220px;margin:22px auto 0;padding:18px 21px;border:1px solid #c7cbc4;background:#f6f5f0;color:#586966;font-size:14px;line-height:1.65}.sample-rule b{flex:0 0 auto;color:#243e3f}
.plan{display:grid;grid-template-columns:.88fr 1.12fr;gap:110px;padding:116px 0}.plan-left p:last-child{max-width:420px;margin:28px 0 0;color:#617270}.plan-list{margin:0;padding:0;border-top:1px solid var(--ink);list-style:none}.plan-list li{display:grid;grid-template-columns:120px 1fr 1.1fr;gap:18px;align-items:baseline;padding:21px 0;border-bottom:1px solid #bac3bc}.plan-list span{color:var(--orange)}.plan-list h3{margin:0;font-size:18px}.plan-list p{margin:0;color:#637473;font-size:14px;line-height:1.6}
.facts{display:grid;grid-template-columns:.65fr 1.35fr;gap:78px;padding:84px 0 113px;border-top:1px solid var(--ink)}.fact-table{border-top:2px solid var(--ink)}.fact-row{display:grid;grid-template-columns:110px 1.45fr 1fr;gap:16px;padding:18px 0;border-bottom:1px solid #c8cfca;color:#596b68;font-size:14px;line-height:1.6}.fact-row.header{padding:10px 0;color:#6e7d79;font:10px "DM Mono",monospace;letter-spacing:.08em}.status{align-self:start;justify-self:start;padding:3px 7px;font-size:12px;line-height:1.4}.confirmed{background:#d6e4bc;color:#405c1a}.inferred{background:#d8e8e5;color:#27636c}.pending{background:#f5d9b6;color:#98551e}
.confirm{padding:115px 0 108px;background:#193438;color:#f7fbf3}.confirm-inner{max-width:920px;text-align:center}.confirm .eyebrow{color:#b9cfbe}.confirm h2 span{color:var(--lime)}.confirm-inner>p:not(.eyebrow){max-width:560px;margin:26px auto 0;color:#c7d4cb;font-size:17px}.confirm-link{display:inline-flex;align-items:center;gap:22px;margin-top:42px;padding:17px 23px;color:#0d2224;background:var(--lime);font-weight:800;text-decoration:none;transition:.2s}.confirm-link:hover{background:#d6e976;transform:translateY(-2px)}.confirm-link span{font-size:23px}.confirm small{display:block;margin-top:21px;color:#9fafaa;font-size:11px}.page-footer{padding:25px 0;background:#0d2326;color:#a6b6ad;font-size:12px}.page-footer .wrap{display:flex;justify-content:space-between;gap:20px}
@media (max-width:900px){.wrap{width:min(100% - 40px,680px)}.hero{min-height:760px}.hero-copy{padding-top:94px}.hero-index{display:none}.hero-bottom{margin-top:72px}.hero-meta{justify-content:flex-start}.thesis{grid-template-columns:60px 1fr;padding-block:82px;gap:26px}.thesis-points{grid-column:2}.title-row,.system-top{align-items:start;flex-direction:column;gap:20px}.side-copy{max-width:530px}.client-grid,.content-columns{grid-template-columns:1fr}.client{min-height:270px}.band-heading{grid-template-columns:1fr;gap:21px}.decision-route{grid-template-columns:repeat(5,minmax(120px,1fr));overflow:auto}.decision-route li{min-width:120px}.offer-map{grid-template-columns:repeat(2,1fr)}.map-stem{grid-column:1/-1;min-height:150px}.offer-map article{min-height:260px}.sample-grid{grid-template-columns:1fr}.sample{min-height:375px}.plan{grid-template-columns:1fr;gap:48px;padding-block:82px}.facts{grid-template-columns:1fr;gap:34px;padding-block:75px}.concept-label{right:20px}.nav-mid{display:none}}
@media (max-width:560px){body{font-size:16px}.wrap{width:calc(100% - 36px)}.hero{min-height:690px}.nav{min-height:64px}.brand b{display:none}.hero-copy{padding-top:76px}.hero h1{font-size:48px}.hero-lead{font-size:17px}.hero-bottom{display:block;margin-top:50px}.hero-note{padding:16px 17px}.hero-meta{margin-top:14px}.hero-meta span{font-size:11px}.thesis{grid-template-columns:1fr;padding-block:64px}.section-mark{font-size:54px}.thesis-points{grid-column:auto}.thesis h2,.title-row h2,.system-top h2,.plan h2,.facts h2,.confirm h2{font-size:35px}.clients,.architecture,.content-system{padding-block:68px}.client-grid{margin-inline:-18px}.client{padding:25px 23px}.decision-band{padding-block:68px}.decision-route{margin-top:46px}.offer-map{margin-inline:-18px}.offer-map article{min-height:235px}.ratio{gap:5px;overflow:auto;width:100%;padding-bottom:4px}.ratio b{font-size:25px}.samples{padding-inline:18px;padding-block:68px}.sample-rule{flex-direction:column;gap:8px}.plan-list li{grid-template-columns:1fr;gap:6px}.fact-row{grid-template-columns:1fr;gap:7px}.fact-row.header{display:none}.confirm{padding-block:72px}.confirm-link{padding:16px;text-align:left}.page-footer .wrap{align-items:flex-start;flex-direction:column;gap:5px}}
@media print{body{background:white;font-size:10pt}.hero{min-height:0;padding-bottom:30mm}.nav-cta,.concept-label{display:none}.hero-copy{padding-top:30mm}.hero h1{font-size:46pt}.hero-bottom{margin-top:30mm}.thesis,.clients,.architecture,.content-system,.samples,.plan,.facts{padding-block:16mm}.decision-band,.confirm{padding-block:18mm}.client,.content-card,.sample,.offer-map article,.thesis-points article,.plan-list li,.fact-row{break-inside:avoid}.sample-grid{grid-template-columns:repeat(3,1fr)}.sample{min-height:100mm}.sample h3{font-size:22pt}.page-footer{padding:7mm}.hero-media{filter:grayscale(.2)} }

/* v1.1 · first-content-unit module */
.pilot{padding:118px 0 112px;border-top:1px solid var(--ink)}.pilot-head{display:grid;grid-template-columns:1.2fr .8fr;gap:70px;align-items:end;margin-bottom:48px}.pilot-head h2{margin:0;font-family:"Noto Serif SC",Georgia,serif;font-size:clamp(35px,4.2vw,58px);font-weight:700;letter-spacing:-.08em;line-height:1.23}.pilot-head h2 span{color:var(--orange)}.pilot-head>p{max-width:390px;margin:0 0 5px;color:#60726f;font-size:15px;line-height:1.78}.pilot-visual{position:relative;min-height:420px;overflow:hidden;background:#102d30}.pilot-visual:after{position:absolute;z-index:1;inset:0;content:"";background:linear-gradient(90deg,rgba(8,26,29,.7),rgba(8,26,29,.04) 70%),linear-gradient(0deg,rgba(8,26,29,.65),transparent 45%)}.pilot-visual img{display:block;width:100%;height:420px;object-fit:cover;object-position:center 58%;filter:saturate(.8) contrast(1.04)}.pilot-visual-caption{position:absolute;z-index:2;left:34px;bottom:27px;color:#f4f6ee}.pilot-visual-caption span,.unit-no{display:block;color:var(--lime);font:11px ui-monospace,SFMono-Regular,Menlo,monospace;letter-spacing:.11em}.pilot-visual-caption strong{display:block;margin-top:10px;font-family:"Noto Serif SC",serif;font-size:29px;letter-spacing:-.06em;line-height:1.28}.pilot-visual-caption small{display:block;margin-top:11px;color:#c2d0c6;font-size:11px}.unit-grid{display:grid;grid-template-columns:1.12fr 1fr 1fr;gap:1px;margin-top:1px;background:#aeb8b0}.unit{min-height:618px;padding:29px 29px 25px;background:#fbfaf6;color:#173337}.unit-primary{background:#153c40;color:#f8fbf3}.unit-no{color:#d7e95d}.unit-no span{color:#788d8a}.unit-primary .unit-no span{color:#c0d5c8}.unit-goal{min-height:37px;margin:17px 0 0;color:#627673;font-size:13px;line-height:1.48}.unit-primary .unit-goal{color:#c6d6cd}.unit h3{min-height:105px;margin:25px 0 18px;font-family:"Noto Serif SC",serif;font-size:clamp(26px,2.35vw,34px);letter-spacing:-.07em;line-height:1.31}.unit-cover{position:relative;display:flex;flex-direction:column;justify-content:flex-end;min-height:135px;padding:18px 19px;overflow:hidden;background:#1b4345;color:#f6faef}.unit-cover:before{position:absolute;right:-35px;top:-65px;width:180px;height:180px;content:"";border:1px solid rgba(220,241,104,.48);border-radius:50%;box-shadow:0 0 0 26px rgba(220,241,104,.09),0 0 0 52px rgba(220,241,104,.05)}.unit-cover b,.unit-cover small,.unit-cover strong{position:relative;z-index:1}.unit-cover b{color:#d7e95d;font:11px ui-monospace,SFMono-Regular,Menlo,monospace;letter-spacing:.09em}.unit-cover strong{margin:6px 0 4px;font-family:"Noto Serif SC",serif;font-size:27px;letter-spacing:-.06em}.unit-cover small{color:#cbd9ce;font-size:12px}.unit-cover.cyan{background:#bedad6;color:#103d44}.unit-cover.cyan b{color:#1a6870}.unit-cover.cyan small{color:#3d6467}.unit-cover.orange{background:#e5793e;color:#173238}.unit-cover.orange b{color:#173238}.unit-cover.orange small{color:#385356}.unit dl{margin:23px 0 0}.unit dl>div{padding:12px 0;border-top:1px solid rgba(27,56,57,.18)}.unit-primary dl>div{border-color:rgba(239,248,236,.2)}.unit dt{margin:0 0 5px;color:#6b7d7a;font-size:12px;font-weight:700}.unit-primary dt{color:#bcd0c3}.unit dd{margin:0;font-size:14px;line-height:1.65}.unit-evidence{display:grid;grid-template-columns:104px 1fr;gap:8px;margin-top:20px;padding-top:14px;border-top:1px solid rgba(27,56,57,.38);font-size:12px;line-height:1.58}.unit-primary .unit-evidence{border-color:rgba(239,248,236,.3)}.unit-evidence b{color:var(--orange)}.unit-primary .unit-evidence b{color:var(--lime)}.unit-evidence span{color:#617370}.unit-primary .unit-evidence span{color:#c2d1c8}.pilot-note{display:flex;gap:27px;margin-top:20px;padding:18px 20px;background:#e0e5dc;color:#4e625f;font-size:14px;line-height:1.65}.pilot-note b{flex:0 0 auto;color:#123c42}.pilot-note span{max-width:880px}
@media (max-width:900px){.pilot{padding-block:82px}.pilot-head{grid-template-columns:1fr;gap:22px}.pilot-head>p{max-width:530px}.unit-grid{grid-template-columns:1fr}.unit{min-height:0}}
@media (max-width:560px){.pilot{padding-block:68px}.pilot-head h2{font-size:35px}.pilot-visual,.pilot-visual img{min-height:340px;height:340px}.pilot-visual-caption{left:20px;bottom:22px}.pilot-visual-caption strong{font-size:25px}.unit-grid{margin-inline:-18px}.unit{padding:25px 22px}.unit h3{min-height:0}.unit-evidence{grid-template-columns:1fr;gap:4px}.pilot-note{flex-direction:column;gap:8px}}

/* website interaction layer */
.reading-progress{position:fixed;z-index:20;top:0;left:0;width:100%;height:3px;background:rgba(16,38,41,.14);pointer-events:none}.reading-progress span{display:block;width:100%;height:100%;background:var(--lime);transform:scaleX(0);transform-origin:left center;box-shadow:0 0 14px rgba(183,211,64,.76);will-change:transform}.sample-jump{cursor:pointer;transition:transform .25s ease,box-shadow .25s ease}.sample-jump:hover,.sample-jump:focus-visible{outline:0;transform:translateY(-7px);box-shadow:0 22px 38px rgba(6,28,30,.2)}.sample-jump:focus-visible{box-shadow:0 0 0 3px var(--lime),0 22px 38px rgba(6,28,30,.2)}.unit{scroll-margin-top:72px}.unit-toggle{display:inline-flex;align-items:center;justify-content:space-between;gap:12px;width:100%;margin-top:17px;padding:11px 0 0;border:0;border-top:1px solid rgba(27,56,57,.38);background:transparent;color:#24484a;font:700 12px/1.4 inherit;text-align:left;cursor:pointer}.unit-primary .unit-toggle{border-color:rgba(239,248,236,.3);color:#edf6bf}.unit-toggle span{font-size:16px;line-height:1}.unit-more{display:grid;grid-template-columns:104px 1fr;gap:8px;margin-top:12px;padding:13px 0 0;border-top:1px dashed rgba(27,56,57,.25);color:#5d6f6d;font-size:12px;line-height:1.65;animation:reveal .26s ease-out}.unit-primary .unit-more{border-color:rgba(239,248,236,.22);color:#c9d8ce}.unit-more b{color:var(--orange)}.unit-primary .unit-more b{color:var(--lime)}@keyframes reveal{from{opacity:0;transform:translateY(-4px)}to{opacity:1;transform:translateY(0)}}
@media (max-width:560px){.unit-more{grid-template-columns:1fr;gap:4px}}
@media (prefers-reduced-motion:reduce){html{scroll-behavior:auto}.sample-jump,.unit-more{transition:none;animation:none}}
@media print{.reading-progress,.unit-toggle,.sample-jump{display:none}.unit-more[hidden]{display:grid}.unit-more{display:grid}}

/* Self-contained concept visuals: direction only, not an actual project case. */
.hero-pattern{background:
  radial-gradient(circle at 78% 32%,rgba(183,211,64,.28),transparent 14%),
  linear-gradient(130deg,transparent 0 47%,rgba(190,222,211,.11) 47.2% 48%,transparent 48.2%),
  linear-gradient(90deg,rgba(13,47,50,.94),rgba(10,40,43,.46)),
  repeating-linear-gradient(90deg,transparent 0 58px,rgba(215,233,93,.08) 59px 60px),
  #133b40;
}
.hero-pattern:after{position:absolute;right:12%;bottom:14%;width:300px;height:210px;content:"";border:1px solid rgba(215,233,93,.52);box-shadow:0 0 0 17px rgba(215,233,93,.07),-110px 43px 0 -1px rgba(215,233,93,.22);transform:skewY(-8deg)}
.pilot-media{display:block;width:100%;height:420px;background:
  linear-gradient(90deg,rgba(8,26,29,.2),rgba(8,26,29,.05)),
  radial-gradient(ellipse at 74% 43%,rgba(183,211,64,.28),transparent 16%),
  repeating-linear-gradient(90deg,#15383b 0 44px,#173f42 45px 47px,#102f32 48px 93px);
}
.pilot-media:after{position:absolute;right:12%;top:21%;width:38%;height:54%;content:"";border:1px solid rgba(219,239,117,.7);background:linear-gradient(180deg,rgba(215,233,93,.16) 0 12%,transparent 12% 27%,rgba(215,233,93,.1) 27% 29%,transparent 29% 44%,rgba(215,233,93,.1) 44% 46%,transparent 46%);box-shadow:-29px 19px 0 -1px rgba(215,233,93,.25)}
@media (max-width:560px){.pilot-media{min-height:340px;height:340px}.hero-pattern:after{right:4%;width:220px;height:160px}}


/* v1.2 · real project evidence + restrained proposal motion */
.hero-photo{
  background-image:linear-gradient(90deg,rgba(6,22,25,.88) 0%,rgba(7,23,26,.72) 40%,rgba(7,23,26,.20) 73%,rgba(7,23,26,.08)),url("https://www.yuangankeji.cn/wp-content/uploads/2025/05/picture-of-on-site-installation-effect-of-secondary-water-supply-booster-pump-room-in-a-residential-area-in-chengdu.jpg");
  background-size:cover;
  background-position:center;
  transform:scale(1.025);
  animation:hero-breathe 14s cubic-bezier(.33,.01,.22,1) both;
}
.pilot-photo{
  background-image:linear-gradient(90deg,rgba(8,26,29,.46),rgba(8,26,29,.04) 70%),url("https://www.yuangankeji.cn/wp-content/uploads/2025/05/picture-of-on-site-installation-effect-of-secondary-water-supply-booster-pump-room-in-a-residential-area-in-chengdu.jpg");
  background-size:cover;
  background-position:center 55%;
}
.hero-copy > *{animation:hero-rise .9s cubic-bezier(.2,.75,.2,1) both}
.hero-copy .kicker{animation-delay:.12s}.hero-copy .hero-index{animation-delay:.18s}.hero-copy h1{animation-delay:.25s}.hero-copy .hero-lead{animation-delay:.38s}.hero-copy .hero-bottom{animation-delay:.52s}
@keyframes hero-rise{from{opacity:0;transform:translateY(22px)}to{opacity:1;transform:translateY(0)}}
@keyframes hero-breathe{from{transform:scale(1.075)}to{transform:scale(1.025)}}
.motion-ready .motion-section{opacity:0;transform:translateY(28px);transition:opacity .78s cubic-bezier(.22,.8,.25,1),transform .78s cubic-bezier(.22,.8,.25,1)}
.motion-ready .motion-section.is-visible{opacity:1;transform:translateY(0)}
.motion-ready .motion-item{opacity:0;transform:translateY(16px);transition:opacity .58s cubic-bezier(.22,.8,.25,1) var(--motion-delay,0ms),transform .58s cubic-bezier(.22,.8,.25,1) var(--motion-delay,0ms)}
.motion-ready .motion-section.is-visible .motion-item{opacity:1;transform:translateY(0)}
@media (prefers-reduced-motion:reduce){.hero-photo,.hero-copy > *{animation:none;transform:none}.motion-ready .motion-section,.motion-ready .motion-item{opacity:1;transform:none;transition:none}}


/* v1.3 · branded penultimate page, adapted to the industrial proposal language */
.brand-about{position:relative;isolation:isolate;overflow:hidden;padding:112px 0;background:linear-gradient(145deg,#0b2529 0%,#10373b 68%,#0e2c30 100%);color:#f6f9f1}
.brand-about:before{position:absolute;z-index:-1;inset:0;content:"";background-image:linear-gradient(rgba(232,229,220,.05) 1px,transparent 1px),linear-gradient(90deg,rgba(232,229,220,.05) 1px,transparent 1px);background-size:78px 78px;mask-image:linear-gradient(90deg,#000,transparent 88%)}
.brand-about:after{position:absolute;z-index:-1;right:-180px;top:-220px;width:610px;height:610px;content:"";border:1px solid rgba(215,233,93,.18);border-radius:50%;box-shadow:0 0 0 62px rgba(215,233,93,.025),0 0 0 124px rgba(215,233,93,.018)}
.brand-about-grid{display:grid;grid-template-columns:minmax(0,1.38fr) minmax(330px,.62fr);gap:68px;align-items:center}
.brand-about h2{max-width:760px;margin:0;font-family:"Noto Serif SC",Georgia,serif;font-size:clamp(43px,5.5vw,73px);font-weight:700;letter-spacing:-.08em;line-height:1.13}
.brand-about h2 span{color:var(--lime)}
.brand-about-lead{max-width:720px;margin:27px 0 0;color:#c8d5cc;font-size:17px;line-height:1.82}
.brand-methods{display:grid;grid-template-columns:repeat(4,1fr);margin-top:45px;border-top:1px solid rgba(241,247,235,.26);border-bottom:1px solid rgba(241,247,235,.26)}
.brand-methods article{min-height:140px;padding:18px 15px 18px 0;border-right:1px solid rgba(241,247,235,.15)}
.brand-methods article:not(:first-child){padding-left:15px}.brand-methods article:last-child{border-right:0}
.brand-methods span{color:var(--lime);font:10px ui-monospace,monospace;letter-spacing:.08em}
.brand-methods h3{margin:15px 0 7px;font-family:"Noto Serif SC",serif;font-size:19px;letter-spacing:-.04em}
.brand-methods p{margin:0;color:#9fb3aa;font-size:12px;line-height:1.56}
.brand-contact-card{position:relative;padding:31px;border:1px solid rgba(244,248,239,.24);background:rgba(244,248,239,.07);box-shadow:0 28px 70px rgba(0,15,17,.22);backdrop-filter:blur(12px)}
.brand-contact-card:before{position:absolute;left:-1px;top:-1px;width:65px;height:3px;content:"";background:var(--lime)}
.brand-contact-kicker{margin:0;color:#e2a06b;font:10px ui-monospace,monospace;letter-spacing:.06em}
.brand-contact-card>h3{margin:14px 0 22px;font-family:"Noto Serif SC",serif;font-size:26px;line-height:1.35;letter-spacing:-.05em}
.brand-qr{display:grid;grid-template-columns:132px 1fr;gap:17px;align-items:end}
.brand-qr img{display:block;width:132px;height:132px;padding:7px;background:#fff;object-fit:cover}
.brand-qr>div{display:grid;gap:7px;padding-bottom:4px}.brand-qr strong{font-size:15px}.brand-qr span{color:#abc0b6;font-size:12px;line-height:1.55}
.brand-contact-card dl{margin:23px 0 0;border-top:1px solid rgba(244,248,239,.16)}
.brand-contact-card dl div{display:grid;grid-template-columns:70px 1fr;gap:12px;padding:10px 0;border-bottom:1px solid rgba(244,248,239,.12)}
.brand-contact-card dt{color:#849e96;font:10px ui-monospace,monospace}.brand-contact-card dd{margin:0;font-size:14px;font-weight:750}.brand-contact-card footer{margin-top:20px;color:#b8c8c0;font-size:11px}
@media(max-width:900px){.brand-about{padding-block:82px}.brand-about-grid{grid-template-columns:1fr;gap:42px}.brand-contact-card{width:min(100%,560px)}}
@media(max-width:560px){.brand-about{padding-block:68px}.brand-about h2{font-size:42px}.brand-about-lead{font-size:16px}.brand-methods{grid-template-columns:1fr 1fr}.brand-methods article{min-height:118px}.brand-methods article:nth-child(2){border-right:0}.brand-methods article:nth-child(-n+2){border-bottom:1px solid rgba(241,247,235,.15)}.brand-contact-card{padding:24px}.brand-qr{grid-template-columns:116px 1fr}.brand-qr img{width:116px;height:116px}}
@media print{.brand-about{break-before:page;break-inside:avoid;padding:16mm 0;background:#0b2529!important;print-color-adjust:exact;-webkit-print-color-adjust:exact}.brand-about-grid{grid-template-columns:1.38fr .62fr;gap:12mm}.brand-methods{grid-template-columns:repeat(4,1fr)}}