/* CYEB GREEN Storage · RAL 9003 visual edition */
.hero{background:radial-gradient(ellipse at 80% 45%,#e2ebf0 0,transparent 47%),linear-gradient(110deg,#fff 25%,#f6f9f4)}.hero-grid{min-height:710px}.hero-scene{height:540px;perspective:1100px;background:radial-gradient(circle at var(--pointer-x,60%) var(--pointer-y,40%),#57ced319,transparent 55%)}.hero-scene:before{content:'';position:absolute;width:370px;height:370px;border-radius:50%;background:radial-gradient(circle,#a6ce3920,transparent 67%);filter:blur(12px);z-index:-2}.hero-product{transform:rotateX(var(--tilt-x,0deg)) rotateY(var(--tilt-y,0deg));transition:transform .45s cubic-bezier(.2,.65,.2,1);will-change:transform}.hero-product.switching .product-art{animation:product-arrive .65s cubic-bezier(.2,.65,.2,1) both}.orbit-one{animation:orbit-breathe 9s ease-in-out infinite}.orbit-two{animation:orbit-breathe 9s ease-in-out infinite reverse;animation-delay:-4s}.scene-label{color:#597383}.hero-finish{position:absolute;left:2%;top:25px;display:inline-flex;align-items:center;gap:10px;font-size:10px;background:#ffffffcf;backdrop-filter:blur(10px);border:1px solid #cddcdd;border-radius:99px;padding:9px 13px;z-index:3;box-shadow:0 7px 25px #183a5f0d}.finish-swatch{display:inline-block;vertical-align:middle;width:16px;height:16px;background:#f0f0eb;border:1px solid #b6c3c9;border-radius:50%;box-shadow:inset -2px -2px 4px #cbd3d8,0 0 0 3px #fff}.hero-model-switch{display:flex;gap:5px;flex-wrap:wrap;margin-top:27px;max-width:510px}.hero-model-switch button{display:inline-flex;gap:8px;align-items:center;font:500 10px Poppins,Arial,sans-serif;padding:9px 13px;background:#fff;border:1px solid #d8e3e3;border-radius:99px;transition:background .2s,border .2s,color .2s}.hero-model-switch button.active{color:var(--navy);background:#eaf3da;border-color:#a6ce39}.hero-model-switch button:before{content:'';width:5px;height:5px;background:#b6c3c9;border-radius:50%}.hero-model-switch button.active:before{background:#79a31a}.hero-showcase-data{display:grid;grid-template-columns:1fr 1fr auto;gap:20px;align-items:center;margin-top:17px;max-width:530px;border-top:1px solid #d6e1df;padding-top:16px}.hero-showcase-data small{font-size:8px;display:block;color:var(--muted);letter-spacing:.045em}.hero-showcase-data strong{font:600 22px/1.3 Poppins,sans-serif;letter-spacing:-.035em}.hero-showcase-data a{font-size:11px;font-weight:600;padding:8px 12px;border:1px solid #d4dfdb;border-radius:8px;white-space:nowrap;background:#ffffff88}.hero-showcase-note{font-size:9px;color:var(--muted);margin-top:9px}.hero-trust{margin-top:24px}.tag-bottom{bottom:18px}.product-photo{background:radial-gradient(ellipse at 50% 100%,#e5ebee 0,#f9fbf8 45%,#fff 85%)}.product-card{transition:transform .35s,box-shadow .35s,border-color .35s}.product-card:hover{transform:translateY(-7px);border-color:#a6ce3999;box-shadow:0 20px 50px #183a5f15}.product-photo .product-art{transition:transform .5s cubic-bezier(.2,.65,.2,1)}.product-card:hover .product-art{transform:translateY(-5px) scale(1.025)}.finish-chip{display:flex;align-items:center;gap:6px;position:absolute;bottom:7px;left:20px;font-size:8px;color:#607386;letter-spacing:.04em;z-index:3}.finish-chip .finish-swatch{width:9px;height:9px;box-shadow:inset -1px -1px 2px #cad4d7}.detail-finish{display:inline-flex;gap:8px;align-items:center;margin-bottom:16px;padding:7px 11px;border:1px solid #cbd7da;border-radius:99px;font-size:10px;background:#ffffffc9}.detail-finish .finish-swatch{width:12px;height:12px}.detail-visual{background:radial-gradient(ellipse at 50% 95%,#dbe5e6,#f9fbf8 50%,#fff 85%)}.energy-stage{background:radial-gradient(ellipse at 70% 10%,#3f6b7750,transparent 65%),#193b5a;transition:background 1s,box-shadow 1s;position:relative;isolation:isolate;box-shadow:inset 0 0 80px #57ced308}.energy-stage.night-mode{background:radial-gradient(circle at 85% 7%,#9db9ed16,transparent 42%),#0a2038;box-shadow:inset 0 0 100px #16225a40}.energy-stage.night-mode .diagram-node rect{fill:#182f47}.energy-stage.night-mode .diagram-node.central rect{fill:#1c3b3f}.flow-presets{display:flex;gap:7px;flex-wrap:wrap;margin:10px 0 18px}.flow-presets button{border:1px solid #dce5d6;background:#f6f9ef;color:var(--navy);border-radius:7px;font-size:10px;padding:8px 10px;text-align:left;line-height:1.3}.flow-presets button:hover,.flow-presets button.active{border-color:#8aaf29;background:#eaf3d8}.flow-presets button span{font-size:13px;margin-right:5px}.soc-ring-track{fill:none;stroke:#ffffff0c;stroke-width:2}.soc-ring{fill:none;stroke:#a6ce3990;stroke-width:3;stroke-linecap:round;stroke-dasharray:779.115;stroke-dashoffset:311.646;transform:rotate(-90deg);transform-origin:500px 245px;transition:stroke-dashoffset .6s;filter:drop-shadow(0 0 5px #a6ce3930)}.flow-soc-label{text-anchor:middle;fill:#a8c0cd;font:500 9px Poppins,sans-serif;letter-spacing:1px}.energy-stage .flow-lines path{filter:drop-shadow(0 0 4px #a6ce3925)}.reveal-ready{opacity:0;transform:translateY(24px);transition:opacity .75s,transform .75s}.reveal-ready.revealed{opacity:1;transform:translateY(0)}.image-view{cursor:crosshair;background:radial-gradient(ellipse at 50% 80%,#dce6e7,#f4f7f2 68%)}.image-dialog>p{max-width:700px}.visual-edition-note{font-size:10px;color:var(--muted);padding:12px 0}.scene-base{background:#27486426;width:92%;filter:blur(15px)}@keyframes product-arrive{from{opacity:.35;transform:translateY(15px) scale(.97)}to{opacity:1;transform:translateY(0) scale(1)}}@keyframes orbit-breathe{0%,100%{opacity:.45;scale:.98}50%{opacity:1;scale:1.035}}@media(max-width:1150px){.hero-grid{min-height:720px}.hero-showcase-data{gap:15px}.hero-showcase-data strong{font-size:20px}.hero-showcase-data small{font-size:7px}.hero-finish{left:0;top:15px;font-size:9px}.hero-scene{height:470px}.scene-label{top:0}.flow-presets button{font-size:9px;padding:7px 8px}}@media(max-width:900px){.hero-grid{min-height:760px}.hero-scene{height:440px}.hero-finish{top:40px;font-size:8px;padding:7px 10px}.hero-showcase-data{grid-template-columns:1fr 1fr;gap:10px}.hero-showcase-data>a{grid-column:1/-1;text-align:center;width:max-content;padding:6px 10px;font-size:10px}.hero-model-switch{gap:4px}.hero-model-switch button{font-size:8px;padding:8px 10px}.energy-controls .flow-presets{grid-column:1/-1;grid-row:3;margin-bottom:10px}.energy-controls label[for=hour-range]{grid-row:4}.energy-controls #hour-range{grid-row:5}.energy-controls label[for=load-range]{grid-row:4}.energy-controls #load-range{grid-row:5}.energy-controls label[for=grid-range]{grid-row:6}.energy-controls #grid-range{grid-row:7}.energy-controls label[for=soc-range]{grid-row:6}.energy-controls #soc-range{grid-row:7}.energy-controls .button{grid-row:8}.energy-controls .control-note{grid-row:8}}@media(max-width:600px){.hero-grid{min-height:0}.hero-scene{height:310px;margin-top:28px}.hero-finish{top:15px;left:0;font-size:8px}.hero-model-switch{margin-top:22px;gap:5px}.hero-model-switch button{font-size:9px;padding:8px 11px}.hero-showcase-data{grid-template-columns:1fr 1fr auto;gap:12px;margin-top:16px}.hero-showcase-data strong{font-size:19px}.hero-showcase-data small{font-size:7px}.hero-showcase-data>a{grid-column:auto;font-size:9px;padding:8px 9px}.hero-showcase-note{font-size:8px}.hero-trust{margin-top:22px}.hero-scene .scene-label{top:0;font-size:6px}.tag-top{top:55px;right:0}.hero-scene .hero-product{margin-top:55px}.hero-scene:before{width:290px;height:290px}.finish-chip{font-size:8px}.flow-presets{gap:6px}.flow-presets button{font-size:9px;padding:8px}.flow-presets button span{font-size:11px;margin-right:4px}.soc-ring{stroke-width:2}.detail-finish{font-size:9px}.reveal-ready{transform:translateY(15px)}}@media(prefers-reduced-motion:reduce){.hero-product,.product-art,.orbit,.reveal-ready{animation:none!important;transform:none!important;transition:none!important}.reveal-ready{opacity:1}.flow-lines path{stroke-dasharray:none!important}}@media print{.hero-model-switch,.hero-showcase-data,.hero-finish,.flow-presets{display:none}.reveal-ready{opacity:1;transform:none}.detail-finish{font-size:8pt}.finish-chip{display:none}}
.image-pan-controls{display:flex;justify-content:center;gap:7px;margin-top:13px}.image-pan-controls button{display:grid;place-items:center;min-width:34px;height:34px;border:1px solid #cddada;background:#fff;color:var(--navy);border-radius:8px;font-size:15px}.image-pan-controls button[data-image-pan=reset]{font-size:11px;padding:0 12px}.image-view{touch-action:none}.image-view.dragging{cursor:grabbing}.flow-status.warning~.flow-legend{color:#ffdc9a}.energy-stage:has(.flow-status.warning) .diagram-node:not(.central) .node-value{fill:#ffdc9a}.energy-stage:has(.flow-status.warning) #line-load,.energy-stage:has(.flow-status.warning) #line-ev{stroke:#ffdc9a}.ral-visual-note{font-size:10px;color:var(--muted);margin-top:10px}
@media(max-width:600px){.hero-copy{display:contents}.hero-copy>.eyebrow{order:0}.hero-copy>h1{order:1}.hero-copy>.lead{order:2}.hero-copy>.actions{order:3}.hero-scene{order:4;margin-top:20px;margin-bottom:15px}.hero-model-switch{order:5;margin-top:16px}.hero-showcase-data{order:6}.hero-showcase-note{order:7}.hero-trust{order:8;margin-bottom:20px}}
/* Shared CYEB GREEN EV/Storage interface styling. */
.button{background:var(--lime);border-color:var(--lime);color:var(--navy);border-radius:7px;font-family:Poppins,Arial,sans-serif;font-weight:500}.button:hover,.button.lime:hover{background:#95bb2e;border-color:#95bb2e;color:var(--navy)}.button.outline{background:transparent;border-color:var(--navy);color:var(--navy)}.button.outline:hover{background:#f4f7f7;border-color:var(--navy)}.product-card{border-radius:14px}.site-header nav>a:not(.button){font-family:Poppins,Arial,sans-serif;font-size:11px;font-weight:500}.site-header nav .button{font-family:Poppins,Arial,sans-serif;font-size:11px}.hero .text-link{font-family:Poppins,Arial,sans-serif;font-weight:500}.contact-section .button{border-color:var(--lime)}@media(min-width:981px){.site-header{height:86px}.header-inner>.brand img{width:150px}}@media(max-width:900px){.site-header nav>a:not(.button){font-size:14px}}@media(max-width:600px){.hero .button{font-size:12px}.enquiry-form .button{font-size:11px}}

:root{--radius:14px}