*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;font-family:Arial,Helvetica,sans-serif;background:#06110e;color:#fff;overflow-x:hidden}a{text-decoration:none;color:inherit}.noise{position:fixed;inset:0;pointer-events:none;z-index:99;opacity:.035;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='140' height='140'%3E%3Cfilter id='n'%3E%3CfeTurbulence baseFrequency='.95' numOctaves='3' stitchTiles='stitch'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23n)' opacity='.7'/%3E%3C/svg%3E")}.site-header{position:fixed;top:0;left:0;right:0;z-index:50;height:78px;padding:0 6%;display:flex;align-items:center;justify-content:space-between;background:#06110ee8;border-bottom:1px solid #ffffff12;backdrop-filter:blur(18px)}.brand img{width:210px;height:46px;object-fit:contain}.site-header nav{display:flex;align-items:center;gap:24px;font-size:.92rem}.site-header nav a{color:#d7e7df}.site-header nav a:hover{color:#9bff43}.admin-link{padding:10px 14px;border:1px solid #6eff8a55;border-radius:12px;background:#ffffff08}.menu-button{display:none;background:none;border:0;color:#fff;font-size:1.6rem}.hero{min-height:100vh;position:relative;display:grid;grid-template-columns:1.1fr .9fr;align-items:center;gap:56px;padding:135px 7% 80px;background:var(--hero-image) center/cover}.hero-bg{position:absolute;inset:0;background:linear-gradient(90deg,#04130ff5 0%,#06201bd8 50%,#0b8668a1 100%)}.matrix-grid{position:absolute;inset:0;opacity:.18;background-image:linear-gradient(90deg,#7dff7a0c 1px,transparent 1px),linear-gradient(#7dff7a0c 1px,transparent 1px);background-size:38px 38px}.hero-copy,.control-card{position:relative;z-index:2}.badge,.section-heading>span,.energy-copy>span,.monitor-copy>span,.contact-inner>span{display:inline-block;padding:8px 13px;border:1px solid #8dff5360;border-radius:99px;background:#6cff6f0d;color:#a4ff74;font-size:.72rem;font-weight:900;letter-spacing:.16em}.hero h1{font-size:clamp(3.7rem,7vw,7.4rem);line-height:.92;letter-spacing:-.06em;margin:26px 0 20px;max-width:900px}.hero p{max-width:700px;color:#d1e2dc;font-size:1.1rem;line-height:1.75}.actions{display:flex;gap:14px;flex-wrap:wrap;margin-top:30px}.centered{justify-content:center}.btn{display:inline-flex;align-items:center;justify-content:center;min-width:180px;padding:15px 22px;border-radius:14px;font-weight:900;transition:.25s}.btn:hover{transform:translateY(-3px)}.primary{background:linear-gradient(135deg,#9bff43,#20d8b1);color:#052219;box-shadow:0 18px 50px #43ff8b2e}.ghost{border:1px solid #ffffff4c;background:#ffffff0d;color:#fff}.dark-ghost{color:#10231c;border-color:#10231c4a}.whatsapp{background:#25d366;color:#062816}.trust{display:flex;gap:11px;flex-wrap:wrap;margin-top:34px}.trust span{padding:10px 13px;border:1px solid #ffffff15;background:#ffffff09;border-radius:999px;color:#c8d7d1;font-size:.8rem}.control-card{padding:20px;border-radius:30px;background:#07342aC9;border:1px solid #9dffcf4d;box-shadow:0 45px 110px #00191288;backdrop-filter:blur(18px)}.control-head{display:flex;justify-content:space-between;color:#bdd5cc;padding:8px 4px 18px;font-size:.76rem}.control-head i{display:inline-block;width:9px;height:9px;border-radius:50%;background:#8dff53;box-shadow:0 0 14px #8dff53}.control-head b{color:#a1ff66}.production,.control-grid article{background:#041b17db;border:1px solid #ffffff12;border-radius:18px}.production{padding:22px}.production small,.control-grid small{color:#a9c4ba}.production strong{display:block;font-size:2.6rem;margin-top:10px}.production em{font-size:1rem;color:#a9c4ba;font-style:normal}.bars{height:120px;display:flex;align-items:flex-end;gap:10px;margin-top:20px}.bars i{flex:1;height:var(--h);border-radius:8px 8px 3px 3px;background:linear-gradient(#caff4c,#20d8b1);box-shadow:0 0 15px #55ff8b3f}.control-grid{display:grid;grid-template-columns:1fr 1fr;gap:12px;margin-top:12px}.control-grid article{padding:18px}.control-grid strong{display:block;font-size:1.45rem;margin-top:10px}.control-grid span{display:block;color:#a5ff66;font-size:.74rem;margin-top:7px}.metrics{display:grid;grid-template-columns:repeat(4,1fr);background:#0a211d;border-top:1px solid #ffffff0d;border-bottom:1px solid #ffffff0d}.metrics article{text-align:center;padding:34px;border-right:1px solid #ffffff0d}.metrics b{display:block;font-size:2.2rem;color:#9bff43}.metrics span{font-size:.82rem;color:#9fb4ad}.section{padding:120px 7%}.dark{background:#071713}.light{background:#f3f7f4;color:#10211a}.section-heading{max-width:950px;margin-bottom:52px}.section-heading h2,.energy-copy h2,.monitor-copy h2,.contact-inner h2{font-size:clamp(3.2rem,6vw,6.8rem);line-height:.94;letter-spacing:-.055em;margin:18px 0}.section-heading h2 em,.energy-copy h2 em,.monitor-copy h2 em,.contact-inner h2 em{font-style:normal;background:linear-gradient(90deg,#9bff43,#20d8b1);-webkit-background-clip:text;color:transparent}.section-heading p,.energy-copy p,.monitor-copy p,.contact-inner p{max-width:760px;color:#9fb4ad;line-height:1.75;font-size:1.05rem}.light .section-heading p{color:#61756d}.cards{display:grid;grid-template-columns:repeat(4,1fr);gap:18px}.card{position:relative;min-height:305px;padding:28px;border-radius:26px;background:linear-gradient(145deg,#ffffff11,#ffffff05);border:1px solid #ffffff12;overflow:hidden;transition:.3s}.card:hover{transform:translateY(-8px);border-color:#7dff5f5c;box-shadow:0 24px 65px #001b1560}.card-icon{width:60px;height:60px;border-radius:18px;display:grid;place-items:center;font-size:2rem;background:#6cff7412;color:#9bff43;border:1px solid #8fff5730}.card h3{font-size:1.45rem;margin-top:28px}.card p{color:#9db2aa;line-height:1.65}.card>b{position:absolute;right:24px;bottom:18px;font-size:4.5rem;color:#ffffff08}.energy-story{padding:105px 7%;display:grid;grid-template-columns:1fr 1fr;gap:50px;align-items:center;background:radial-gradient(circle at 80% 20%,#21ff9b2a,transparent 35%),linear-gradient(135deg,#0a2d24,#0d7053);border-top:1px solid #7dffc626;border-bottom:1px solid #7dffc626}.energy-copy p{color:#def6ec}.energy-flow{display:flex;align-items:center;justify-content:center}.orb{width:145px;height:145px;border-radius:50%;display:grid;place-items:center;text-align:center;background:#06251ed8;border:1px solid #ffffff32;box-shadow:0 0 45px #35ff8a24}.orb b{display:block}.orb span{font-size:.75rem;color:#9eff63}.orb.core{width:180px;height:180px;background:linear-gradient(145deg,#9bff43,#20d8b1);color:#052319}.orb.core span{color:#0b3b2b}.flow-line{width:80px;height:2px;background:linear-gradient(90deg,#9bff43,#20d8b1);box-shadow:0 0 14px #79ff75}.gallery{display:grid;grid-template-columns:repeat(3,1fr);gap:22px}.gallery-card{position:relative;min-height:340px;border-radius:26px;overflow:hidden;background:#0a211a;box-shadow:0 25px 70px #16442a1b}.gallery-card.wide{grid-column:span 2;min-height:500px}.gallery-card img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;transition:.6s}.gallery-card:hover img{transform:scale(1.06)}.gallery-card:after{content:"";position:absolute;inset:0;background:linear-gradient(transparent 45%,#02100ce8)}.gallery-card figcaption{position:absolute;z-index:2;left:24px;bottom:22px}.gallery-card figcaption span,.video-card span{font-size:.68rem;letter-spacing:.14em;color:#9bff67;font-weight:900}.gallery-card h3,.video-card h3{margin:8px 0 0}.video-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:24px}.video-card{border-radius:26px;overflow:hidden;background:#0a211c;border:1px solid #ffffff12}.video-card video{display:block;width:100%;aspect-ratio:16/9;background:#000}.video-card>div{padding:22px}.empty{padding:70px 30px;text-align:center;border-radius:28px;border:2px dashed #1d6a4550;background:#fff}.dark-empty{background:#0a211c;border-color:#ffffff18}.empty>div{width:72px;height:72px;margin:0 auto 18px;border-radius:50%;display:grid;place-items:center;font-size:2rem;background:linear-gradient(135deg,#9bff43,#20d8b1);color:#062319}.empty p{color:#70837c}.dark-empty p{color:#9fb4ad}.monitor{padding:120px 7%;display:grid;grid-template-columns:.9fr 1.1fr;gap:55px;align-items:center;background:linear-gradient(135deg,#58c000,#0e9079)}.monitor-copy>span{color:#fff;border-color:#ffffff52}.monitor-copy p{color:#effff7}.monitor-copy ul{padding:0;list-style:none;margin-top:28px}.monitor-copy li{margin:15px 0}.monitor-copy li:before{content:"";display:inline-block;width:9px;height:9px;border-radius:50%;background:#d7ff48;margin-right:10px;box-shadow:0 0 14px #caff4b}.monitor-ui{border-radius:28px;background:#061a17e8;border:1px solid #ffffff3f;padding:20px;box-shadow:0 40px 100px #003f3470}.monitor-ui header{display:flex;justify-content:space-between;padding:6px 4px 20px}.monitor-ui header span{color:#a3ff68}.monitor-kpi{display:grid;grid-template-columns:repeat(3,1fr);gap:12px}.monitor-kpi article{padding:20px;border-radius:17px;background:#ffffff0c}.monitor-kpi small{color:#9cb2aa}.monitor-kpi strong{display:block;font-size:1.9rem;margin-top:10px}.monitor-kpi span{color:#9dff65;font-size:.75rem}.graph{margin-top:12px;padding:20px;border-radius:18px;background:#ffffff0b}.graph svg{width:100%;height:210px}.contact{padding:130px 7%;background:#f3f7f4;color:#102119}.contact-inner{max-width:1050px;margin:auto;text-align:center}.contact-inner>span{color:#2c704f}.contact-inner p{margin:0 auto}footer{padding:30px 7%;display:flex;justify-content:space-between;align-items:center;gap:20px;flex-wrap:wrap;background:#04100d;color:#829990;border-top:1px solid #ffffff0d}footer img{width:185px;height:42px;object-fit:contain}.reveal{opacity:0;transform:translateY(28px);transition:.75s}.reveal.visible{opacity:1;transform:none}@media(max-width:1050px){.hero,.energy-story,.monitor{grid-template-columns:1fr}.cards{grid-template-columns:repeat(2,1fr)}.control-card{max-width:760px}.energy-flow{margin-top:20px}}@media(max-width:760px){.site-header{height:68px}.menu-button{display:block}.brand img{width:170px}.site-header nav{position:absolute;top:68px;left:0;right:0;display:none;flex-direction:column;align-items:flex-start;padding:24px 6%;background:#06110ef7}.site-header nav.open{display:flex}.hero{padding:112px 6% 65px}.hero h1{font-size:3.5rem}.control-grid{grid-template-columns:1fr}.metrics{grid-template-columns:1fr 1fr}.section{padding:85px 6%}.cards,.gallery,.video-grid,.monitor-kpi{grid-template-columns:1fr}.gallery-card.wide{grid-column:auto}.energy-story,.monitor{padding:85px 6%}.energy-flow{transform:scale(.74);margin-inline:-55px}.contact{padding:90px 6%}footer{justify-content:center;text-align:center}}

