.eco-page{--eco-ink:#254d3d;--eco-muted:#738275;--eco-line:#dce5db;--eco-soft:#eff4ed;--eco-warm:#f4dec5}.eco-icon{width:25px;height:25px;flex:none;display:block}.eco-section{padding-block:64px}.eco-section h2{font-size:clamp(27px,2.6vw,38px);letter-spacing:-.035em;margin-bottom:24px}.eco-section>p:not(.eco-kicker){line-height:1.85}.micro-label{font-size:14px;letter-spacing:.08em;color:var(--eco-muted)}.research-atlas{display:grid;grid-template-columns:minmax(0,.9fr) minmax(0,1.1fr);gap:40px;align-items:start;margin:18px 0 0}.research-focus{min-width:0}.research-focus h3{font-size:27px;margin:0 0 16px!important;line-height:1.5}.research-focus>p{font-size:15px;line-height:1.8;margin-bottom:20px;color:#657460}
.audience-chips{display:flex;flex-wrap:wrap;gap:8px;margin-bottom:28px}.audience-chips button{font:inherit;font-size:15px;min-height:44px;padding:8px 16px;border:1px solid var(--eco-line);border-radius:30px;background:var(--eco-soft);color:var(--eco-ink);cursor:pointer}.audience-chips button[aria-pressed=true]{background:var(--eco-ink);border-color:var(--eco-ink);color:white}.eco-disclosure{border:1px solid var(--eco-line);border-radius:16px;background:#f8faf5;overflow:clip;margin:14px 0}.eco-disclosure>summary{list-style:none;display:flex;align-items:center;gap:20px;padding:22px 26px;cursor:pointer;min-height:86px;color:var(--eco-ink)}.eco-disclosure>summary::-webkit-details-marker,.task-chapter>summary::-webkit-details-marker{display:none}.eco-disclosure summary strong{font-weight:500;display:block;font-size:19px}.eco-disclosure summary small{display:block;font-size:15px;color:var(--eco-muted);margin-top:5px;line-height:1.7}.disclosure-plus{margin-left:auto;font-size:25px;font-weight:300;flex:none;transition:rotate .35s;line-height:1}.eco-disclosure[open]>summary>.disclosure-plus,.task-chapter[open]>summary>.disclosure-plus{rotate:45deg}.eco-disclosure[open]>summary{background:#edf3e7}.data-source{font-size:15px;color:var(--eco-muted)}.stat-stories{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:16px;margin:12px 0 0}.stat-orb{position:relative;width:100%;max-width:120px;aspect-ratio:1;padding:0;border:1px solid transparent;border-radius:50%;background:#e8eee3;color:#254d3d;cursor:pointer;font:inherit;--orb-color:#739875}.stat-orb.peach{background:#f5e9dc;--orb-color:#be9772}.stat-orb.lime{background:#edf1d9;--orb-color:#a0ad66}.stat-orb svg{display:block;width:100%;height:100%;fill:none}.stat-track{stroke:#fff9;stroke-width:1}.stat-progress{stroke:var(--orb-color);stroke-width:2;transform:rotate(-90deg);transform-origin:center;transition:stroke-width 160ms}.stat-orb:hover .stat-progress,.stat-orb:focus-visible .stat-progress,.stat-orb[aria-pressed=true] .stat-progress{stroke-width:4}.stat-orb[aria-pressed=true]{outline:2px solid #78915e;outline-offset:3px}.stat-value{position:absolute;inset:0;display:flex;flex-direction:column;align-items:center;justify-content:center;pointer-events:none}.stat-value strong{font-size:34px;font-weight:500;line-height:1.2;letter-spacing:-.04em}.stat-value small{font-size:14px;margin-left:2px}.stat-value>span{font-size:12px;margin-top:6px}
.insight-takeaway{margin-top:28px;background:var(--eco-ink);color:#f7f9f0;border-radius:20px;padding:38px 48px;position:relative;overflow:hidden}.insight-takeaway:after{content:'';position:absolute;width:240px;height:240px;border:1px solid #cfe1c32b;border-radius:50%;right:-70px;top:-110px;box-shadow:0 0 0 42px #cfe1c30b,0 0 0 86px #cfe1c308;pointer-events:none}.insight-takeaway .micro-label{color:#c0d3b8}.insight-takeaway p{position:relative;z-index:1;font-size:clamp(23px,2.6vw,32px);line-height:1.7;margin:12px 0 0;letter-spacing:-.025em}.insight-takeaway strong{font-weight:500;color:#dfedb5}.journey-ribbon{list-style:none;display:grid;grid-template-columns:repeat(4,1fr);padding:0;margin:40px auto;gap:0;width:100%;text-align:center}.journey-ribbon li{position:relative}.journey-ribbon li:not(:last-child):after{content:'';position:absolute;left:calc(50% + 40px);width:calc(100% - 80px);top:29px;border-top:1px dashed #b4c7ab}.journey-ribbon li:not(:last-child):before{content:'';position:absolute;left:calc(150% - 46px);top:26px;width:6px;height:6px;border-top:1px solid #9aaf91;border-right:1px solid #9aaf91;transform:rotate(45deg)}.journey-icon{position:relative;width:60px;height:60px;border-radius:18px;background:#e9efdf;display:grid;place-items:center;color:var(--eco-ink);margin:0 auto 24px}.journey-icon span{position:absolute;top:-8px;right:-9px;border-radius:50%;background:#fafbf7;border:1px solid var(--eco-line);padding:3px 6px;font-size:10px}.journey-ribbon strong{font-weight:500;font-size:23px}.design-chapter{scroll-margin-top:calc(var(--case-nav-height) + 24px);background:#fcfdf9}.design-body{padding:12px 28px 28px}.design-chapter .screen-accordion:not(.screen-static){height:470px;max-width:900px}.design-chapter .screen-panel{background:#f4f6ee}.design-chapter .screen-panel img{border-radius:16px}.design-chapter .screen-static .static-screen img{max-height:440px}.task-chapter{border-bottom:1px solid var(--eco-line);scroll-margin-top:calc(var(--case-nav-height) + 24px)}.task-chapter:last-child{border-bottom:0}.task-chapter>summary{list-style:none;display:flex;align-items:center;gap:14px;cursor:pointer;padding:20px 0;color:var(--eco-ink)}.task-chapter>summary strong{font-size:16px}.task-chapter .eco-icon{width:21px;height:21px}.task-index{font-size:14px;color:var(--eco-muted)}.task-body>p{font-size:16px;color:var(--eco-muted);margin:4px 0 24px;line-height:1.85}.task-body{padding:0 10px 24px}.validation-board{display:grid;grid-template-columns:180px 1fr;gap:48px;background:#f0f3eb;border-radius:20px;padding:36px 40px;align-items:center}.test-count{color:var(--eco-ink)}.test-count>.eco-icon{width:28px;height:28px}.test-count>strong{display:block;font-size:92px;font-weight:400;line-height:1.1;letter-spacing:-.06em;margin-block:18px 10px}.test-count>strong>span{font-size:20px;margin-left:8px}.test-count>p{font-size:15px;color:var(--eco-muted)}.test-findings h3{font-size:23px;line-height:1.6;font-weight:500}.feedback-pair{display:grid;grid-template-columns:1fr 1fr;gap:24px;margin-top:28px}.feedback-pair article{border-top:1px solid #bdcbb6;padding-top:16px}.feedback-pair article>span{font-size:11px;color:var(--eco-muted)}.feedback-pair h4{font-size:20px;margin:12px 0}.feedback-pair p{font-size:16px;line-height:1.8;margin:0;color:var(--eco-muted)}.next-test{padding-block:30px}.next-test p{font-size:19px;line-height:1.9;margin:12px 0 0;color:var(--eco-ink)}.next-test p span{margin-inline:16px;color:#9eb18e}.reflection-note{font-size:16px;color:var(--eco-muted);margin:0}.eco-page :is(summary,button,a,.stat-orb):focus-visible{outline:2px solid #78915e;outline-offset:5px}
@media(max-width:63.99rem){.research-atlas{gap:30px}.research-focus h3{font-size:24px}.stat-stories{gap:24px}}
@media(max-width:47.99rem){.eco-section{padding-block:40px}.research-atlas{grid-template-columns:1fr;gap:24px;margin:24px 0}.research-focus{padding:0;min-height:0}.research-focus p{min-height:0}.research-focus h3{font-size:23px}.eco-disclosure>summary{padding:18px 16px;gap:12px;min-height:78px}.eco-disclosure summary strong{font-size:17px}.eco-disclosure summary small{font-size:14px}.eco-disclosure>summary>.eco-icon{width:22px;height:22px}.stat-stories{gap:12px}.stat-value strong{font-size:32px}.insight-takeaway{padding:28px 24px;border-radius:16px}.insight-takeaway p{font-size:23px}.data-source{font-size:14px}.journey-ribbon{grid-template-columns:1fr 1fr;gap:28px 24px;margin:28px 0;padding-left:0}.journey-ribbon li:not(:last-child):after,.journey-ribbon li:not(:last-child):before{display:none}.journey-ribbon strong{font-size:20px}.journey-icon{margin-bottom:18px;width:52px;height:52px}.design-body{padding:8px 12px 16px}.design-chapter .screen-accordion:not(.screen-static){height:385px}.task-chapter>summary{gap:8px}.task-chapter>summary strong{font-size:16px;line-height:1.6}.task-chapter .eco-icon{width:18px;height:18px}.task-body{padding-inline:0}.task-body>p{font-size:15px}.design-chapter .screen-static .static-screen img{max-height:none}.validation-board{grid-template-columns:1fr;gap:20px;padding:26px}.test-count{display:flex;align-items:center;gap:15px}.test-count>strong{font-size:65px;margin:0}.test-count>strong>span{font-size:16px}.test-count>.eco-icon{width:24px;height:24px}.test-findings h3{font-size:21px}.feedback-pair{gap:18px;margin-top:20px}.feedback-pair h4{font-size:18px}.feedback-pair p{font-size:15px}.next-test p{font-size:16px}.next-test p span{margin-inline:4px}.reflection-note{font-size:15px}}
@media(max-width:47.99rem){.eco-showcase.eco-product{overflow:clip}}
@media(prefers-reduced-motion:reduce){.orbit-line,.orbit-node,.stat-orb,.stat-progress,.orb-spark,.disclosure-plus{transition:none!important;transform:none!important}}

/* User portraits: original source files remain byte-for-byte intact. */
.persona-stage{width:100%;min-width:0}.persona-stage[hidden],.persona-card[hidden]{display:none}.persona-card{border:1px solid var(--eco-line);border-radius:20px;background:#f7faf2;padding:28px}.persona-card header{display:flex;gap:20px;align-items:center;padding:0;border:0}.persona-portrait{position:relative;overflow:hidden;width:86px;height:86px;flex:none;border-radius:50%;background:#e0eed2}.persona-portrait img{position:absolute;width:470px;max-width:none;height:auto;left:-10px;top:-32px}.portrait-melisa img{top:-29px;left:-7px}.persona-card header p{font-size:16px;margin:0}.persona-facts{font-size:15px;line-height:1.8;color:var(--eco-muted);margin:18px 0}.persona-detail{margin-top:18px}.competitor-preview{display:block;width:56px;height:120px;flex:none;border-radius:8px;background-image:url('/assets/originals/2-2.jpg');background-size:2114.56px 1494.08px;background-position:var(--preview-x) -1047.2px;background-repeat:no-repeat}
@media(max-width:47.99rem){.research-atlas{grid-template-columns:1fr;gap:20px}.research-focus{width:100%}.persona-card{padding:20px}.persona-card header{gap:14px}.persona-portrait{width:88px;height:88px}}

/* Comparable evidence, compact service layers and native wireframes. */
.competitive-review{padding:0}.comparison-scroll,.blueprint-scroll,.wireflow-scroll{overflow-x:auto}.comparison-matrix,.blueprint-matrix{width:100%;border-collapse:collapse;color:var(--eco-ink);table-layout:fixed}.comparison-matrix th,.comparison-matrix td{padding:20px 22px;text-align:left;border-bottom:1px solid var(--eco-line);font-size:16px;line-height:1.7;font-weight:400}.comparison-matrix thead th{vertical-align:bottom;padding-top:4px}.comparison-matrix th:first-child{width:15%;color:var(--eco-muted);font-size:14px}.comparison-matrix figure{margin:0;display:flex;flex-direction:column;align-items:flex-start;gap:12px}.comparison-matrix figcaption{font-size:18px;font-weight:500}.blueprint-scroll{padding:12px 24px 20px}.blueprint-matrix th,.blueprint-matrix td{padding:24px 12px;text-align:center;font-size:17px;font-weight:400;line-height:1.6;border-bottom:1px solid var(--eco-line)}.blueprint-matrix thead th{font-size:16px;font-weight:500}.blueprint-matrix th:first-child{width:15%;color:var(--eco-muted);font-size:14px;text-align:left}.blueprint-matrix tbody tr:last-child th,.blueprint-matrix tbody tr:last-child td{border-top:1px dashed #9aac90;border-bottom:0;background:#f0f4e9}.blueprint-matrix tbody tr:nth-child(2) td,.blueprint-matrix tbody tr:nth-child(2) th{border-bottom:0}.blueprint-key{font-size:11px;color:var(--eco-muted);margin:18px 0 0}.blueprint-key span{display:inline-block;width:22px;border-top:1px dashed #9aac90;vertical-align:middle;margin-right:8px}.wireflow{margin-top:48px}.wireflow h3{font-size:24px;font-weight:500;margin:0 0 8px;color:var(--eco-ink)}.wireflow>p{font-size:15px;color:var(--eco-muted);margin:0 0 20px}.wireflow figure{margin:0;border:1px solid var(--eco-line);border-radius:16px;padding:20px;background:#fafbf8}.wireflow-scroll svg{display:block;width:100%;height:auto}.wireflow figcaption{font-size:14px;text-align:center;color:var(--eco-muted);margin-top:8px}
@media(max-width:47.99rem){.competitive-review{padding:0}.comparison-matrix{min-width:630px}.comparison-matrix th,.comparison-matrix td{padding:16px 12px;font-size:15px}.comparison-matrix figcaption{font-size:16px}.blueprint-scroll{padding:8px 12px 16px}.blueprint-matrix{min-width:780px}.blueprint-matrix th,.blueprint-matrix td{font-size:15px;padding:20px 10px}.blueprint-matrix thead th{font-size:16px}.wireflow{margin-top:32px}.wireflow figure{padding:12px}.wireflow-scroll svg{min-width:900px}.wireflow figcaption{font-size:11px;line-height:1.8}.screen-panel span{font-size:11px}}

/* Research evidence and synthesis use distinct, consistent levels. */
.research-results{padding:0}.research-results[hidden]{display:none}.research-results h3,.persona-module>h3,.process-block>h3,.decision-qa>h3{font-size:25px;font-weight:500;color:var(--eco-ink);margin-bottom:16px}.research-findings{display:grid;gap:16px}.research-findings article{padding:0}.research-findings h4{font-size:17px;font-weight:500;margin:0 0 12px;color:var(--eco-ink)}.research-findings p{font-size:15px;line-height:1.9;margin:0;color:var(--eco-muted)}.research-results .stat-stories{margin-bottom:0}.section-lead{font-size:16px;color:var(--eco-muted);line-height:1.8;margin:0 0 26px}.persona-module{padding-top:36px;margin-top:8px}.persona-layout{display:grid;grid-template-columns:200px minmax(0,1fr);gap:32px}.persona-layout .audience-chips{flex-direction:column;align-items:stretch;gap:12px}.persona-layout .audience-chips button{text-align:left}.persona-card header h4{font-size:27px;font-weight:500;color:var(--eco-ink);margin:6px 0!important}.persona-columns{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:24px}.persona-detail{margin-top:10px}.persona-detail h5{font-size:16px;color:var(--eco-ink);font-weight:600;margin:0 0 10px}.persona-detail p{font-size:16px;line-height:1.9;margin:0;color:#536352}.concept-pair{display:grid;grid-template-columns:1fr 1fr;gap:40px;margin-top:36px}.concept-pair article{padding:26px 0;border-top:1px solid var(--eco-line)}.concept-pair h3{font-size:25px;font-weight:500;color:var(--eco-ink);margin:16px 0!important}.concept-pair p{font-size:16px;line-height:1.9;color:#536352;margin:0}.decision-qa{margin-top:28px;scroll-margin-top:calc(var(--case-nav-height) + 24px)}.decision-qa .eco-disclosure{background:transparent}.decision-qa .eco-disclosure>summary{min-height:72px;padding:20px 24px}.decision-qa .eco-disclosure>p{font-size:17px;line-height:1.9;color:#536352;margin:0;padding:22px 24px 26px}.process-block{margin-top:52px}.blueprint-matrix th,.blueprint-matrix td{font-size:16px;padding:22px 16px;line-height:1.9}.blueprint-scroll{padding:12px 0 20px}.wireflow>p{font-size:16px;line-height:1.8}.comparison-scroll:focus-visible,.blueprint-scroll:focus-visible,.wireflow-scroll:focus-visible{outline:2px solid #78915e;outline-offset:4px}
@media(max-width:63.99rem){.persona-layout{grid-template-columns:160px minmax(0,1fr);gap:24px}.persona-columns{grid-template-columns:1fr;gap:16px}.comparison-matrix{min-width:630px}}
@media(max-width:47.99rem){.research-results{padding:0}.research-results h3,.persona-module>h3,.process-block>h3,.decision-qa>h3{font-size:22px}.research-findings{grid-template-columns:1fr;gap:24px}.persona-module{padding-top:30px}.persona-layout{grid-template-columns:1fr;gap:8px}.persona-layout .audience-chips{flex-direction:row;gap:8px;margin-bottom:16px}.persona-card header h4{font-size:25px}.concept-pair{grid-template-columns:1fr;gap:0;margin-top:24px}.concept-pair h3{font-size:22px}.concept-pair p{font-size:16px}.decision-qa .eco-disclosure>summary{padding:18px 16px}.decision-qa .eco-disclosure>p{font-size:16px;padding:18px 16px 22px}.process-block{margin-top:36px}.blueprint-matrix th,.blueprint-matrix td{font-size:15px;padding:20px 14px}.comparison-scroll:after,.blueprint-scroll:after,.wireflow-scroll:after{content:'左右滑动查看完整内容';position:sticky;left:0;display:block;width:max-content;font-size:11px;color:var(--eco-muted);margin-top:12px}}