*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;background:#fafbf5;color:#102e2a;font:16px Arial,Helvetica,sans-serif}a{color:inherit;text-decoration:none}header,footer{display:flex;align-items:center;justify-content:space-between;gap:18px;padding:15px 6vw}header{background:white}.logo img{width:125px;height:44px;object-fit:contain}nav,.actions{display:flex;gap:28px;align-items:center}nav a,.navshop{font-size:14px}.navshop,.primary{color:#173329;background:#d1fa67;border-radius:50px;padding:13px 21px;font-weight:bold}.hero{position:relative;isolation:isolate;overflow:hidden;background:#102f2b;color:white;min-height:clamp(540px,43vw,740px);display:flex;align-items:center;padding:60px 7vw 90px}.photos,.slide,.shade,.neon{position:absolute;inset:0;width:100%;height:100%;z-index:-3}.slide{object-fit:cover;object-position:center 65%;opacity:0;transition:opacity 1.1s ease}.slide.on{opacity:1}.shade{z-index:-2;background:linear-gradient(90deg,#061f21ed,#082726a8 42%,transparent 85%),linear-gradient(0deg,#082925b5,transparent 38%)}.neon{inset:14px;width:auto;height:auto;border:1px solid #c4ff783b;z-index:-1;border-radius:14px;overflow:hidden}.neon:after,.neon:before{content:"";position:absolute;width:34%;height:2px;background:linear-gradient(90deg,transparent,#dfff79,#efffc5,transparent);box-shadow:0 0 16px #c8ff57;animation:trace 7s linear infinite}.neon:before{top:0}.neon:after{bottom:0;animation-direction:reverse}@keyframes trace{from{left:-34%}to{left:100%}}.kicker{font:700 11px/1.5 monospace;letter-spacing:2px;color:#dbff96}.kicker:before{content:"";display:inline-block;width:23px;height:2px;background:currentColor;vertical-align:middle;margin-right:12px}h1{font-size:clamp(58px,7.2vw,115px);line-height:.95;letter-spacing:-.07em;margin:25px 0 18px}h1 em{font-weight:500;color:#dfff93;font-family:Georgia,serif}.copy p{color:#f0f4e8;max-width:400px;line-height:1.6;margin:0 0 27px}.actions{gap:10px;flex-wrap:wrap}.primary b{margin-left:12px}.outline{padding:12px 20px;border:1px solid #d5e3c6a6;border-radius:40px}.gallery{position:absolute;right:6vw;bottom:30px;display:flex;align-items:center;gap:7px}.gallery span{font-size:13px;margin-right:8px;text-shadow:0 1px 4px #000}.gallery button{cursor:pointer;color:white;border:1px solid #dae4d2a8;background:#173329b5;border-radius:50%;width:34px;height:34px}.systems,.partners{padding:62px 6vw}.dark{color:#417348}h2{font-size:clamp(36px,4vw,66px);letter-spacing:-.065em;margin:12px 0 28px}.cards{display:grid;grid-template-columns:1fr 1fr;gap:18px}.cards article{overflow:hidden;position:relative;border-radius:17px;background:#113c33;color:white;min-height:300px;padding:35px;display:flex;align-items:flex-end;isolation:isolate}.cards img{position:absolute;inset:0;height:100%;width:100%;object-fit:cover;z-index:-2}.cards article:after{content:"";position:absolute;inset:0;background:linear-gradient(0deg,#082d28 5%,#082d28bf 45%,transparent);z-index:-1}.cards h3{font-size:30px;letter-spacing:-1px;margin:0}.cards p,.partners p{line-height:1.55;max-width:570px}.cards a{color:#dfff93;border-bottom:1px solid}.battery{display:flex;gap:5px;padding:7px;position:absolute;right:12%;top:12%;border:2px solid #a3de79;border-radius:8px;transform:rotate(-8deg);box-shadow:0 0 20px #b0ff562b}.battery:after{content:"";position:absolute;right:-7px;top:12px;background:#a3de79;width:4px;height:15px}.battery i{height:26px;width:15px;border-radius:2px;background:#bcf184;animation:pulse 3s ease-in-out infinite alternate}.battery i:last-child{animation-delay:-2s}@keyframes pulse{to{opacity:.45}}.partners{background:#eef2e8}.partners h2{margin-bottom:12px}#featured{display:flex;flex-wrap:wrap;gap:9px;margin:24px 0}#featured a{border:1px solid #a7bba1;border-radius:26px;padding:9px 16px;font-weight:bold}#logos{display:grid;grid-template-columns:repeat(8,1fr);background:white;border:1px solid #dce1d6;border-radius:15px;padding:18px;gap:6px}#logos div{min-height:58px;display:grid;place-items:center}#logos img{max-width:72%;max-height:37px}footer{background:#0b302b;color:white;flex-wrap:wrap;padding-block:32px;font-size:14px}footer strong{font-size:23px}footer p{color:#cfdbce}@media(max-width:750px){nav{display:none}.hero{min-height:540px}.cards{grid-template-columns:1fr}.systems,.partners{padding:40px 5vw}#logos{grid-template-columns:repeat(4,1fr)}.cards article{padding:24px}.gallery{bottom:26px}.shade{background:linear-gradient(90deg,#092925d9,#09292582),linear-gradient(0deg,#06282499,transparent)}.actions a{font-size:14px}.logo img{width:103px}}@media(prefers-reduced-motion:reduce){*,html{animation:none!important;transition:none!important;scroll-behavior:auto}}
.neon:before,.neon:after{animation-play-state:var(--play,running)}
.group{padding:58px 6vw;background:#f7f4ed}.group-grid{display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:12px}.group-card{min-height:128px;background:#f5f2ed;border:1px solid #d8d8cd;border-radius:14px;display:grid;place-items:center;padding:17px;overflow:hidden}.group-card img{max-width:100%;max-height:77px}.group-card img,#logos img{animation:logoDrift 5.8s ease-in-out var(--phase,0s) infinite}.logo img{animation:logoDrift 6s ease-in-out infinite}@keyframes logoDrift{0%,100%{transform:translateY(2px) scale(.98)}50%{transform:translateY(-4px) scale(1.035)}}#logoMotion{border:1px solid #a7bba1;border-radius:24px;background:#fff;color:#214734;padding:8px 14px;margin:0 0 12px;cursor:pointer}body.logos-paused :is(.group-card,#logos,.logo) img{animation-play-state:paused}@media(max-width:750px){.group{padding:40px 5vw}.group-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.group-card{min-height:94px}.group-card:last-child{grid-column:1/-1}.group-card img{max-height:58px}}@media(prefers-reduced-motion:reduce){#logoMotion{display:none}}
body{background:#030407;color:#f2f4fa}header{background:#030407;color:#eef1fa;border-bottom:1px solid #ffffff18}.logo{background:white;padding:2px 12px;border-radius:7px}.hero{background:#030407}.shade{background:linear-gradient(90deg,#030407 2%,#030407cf 42%,#03040725 85%),linear-gradient(0deg,#030407,transparent 60%)}.slide{filter:saturate(.65) contrast(1.15)}.photos:after{content:"";position:absolute;inset:0;background:#1558c9;mix-blend-mode:color;opacity:.7}.hero h1{font-weight:400;letter-spacing:-.065em}.hero h1 em{font-family:Georgia,serif;color:#d4ff24;font-style:italic}.kicker,.dark{color:#d4ff24}.navshop,.primary{background:#d4ff24;color:#030407}.outline{border-color:#1558c9}.systems{background:radial-gradient(ellipse at 90% 10%,#1558c936,transparent 55%),#030407}.cards article{border:1px solid #1558c9;background:#08132a}.cards article:after{background:linear-gradient(0deg,#030407,#030407a8,transparent)}.cards a{color:#d4ff24}.hybrid{box-shadow:inset 0 0 70px #1558c94a}.battery{border-color:#d4ff24;box-shadow:0 0 40px #1558c9}.battery i{background:#d4ff24}.group{background:#080c16}.group-card{background:#f5f5f2;border-color:#1558c9;border-radius:18px;box-shadow:0 10px 38px #1558c91a}.partners{background:radial-gradient(ellipse at 0 100%,#1558c935,transparent 65%),#030407}#featured a{border-color:#1558c9;color:#d4ff24}#featured a:hover{background:#1558c9;color:white}#logos{border:1px solid #1558c9;box-shadow:0 0 45px #1558c92b}#logoMotion{background:#0c1427;color:#d4ff24;border-color:#1558c9}footer{background:#020307;border-top:1px solid #1558c9}h2{font-family:Georgia,serif;font-weight:400;letter-spacing:-.045em}html{color-scheme:dark}.neon{border-color:#1558c97a}.neon:before,.neon:after{background:linear-gradient(90deg,transparent,#d4ff24,transparent);box-shadow:0 0 20px #d4ff24}@media(max-width:750px){.shade{background:linear-gradient(90deg,#030407e8,#03040766),linear-gradient(0deg,#030407,transparent)}}
.component-showcase{padding:50px 6vw;display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:18px;background:radial-gradient(ellipse at 70% 0%,#1558c933,transparent 65%),#030407}.component-photo{height:300px;border:1px solid #1558c96b;border-radius:20px;overflow:hidden;background:#202223;display:grid;place-items:center}.component-photo img{width:100%;height:100%;object-fit:contain;transition:transform .6s}.component-photo:hover img{transform:scale(1.04)}.component-photo:nth-child(n+4){background:#f6f6f6}@media(max-width:750px){.component-showcase{grid-template-columns:repeat(2,minmax(0,1fr));padding:30px 5vw;gap:12px}.component-photo{height:240px}}@media(prefers-reduced-motion:reduce){.component-photo img{transition:none}}
.selling{padding:50px 6vw;background:#030407}.selling-head{display:flex;align-items:center;justify-content:space-between;gap:18px}.selling-head>a{color:#d4ff24;border-bottom:1px solid;font-size:14px}.selling-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:20px}.selling-card{background:#0c1423;border:1px solid #1558c955;border-radius:16px;overflow:hidden;padding-bottom:14px}.selling-pic{height:190px;background:#f4f5f5;padding:20px}.selling-pic img{width:100%;height:100%;object-fit:contain;mix-blend-mode:multiply}.selling-card h3{font-size:16px;margin:16px 16px 9px}.selling-card p{color:#d4ff24;margin:0 16px;font-size:15px}@media(max-width:750px){.selling{padding:35px 5vw}.selling-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:12px}.selling-pic{height:150px}.selling-head h2{font-size:34px}.selling-head>a{font-size:12px}}
