/* ZERUI ENERGY v1.2 · commercial editorial refinement, Website Manifest v1.0.
   Shared tokens and structural identity remain inherited from v1.0 / v1.1.
   This layer does not add a business backend or change authorization. */

/* Product-first, clearer first-view hierarchy */
.hero-content h1 {font-size:clamp(45px,4.35vw,69px);line-height:1.11;letter-spacing:-.047em;max-width:670px;}
body[data-locale="zh"] .hero-content h1 {font-size:clamp(45px,4.25vw,68px);line-height:1.19;letter-spacing:-.054em;}
.hero-content .hero-description {font-size:15px;line-height:1.9;max-width:565px;color:#cee0e3;}
.hero-content .hero-footnote {max-width:560px;line-height:1.6;}
.hero-visual .coord {display:none;}
.hero-art-label {font-size:10px;letter-spacing:.065em;padding:8px 12px;background:#0a253975;}
.photo-product-grid .product-first {margin:14px 0 15px;padding-top:12px;border-top:1px solid #e0e8ea;font-size:11px;color:#315f71;line-height:1.65;min-height:40px;}
.photo-product-grid .product-first b {color:#265667;letter-spacing:.035em;}
.photo-product-grid .product-card {min-height:475px;}
.photo-product-grid .product-content {padding-bottom:24px;}
.product-card .product-readmore {margin-top:auto;}

/* Buyers and suppliers: useful information before generic mission statements. */
.customer-decisions {padding-block:80px 92px;}
.decision-section-heading {max-width:915px;margin-bottom:28px;}
.decision-section-heading h2 {font-size:clamp(29px,3.5vw,45px);line-height:1.23;letter-spacing:-.045em;margin:14px 0 13px;}
.decision-section-heading p {font-size:14px;color:#68838d;max-width:820px;line-height:1.9;}
.decision-entry-grid {display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:22px;}
.decision-entry {border:1px solid #dbe7e9;padding:33px 36px 28px;background:#f9fbfa;display:flex;flex-direction:column;min-width:0;}
.decision-entry-supplier {background:#f1f7f6;}
.entry-top {display:flex;justify-content:space-between;align-items:center;border-bottom:1px solid #d9e6e6;padding-bottom:16px;margin-bottom:19px;}
.entry-role {font:700 10px/1.5 ui-monospace,Consolas,monospace;letter-spacing:.12em;color:#53788a;}
.entry-icon {font-size:26px;line-height:1;color:#37758a;}
.decision-entry h3 {font-size:27px;letter-spacing:-.04em;line-height:1.3;margin:0 0 7px;}
.decision-entry .entry-deck {font-size:12px;color:#6b8590;margin:0 0 18px;}
.decision-entry ul,.brief-col ul,.contact-guide ul {list-style:none;padding:0;margin:0;display:flex;flex-direction:column;gap:11px;}
.decision-entry li,.brief-col li,.contact-guide li {display:flex;gap:10px;font-size:13px;line-height:1.65;color:#38586a;align-items:start;}
.check-symbol {flex-shrink:0;display:inline-flex;justify-content:center;align-items:center;font-size:11px;font-weight:750;color:#147184;background:#dbefed;min-width:20px;height:20px;margin-top:1px;border-radius:50%;}
.entry-next {font-size:11px;line-height:1.75;color:#607885;border-top:1px solid #dce8e9;padding-top:18px;margin:24px 0 22px;}
.entry-next b {color:#164d62;}
.entry-action {display:inline-flex;align-items:center;justify-content:space-between;gap:12px;align-self:stretch;font-size:13px;font-weight:700;color:#15566b;text-decoration:none;border-bottom:1px solid #8db8be;padding-bottom:8px;margin-top:auto;}
.entry-action:hover {color:#07839a;}

/* Concrete commodity decision pack: buyer and supplier see different requirements. */
.product-decisions {padding-top:75px;padding-bottom:56px;}
.brief-lead {margin:0 0 28px;}
.brief-lead h2 {font-size:clamp(28px,3vw,39px);letter-spacing:-.035em;line-height:1.3;margin:13px 0 8px;}
.brief-lead>p {font-size:13px;color:#60808a;line-height:1.8;margin:0;}
.brief-cols {display:grid;grid-template-columns:repeat(2,minmax(0,1fr));border:1px solid #d8e4e8;background:#d8e4e8;gap:1px;}
.brief-col {min-width:0;background:#f9fbfb;padding:29px 32px;display:flex;flex-direction:column;}
.brief-supplier {background:#eff7f6;}
.brief-role {font:700 10px/1.4 ui-monospace,Consolas,monospace;letter-spacing:.13em;color:#557a8a;margin-bottom:11px;}
.brief-col h3 {margin:0 0 20px;font-size:24px;letter-spacing:-.03em;}
.brief-col li {font-size:13px;line-height:1.65;}
.brief-activities {margin-top:auto;padding-top:23px;display:flex;gap:18px;align-items:center;flex-wrap:wrap;justify-content:space-between;}
.copy-checklist {cursor:pointer;border:1px solid #afcbd1;background:#fff;color:#1b6578;font:650 12px/1.4 inherit;padding:10px 13px;display:inline-flex;align-items:center;gap:11px;min-height:43px;border-radius:3px;}
.copy-checklist:hover {border-color:#257e8e;background:#f1faf9;}
.brief-activities>a {font-size:12px;font-weight:700;color:#155a70;display:inline-flex;gap:10px;align-items:center;}
.decision-first-gate {display:flex;flex-wrap:wrap;align-items:center;gap:20px;padding:22px 26px;background:#113a4b;color:#f3fafb;}
.decision-first-gate small {font-size:10px;letter-spacing:.12em;text-transform:uppercase;color:#a4ced0;white-space:nowrap;}
.decision-first-gate strong {font-size:15px;line-height:1.8;flex:1;}
.subtle-disclaimer {font-size:11px;color:#78909a;margin:17px 0 0;}
.detail-body {padding-top:42px;}
.detail-main>h2 {font-size:30px;letter-spacing:-.03em;}
.detail-hero .detail-hero-content>p {max-width:590px;}
.faq-section .eyebrow {color:#477181;}

/* Two real workflows instead of a single universal abstract diagram. */
.commercial-lanes {display:grid;grid-template-columns:1fr 1fr;gap:23px;padding-block:66px 34px;align-items:start;}
.commercial-lane {border:1px solid #d9e6e9;padding:28px 29px 32px;background:#f9fbfb;min-width:0;}
.commercial-lane:nth-child(2) {background:#f0f7f6;}
.commercial-lane header {margin-bottom:16px;}
.commercial-lane h2 {font-size:28px;margin:12px 0 5px;letter-spacing:-.04em;}
.commercial-lane header>p {font-size:12px;color:#66808a;margin:0;}
.flow-steps {border-top:1px solid #d9e7e9;}
.flow-step {display:flex;gap:18px;padding:22px 0;border-bottom:1px solid #d9e7e9;}
.flow-step-no {flex:none;font:750 11px/1.7 ui-monospace,Consolas,monospace;color:#477789;}
.flow-step h3 {font-size:17px;line-height:1.4;margin:0 0 6px;}
.flow-step p {font-size:12px;color:#54717c;line-height:1.8;margin:0;}
.flow-outcome {border-left:2px solid #68a6af;color:#326a77;font-size:11px;margin-top:12px;padding-left:11px;line-height:1.75;}
.flow-contact {display:inline-flex;margin-top:22px;justify-content:space-between;gap:20px;border-bottom:1px solid #77aab1;padding-bottom:7px;font-size:13px;font-weight:720;color:#17657b;}
.transaction-gates {padding-top:30px;padding-bottom:72px;}
.transaction-gates h2 {font-size:clamp(27px,3vw,36px);letter-spacing:-.035em;margin:12px 0 21px;}
.transaction-grid {border-top:1px solid #d1e1e5;display:grid;grid-template-columns:repeat(5,minmax(0,1fr));}
.transaction-condition {padding:19px 16px 17px;border-right:1px solid #d1e1e5;border-bottom:1px solid #d1e1e5;min-height:112px;}
.transaction-condition:first-child {padding-left:0;}
.transaction-condition:last-child {border-right:0;}
.transaction-condition>b {display:block;color:#174b60;font-size:14px;margin-bottom:11px;}
.transaction-condition>span {font-size:12px;line-height:1.65;color:#637c86;}
.transaction-gates>p {font-size:11px;color:#778f97;margin:13px 0 0;}

/* Verifiable declared company identity, not an invented throughput scoreboard. */
.official-identity {border-top:1px solid #e1e9eb;}
.verification-grid {display:grid;grid-template-columns:1.1fr 1fr;gap:25px;margin-top:30px;}
.corporate-facts {background:#0e2c3d;color:#fff;padding:28px;display:grid;grid-template-columns:1fr 1fr;gap:22px;min-width:0;}
.corporate-field span,.corporate-address span {display:block;color:#9cb7bf;font-size:10px;letter-spacing:.07em;margin-bottom:9px;}
.corporate-field strong {font-size:13px;line-height:1.6;overflow-wrap:anywhere;display:block;}
.corporate-field:first-child {grid-column:1 / -1;}
.corporate-address {grid-column:1 / -1;border-top:1px solid #ffffff23;padding-top:16px;}
.corporate-address p {color:#d5e5e7;font-size:12px;line-height:1.7;margin:0;}
.verification-steps {background:#f2f7f7;padding:28px;}
.verification-steps h3 {margin:0 0 15px;font-size:23px;letter-spacing:-.04em;}
.verification-steps ol {padding:0;list-style:none;margin:0 0 20px;}
.verification-steps li {display:flex;gap:13px;padding:12px 0;border-bottom:1px solid #dfe8e8;}
.verification-steps li b {font-size:11px;color:#2f7886;}
.verification-steps li p {font-size:12px;color:#3d6571;margin:0;line-height:1.8;}
.verification-steps a {font-size:12px;color:#155c72;border-bottom:1px solid #8abac2;padding-bottom:5px;line-height:2;}
.fact-boundary {font-size:11px;line-height:1.8;color:#748e99;max-width:960px;margin-top:19px;}
.registry-evidence {font-size:12px;line-height:1.85;background:#edf6f6;border-left:3px solid #3e8792;color:#285667;padding:13px 17px;margin-top:19px;}
.registry-evidence a {color:#155e75;text-decoration:underline;text-underline-offset:3px;}

.contact-guide {display:grid;grid-template-columns:1fr .9fr;gap:30px;padding-top:65px;padding-bottom:42px;}
.contact-guide h2 {font-size:clamp(25px,3vw,33px);line-height:1.3;letter-spacing:-.04em;margin:12px 0 10px;}
.contact-guide p {font-size:13px;line-height:1.8;color:#657e87;max-width:560px;margin:0;}
.contact-guide ul {background:#f0f7f7;padding:20px 24px;}
.contact-main {padding-top:25px;}

@media (max-width:1050px){
 .hero-content h1 {font-size:clamp(42px,4.3vw,56px);}
 body[data-locale="zh"] .hero-content h1 {font-size:clamp(39px,4.3vw,56px);}
 .transaction-grid {grid-template-columns:repeat(3,1fr);}
 .transaction-condition:nth-child(3) {border-right:0;}
 .transaction-condition:first-child {padding-left:16px;}
}
@media (max-width:720px){
 .hero-content h1 {font-size:clamp(35px,8vw,48px);line-height:1.17;}
 body[data-locale="zh"] .hero-content h1 {font-size:clamp(34px,7.7vw,46px);line-height:1.25;}
 .hero-content .hero-description {font-size:13px;line-height:1.9;}
 .customer-decisions {padding-block:60px;}
 .decision-entry-grid {grid-template-columns:1fr;gap:14px;}
 .decision-entry {padding:27px 24px;}
 .brief-cols {grid-template-columns:1fr;}
 .product-decisions {padding-top:50px;}
 .brief-col {padding:24px;}
 .commercial-lanes {grid-template-columns:1fr;padding-block:40px;}
 .verification-grid {grid-template-columns:1fr;}
 .transaction-grid {grid-template-columns:repeat(2,1fr);}
 .transaction-condition:nth-child(2n) {border-right:0;}
 .transaction-condition:nth-child(3) {border-right:1px solid #d1e1e5;}
 .contact-guide {grid-template-columns:1fr;gap:18px;padding-top:42px;}
}
@media (max-width:470px){
 .hero-content h1 {font-size:clamp(34px,8.5vw,41px);letter-spacing:-.04em;}
 body[data-locale="zh"] .hero-content h1 {font-size:clamp(31px,8.25vw,40px);letter-spacing:-.035em;}
 .decision-section-heading h2 {font-size:30px;}
 .decision-entry h3 {font-size:25px;}
 .photo-product-grid .product-card {min-height:0;}
 .brief-lead h2 {font-size:27px;}
 .brief-activities {flex-direction:column;align-items:stretch;}
 .brief-activities>* {justify-content:center;}
 .decision-first-gate {padding:20px;gap:10px;}
 .decision-first-gate strong {flex-basis:100%;font-size:13px;}
 .transaction-grid {grid-template-columns:1fr;}
 .transaction-condition,.transaction-condition:nth-child(3) {border-right:0;min-height:0;}
 .commercial-lane {padding:25px 21px;}
 .corporate-facts {grid-template-columns:1fr;}
 .corporate-field:first-child,.corporate-address {grid-column:auto;}
}