@font-face{font-family:Inter;src:url(../assets/fonts/InterVariable.woff2) format("woff2");font-weight:100 900;font-display:swap}
@font-face{font-family:"Space Grotesk";src:url(../assets/fonts/SpaceGrotesk-Variable.woff2) format("woff2");font-weight:300 700;font-display:swap}
html{-webkit-text-size-adjust:100%}
#app:not(.ready){visibility:hidden}
.nojs{max-width:640px;margin:32px auto;padding:0 16px;font-family:Inter,system-ui,sans-serif}
body{margin:0}
a{color:#2F5BD3}a:hover{color:#1d3f9e}
input[type=range]{width:100%;accent-color:#F3F5F8;height:44px;margin:0;touch-action:none}
.stage{position:relative}
@media (min-height: 1000px) and (min-width: 900px){.stage{position:sticky;top:0}}
.leg,.canopy,.can{transform-box:fill-box}
.leg{transform-origin:50% 0}.canopy{transform-origin:50% 100%}.can{transform-origin:0 0}
@keyframes step{0%,100%{transform:rotate(22deg)}50%{transform:rotate(-22deg)}}
@keyframes sway{0%,100%{transform:rotate(-7deg)}50%{transform:rotate(9deg)}}
@keyframes trudgeGen{0%{transform:translateX(-140px);opacity:1}45%,55%{transform:translateX(0);opacity:1}97%{transform:translateX(-140px);opacity:1}100%{transform:translateX(-140px);opacity:0}}
@keyframes pushGen{0%{transform:translateX(-112px)}45%,100%{transform:translateX(0)}}
@keyframes trudgeRefill{0%{transform:translateX(-140px);opacity:1}32%,68%{transform:translateX(0);opacity:1}97%{transform:translateX(-140px);opacity:1}100%{transform:translateX(-140px);opacity:0}}
@keyframes pourCan{0%,36%{transform:rotate(0)}44%,60%{transform:rotate(-40deg)}66%,100%{transform:rotate(0)}}
@keyframes toCar{0%{transform:translateX(-140px);opacity:1}40%{transform:translateX(-82px);opacity:1}46%,100%{transform:translateX(-82px);opacity:0}}
@keyframes driveOff{0%,44%{transform:translateX(0);opacity:1}100%{transform:translateX(150px);opacity:0}}
@keyframes toBatt{0%{transform:translateX(-140px);opacity:1}35%,60%{transform:translateX(-114px);opacity:1}97%{transform:translateX(-140px);opacity:1}100%{transform:translateX(-140px);opacity:0}}
@keyframes slideBatt{0%{transform:translateX(-24px)}35%,100%{transform:translateX(0)}}
.p-gen{animation:trudgeGen 4s linear forwards}.g-push{animation:pushGen 4s linear forwards}
@keyframes packGen{0%,50%{transform:translateX(0);opacity:1}92%{transform:translateX(-112px);opacity:1}100%{transform:translateX(-112px);opacity:.15}}
.g-pack{animation:packGen 4s linear forwards}
.p-refill{animation:trudgeRefill 4s linear forwards}.p-refill .can{animation:pourCan 4s linear forwards}
.p-trip{animation:toCar 4s linear forwards}.c-drive{animation:driveOff 4s ease-in forwards}
@keyframes driveBack{0%{transform:translateX(150px);opacity:0}15%{opacity:1}60%,100%{transform:translateX(0);opacity:1}}
@keyframes fromCar{0%,58%{transform:translateX(-82px);opacity:0}62%{transform:translateX(-82px);opacity:1}97%{transform:translateX(-140px);opacity:1}100%{transform:translateX(-140px);opacity:0}}
@keyframes spin{to{transform:rotate(360deg)}}
.wheel{transform-box:fill-box;transform-origin:50% 50%}
.c-drive .wheel,.c-back .wheel{animation:spin .35s linear infinite}
.c-back{animation:driveBack 3s ease-out forwards}.c-gone{opacity:0}.p-home{animation:fromCar 3s linear forwards}
.p-home .leg1{animation:step .5s ease-in-out infinite}.p-home .leg2{animation:step .5s ease-in-out infinite reverse}
.p-batt{animation:toBatt 4s linear forwards}.b-slide{animation:slideBatt 4s linear forwards}
.p-gen .leg1,.p-refill .leg1,.p-trip .leg1,.p-batt .leg1{animation:step .5s ease-in-out infinite}
.p-gen .leg2,.p-refill .leg2,.p-trip .leg2,.p-batt .leg2{animation:step .5s ease-in-out infinite reverse}
@keyframes tsA{0%,100%{transform:rotate(-6deg)}50%{transform:rotate(9deg)}}
@keyframes tsB{0%,100%{transform:skewX(-5deg)}35%{transform:skewX(12deg)}70%{transform:skewX(2deg)}}
@keyframes tsC{0%,100%{transform:rotate(-2deg)}20%{transform:rotate(11deg)}45%{transform:rotate(3deg)}65%{transform:rotate(13deg)}}
@keyframes tsD{0%,100%{transform:skewX(-3deg) scaleY(1)}50%{transform:skewX(9deg) scaleY(.96)}}
.gale .v1{animation:tsA .95s ease-in-out infinite}.gale .v2{animation:tsB 1.3s ease-in-out infinite -.4s}.gale .v3{animation:tsC 1.6s ease-in-out infinite -.9s}.gale .v4{animation:tsD .8s ease-in-out infinite -.2s}.gale .v5{animation:tsB 1.1s ease-in-out infinite -.7s}
.gusty .v1{animation:tsA 2.3s ease-in-out infinite}.gusty .v2{animation:tsB 2.9s ease-in-out infinite -1s}.gusty .v3{animation:tsC 3.4s ease-in-out infinite -2s}.gusty .v4{animation:tsD 2s ease-in-out infinite -.5s}.gusty .v5{animation:tsB 2.6s ease-in-out infinite -1.6s}
@keyframes slip{0%,22%{transform:rotate(0)}25%{transform:rotate(-34deg)}29%{transform:rotate(26deg)}33%{transform:rotate(-16deg)}37%{transform:rotate(8deg)}41%,100%{transform:rotate(0)}}
.slip{transform-box:fill-box;transform-origin:50% 100%;animation:slip 4s linear forwards}
@keyframes uproot{0%{transform:rotate(0)}12%{transform:rotate(14deg)}22%{transform:rotate(-8deg)}80%{transform:rotate(-92deg)}88%{transform:rotate(-80deg)}94%{transform:rotate(-90deg)}100%{transform:rotate(-87deg)}}
.uproot{transform-box:fill-box;transform-origin:50% 100%;animation:uproot 1.6s cubic-bezier(.5,0,.9,.5) forwards}
.uproot .canopy{animation:none!important}
@keyframes pulse{0%,100%{transform:scale(1)}50%{transform:scale(1.025)}}
.pulse{animation:pulse 2s ease-in-out infinite}
.precip{position:absolute;inset:0;pointer-events:none;overflow:hidden;border-radius:inherit;transition:opacity .6s}
.precip i{position:absolute;left:-15%;right:-15%;top:-240px;height:calc(100% + 240px);display:block;will-change:transform}
@keyframes drop{from{transform:translate3d(0,0,0)}to{transform:translate3d(0,240px,0)}}
.precip{--sk:-12deg}
.rain i{transform:skewX(var(--sk))}
@keyframes dropSkew{from{transform:skewX(var(--sk)) translate3d(0,0,0)}to{transform:skewX(var(--sk)) translate3d(0,240px,0)}}
@keyframes sway{0%,100%{transform:translate3d(-10px,0,0)}50%{transform:translate3d(12px,0,0)}}
.snow{animation:sway 3.6s ease-in-out infinite}
@keyframes blow{from{transform:translate3d(-40px,0,0) rotate(0)}to{transform:translate3d(460px,-30px,0) rotate(720deg)}}
.debris{position:absolute;left:0;top:40%;width:14px;height:14px;pointer-events:none;will-change:transform;opacity:0;transition:opacity .6s}
.debris.on{animation:blow 2.4s linear infinite}
.debris b{position:absolute;width:9px;height:5px;border-radius:50%;background:#B9772F}
.debris b:nth-child(2){left:-60px;top:30px;background:#8A5A2B;width:7px}
.debris b:nth-child(3){left:-150px;top:-20px;background:#C98B3B}
@keyframes fogdrift{0%,100%{transform:translate3d(-30px,0,0)}50%{transform:translate3d(30px,0,0)}}
.fog{position:absolute;left:-40px;right:-40px;bottom:0;height:45%;pointer-events:none;background:linear-gradient(to top,rgba(220,228,238,.55),rgba(220,228,238,0));animation:fogdrift 14s ease-in-out infinite;transition:opacity 1.2s}
.rainbow{position:absolute;right:-60px;top:20px;width:260px;height:130px;pointer-events:none;border-radius:260px 260px 0 0;background:radial-gradient(circle at 50% 100%,transparent 66%,rgba(255,80,80,.55) 67%,rgba(255,170,60,.55) 70%,rgba(255,235,90,.55) 73%,rgba(90,200,110,.5) 76%,rgba(80,150,255,.5) 79%,rgba(150,100,230,.45) 82%,transparent 85%);transition:opacity 1.5s}
.orb{position:absolute;left:18px;top:56px;width:34px;height:34px;border-radius:50%;pointer-events:none;transition:opacity 1.2s}
.rain .l1{background-image:radial-gradient(1px 9px at 7px 11px,rgba(205,222,250,.75) 60%,transparent),radial-gradient(1.2px 11px at 30px 52px,rgba(205,222,250,.6) 60%,transparent);background-size:23px 60px,37px 80px;animation:dropSkew .75s linear infinite}
.rain .l2{background-image:radial-gradient(1.3px 13px at 41px 74px,rgba(215,230,255,.8) 60%,transparent),radial-gradient(1px 8px at 18px 30px,rgba(205,222,250,.55) 60%,transparent);background-size:53px 120px,29px 48px;animation:dropSkew .5s linear infinite}
.rain.light .l1{animation-duration:1.3s}.rain.light .l2{animation-duration:.9s}
.snow .l1{background-image:radial-gradient(circle at 11px 7px,rgba(255,255,255,.9) 0 1.6px,transparent 2.2px),radial-gradient(circle at 61px 40px,rgba(255,255,255,.75) 0 1.2px,transparent 1.7px);background-size:53px 48px,89px 80px;animation:drop 14s linear infinite}
.snow .l2{background-image:radial-gradient(circle at 90px 20px,rgba(255,255,255,.95) 0 2.8px,transparent 3.5px),radial-gradient(circle at 9px 33px,rgba(255,255,255,.8) 0 1.8px,transparent 2.3px);background-size:127px 120px,37px 60px;animation:drop 8s linear infinite}
.snow.heavy .l1{animation-duration:8s}.snow.heavy .l2{animation-duration:4.5s}
.hail .l1{background-image:radial-gradient(circle at 13px 9px,rgba(235,245,255,.95) 0 2.4px,transparent 3px),radial-gradient(circle at 40px 52px,rgba(210,230,255,.85) 0 2px,transparent 2.6px);background-size:41px 40px,59px 80px;animation:drop .8s linear infinite}
.hail .l2{background-image:radial-gradient(circle at 6px 30px,rgba(235,245,255,.9) 0 2.8px,transparent 3.4px);background-size:29px 60px;animation:drop .55s linear infinite}
@keyframes puff{0%{transform:translate(0,0) scale(.6);opacity:0}20%{opacity:.75}100%{transform:translate(5px,-15px) scale(1.5);opacity:0}}
.smoke circle{transform-box:fill-box;transform-origin:center;animation:puff 2.4s linear infinite}
.smoke circle:nth-child(2){animation-delay:.8s}.smoke circle:nth-child(3){animation-delay:1.6s}
@keyframes flick{0%,100%{opacity:.95}35%{opacity:.45}55%{opacity:1}75%{opacity:.6}}
.candle{animation:flick .8s steps(4) infinite}
@keyframes hum{0%,100%{opacity:.25}50%{opacity:1}}
.noise path{animation:hum .7s ease-in-out infinite}.noise g:nth-child(2) path{animation-delay:.15s}.noise g:nth-child(3) path{animation-delay:.3s}
.leaves{transition:opacity 1.6s}
.shed ellipse{opacity:0}
@keyframes leafA{0%{transform:translate(0,0) rotate(0);opacity:1}100%{transform:translate(70px,40px) rotate(400deg);opacity:0}}
@keyframes leafB{0%{transform:translate(0,0) rotate(0);opacity:1}100%{transform:translate(110px,-20px) rotate(-300deg);opacity:0}}
@keyframes leafC{0%{transform:translate(0,0) rotate(0);opacity:1}100%{transform:translate(50px,25px) rotate(520deg);opacity:0}}
.shed ellipse{transform-box:fill-box;transform-origin:center}
.shed.on ellipse:nth-child(3n+1){animation:leafA 1.8s ease-out infinite}.shed.on ellipse:nth-child(3n+2){animation:leafB 2.2s ease-out infinite -.6s}.shed.on ellipse:nth-child(3n){animation:leafC 1.5s ease-out infinite -1.1s}
@keyframes drift{from{transform:translate3d(0,0,0)}to{transform:translate3d(420px,0,0)}}
.clouds{position:absolute;left:-420px;right:0;top:0;height:120px;pointer-events:none;will-change:transform;background-image:radial-gradient(ellipse 70px 24px at 60px 26px,rgba(170,184,204,.6),transparent 70%),radial-gradient(ellipse 95px 30px at 230px 18px,rgba(150,165,188,.55),transparent 70%),radial-gradient(ellipse 60px 20px at 350px 44px,rgba(180,192,210,.5),transparent 70%);background-size:420px 120px;background-repeat:repeat-x;animation:drift 40s linear infinite;transition:opacity .8s}
.clouds.fast{animation-duration:11s}
@keyframes flash{0%,58%,100%{opacity:0}59%{opacity:.6}60%{opacity:0}63%{opacity:.4}64.5%{opacity:0}}
.flash{position:absolute;inset:0;pointer-events:none;border-radius:20px;background:#EAF2FF;opacity:0}
.flash.on{animation:flash 7s linear infinite}
.bolt{position:absolute;top:8px;right:22%;pointer-events:none;opacity:0}
.bolt.on{animation:flash 7s linear infinite}
@media (prefers-reduced-motion: reduce){.shed.on ellipse,.smoke circle,.candle,.noise path,.snow,.debris.on,.fog,.canopy,.precip i,.leg,.slip,.clouds,.flash.on,.bolt.on,.pulse{animation:none!important}}
.nudge{min-height:44px;padding:8px 14px;border-radius:12px;border:1.5px solid #CBD3DC;background:#FFFFFF;color:#13202E;font:inherit;font-size:14px;font-weight:600;cursor:pointer}
.sbrow{display:flex;flex-direction:column;gap:6px}.sblab{font-size:12px;font-weight:700;letter-spacing:.08em;text-transform:uppercase;color:#5A6878}
.sbopts{display:grid;gap:8px;min-width:0}.sbopts.g2{grid-template-columns:repeat(2,minmax(0,1fr))}.sbopts.g3{grid-template-columns:repeat(3,minmax(0,1fr))}.sbopts.g4{grid-template-columns:repeat(4,minmax(0,1fr))}
@media (min-width:720px){.sbopts.g2{grid-template-columns:repeat(5,minmax(0,1fr))}}
.sbchip{min-height:48px;padding:6px 8px;border-radius:12px;border:1.5px solid #CBD3DC;font:inherit;font-size:14px;font-weight:600;line-height:1.2;cursor:pointer;text-align:center;min-width:0}
/* Performance: changes inside a row or card never re-lay out the page; off-screen sections are skipped until scrolled to. */
.iso{contain:layout paint style}
.lazy{content-visibility:auto;contain-intrinsic-size:auto 1200px}
/* Pause freezes everything on the storm screen, including rain and people. */
.stage.paused *,.stage.paused *::before,.stage.paused *::after{animation-play-state:paused!important}
.rowtap{height:44px;padding:0 14px;border-radius:12px;border:1.5px solid #13202E;background:#FF8A3D;color:#13202E;font:inherit;font-size:15px;font-weight:700;line-height:1;white-space:nowrap;max-width:100%;overflow:hidden;text-overflow:ellipsis;cursor:pointer;flex:none}
.nudge-dark{min-height:52px;padding:8px 6px;border-radius:12px;border:1.5px solid #F3F5F8;background:transparent;color:#F3F5F8;font:inherit;font-size:14px;font-weight:600;line-height:1.2;text-align:center;cursor:pointer;min-width:0}
/* Calm pass: only motion that carries meaning */
.smoke circle,.candle,.noise path,.snow,.fog,.pulse{animation:none!important}
.smoke circle:nth-child(n+2){display:none}.smoke circle{transform:translate(2px,-6px) scale(1.2);opacity:.55}
.gusty .canopy,.gale .canopy{animation:none!important}  /* tree sway removed: SVG animations force layout every frame on phones */
.precip,.fog,.clouds,.flash,.bolt,.rainbow,.orb,.debris{z-index:-1}
.clouds{animation-duration:90s}.clouds.fast{animation-duration:45s}
.z1{min-height: 100%; background: #EEF1F4; color: #13202E; font-family: Inter, system-ui, sans-serif; font-size: 16px; line-height: 1.5; padding: 0 0 48px}
.z2{z-index: 5; margin: 0; padding: 0}
.z3{position: relative; isolation: isolate; overflow: hidden; min-height: 100vh; min-height: 100dvh; box-sizing: border-box; padding-top: max(12px, env(safe-area-inset-top, 0px)); padding-bottom: max(12px, env(safe-area-inset-bottom, 0px)); padding-left: max(16px, calc((100% - 1100px) / 2)); padding-right: max(16px, calc((100% - 1100px) / 2)); display: flex; flex-direction: column; gap: 10px; transition: background 0.4s}
.z4{margin: 0; font-size: 12px; font-weight: 700; letter-spacing: 0.14em; text-transform: uppercase; opacity: 0.75}
.z5{margin: 0; font-family: 'Space Grotesk', Inter, sans-serif; font-size: 20px; font-weight: 700; line-height: 1.2}
.z6{margin: 0; font-size: 14px; line-height: 1.4; opacity: 0.85; max-width: 60ch}
.z7{display: flex; flex-wrap: wrap; align-items: center; justify-content: space-between; gap: 12px}
.z8{display: flex; flex-direction: column; gap: 2px}
.z9{margin: 0; font-family: 'Space Grotesk', Inter, sans-serif; font-size: 28px; font-weight: 700; line-height: 1.1; white-space: nowrap; font-variant-numeric: tabular-nums}
.z10{margin: 0; font-size: 14px; opacity: 0.85; white-space: nowrap; font-variant-numeric: tabular-nums}
.z11{margin: 0; font-size: 13px; font-weight: 700; white-space: nowrap; color: #BFD6FF}
.z12{display: grid; grid-template-columns: repeat(3, minmax(0, 1fr)); gap: 8px; width: 100%}
.z13{min-height: 52px; padding: 8px 6px; border-radius: 12px; font: inherit; font-size: 15px; font-weight: 700; line-height: 1.15; cursor: pointer; text-align: center; min-width: 0; white-space: nowrap}
.z14{min-height: 52px; padding: 8px 6px; border-radius: 12px; font: inherit; font-size: 15px; font-weight: 700; line-height: 1.15; cursor: pointer; text-align: center; min-width: 0; white-space: nowrap; background: transparent}
.z15{display: flex; flex-wrap: nowrap; overflow-x: auto; gap: 8px; padding-bottom: 2px}
.z16{flex: none; min-height: 44px; padding: 8px 14px; border-radius: 12px; font: inherit; font-size: 14px; font-weight: 600; cursor: pointer; white-space: nowrap}
.z17{width: 100%; min-height: 54px; padding: 10px 18px; border-radius: 12px; font: inherit; font-size: 17px; font-weight: 800; letter-spacing: 0.01em; cursor: pointer; display: flex; align-items: center; justify-content: center; gap: 10px}
.z18{height: 92px; overflow: hidden}
.z19{margin: 0; font-size: 14px; line-height: 1.4; max-width: 70ch}
.z20{align-items: center; gap: 12px; height: 100%; padding: 6px 10px; box-sizing: border-box; border-radius: 12px}
.z21{margin: 0; flex: 1; min-width: 0; font-size: 13px; line-height: 1.3; font-weight: 600}
.z22{flex: none; min-height: 48px; padding: 10px 16px; border-radius: 12px; border: 0; font: inherit; font-weight: 700; cursor: pointer; white-space: nowrap}
.z23{margin: 0; font-size: 14px; line-height: 1.35; opacity: 0.85}
.z24{flex: 1 1 auto; min-height: 0; display: grid; grid-template-columns: repeat(auto-fit, minmax(300px, 1fr)); grid-auto-rows: 168px; gap: 6px}
.z25{display: grid; grid-template-columns: minmax(0, 1fr) minmax(150px, 46%); align-items: stretch; gap: 8px; padding: 2px 8px 2px 6px; border-radius: 12px; transition: background .2s, box-shadow .2s}
.z26{width: 100%; height: 100%; max-height: 170px; min-height: 56px; display: block; align-self: center}
.z27{transform: translateX(-140px)}
.z28{display: flex; flex-direction: column; align-items: flex-start; justify-content: center; gap: 2px; min-width: 0}
.z29{font-size: 15px; font-weight: 700; line-height: 20px; height: 20px; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; max-width: 100%; box-sizing: border-box}
.z30{display: inline-flex; align-items: center; gap: 4px; font-size: 14px; line-height: 20px; height: 22px; font-weight: 700; padding: 1px 8px; border-radius: 6px; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; max-width: 100%; box-sizing: border-box}
.z31{font-size: 14px; line-height: 20px; height: 22px; font-weight: 700; padding: 1px 8px; border-radius: 6px; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; max-width: 100%; box-sizing: border-box}
.z32{font-size: 14px; line-height: 18px; height: 36px; overflow: hidden; opacity: 0.95}
.z33{font-size: 14px; line-height: 20px; height: 20px; font-weight: 800; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; max-width: 100%; box-sizing: border-box}
.z34{display: flex; flex-direction: column; gap: 8px; padding-top: 10px}
.z35{margin: 0; font-size: 12px; font-weight: 700; letter-spacing: 0.08em; text-transform: uppercase; opacity: 0.8}
.z36{display: grid; grid-template-columns: repeat(3, minmax(0, 1fr)); gap: 8px}
.z37{max-width: 1200px; margin: 28px auto 0; padding: 0 20px; box-sizing: border-box}
.z38{background: #FFFFFF; border-radius: 16px; padding: 22px; border: 1px solid #D5DCE3; display: flex; flex-direction: column; gap: 16px}
.z39{display: flex; flex-direction: column; gap: 4px}
.z40{margin: 0; font-size: 12px; font-weight: 700; letter-spacing: 0.14em; text-transform: uppercase; color: #5A6878}
.z41{margin: 0; font-family: 'Space Grotesk', Inter, sans-serif; font-size: 28px; line-height: 1.15; font-weight: 700}
.z42{margin: 0; color: #3B4858; max-width: 62ch}
.z43{display: flex; flex-direction: column; gap: 4px; padding: 14px 16px; border-radius: 12px; background: #F2F5F8}
.z44{margin: 0; font-family: 'Space Grotesk', Inter, sans-serif; font-size: 26px; line-height: 1.15; font-weight: 700}
.z45{margin: 0; font-size: 16px; line-height: 1.45; color: #3B4858; max-width: 60ch}
.z46{display: grid; grid-template-columns: repeat(auto-fit, minmax(128px, 1fr)); gap: 8px}
.z47{border: 1px solid #D5DCE3; border-radius: 12px; padding: 12px 14px; display: flex; flex-direction: column; gap: 2px; min-width: 0}
.z48{font-size: 12px; font-weight: 700; color: #5A6878}
.z49{font-family: 'Space Grotesk', Inter, sans-serif; font-size: 26px; font-weight: 700; line-height: 1.1; font-variant-numeric: tabular-nums}
.z50{font-size: 12px; color: #5A6878}
.z51{display: flex; flex-direction: column; gap: 6px}
.z52{height: 22px; border-radius: 6px}
.z53{display: flex; justify-content: space-between; font-size: 12px; color: #5A6878}
.z54{display: flex; flex-wrap: wrap; gap: 4px 14px; font-size: 13px; color: #3B4858}
.z55{display: inline-block; width: 12px; height: 12px; border-radius: 3px; background: #FFC94D; vertical-align: -1px}
.z56{display: inline-block; width: 12px; height: 12px; border-radius: 3px; background: #1C2A3C; vertical-align: -1px}
.z57{display: inline-block; width: 3px; height: 12px; background: #FF8A3D; vertical-align: -1px}
.z58{margin: 0; font-size: 15px; color: #3B4858}
.z59{border-top: 1px solid #E4E9EE; padding-top: 14px; display: flex; flex-direction: column; gap: 10px}
.z60{margin: 0; font-weight: 700}
.z61{margin: 0; font-size: 18px; font-weight: 700}
.z62{margin: 0; font-size: 14px; color: #3B4858; max-width: 70ch}
.z63{max-width: 1200px; margin: 20px auto 0; padding: 0 20px; box-sizing: border-box; display: grid; grid-template-columns: repeat(auto-fit, minmax(210px, 1fr)); gap: 14px}
.z64{background: #FFFFFF; border-radius: 16px; border: 1px solid #D5DCE3; padding: 16px; display: flex; flex-direction: column; gap: 12px; border: 1px solid #D5DCE3}
.z65{display: flex; gap: 12px; align-items: center}
.z66{flex: none; color: #13202E}
.z67{display: flex; flex-direction: column; min-width: 0}
.z68{margin: 0; font-family: 'Space Grotesk', Inter, sans-serif; font-size: 18px; line-height: 1.2; font-weight: 700}
.z69{margin: 0; font-size: 13px; color: #5A6878}
.z70{margin: 4px 0 0; display: flex; flex-wrap: wrap; align-items: baseline; gap: 6px}
.z71{padding: 2px 10px; border-radius: 6px; background: #13202E; color: #FFC94D; font-family: 'Space Grotesk', Inter, sans-serif; font-size: 17px; font-weight: 700; white-space: nowrap}
.z72{font-size: 12px; color: #5A6878; white-space: nowrap}
.z73{margin: 0; align-self: flex-start; padding: 4px 10px; border-radius: 6px; font-size: 13px; font-weight: 700}
.z74{height: 12px; border-radius: 6px; background: #2E3A4A; overflow: hidden}
.z75{height: 100%; background: #FFC94D; transition: width 0.2s}
.z76{margin: 0; font-size: 14px; font-weight: 600; line-height: 1.4; height: 40px; overflow: hidden}
.z77{margin: 0; display: grid; grid-template-columns: 92px minmax(0, 1fr); gap: 6px 10px; font-size: 14px}
.z78{color: #5A6878; font-weight: 600}
.z79{margin: 0; font-weight: 600; height: 63px; overflow: hidden; line-height: 21px}
.z80{margin: 0; height: 42px; overflow: hidden; line-height: 21px}
.z81{margin: 0}
.z82{background: #13202E; color: #F3F5F8; border-radius: 16px; padding: 22px; display: flex; flex-direction: column; gap: 8px}
.z83{margin: 0; font-size: 12px; font-weight: 700; letter-spacing: 0.14em; text-transform: uppercase; color: #FFC94D}
.z84{margin: 0; font-size: 18px; max-width: 70ch}
.z85{max-width: 1200px; margin: 28px auto 0; padding: 0 20px; box-sizing: border-box; display: flex; flex-direction: column; gap: 10px}
.z86{margin: 0; font-family: 'Space Grotesk', Inter, sans-serif; font-size: 22px; font-weight: 700}
.z87{display: grid; grid-template-columns: repeat(auto-fit, minmax(260px, 1fr)); gap: 14px; font-size: 14px; color: #3B4858}
.z88{margin: 0 0 4px; font-weight: 700; color: #13202E}
.z89{font-size: 13px; color: #3B4858}
.z90{cursor: pointer; font-weight: 700; color: #13202E; min-height: 32px}
.z91{margin: 8px 0 0; padding-left: 18px; display: flex; flex-direction: column; gap: 4px}
.z92{max-width: 1200px; margin: 28px auto 0; padding: 0 20px; box-sizing: border-box; font-size: 12px; display: flex; flex-direction: column; gap: 6px; color: #5A6878}