/* Fuel-cell twin additions on top of the battery landing base (base.css, copied from battery-twin web/landing/landing.css). */
:root{ --ok:#7AC143; --gap:#e8a33d; --open:#6fb6ff; --block:#ff7a7a; --plan:#c9a6ff; }
.fc-stage{margin-top:clamp(18px,3vw,40px)}
.fc-stage img{-webkit-mask-image:none;mask-image:none;border-radius:18px;border:1px solid var(--line)}
.fc-stage figcaption{margin-top:10px}
.fc-stage{padding:0 var(--pad);max-width:calc(var(--max) + 2*var(--pad))}

.loop{max-width:var(--max);margin:0 auto;padding:clamp(48px,7vw,96px) var(--pad);border-top:1px solid var(--line)}
.loop h2,.next h2,.data h2{font-size:clamp(30px,3.4vw,46px);line-height:1.08;margin-bottom:16px}
.steps4{list-style:none;margin:32px 0 0;padding:0;display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:16px;counter-reset:s}
.steps4 li{padding:22px;border-radius:16px;background:linear-gradient(180deg,var(--panel),var(--bg2));border:1px solid var(--line);display:flex;flex-direction:column}
.steps4 i{font-style:normal;width:40px;height:40px;border-radius:50%;display:grid;place-items:center;background:var(--brand);color:var(--brand-ink);font-weight:700;margin-bottom:14px}
.steps4 h3{font-size:20px;margin-bottom:8px}.steps4 p{color:var(--mute);margin:0 0 12px;font-size:15px}
.steps4 .proof{margin-top:auto;padding-top:12px;border-top:1px solid var(--line);color:var(--brand-hi);font-size:14px;font-family:var(--mono)}
@media (max-width:1000px){.steps4{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media (max-width:560px){.steps4{grid-template-columns:1fr}}
.sheet{margin:34px 0 0}.sheet img{display:block;width:100%;height:auto;border-radius:16px;background:#fff}
.sheet figcaption{font-size:12px;color:var(--dim);margin-top:8px}

.legend-row{display:flex;flex-wrap:wrap;gap:8px;margin:22px 0 0}
.tag{display:inline-flex;align-items:center;gap:6px;font:600 12px var(--f);letter-spacing:.06em;text-transform:uppercase;padding:4px 10px;border-radius:999px;border:1px solid currentColor;white-space:nowrap}
.tag::before{content:"";width:7px;height:7px;border-radius:50%;background:currentColor}
.tag.ok{color:var(--ok)}.tag.gap{color:var(--gap)}.tag.open{color:var(--open)}.tag.block{color:var(--block)}.tag.plan{color:var(--plan)}
.ev-cards{grid-template-columns:repeat(3,minmax(0,1fr))}
.ev-cards article{display:flex;flex-direction:column;gap:10px}
.ev-cards .fig{font:600 clamp(26px,2.4vw,34px)/1.1 var(--f);letter-spacing:-.01em;color:var(--ink)}
.ev-cards .fig small{display:block;font-size:14px;font-weight:500;color:var(--mute);letter-spacing:0;margin-top:4px}
.ev-cards h3{margin:0}.ev-cards p{margin:0}
.ev-cards .proof{margin-top:auto;font-family:var(--mono);font-size:12px;color:var(--dim);word-break:break-all}
.ev-cards .proof a{color:var(--brand-hi);text-decoration:none}.ev-cards .proof a:hover{text-decoration:underline}
@media (max-width:1100px){.ev-cards{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media (max-width:700px){.ev-cards{grid-template-columns:1fr}}

.next{max-width:var(--max);margin:0 auto;padding:clamp(48px,7vw,96px) var(--pad);border-top:1px solid var(--line)}
.flow{list-style:none;margin:28px 0 0;padding:0;display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:16px;counter-reset:f}
.flow li{position:relative;padding:22px 24px;border-radius:16px;border:1px dashed color-mix(in srgb,var(--brand) 55%,transparent);background:var(--bg2);counter-increment:f}
.flow li::before{content:counter(f);display:inline-grid;place-items:center;width:28px;height:28px;border-radius:50%;border:1px solid var(--brand);color:var(--brand);font-weight:700;margin-bottom:10px}
.flow b{display:block;font-size:18px;margin-bottom:6px}.flow span{color:var(--mute);font-size:15px}
@media (max-width:900px){.flow{grid-template-columns:1fr}}
.reasons{margin-top:22px;color:var(--mute)}.reasons summary{cursor:pointer;color:var(--ink);font-weight:600}
.reasons ul{margin:12px 0 0;padding-left:20px;columns:2;column-gap:40px;font-size:14.5px}.reasons li{margin-bottom:6px;break-inside:avoid}
@media (max-width:700px){.reasons ul{columns:1}}

.data{max-width:var(--max);margin:0 auto;padding:clamp(48px,7vw,96px) var(--pad);border-top:1px solid var(--line)}
.tbl{overflow-x:auto;margin-top:24px;border:1px solid var(--line);border-radius:14px}
.tbl table{border-collapse:collapse;width:100%;min-width:640px;font-size:15px}
.tbl th{text-align:left;font-size:12px;letter-spacing:.14em;text-transform:uppercase;color:var(--dim);font-weight:600;padding:12px 16px;border-bottom:1px solid var(--line);background:var(--bg2)}
.tbl td{padding:12px 16px;border-bottom:1px solid var(--line);color:var(--mute)}.tbl tr:last-child td{border-bottom:0}
.tbl td:first-child{color:var(--ink)}.tbl a{color:var(--brand-hi)}
.small{font-size:13.5px;color:var(--dim);max-width:80ch;margin-top:16px}
.foot p{max-width:70ch}
.plan-card{grid-template-columns:minmax(0,560px);margin-top:22px}
.fc-hero img{background:#fff;box-shadow:0 30px 80px -30px #000,0 0 60px -30px var(--glow)}
.sheet-dark img{background:transparent;border:1px solid var(--line)}
[hidden]{display:none!important}