.app-shell{position:relative;overflow-x:clip;background:radial-gradient(circle at 78% 8%,rgba(89,183,255,.14),transparent 30rem),radial-gradient(circle at 12% 24%,rgba(223,184,105,.1),transparent 24rem),#07110f}.skip-link{position:fixed;left:16px;top:16px;z-index:20;transform:translateY(calc(-100% - 24px));background:var(--color-ai);color:#03100c;padding:10px 14px;border-radius:var(--radius-control);transition:transform .16s ease-out}.skip-link:focus{transform:translateY(0)}.section-band{width:var(--container);max-width:calc(100% - 40px);margin:0 auto;padding:96px 0}.hero{position:relative;min-height:100dvh;display:grid;grid-template-columns:minmax(0,.92fr) minmax(420px,1.08fr);align-items:center;gap:48px;padding-top:clamp(56px,7vh,76px);padding-bottom:clamp(40px,5vh,56px)}.hero>*{position:relative;z-index:1}.hero-identity{margin:0 0 12px;color:var(--color-muted);font-size:13px;font-weight:700;letter-spacing:.04em;text-transform:uppercase}.hero h1{max-width:680px;margin:0;font-family:var(--font-display);font-size:clamp(44px,4.7vw,68px);line-height:1.02;letter-spacing:0;overflow-wrap:anywhere}.hero-title-zh{margin:22px 0 0;color:var(--color-crop);font-size:clamp(22px,3vw,36px);font-weight:700}.hero-subtitle,.hero-subtitle-zh,.section-body{max-width:680px;color:var(--color-muted);font-size:18px}.hero-subtitle{margin-top:22px}.hero-actions{display:flex;flex-wrap:wrap;gap:12px;margin-top:24px;max-width:100%}.hero-visual{position:relative;display:grid;min-width:0;min-height:560px;align-content:end;overflow:hidden;border:1px solid rgba(186,219,204,.22);border-radius:var(--radius-panel);background:#0b1714;box-shadow:0 32px 120px #0000007a,0 0 0 1px #66d28f0f inset;isolation:isolate}.hero-visual picture,.hero-visual img,.solution-flow__visual img{display:block;width:100%;height:100%}.hero-visual picture{position:absolute;top:0;right:0;bottom:0;left:0}.hero-visual img,.solution-flow__visual img{object-fit:cover}.hero-visual__shade{position:absolute;top:0;right:0;bottom:0;left:0;background:radial-gradient(circle at 74% 18%,rgba(89,183,255,.16),transparent 18rem),linear-gradient(90deg,#07110f57,#07110f0a 44%,#07110f80),linear-gradient(0deg,rgba(7,17,15,.76),transparent 56%)}.hero-signal-grid{position:relative;z-index:1;display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:8px;padding:18px}.hero-signal{display:grid;min-width:0;min-height:112px;align-content:space-between;gap:8px;padding:14px;border:1px solid rgba(244,251,247,.18);border-radius:var(--radius-control);background:#07110f94;-webkit-backdrop-filter:blur(14px);backdrop-filter:blur(14px)}.hero-signal svg{color:var(--color-ai)}.hero-signal span{color:#f4fbf7b8;font-size:12px}.hero-signal strong{font-family:var(--font-mono);font-size:18px;overflow-wrap:anywhere}.hero-visual .telemetry-panel{position:relative;z-index:1;grid-template-columns:repeat(auto-fit,minmax(138px,1fr));padding:0 18px 18px}.hero-visual .telemetry-card{min-height:126px;background:#07110f9e;-webkit-backdrop-filter:blur(14px);backdrop-filter:blur(14px)}.hero-visual .telemetry-card strong{font-size:21px;line-height:1.25}.hero-proof-strip{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:.75rem;margin-top:1.25rem}.hero-proof{border:1px solid rgba(102,210,143,.24);border-radius:8px;padding:.85rem;background:#09201ab8}.hero-proof span,.hero-proof small{display:block;color:var(--color-muted);font-size:.78rem}.hero-proof strong{display:block;margin:.35rem 0;color:var(--color-text);font-family:var(--font-mono);font-size:1.15rem}.hero-topology{position:absolute;top:1rem;right:1rem;bottom:1rem;left:1rem;z-index:1;pointer-events:none}.topology-node{position:absolute;min-width:5.5rem;border:1px solid rgba(102,210,143,.34);border-radius:999px;padding:.45rem .7rem;background:#07110fc7;color:var(--color-text);font-size:.78rem;font-weight:700;text-align:center}.topology-node--drone{top:12%;right:8%}.topology-node--edge{top:42%;left:44%}.topology-node--iot{bottom:18%;left:12%}.topology-node--action{right:14%;bottom:12%}.topology-link{position:absolute;height:2px;transform-origin:left center;background:linear-gradient(90deg,#59b7ff00,#59b7ffe6,#66d28fcc)}.topology-link--one{top:27%;left:58%;width:18%;transform:rotate(145deg)}.topology-link--two{top:54%;left:27%;width:24%;transform:rotate(-18deg)}.topology-link--three{bottom:22%;left:48%;width:28%;transform:rotate(12deg)}.field-readiness-section{padding-top:clamp(4rem,8vw,7rem)}.readiness-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:1rem}.readiness-card{display:grid;grid-template-columns:auto 1fr;gap:1rem;min-width:0;border:1px solid rgba(223,184,105,.24);border-radius:8px;padding:1rem;background:linear-gradient(135deg,#dfb86914,#09201ab8),#07110fb8}.readiness-card__icon{display:grid;width:2.5rem;height:2.5rem;place-items:center;border-radius:8px;background:#dfb8691f;color:#dfb869}.readiness-card h3{margin:0;font-size:1rem}.readiness-card p{color:var(--color-muted)}.readiness-card strong{display:inline-flex;margin-top:.25rem;color:var(--color-crop);font-family:var(--font-mono);font-size:.86rem}.blueprint-flow{position:relative;display:grid;grid-template-columns:repeat(7,minmax(8rem,1fr));gap:.75rem;overflow-x:auto;padding:1rem 0 .5rem}.blueprint-flow:before{content:"";position:absolute;top:3.05rem;left:2rem;right:2rem;height:2px;background:linear-gradient(90deg,#59b7ff33,#76efabcc,#dfb86959)}.blueprint-node{position:relative;z-index:1;min-height:16rem;border:1px solid rgba(118,239,171,.2);border-radius:8px;padding:1rem;background:#07110fd6}.blueprint-node__index{display:inline-flex;margin-bottom:.75rem;font-family:var(--font-mono);color:#dfb869}.blueprint-node svg{color:var(--color-crop)}.blueprint-node h3{margin:.75rem 0 0;font-size:1rem}.blueprint-node p{color:var(--color-muted)}.blueprint-node strong{display:block;color:var(--color-text);font-family:var(--font-mono);font-size:.78rem}.button{display:inline-flex;min-height:44px;align-items:center;justify-content:center;border:1px solid var(--color-border);border-radius:var(--radius-control);padding:0 18px;color:var(--color-text);text-decoration:none;text-align:center;white-space:normal}.button--primary{border-color:transparent;background:var(--color-crop);color:#04110c;font-weight:800}.button--secondary{background:#59b7ff14}.info-panel,.loop-card,.loop-detail,.console-panel,.valve-control-card,.architecture-card,.metric-card,.governance-card,.measurement-step,.pilot-package-card{border:1px solid var(--color-border);border-radius:var(--radius-panel);background:var(--color-surface);box-shadow:var(--shadow-panel)}.telemetry-panel{display:grid;gap:12px;min-width:0}.telemetry-card{display:grid;gap:5px;min-width:0;padding:16px;border:1px solid var(--color-border);border-left:3px solid var(--color-muted);border-radius:var(--radius-control);background:#ffffff09;box-shadow:var(--shadow-panel)}.telemetry-card--normal{border-left-color:var(--color-crop)}.telemetry-card--attention{border-left-color:var(--color-amber)}.telemetry-card--ai{border-left-color:var(--color-ai)}.telemetry-card--offline{border-left-color:var(--color-danger)}.telemetry-card span,.telemetry-card small,.panel-kicker,.section-eyebrow,.muted,.metric-card span{color:var(--color-muted)}.telemetry-card strong{font-family:var(--font-mono);font-size:24px}.section-header{max-width:760px;margin-bottom:32px;min-width:0}.section-eyebrow,.panel-kicker{margin:0 0 10px;font-size:13px;font-weight:800;letter-spacing:.08em;text-transform:uppercase}.section-header h2,.final-cta-content h2{margin:0;font-family:var(--font-display);font-size:clamp(34px,5vw,64px);line-height:1;letter-spacing:0}.section-title-zh,.zh{color:var(--color-crop);font-weight:700}.section-title-zh{margin:14px 0 0;font-size:22px}.problem-grid,.loop-grid,.architecture-grid,.metric-grid,.governance-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:18px}.hero-copy,.info-panel,.loop-card,.loop-detail,.console-panel,.valve-control-card,.architecture-card,.metric-card,.governance-card,.measurement-step,.pilot-package-card{min-width:0}.loop-grid,.governance-grid{grid-template-columns:repeat(5,minmax(0,1fr))}.architecture-grid{grid-template-columns:repeat(4,minmax(0,1fr))}.metric-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.problem-grid--expanded{grid-template-columns:repeat(3,minmax(0,1fr))}.info-panel,.loop-card,.loop-detail,.console-panel,.valve-control-card,.architecture-card,.metric-card,.governance-card,.measurement-step,.pilot-package-card{padding:22px}.challenge-panel{display:grid;gap:10px}.challenge-panel svg,.iot-module-card svg{color:var(--color-crop)}.integration-showcase{display:grid;grid-template-columns:minmax(320px,.72fr) minmax(0,1.28fr);gap:22px;align-items:stretch}.integration-visual{min-height:620px;overflow:hidden;border:1px solid var(--color-border);border-radius:var(--radius-panel);background:#0e1f1bb8;box-shadow:var(--shadow-panel)}.integration-visual img{display:block;width:100%;height:100%;object-fit:cover}.iot-module-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:14px}.iot-module-card{display:grid;align-content:start;gap:10px;min-width:0;padding:18px;border:1px solid var(--color-border);border-radius:var(--radius-panel);background:#0e1f1bc7;box-shadow:var(--shadow-panel)}.iot-module-card__topline{display:flex;align-items:center;justify-content:space-between;gap:12px;color:var(--color-muted);font-size:12px;font-weight:800;letter-spacing:.04em;text-transform:uppercase}.iot-module-card h3,.iot-module-card p{margin:0}.iot-module-card>p:not(.zh){color:var(--color-muted)}.iot-module-card ul{display:flex;flex-wrap:wrap;gap:8px;margin:4px 0 0;padding:0;list-style:none}.iot-module-card li{padding:5px 8px;border:1px solid rgba(186,219,204,.16);border-radius:999px;color:var(--color-muted);font-size:12px}.iot-module-card--pilot{border-color:#66d28f6b}.iot-module-card--phase-2{border-color:#59b7ff4d}.iot-module-card--partner{border-color:#dfb86947}.water-bridge-section{padding-top:clamp(3rem,6vw,5rem);padding-bottom:clamp(3rem,6vw,5rem)}.water-bridge-reasons{display:flex;flex-wrap:wrap;gap:.75rem}.water-bridge-reason{display:inline-flex;align-items:center;gap:.5rem;border:1px solid rgba(118,239,171,.24);border-radius:999px;padding:.6rem .8rem;background:#09201ab8;color:var(--text);font-weight:700}.water-bridge-reason svg{color:var(--accent)}.solution-flow{display:grid;grid-template-columns:minmax(320px,.82fr) minmax(0,1.18fr);gap:24px;margin-top:24px;padding:18px;border:1px solid var(--color-border);border-radius:var(--radius-panel);background:linear-gradient(135deg,rgba(89,183,255,.12),transparent 34%),#0e1f1b9e;box-shadow:var(--shadow-panel)}.solution-flow__visual{min-height:430px;overflow:hidden;border-radius:var(--radius-control)}.solution-flow__content{display:grid;align-content:center;min-width:0;padding:10px 8px 10px 0}.solution-flow__content h3{max-width:720px;margin:0;font-family:var(--font-display);font-size:clamp(30px,4vw,52px);line-height:1}.solution-flow__content>p:not(.panel-kicker){max-width:740px;color:var(--color-muted)}.solution-layer-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px;margin-top:10px}.solution-layer{display:grid;grid-template-columns:34px minmax(0,1fr);gap:12px;min-width:0;padding:14px;border:1px solid rgba(186,219,204,.16);border-radius:var(--radius-control);background:#07110f61}.solution-layer svg{color:var(--color-crop)}.solution-layer h4,.solution-layer p{margin:0}.solution-layer h4{font-size:16px}.solution-layer p:not(.zh){margin-top:6px;color:var(--color-muted);font-size:14px}.info-panel h3,.loop-card h3,.loop-detail h3,.console-panel h3,.valve-control-card h3,.architecture-card h3,.governance-card h3{margin:0;font-size:20px}.info-panel p,.loop-card p,.loop-detail p,.console-panel p,.valve-control-card p,.architecture-card p,.governance-card p,.final-cta-content>p{color:var(--color-muted)}.step-index{display:inline-flex;margin-bottom:18px;font-family:var(--font-mono);color:var(--color-ai)}.closed-loop-stage-image{display:block;width:100%;aspect-ratio:16 / 10;object-fit:cover;border-radius:var(--radius-control);margin-bottom:18px;border:1px solid rgba(186,219,204,.14);box-shadow:0 4px 24px #0006,0 0 0 1px #66d28f0f inset}.loop-console,.control-layer-grid{display:grid;grid-template-columns:minmax(0,.8fr) minmax(0,1.2fr);gap:24px}.loop-buttons,.segmented-control{display:grid;gap:10px}.loop-button,.segmented-control button{min-height:48px;border:1px solid var(--color-border);border-radius:var(--radius-control);background:#122923d1;color:var(--color-text);cursor:pointer}.loop-button{display:grid;justify-items:start;gap:4px;padding:12px 14px;text-align:left;min-width:0}.loop-button span{font-weight:800}.loop-button small{color:var(--color-muted);overflow-wrap:anywhere}.loop-button[aria-selected=true],.segmented-control button[aria-pressed=true]{border-color:var(--color-crop);background:#66d28f24}.console-grid{display:grid;grid-template-columns:minmax(0,1.35fr) minmax(260px,.8fr);gap:18px}.loop-signpost{display:inline-flex;margin:0 0 1.25rem;padding:.7rem .9rem;border:1px solid rgba(102,210,143,.32);border-radius:var(--radius-control);background:#66d28f1a;color:var(--color-crop);font-weight:800}.console-panel--wide{grid-row:span 2}.demo-values{display:grid;gap:14px;margin:24px 0 0}.demo-values div{padding-top:14px;border-top:1px solid var(--color-border)}.demo-values dt{color:var(--color-muted)}.demo-values dd{margin:4px 0 0;font-family:var(--font-mono)}.active-stage-pill{display:inline-grid;gap:4px;margin-top:18px;padding:12px 14px;border:1px solid rgba(102,210,143,.32);border-radius:var(--radius-control);background:#66d28f1a}.active-stage-pill span{color:var(--color-muted);font-size:12px;font-weight:800;letter-spacing:.08em;text-transform:uppercase}.active-stage-pill strong{color:var(--color-crop)}.field-readout{display:grid;grid-template-columns:minmax(0,1fr) 150px;gap:14px;margin-top:18px}.field-readout__map{position:relative;min-height:190px;overflow:hidden;border:1px solid rgba(186,219,204,.16);border-radius:var(--radius-control);background:repeating-linear-gradient(90deg,rgba(244,251,247,.055) 0 1px,transparent 1px 56px),repeating-linear-gradient(0deg,rgba(244,251,247,.04) 0 1px,transparent 1px 44px),linear-gradient(160deg,rgba(102,210,143,.1),transparent 55%),#0b1f19}.field-readout__map:before{content:"A3";position:absolute;left:24%;top:28%;width:36%;height:44%;border:1px dashed rgba(255,183,77,.5);border-radius:4px;background:#ffb74d0f;display:flex;align-items:flex-start;justify-content:flex-end;padding:4px 6px;font-family:var(--font-mono);font-size:9px;font-weight:700;color:#ffb74d99;letter-spacing:.06em}.field-readout__scan{position:absolute;left:28%;top:14%;width:38%;aspect-ratio:1;border-radius:999px;border:1px solid rgba(89,183,255,.35);background:radial-gradient(circle,rgba(89,183,255,.1),transparent 72%)}.field-readout__route{position:absolute;height:2px;transform-origin:left center;background:repeating-linear-gradient(90deg,rgba(89,183,255,.8) 0px,rgba(89,183,255,.8) 8px,transparent 8px,transparent 14px)}.field-readout__route--one{left:18%;top:36%;width:52%;transform:rotate(8deg)}.field-readout__route--two{left:22%;top:52%;width:48%;transform:rotate(-5deg)}.field-readout__node{position:absolute;width:12px;aspect-ratio:1;border:2px solid var(--color-crop);border-radius:999px;background:#07110f;box-shadow:0 0 0 5px #66d28f24,0 0 14px #66d28f80}.field-readout__node:after{content:attr(data-label);position:absolute;left:18px;top:50%;transform:translateY(-50%);white-space:nowrap;font-family:var(--font-mono);font-size:9px;font-weight:700;color:#f4fbf78c;letter-spacing:.04em}.field-readout__node--pump{left:14%;top:62%}.field-readout__node--a{left:58%;top:32%}.field-readout__node--b{left:64%;top:58%}.field-readout__stats{display:grid;align-content:center;gap:8px;padding:14px;border:1px solid rgba(186,219,204,.16);border-radius:var(--radius-control);background:#07110f61}.field-readout__stats span{color:var(--color-muted);font-size:12px}.field-readout__stats strong{font-family:var(--font-mono);font-size:22px}.finding-list{display:grid;gap:10px;margin:0;padding-left:20px;color:var(--color-muted)}.action-panel{display:grid;align-content:start;gap:12px}.action-panel strong{color:var(--color-crop);font-size:24px}.action-panel span{color:var(--color-muted)}.valve-control-card{display:grid;align-content:start;gap:14px}.capability-grid,.authorization-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:14px;margin-top:18px}.capability-card{min-width:0;border:1px solid var(--color-border);border-radius:var(--radius-panel);padding:18px;background:#0e1f1b9e}.capability-card h3{margin:0}.capability-card p{overflow-wrap:anywhere}.device-layer-grid,.connectivity-stack,.measurement-frame,.pilot-package-blueprint,.pilot-roadmap{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:14px;margin-top:18px}.measurement-frame{grid-template-columns:repeat(4,minmax(0,1fr));margin-top:24px}.measurement-step{display:grid;align-content:start;gap:8px}.measurement-step span,.pilot-package-card__step{font-family:var(--font-mono);color:var(--color-ai);font-weight:800}.measurement-step h3,.measurement-step p,.pilot-package-card h3,.pilot-package-card p{margin:0}.measurement-step p:not(.zh),.pilot-package-card p:not(.zh){color:var(--color-muted)}.edge-first-statement{display:grid;gap:8px;max-width:820px;margin:0 0 24px;padding:18px 20px;border:1px solid rgba(102,210,143,.3);border-radius:var(--radius-panel);background:linear-gradient(135deg,rgba(102,210,143,.12),transparent 42%),#0e1f1b9e}.edge-first-statement p{margin:0}.pilot-package-blueprint{grid-template-columns:repeat(4,minmax(0,1fr))}.pilot-package-card{display:grid;align-content:start;gap:12px}.pilot-package-card__icon{display:inline-grid;width:44px;aspect-ratio:1;place-items:center;border:1px solid rgba(102,210,143,.28);border-radius:var(--radius-control);background:#66d28f1a;color:var(--color-crop)}.pilot-package-card ul{display:grid;gap:8px;margin:2px 0 0;padding-left:18px;color:var(--color-muted)}.pilot-package-cta{margin-top:1.5rem}.device-layer-card,.connectivity-card,.pilot-phase{min-width:0;padding:18px;border:1px solid var(--color-border);border-radius:var(--radius-panel);background:#0e1f1bb8}.device-layer-card h3,.connectivity-card h3,.pilot-phase h3{margin:0}.device-layer-card p:not(.zh),.connectivity-card p:not(.zh),.pilot-phase p:not(.zh){color:var(--color-muted);overflow-wrap:anywhere}.device-layer-card ul,.connectivity-card ul{display:flex;flex-wrap:wrap;gap:8px;margin:12px 0 0;padding:0;list-style:none}.device-layer-card li,.connectivity-card li{min-height:32px;padding:6px 9px;border:1px solid rgba(186,219,204,.18);border-radius:999px;background:#59b7ff14;color:var(--color-text);font-size:13px;line-height:1.35}.pilot-phase{text-align:left}.pilot-phase span{display:inline-flex;min-height:30px;align-items:center;padding:5px 9px;border-radius:999px;background:#97ebb81a;color:var(--color-crop);font-family:var(--font-mono);font-size:12px;font-weight:800}.segmented-control{grid-template-columns:repeat(2,minmax(0,1fr));margin-bottom:8px}.segmented-control button{padding:0 12px;font-weight:800;overflow-wrap:anywhere}.valve-telemetry{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px;min-width:0;margin:0}.valve-telemetry div{min-width:0;border:1px solid var(--color-border);border-radius:var(--radius-panel);padding:16px;background:var(--color-surface)}.valve-telemetry dt{color:var(--color-muted)}.valve-telemetry dd{margin:8px 0 0;font-family:var(--font-mono);font-size:clamp(18px,5vw,24px);overflow-wrap:anywhere;color:var(--color-text)}.event-timeline{display:grid;grid-template-columns:repeat(7,minmax(0,1fr));gap:10px;margin:18px 0 0;padding:0;list-style:none}.event-timeline li{min-width:0;min-height:116px;padding:14px;border:1px solid var(--color-border);border-radius:var(--radius-control);background:#59b7ff12}.event-timeline span{font-family:var(--font-mono);color:var(--color-ai)}.event-timeline p{margin:12px 0 0;color:var(--color-text);overflow-wrap:anywhere}.metric-card strong{display:block;font-family:var(--font-display);font-size:clamp(32px,3.2vw,44px);line-height:1;white-space:nowrap;color:var(--color-earth)}.metric-card p{min-height:48px;margin:14px 0 8px;font-size:max(15px,.95rem)}.info-panel p,.architecture-card p,.governance-card p{font-size:max(16px,1rem)}.metrics-columns{display:grid;grid-template-columns:1fr 1fr;gap:32px;margin-bottom:32px}.metrics-column>.section-eyebrow{margin-bottom:16px}.metrics-evidence-placeholder{min-height:220px;border:1px dashed rgba(186,219,204,.22);border-radius:var(--radius-panel);background:#09201a61;padding:24px;display:flex;flex-direction:column;gap:16px}.metrics-evidence-message{color:var(--color-muted);font-style:italic}.metrics-evidence-queue{display:flex;flex-direction:column;gap:10px;list-style:none;margin:0;padding:0}.metrics-evidence-queue li{display:flex;align-items:baseline;gap:10px;font-size:14px;color:var(--color-muted);padding:8px 12px;border:1px solid rgba(186,219,204,.12);border-radius:var(--radius-control);background:#07110f66}.metrics-evidence-queue li:before{content:attr(data-index);flex-shrink:0;font-family:var(--font-mono);font-size:11px;font-weight:700;color:var(--color-ai);background:#59b7ff1a;border-radius:4px;padding:2px 6px}@media(max-width:820px){.metrics-columns{grid-template-columns:1fr}}.final-cta-section{width:100%;margin-bottom:80px}.final-cta-content{width:var(--container);margin:0 auto;text-align:center}.final-cta-content>p{max-width:700px;margin:18px auto}@media(max-width:1080px){.problem-grid,.loop-grid,.architecture-grid,.metric-grid,.governance-grid,.authorization-grid,.capability-grid,.device-layer-grid,.connectivity-stack,.measurement-frame,.pilot-package-blueprint,.pilot-roadmap,.readiness-grid,.event-timeline{grid-template-columns:repeat(2,minmax(0,1fr))}.hero{grid-template-columns:1fr;min-height:auto;padding-top:110px}.hero-visual{min-height:560px}.hero-visual .telemetry-panel{grid-template-columns:repeat(2,minmax(0,1fr))}.integration-showcase{grid-template-columns:1fr}.integration-visual{min-height:420px}.blueprint-flow{grid-template-columns:1fr;overflow-x:visible}.blueprint-flow:before{top:1rem;bottom:1rem;left:1.35rem;right:auto;width:2px;height:auto}}@media(max-width:820px){.section-band{width:min(100% - 28px,680px);max-width:calc(100% - 28px);padding:72px 0}.hero{grid-template-columns:1fr;align-content:center;gap:28px}.hero:before{content:"";position:absolute;inset:0 -14px auto;height:720px;border-radius:0 0 var(--radius-panel) var(--radius-panel);pointer-events:none;background:linear-gradient(180deg,#07110f38,#07110f 82%),linear-gradient(90deg,#07110fe0,#07110f8f),url(/assets/africa-field-automation-hero-v2-mobile.webp) center top / cover no-repeat;opacity:.82}.hero-visual{min-height:520px}.hero-signal-grid,.hero-proof-strip{grid-template-columns:repeat(2,minmax(0,1fr))}.hero-topology{display:none}.console-grid,.loop-console,.control-layer-grid,.solution-flow,.solution-layer-grid,.field-readout,.valve-telemetry,.problem-grid,.problem-grid--expanded,.iot-module-grid,.loop-grid,.architecture-grid,.metric-grid,.governance-grid,.authorization-grid,.capability-grid,.device-layer-grid,.connectivity-stack,.measurement-frame,.pilot-package-blueprint,.pilot-roadmap,.readiness-grid,.event-timeline{grid-template-columns:1fr}.console-panel--wide{grid-row:auto}.final-cta-content{width:min(100% - 28px,680px)}}@media(max-width:560px){.section-band{padding:56px 0}.hero{min-height:auto;padding-top:72px}.hero h1{font-size:46px}.hero-visual{min-height:auto}.hero-visual picture{position:relative;aspect-ratio:1.05}.hero-visual .telemetry-panel,.hero-signal-grid{grid-template-columns:1fr}.hero-signal{min-height:auto}.hero-actions,.metric-grid,.problem-grid,.architecture-grid,.governance-grid,.authorization-grid,.capability-grid,.device-layer-grid,.connectivity-stack,.measurement-frame,.pilot-package-blueprint,.pilot-roadmap,.valve-telemetry,.telemetry-panel{grid-template-columns:1fr}.hero-actions{display:grid}.button{width:100%}.solution-flow{padding:12px}.solution-flow__visual{min-height:260px}.solution-flow__content{padding:4px}.telemetry-card strong{font-size:22px}}@media(max-width:640px){.hero{grid-template-columns:1fr;gap:24px}.readiness-grid,.blueprint-flow,.metric-grid{grid-template-columns:1fr}.metric-card strong{font-size:clamp(32px,9vw,40px)}}@media(max-width:390px){.section-band,.final-cta-content{width:calc(100% - 24px);max-width:calc(100% - 24px)}.hero h1{font-size:42px}.info-panel,.loop-card,.loop-detail,.console-panel,.valve-control-card,.architecture-card,.metric-card,.governance-card,.capability-card,.device-layer-card,.connectivity-card,.measurement-step,.pilot-package-card,.pilot-phase,.telemetry-card{padding:18px}.segmented-control{grid-template-columns:1fr}}@media(prefers-reduced-motion:no-preference){.hero-copy>*,.hero-visual,.hero-proof,.topology-node,.topology-link,.hero-visual .telemetry-card,.blueprint-node,.integration-visual,.iot-module-card,.readiness-card,.valve-control-card h3,.valve-control-card .zh,.valve-control-card>p:not(.zh),.valve-telemetry div{will-change:transform,opacity}}.cta-button--placeholder{opacity:.7;cursor:not-allowed;background:var(--color-surface);color:var(--color-muted);border:1px solid var(--color-border);padding:.75rem 1.5rem;border-radius:var(--radius-control);font-size:1rem;font-weight:600;font-family:var(--font-display);letter-spacing:-.01em}.cta-button--placeholder:hover{transform:none}.cta-note{margin-top:12px;font-size:.85rem;color:var(--color-muted)}:root{color-scheme:dark;--color-bg: #07110f;--color-bg-elevated: #0d1b18;--color-surface: rgba(14, 31, 27, .82);--color-surface-strong: #122923;--color-border: rgba(186, 219, 204, .18);--color-text: #f4fbf7;--color-muted: #a9bbb2;--color-earth: #d69a45;--color-crop: #66d28f;--color-ai: #59b7ff;--color-amber: #f2b84b;--color-danger: #ff6b5f;--shadow-panel: 0 24px 80px rgba(0, 0, 0, .36);--radius-panel: 8px;--radius-control: 6px;--font-display: "Space Grotesk", "Sora", Inter, system-ui, sans-serif;--font-body: Inter, "IBM Plex Sans", system-ui, sans-serif;--font-mono: "IBM Plex Mono", "JetBrains Mono", ui-monospace, SFMono-Regular, monospace;--container: min(1180px, calc(100vw - 40px) );--focus: 0 0 0 3px rgba(89, 183, 255, .45)}*{box-sizing:border-box}html{scroll-behavior:smooth;background:var(--color-bg)}body{margin:0;min-width:320px;background:var(--color-bg);color:var(--color-text);font-family:var(--font-body);line-height:1.5}button,a{font:inherit}button:focus-visible,a:focus-visible{outline:none;box-shadow:var(--focus)}main{min-height:100dvh}@media(prefers-reduced-motion:reduce){*,*:before,*:after{animation-duration:.001ms!important;animation-iteration-count:1!important;scroll-behavior:auto!important;transition-duration:.001ms!important}}.mode-toggle-bar{background:#030807d9;backdrop-filter:blur(16px);-webkit-backdrop-filter:blur(16px);border-bottom:1px solid rgba(102,210,143,.12);padding:12px 24px;position:sticky;top:0;z-index:100;display:flex;justify-content:space-between;align-items:center;gap:16px;box-shadow:0 4px 30px #0003}.toggle-brand{display:flex;align-items:center;gap:10px}.toggle-brand-logo{font-weight:800;font-size:18px;letter-spacing:-.5px;background:linear-gradient(135deg,#66d28f,#59b7ff);-webkit-background-clip:text;-webkit-text-fill-color:transparent;font-family:var(--font-display, "Space Grotesk", sans-serif)}.mode-toggle-buttons{display:flex;gap:12px;flex-wrap:wrap}.mode-toggle-button{background:#66d28f14;color:#66d28f;border:1px solid rgba(102,210,143,.25);padding:8px 16px;border-radius:6px;font-weight:600;font-size:13px;cursor:pointer;display:flex;align-items:center;gap:8px;transition:all .25s cubic-bezier(.4,0,.2,1)}.mode-toggle-button:hover{background:#66d28f26;border-color:#66d28f73;transform:translateY(-1px)}.mode-toggle-button:active{transform:translateY(0)}.mode-toggle-button.active{background:#66d28f;color:#07110f;border-color:#66d28f;font-weight:700}.mode-toggle-button--acreguard.active{background:#66d28f;color:#030807;border-color:#66d28f;box-shadow:0 0 15px #66d28f59}.mode-toggle-lang{display:flex;gap:4px;margin-left:auto}.mode-toggle-button--lang{font-size:11px;padding:5px 9px;background:transparent;color:#66d28f80;border-color:#66d28f1f}.mode-toggle-button--lang.active,.mode-toggle-button--lang[aria-pressed=true]{background:#66d28f26;color:#66d28f;border-color:#66d28f59;font-weight:700}.mode-toggle-button--lang:hover{color:#66d28f;border-color:#66d28f4d;transform:none}@media(max-width:768px){.mode-toggle-bar{flex-direction:column;align-items:flex-start;padding:12px 16px}.mode-toggle-buttons{width:100%;gap:8px}.mode-toggle-button{flex:1;justify-content:center;font-size:11px;padding:6px 8px}}