/* ===== GENISYS PORTAL ENTERPRISE V9 ===== */
:root{
  --gen-lime:#8cff00;
  --gen-green:#46c900;
  --gen-teal:#13a88a;
  --gen-dark:#04110d;
}
body{
  background:
    radial-gradient(circle at 85% 15%,rgba(19,168,138,.14),transparent 24%),
    #04110d;
}
.startup-screen{
  position:fixed;inset:0;z-index:9999;
  display:grid;place-content:center;gap:22px;text-align:center;
  background:linear-gradient(135deg,#61c900 0%,#17a88a 100%);
  animation:genisysStartup 2.35s forwards;
}
.startup-screen img{
  width:min(760px,82vw);max-height:250px;object-fit:cover;
  border-radius:24px;
  box-shadow:0 35px 90px rgba(0,35,24,.32);
  animation:genisysLogoIn .9s cubic-bezier(.2,.8,.2,1);
}
.startup-screen span{
  font-size:.76rem;font-weight:900;letter-spacing:.34em;color:#fff;
  text-shadow:0 2px 15px rgba(0,0,0,.2);
}
@keyframes genisysStartup{
  0%,72%{opacity:1;visibility:visible}
  100%{opacity:0;visibility:hidden;pointer-events:none}
}
@keyframes genisysLogoIn{
  from{opacity:0;transform:scale(.86) translateY(18px)}
  to{opacity:1;transform:none}
}
.site-header{
  height:86px;
  background:linear-gradient(90deg,rgba(4,17,13,.94),rgba(5,39,31,.84));
  box-shadow:0 14px 45px rgba(0,0,0,.18);
}
.brand{
  display:block;width:220px;height:54px;overflow:hidden;border-radius:12px;
  box-shadow:0 0 0 1px rgba(255,255,255,.08),0 12px 34px rgba(0,0,0,.25);
}
.brand img{
  width:100%;height:100%;object-fit:cover;object-position:center;
}
.hero{
  min-height:100svh;
  background:
    linear-gradient(90deg,rgba(2,14,10,.98) 0%,rgba(4,28,22,.90) 45%,rgba(9,118,88,.62) 100%),
    var(--hero-image) center/cover;
}
.hero-bg{
  background:
    radial-gradient(circle at 75% 30%,rgba(140,255,0,.20),transparent 28%),
    radial-gradient(circle at 55% 90%,rgba(19,168,138,.20),transparent 35%);
}
.hero-brand{
  width:min(680px,92%);max-height:180px;object-fit:cover;
  border-radius:22px;margin-bottom:28px;
  box-shadow:0 30px 80px rgba(0,0,0,.30);
  border:1px solid rgba(255,255,255,.14);
}
.hero h1{
  font-size:clamp(3.4rem,6.2vw,6.8rem);
  text-shadow:0 8px 40px rgba(0,0,0,.30);
}
.badge{
  background:linear-gradient(90deg,rgba(140,255,0,.12),rgba(19,168,138,.12));
}
.control-card{
  transform:perspective(1200px) rotateY(-4deg);
  background:linear-gradient(145deg,rgba(5,57,45,.86),rgba(2,24,19,.92));
  box-shadow:0 60px 130px rgba(0,20,14,.65),inset 0 1px 0 rgba(255,255,255,.10);
}
.control-card:before{
  content:"";position:absolute;inset:-1px;border-radius:30px;padding:1px;
  background:linear-gradient(135deg,rgba(140,255,0,.75),rgba(19,168,138,.15),rgba(255,255,255,.12));
  -webkit-mask:linear-gradient(#000 0 0) content-box,linear-gradient(#000 0 0);
  -webkit-mask-composite:xor;mask-composite:exclude;pointer-events:none;
}
.primary{
  background:linear-gradient(135deg,#a6ff00,#22d4a5);
  box-shadow:0 16px 50px rgba(93,255,74,.28);
}
.cards .card{
  background:
    radial-gradient(circle at 100% 0,rgba(140,255,0,.10),transparent 40%),
    linear-gradient(145deg,rgba(255,255,255,.08),rgba(255,255,255,.025));
}
.metrics b:after{content:"+";font-size:.55em;margin-left:2px}
.metrics article:last-child b:after{content:""}
.energy-story{
  background:
    radial-gradient(circle at 80% 20%,rgba(140,255,0,.25),transparent 32%),
    linear-gradient(135deg,#063326,#0b9170);
}
.monitor{
  background:
    radial-gradient(circle at 10% 20%,rgba(190,255,0,.26),transparent 26%),
    linear-gradient(135deg,#52bd00,#0d9277);
}
footer img{
  width:230px;height:70px;border-radius:14px;object-fit:cover;
  box-shadow:0 15px 45px rgba(0,0,0,.24);
}
@media(max-width:760px){
  .startup-screen img{width:90vw;border-radius:15px}
  .site-header{height:72px}
  .brand{width:168px;height:42px}
  .hero{padding-top:105px}
  .hero-brand{width:100%;border-radius:14px;margin-bottom:20px}
  .control-card{transform:none}
}