.climate-process{padding-top:110px;padding-bottom:120px;background:#f4f5ef;position:relative;overflow:clip}
.climate-process::before{content:"";position:absolute;inset:0;background:linear-gradient(rgba(16,42,36,.055) 1px,transparent 1px),linear-gradient(90deg,rgba(16,42,36,.055) 1px,transparent 1px);background-size:72px 72px;pointer-events:none}
.climate-process>*{position:relative;z-index:1}
.climate-process-heading{display:grid;grid-template-columns:23% 1fr .85fr;gap:28px;align-items:start;margin-bottom:68px}
.climate-process-heading h2{margin:0;color:#102a24;font-size:clamp(35px,4.6vw,66px);line-height:1.06;letter-spacing:-3px;font-weight:560}
.climate-process-heading>p:last-child{color:#536b62;line-height:1.85;font-size:14px;max-width:430px;padding-top:8px}
.climate-step-nav{position:sticky;top:86px;z-index:5;display:grid;grid-template-columns:repeat(4,1fr);gap:12px;margin-bottom:78px;background:rgba(244,245,239,.88);backdrop-filter:blur(15px);padding:12px 0 0}
.climate-step-nav button{min-width:0;text-align:left;border:0;border-bottom:2px solid rgba(16,42,36,.15);background:transparent;color:#536b62;padding:21px 13px 23px;display:grid;grid-template-columns:28px 1fr;gap:7px;position:relative;cursor:pointer;transition:.3s ease}
.climate-step-nav button>b{font:12px var(--mono);color:#87968f;padding-top:3px}
.climate-step-nav button span{display:block;min-width:0}.climate-step-nav strong{display:block;color:#243d35;font-size:19px;font-weight:600;white-space:nowrap}.climate-step-nav small{display:block;margin-top:6px;font-size:11px;color:#73827b;white-space:nowrap}
.climate-step-nav button>i{position:absolute;left:0;right:100%;bottom:-2px;height:3px;background:#45a765;transition:right .45s cubic-bezier(.16,1,.3,1)}
.climate-step-nav button.is-complete>b{font-size:0}.climate-step-nav button.is-complete>b::after{content:"✓";font:16px var(--font);color:#45a765}
.climate-step-nav button.is-complete>i,.climate-step-nav button.is-active>i{right:0}
.climate-step-nav button.is-active{background:#fff;border-radius:18px 18px 0 0;box-shadow:0 12px 30px rgba(16,42,36,.08);transform:translateY(-10px)}
.climate-step-nav button.is-active strong{color:#102a24}
.climate-process-stage{display:grid;grid-template-columns:minmax(0,1.25fr) minmax(330px,.78fr);gap:38px;width:min(1040px,92%);margin:0 auto;align-items:center}
.flow-visual-card,.flow-decision-card{background:rgba(255,255,255,.93);border:1px solid rgba(16,42,36,.13);box-shadow:0 24px 70px rgba(25,63,50,.10);border-radius:30px}
.flow-visual-card{padding:24px 25px 0;overflow:hidden;min-height:435px}.flow-visual-head{display:flex;justify-content:space-between;align-items:center;font:9px var(--mono);letter-spacing:.06em}.flow-visual-state{font-style:normal;color:#3b8a59}.flow-network{height:300px;position:relative;margin:10px -25px 0;background:radial-gradient(circle at 50% 52%,rgba(69,167,101,.16),transparent 23%),linear-gradient(rgba(16,42,36,.045) 1px,transparent 1px),linear-gradient(90deg,rgba(16,42,36,.045) 1px,transparent 1px);background-size:auto,48px 48px,48px 48px;overflow:hidden}
.flow-orbit{position:absolute;left:50%;top:50%;border:1px solid rgba(45,106,74,.25);border-radius:50%;transform:translate(-50%,-50%) rotate(-9deg)}.flow-orbit-a{width:72%;height:54%}.flow-orbit-b{width:48%;height:82%;transform:translate(-50%,-50%) rotate(53deg)}
.flow-node{position:absolute;width:15px;height:15px;border:3px solid #fff;border-radius:50%;background:#45a765;box-shadow:0 0 0 6px rgba(69,167,101,.16),0 0 25px rgba(69,167,101,.45)}.n1{left:18%;top:34%}.n2{left:34%;top:72%}.n3{right:22%;top:23%}.n4{right:16%;bottom:22%}
.flow-core{position:absolute;left:50%;top:50%;width:100px;height:100px;border-radius:50%;transform:translate(-50%,-50%);background:#102a24;display:grid;place-items:center;box-shadow:0 0 0 13px rgba(69,167,101,.11),0 18px 38px rgba(16,42,36,.24)}.flow-core img{width:57px;height:57px;object-fit:contain}.flow-scan{position:absolute;left:8%;right:8%;top:20%;height:1px;background:linear-gradient(90deg,transparent,#45a765,transparent);animation:flow-scan 3.2s ease-in-out infinite}
.flow-scene{position:absolute;inset:0;opacity:0;visibility:hidden;transform:scale(.975);transition:opacity .35s ease,transform .45s cubic-bezier(.16,1,.3,1);overflow:hidden}
[data-flow-mode="data"] .flow-scene-data,[data-flow-mode="compute"] .flow-scene-compute,[data-flow-mode="market"] .flow-scene-market,[data-flow-mode="global"] .flow-scene-global{opacity:1;visibility:visible;transform:none}
.source-chip{position:absolute;display:flex;align-items:center;gap:7px;background:#fff;border:1px solid rgba(16,42,36,.14);border-radius:999px;padding:8px 11px;font:8px var(--mono);color:#385448;box-shadow:0 8px 20px rgba(16,42,36,.07)}.source-chip i{font-size:11px;color:#41925f}.source-a{left:7%;top:19%}.source-b{left:10%;bottom:17%}.source-c{right:7%;top:20%}.source-d{right:8%;bottom:16%}
.data-packet,.global-packet{position:absolute;width:8px;height:8px;border-radius:50%;background:#63cf86;box-shadow:0 0 0 5px rgba(99,207,134,.17),0 0 18px rgba(69,167,101,.75)}.packet-a{left:21%;top:29%;animation:packet-a 2.4s ease-in infinite}.packet-b{left:24%;top:72%;animation:packet-b 2.4s .6s ease-in infinite}.packet-c{left:76%;top:30%;animation:packet-c 2.4s 1.2s ease-in infinite}.packet-d{left:75%;top:72%;animation:packet-d 2.4s 1.8s ease-in infinite}
.flow-scene-compute{display:grid;grid-template-columns:repeat(3,1fr);gap:22px;padding:0 9%;background:linear-gradient(90deg,transparent,rgba(69,167,101,.05),transparent);mask-image:linear-gradient(transparent,#000 15%,#000 85%,transparent)}.number-column{font:500 14px/2.15 var(--mono);letter-spacing:.13em;color:rgba(39,98,66,.64);white-space:nowrap;animation:number-run 3.7s linear infinite}.number-column.col-b{animation-duration:3s;animation-direction:reverse;color:rgba(16,42,36,.78)}.number-column.col-c{animation-duration:4.4s;color:rgba(69,167,101,.86)}.compute-core{position:absolute;inset:50% auto auto 50%;transform:translate(-50%,-50%);width:148px;height:148px;border-radius:50%;display:grid;place-content:center;text-align:center;background:rgba(16,42,36,.94);border:1px solid #66d48a;box-shadow:0 0 0 14px rgba(69,167,101,.11),0 18px 50px rgba(16,42,36,.32);color:#eef8f1}.compute-core small,.compute-core em{font:7px var(--mono);letter-spacing:.14em}.compute-core b{font:500 27px var(--mono);color:#aeea70;margin:8px 0}.compute-core em{font-style:normal;color:#99b2a6}
.flow-scene-market{padding:22px 7% 17px;background:linear-gradient(180deg,rgba(16,42,36,.015),rgba(69,167,101,.08))}.market-head{display:flex;justify-content:space-between;font:9px var(--mono);color:#496258}.market-head b{color:#3d9f5d}.market-chart{width:100%;height:215px;margin-top:8px;overflow:visible}.market-grid path{stroke:rgba(16,42,36,.09);stroke-width:1}.candles path{stroke-width:2;animation:candle-rise .65s cubic-bezier(.16,1,.3,1) both;transform-origin:center bottom}.candles .up{stroke:#269c59;fill:rgba(38,156,89,.22)}.candles .down{stroke:#df6359;fill:rgba(223,99,89,.2)}.candles path:nth-child(2){animation-delay:.08s}.candles path:nth-child(3){animation-delay:.16s}.candles path:nth-child(4){animation-delay:.24s}.candles path:nth-child(5){animation-delay:.32s}.candles path:nth-child(6){animation-delay:.4s}.candles path:nth-child(7){animation-delay:.48s}.candles path:nth-child(8){animation-delay:.56s}.candles path:nth-child(9){animation-delay:.64s}.candles path:nth-child(10){animation-delay:.72s}.candles path:nth-child(11){animation-delay:.8s}.market-line{fill:none;stroke:#173d33;stroke-width:3;stroke-dasharray:760;stroke-dashoffset:760;animation:draw-market 2.3s ease forwards}.market-ticker{display:flex;justify-content:space-between;border-top:1px solid rgba(16,42,36,.11);padding-top:11px;font:8px var(--mono);color:#7a8d84}.market-ticker b{color:#173d33;margin-left:5px}
.flow-scene-global{background:radial-gradient(circle at 50% 50%,rgba(69,167,101,.17),transparent 37%)}.mini-globe{position:absolute;left:50%;top:50%;width:190px;height:190px;border-radius:50%;transform:translate(-50%,-50%);overflow:hidden;background:radial-gradient(circle at 32% 27%,#65a7c5 0 5%,#176081 34%,#0b3147 68%,#071f2c);box-shadow:inset -35px -23px 48px rgba(0,0,0,.55),0 0 0 10px rgba(69,167,101,.09),0 20px 42px rgba(10,45,41,.3);animation:mini-float 4s ease-in-out infinite}.mini-grid{position:absolute;inset:-20%;background:repeating-linear-gradient(0deg,transparent 0 20px,rgba(255,255,255,.11) 21px 22px),repeating-linear-gradient(90deg,transparent 0 27px,rgba(255,255,255,.1) 28px 29px);transform:rotate(-15deg)}.land{position:absolute;background:#75a654;border-radius:46% 54% 43% 57%;opacity:.92}.land-a{width:44%;height:25%;left:13%;top:24%;transform:rotate(22deg)}.land-b{width:25%;height:40%;left:47%;top:43%;transform:rotate(-14deg)}.land-c{width:25%;height:15%;right:3%;top:20%;transform:rotate(17deg)}.global-pin{position:absolute;width:7px;height:7px;border-radius:50%;background:#c8f56d;box-shadow:0 0 0 5px rgba(200,245,109,.17),0 0 13px #c8f56d}.gp-a{left:70%;top:39%}.gp-b{left:26%;top:43%}.gp-c{left:51%;top:32%}.gp-d{left:78%;top:56%}.global-market{position:absolute;font:7px/1.45 var(--mono);color:#61786d;background:#fff;border:1px solid rgba(16,42,36,.13);padding:7px 9px;border-radius:8px;box-shadow:0 7px 18px rgba(16,42,36,.08)}.global-market b{color:#246d43}.gm-a{left:7%;top:16%}.gm-b{right:7%;top:14%}.gm-c{left:8%;bottom:14%}.gm-d{right:7%;bottom:15%}.global-packet{left:50%;top:50%;opacity:0}.gpk-a{animation:global-a 2.7s infinite}.gpk-b{animation:global-b 2.7s .65s infinite}.gpk-c{animation:global-c 2.7s 1.3s infinite}.gpk-d{animation:global-d 2.7s 1.95s infinite}
.flow-metrics{display:grid;grid-template-columns:repeat(3,1fr);border-top:1px solid rgba(16,42,36,.12);margin:0 -25px}.flow-metrics span{padding:17px 23px;border-right:1px solid rgba(16,42,36,.1)}.flow-metrics span:last-child{border-right:0}.flow-metrics small{display:block;font:8px var(--mono);color:#7d8b85}.flow-metrics b{display:block;margin-top:5px;font:500 15px var(--mono);color:#173d33}
.flow-decision-card{padding:34px 34px 28px;min-height:365px;display:flex;flex-direction:column;transition:opacity .18s ease,transform .18s ease}.flow-decision-card.is-switching{opacity:0;transform:translateY(9px)}.flow-step-label{font:9px var(--mono);color:#45805e;letter-spacing:.08em}.flow-decision-card h3{font-size:30px;line-height:1.25;letter-spacing:-1.2px;margin:34px 0 15px;color:#102a24}.flow-decision-card>p{color:#5b6f67;font-size:14px;line-height:1.8}.flow-decision-card ul{list-style:none;padding:0;margin:10px 0 24px;display:grid;gap:8px}.flow-decision-card li{font-size:12px;color:#395147}.flow-decision-card li::before{content:"";display:inline-block;width:6px;height:6px;border-radius:50%;background:#45a765;margin-right:9px}.flow-output{margin-top:auto;display:grid;grid-template-columns:auto 1fr auto;align-items:center;gap:12px;background:#e5f2e8;padding:15px 17px;border-radius:12px}.flow-output span{font:8px var(--mono);color:#5d7a69}.flow-output b{font-size:12px;color:#173d33}.flow-output i{color:#3f8f5c}
.hero-stats>div{perspective:600px}.hero-stats b{transform-origin:50% 100%;backface-visibility:hidden}.hero-stats>div.stat-flip b{animation:stat-flip .78s cubic-bezier(.2,.75,.2,1) both}.hero-stats>div:nth-child(2).stat-flip b{animation-delay:.13s}.hero-stats>div:nth-child(3).stat-flip b{animation-delay:.26s}
@keyframes stat-flip{0%{opacity:0;transform:rotateX(-95deg) translateY(-12px)}55%{opacity:1;transform:rotateX(13deg)}100%{opacity:1;transform:rotateX(0)}}
@keyframes flow-scan{0%,100%{transform:translateY(-45px);opacity:0}35%{opacity:1}70%{transform:translateY(220px);opacity:0}}
@keyframes packet-a{0%{opacity:0;transform:translate(0,0) scale(.5)}18%{opacity:1}90%{opacity:1}100%{opacity:0;transform:translate(205px,62px) scale(1.3)}}
@keyframes packet-b{0%{opacity:0;transform:translate(0,0) scale(.5)}18%{opacity:1}90%{opacity:1}100%{opacity:0;transform:translate(183px,-67px) scale(1.3)}}
@keyframes packet-c{0%{opacity:0;transform:translate(0,0) scale(.5)}18%{opacity:1}90%{opacity:1}100%{opacity:0;transform:translate(-186px,62px) scale(1.3)}}
@keyframes packet-d{0%{opacity:0;transform:translate(0,0) scale(.5)}18%{opacity:1}90%{opacity:1}100%{opacity:0;transform:translate(-180px,-67px) scale(1.3)}}
@keyframes number-run{from{transform:translateY(-37%)}to{transform:translateY(4%)}}
@keyframes candle-rise{from{opacity:0;transform:scaleY(.05)}to{opacity:1;transform:scaleY(1)}}
@keyframes draw-market{to{stroke-dashoffset:0}}
@keyframes mini-float{50%{transform:translate(-50%,-53%) rotate(2deg)}}
@keyframes global-a{0%{opacity:0;transform:translate(0,0)}15%{opacity:1}80%{opacity:1}100%{opacity:0;transform:translate(-235px,-95px)}}
@keyframes global-b{0%{opacity:0;transform:translate(0,0)}15%{opacity:1}80%{opacity:1}100%{opacity:0;transform:translate(225px,-100px)}}
@keyframes global-c{0%{opacity:0;transform:translate(0,0)}15%{opacity:1}80%{opacity:1}100%{opacity:0;transform:translate(-230px,100px)}}
@keyframes global-d{0%{opacity:0;transform:translate(0,0)}15%{opacity:1}80%{opacity:1}100%{opacity:0;transform:translate(225px,100px)}}
body.dark .climate-process{background:#0f1d18}.dark .climate-process-heading h2,.dark .climate-step-nav strong{color:#eaf4ed}.dark .climate-process-heading>p:last-child{color:#a8bbb1}.dark .climate-step-nav{background:rgba(15,29,24,.9)}.dark .climate-step-nav button.is-active{background:#183027}.dark .flow-visual-card,.dark .flow-decision-card{background:#14271f;border-color:#385046}.dark .flow-decision-card h3{color:#eef7f1}.dark .flow-decision-card>p,.dark .flow-decision-card li{color:#acc0b5}.dark .flow-output{background:#203d30}.dark .flow-output b{color:#e7f4eb}
@media(max-width:900px){.climate-process-heading{grid-template-columns:1fr}.climate-step-nav{position:relative;top:auto;overflow-x:auto;grid-template-columns:repeat(4,minmax(165px,1fr));padding-bottom:10px}.climate-process-stage{grid-template-columns:1fr;width:100%}.flow-decision-card{min-height:330px}}
@media(max-width:560px){.climate-process{padding-top:80px;padding-bottom:85px}.climate-process-heading{margin-bottom:42px}.climate-process-heading h2{letter-spacing:-1.8px}.climate-step-nav{margin-bottom:45px}.flow-visual-card{min-height:365px;border-radius:20px}.flow-network{height:240px}.flow-core{width:82px;height:82px}.flow-core img{width:48px;height:48px}.flow-metrics span{padding:14px 12px}.flow-decision-card{border-radius:20px;padding:27px 24px}.flow-decision-card h3{font-size:25px}}
@media(prefers-reduced-motion:reduce){.hero-stats>div.stat-flip b,.flow-scan,.data-packet,.number-column,.candles path,.market-line,.mini-globe,.global-packet{animation:none}}

/* 2026-10-13: product identity refinements */
.flow-core{width:132px;height:132px;background:transparent;box-shadow:none}
.flow-core img{width:100%;height:100%;object-fit:contain;filter:drop-shadow(0 15px 24px rgba(16,42,36,.2))}
.market-head{gap:16px}
.market-head b{color:#286d46;background:#dff2e5;border:1px solid rgba(40,109,70,.18);border-radius:999px;padding:5px 9px;letter-spacing:.04em}
.market-chart{height:207px;margin-top:4px}
@media(max-width:560px){.flow-core{width:102px;height:102px}.flow-core img{width:100%;height:100%}.market-head b{font-size:7px;padding:4px 6px}}