:root{
  --bg:#050b12;--panel:#09131f;--panel2:#0c1724;--text:#f4f7fb;--muted:#aeb9c7;--line:rgba(255,255,255,.12);
  --gold:#d6a84c;--gold2:#f1cf7c;--darkgold:#9c7430;--shadow:0 30px 90px rgba(0,0,0,.45);
  --font:'Inter',system-ui,-apple-system,BlinkMacSystemFont,'Segoe UI',sans-serif;--display:'Space Grotesk','Inter',sans-serif;
}
[data-theme="light"]{--bg:#f4f6f8;--panel:#fff;--panel2:#f6f8fb;--text:#07111e;--muted:#516174;--line:rgba(7,17,30,.14);--shadow:0 25px 70px rgba(9,23,44,.12)}
*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;background:var(--bg);color:var(--text);font-family:var(--font);line-height:1.55;overflow-x:hidden}
.noise{position:fixed;inset:0;pointer-events:none;opacity:.22;background-image:radial-gradient(circle at 1px 1px,rgba(255,255,255,.08) 1px,transparent 0);background-size:34px 34px;z-index:-1}
a{color:inherit;text-decoration:none}.container{width:min(1480px,calc(100% - 48px));margin:auto}
.nav{height:88px;display:flex;align-items:center;justify-content:space-between;padding:0 40px;position:fixed;inset:0 0 auto 0;z-index:20;background:rgba(5,11,18,.72);backdrop-filter:blur(22px);border-bottom:1px solid var(--line)}
[data-theme="light"] .nav{background:rgba(255,255,255,.82)}
.brand{display:flex;flex-direction:column;align-items:flex-start;line-height:1}.brand-main{font-family:Georgia,serif;color:var(--gold2);font-size:38px;letter-spacing:4px}.brand-sub{font-size:10px;letter-spacing:8px;color:var(--gold);margin-left:4px;margin-top:5px}.foot .brand-main{font-size:30px}.foot .brand-sub{font-size:8px}
.nav-links{display:flex;gap:34px;font-weight:700;font-size:13px;text-transform:uppercase;letter-spacing:.04em}.nav-links a{opacity:.85}.nav-links a:hover{color:var(--gold2)}
.nav-actions{display:flex;align-items:center;gap:18px}.phone{font-weight:700;font-size:14px}.btn{display:inline-flex;align-items:center;justify-content:center;gap:14px;border:1px solid rgba(214,168,76,.55);background:linear-gradient(135deg,var(--gold2),var(--gold),var(--darkgold));color:#07111e;padding:16px 26px;border-radius:8px;font-weight:800;box-shadow:0 15px 34px rgba(214,168,76,.22);transition:.25s ease}.btn:hover{transform:translateY(-2px);box-shadow:0 20px 45px rgba(214,168,76,.32)}.btn-small{padding:12px 18px;font-size:13px}.btn.ghost{background:transparent;color:var(--text)}
.theme-toggle{width:58px;height:32px;border:1px solid var(--line);border-radius:99px;background:var(--panel2);position:relative;cursor:pointer}.theme-toggle:before{content:"";position:absolute;top:5px;left:6px;width:20px;height:20px;border-radius:50%;background:var(--gold);transition:.25s}.theme-toggle .sun,.theme-toggle .moon{position:absolute;top:9px;width:13px;height:13px;border-radius:50%}.theme-toggle .sun{left:10px;border:2px solid #06111d}.theme-toggle .moon{right:10px;box-shadow:-4px 0 0 var(--muted)}[data-theme="light"] .theme-toggle:before{left:30px}
.menu{display:none;background:none;border:0;width:40px}.menu span{display:block;height:2px;background:var(--text);margin:8px 0}
.hero{min-height:820px;padding-top:130px;position:relative;display:flex;align-items:center;overflow:hidden}.hero-bg{position:absolute;inset:0;background:radial-gradient(circle at 72% 35%,rgba(214,168,76,.18),transparent 30%),linear-gradient(110deg,rgba(5,11,18,.98) 0%,rgba(5,11,18,.86) 45%,rgba(5,11,18,.62) 100%),linear-gradient(145deg,#07111d 0%,#0a1625 45%,#03070c 100%)}[data-theme="light"] .hero-bg{background:radial-gradient(circle at 75% 30%,rgba(214,168,76,.20),transparent 35%),linear-gradient(110deg,rgba(244,246,248,.95),rgba(244,246,248,.74)),linear-gradient(145deg,#dce3ec,#fff)}
.city-lines{position:absolute;right:-5%;bottom:0;width:62%;height:74%;background:
linear-gradient(90deg,transparent 0 9%,rgba(255,255,255,.12) 10%,transparent 11% 19%,rgba(255,255,255,.07) 20%,transparent 21%),
linear-gradient(0deg,transparent 0 13%,rgba(214,168,76,.30) 14%,transparent 15% 29%,rgba(255,255,255,.11) 30%,transparent 31%),
linear-gradient(135deg,rgba(214,168,76,.1),transparent 45%);
clip-path:polygon(24% 18%,100% 0,100% 100%,0 100%);opacity:.8}
.gold-wave{position:absolute;left:45%;right:-10%;bottom:22%;height:2px;background:linear-gradient(90deg,transparent,var(--gold2),transparent);box-shadow:0 0 24px var(--gold),0 0 60px var(--gold);transform:rotate(-6deg)}
.watermark{position:absolute;right:13%;top:14%;font-family:Georgia,serif;font-size:240px;line-height:.8;color:rgba(255,255,255,.055);letter-spacing:8px;font-weight:700}.watermark span{display:block;font-family:var(--display);font-size:36px;letter-spacing:42px;margin-left:38px;margin-top:16px;color:rgba(255,255,255,.04)}[data-theme="light"] .watermark{color:rgba(7,17,30,.06)}[data-theme="light"] .watermark span{color:rgba(7,17,30,.045)}
.hero-grid{position:relative;z-index:2}.hero-copy{max-width:760px}.eyebrow{color:var(--gold2);font-weight:800;text-transform:uppercase;letter-spacing:.12em;font-size:13px}.hero h1{font-family:var(--display);font-size:clamp(42px,5vw,78px);line-height:1.02;margin:20px 0 22px;letter-spacing:-.05em}.hero h1 span{display:block;color:var(--gold2)}.lead{font-size:20px;color:var(--muted);max-width:650px}
.trust-row{display:flex;gap:0;margin:34px 0;border-top:1px solid var(--line);border-bottom:1px solid var(--line);max-width:780px}.trust-row div{padding:18px 28px 18px 0;margin-right:28px;border-right:1px solid var(--line)}.trust-row div:last-child{border-right:0}.trust-row b{display:block}.trust-row span{display:block;color:var(--muted);font-size:14px}.hero-cta{display:flex;gap:18px;flex-wrap:wrap}
.section-head,.section-title{text-align:center;margin:80px auto 36px;max-width:760px}.section-head h2,.section-title h2,.about h2,.contact h2{font-family:var(--display);font-size:clamp(30px,3.4vw,52px);line-height:1.05;letter-spacing:-.04em;margin:8px 0}.section-head p:not(.eyebrow){color:var(--muted)}
.dashboard{display:grid;grid-template-columns:1fr 1fr;gap:22px}.chart-card,.service,.about-card,.contact-card,.logo-card,details{background:linear-gradient(145deg,rgba(255,255,255,.075),rgba(255,255,255,.025));border:1px solid var(--line);box-shadow:var(--shadow);border-radius:16px;backdrop-filter:blur(18px)}
[data-theme="light"] .chart-card,[data-theme="light"] .service,[data-theme="light"] .about-card,[data-theme="light"] .contact-card,[data-theme="light"] .logo-card,[data-theme="light"] details{background:rgba(255,255,255,.86)}
.chart-card{padding:34px}.chart-top{display:flex;gap:24px;align-items:flex-start}.icon-badge{width:72px;height:72px;border-radius:16px;border:1px solid var(--gold);display:grid;place-items:center;font-family:var(--display);font-size:34px;color:var(--gold2);box-shadow:inset 0 0 35px rgba(214,168,76,.12)}.chart-label{text-transform:uppercase;letter-spacing:.12em;color:var(--muted);font-weight:700;font-size:13px;margin:0}.chart h3{font-family:var(--display);font-size:clamp(38px,4.2vw,62px);letter-spacing:-.06em;margin:6px 0;color:var(--text);font-variant-numeric:tabular-nums}.chart h3 small{font-size:.55em;margin-left:8px;color:var(--text)}.chart-top p:last-child{color:var(--muted);margin:0}
.chart{height:270px;display:grid;grid-template-columns:48px 1fr;gap:14px;margin-top:28px}.axis.y{display:flex;flex-direction:column;justify-content:space-between;align-items:flex-end;color:var(--muted);font-size:12px;font-weight:700;font-variant-numeric:tabular-nums;padding:4px 0 32px}.plot{position:relative;border-bottom:1px solid var(--line);height:100%;padding:0 12px 32px}.gridline{position:absolute;left:0;right:0;height:1px;background:var(--line)}.gridline:nth-child(1){top:0}.gridline:nth-child(2){top:25%}.gridline:nth-child(3){top:50%}.gridline:nth-child(4){top:75%}.bars{height:100%;display:grid;grid-template-columns:repeat(7,1fr);align-items:end;gap:12px;position:relative;z-index:1}.bar-wrap{height:100%;display:flex;flex-direction:column;justify-content:flex-end;align-items:center;gap:10px}.bar{width:62%;height:0;border-radius:8px 8px 0 0;background:linear-gradient(180deg,#ffe79a 0%,#d6a84c 42%,#8a6328 100%);box-shadow:0 0 20px rgba(214,168,76,.25);position:relative;transition:height 1.5s cubic-bezier(.16,1,.3,1)}.bar.animate{height:var(--h)}.bar:after{content:attr(data-value);position:absolute;left:50%;bottom:calc(100% + 10px);transform:translateX(-50%) translateY(5px);opacity:0;background:#080f18;border:1px solid rgba(214,168,76,.45);color:var(--gold2);padding:7px 9px;border-radius:8px;white-space:nowrap;font-size:12px;font-weight:800;transition:.2s}.bar:hover:after{opacity:1;transform:translateX(-50%) translateY(0)}.bar-wrap em{font-style:normal;color:var(--muted);font-size:12px;font-weight:700}
.about{padding:70px 0}.about-card{padding:56px;max-width:1080px;margin:auto}.about-card p{color:var(--muted);font-size:18px}.service-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:18px}.service{padding:34px}.service span{display:block;width:46px;height:4px;background:var(--gold);border-radius:4px;margin-bottom:26px}.service h3{font-family:var(--display);font-size:22px;margin:0 0 10px}.service p{color:var(--muted)}
.logo-strip{display:grid;grid-template-columns:repeat(5,1fr);gap:14px}.logo-card{height:116px;display:flex;align-items:center;justify-content:center;padding:20px;background:rgba(255,255,255,.035)}.logo-card img{max-width:82%;max-height:58px;object-fit:contain;filter:none;mix-blend-mode:normal}.logo-card:hover{border-color:rgba(214,168,76,.55);transform:translateY(-2px)}
.faq-grid{display:grid;grid-template-columns:1fr 1fr;gap:14px}details{padding:0;overflow:hidden}summary{list-style:none;cursor:pointer;padding:20px 24px;font-weight:800;display:flex;justify-content:space-between;align-items:center}summary::-webkit-details-marker{display:none}summary:after{content:"+";color:var(--gold2);font-size:26px;font-weight:400}details[open] summary:after{content:"−"}details p{padding:0 24px 22px;color:var(--muted);margin:0}
.contact{padding:80px 0}.contact-card{display:grid;grid-template-columns:1fr 1.15fr 1fr;gap:34px;padding:34px}.contact-links{display:grid;gap:12px;margin-top:26px}.contact-links a{color:var(--gold2);font-weight:800}form{display:grid;grid-template-columns:1fr 1fr;gap:14px}input,textarea{width:100%;border:1px solid var(--line);background:rgba(255,255,255,.06);color:var(--text);border-radius:10px;padding:16px;font:inherit}textarea{grid-column:1/-1;min-height:130px}form .btn{grid-column:1/-1;border:0}.map{position:relative;overflow:hidden;border-radius:14px;border:1px solid var(--line);min-height:330px}.map iframe{width:100%;height:100%;min-height:330px;border:0;filter:grayscale(1) invert(.9) contrast(.9)}[data-theme="light"] .map iframe{filter:grayscale(.2)}.route{position:absolute;right:18px;bottom:18px;background:rgba(5,11,18,.82);border:1px solid var(--gold);color:var(--gold2);padding:12px 16px;border-radius:8px;font-weight:800}
.whatsapp,.to-top{position:fixed;right:24px;z-index:30;border:1px solid var(--line);box-shadow:var(--shadow)}.whatsapp{bottom:92px;width:54px;height:54px;border-radius:50%;background:#1fb35b;color:#fff;display:grid;place-items:center;font-weight:900}.to-top{bottom:24px;width:48px;height:48px;border-radius:50%;background:var(--panel);color:var(--gold2);font-size:22px;cursor:pointer;opacity:0;transform:translateY(20px);transition:.25s}.to-top.show{opacity:1;transform:translateY(0)}
.footer{border-top:1px solid var(--line);padding:32px 40px;display:flex;align-items:center;justify-content:space-between;color:var(--muted)}.footer nav{display:flex;gap:24px}
.reveal{opacity:0;transform:translateY(24px);transition:opacity .7s ease,transform .7s ease}.reveal.visible{opacity:1;transform:translateY(0)}
@media (max-width:1100px){.nav-links{display:none}.menu{display:block}.dashboard,.faq-grid,.contact-card{grid-template-columns:1fr}.service-grid{grid-template-columns:1fr 1fr}.watermark{font-size:150px;right:5%}.logo-strip{grid-template-columns:repeat(2,1fr)}}
@media (max-width:720px){.container{width:min(100% - 28px,1480px)}.nav{padding:0 18px}.phone,.btn-small{display:none}.brand-main{font-size:30px}.hero{min-height:auto;padding:130px 0 80px}.trust-row{display:grid}.trust-row div{border-right:0;border-bottom:1px solid var(--line);margin-right:0}.dashboard{gap:16px}.chart-card{padding:22px}.chart{grid-template-columns:38px 1fr}.bars{gap:6px}.bar{width:72%}.service-grid{grid-template-columns:1fr}.contact-card{padding:22px}form{grid-template-columns:1fr}.footer{flex-direction:column;gap:18px;text-align:center}.watermark{font-size:95px;top:20%;opacity:.8}}


/* === BKB final polish fixes === */

/* Cleaner, less bulky hero typography */
.hero h1{
  max-width: 900px;
  font-size: clamp(44px, 5.4vw, 84px);
  line-height: .98;
  font-weight: 700;
  letter-spacing: -0.065em;
}
.hero h1 span{
  margin-top: 8px;
  font-weight: 600;
  color: color-mix(in srgb, var(--text) 84%, var(--gold2));
}

/* Professional KPI icons instead of emoji style */
.icon-badge{
  position: relative;
  overflow: hidden;
  font-family: var(--display);
  font-weight: 700;
}
.icon-badge::before,
.icon-badge::after{
  content:"";
  position:absolute;
  display:block;
}
.icon-energy::before{
  width: 24px;
  height: 38px;
  left: 25px;
  top: 15px;
  background: linear-gradient(180deg, var(--gold2), var(--gold));
  clip-path: polygon(56% 0, 22% 47%, 49% 47%, 38% 100%, 80% 39%, 52% 39%);
  filter: drop-shadow(0 0 12px rgba(214,168,76,.28));
}
.icon-energy::after{
  inset: 12px;
  border: 1px solid rgba(214,168,76,.35);
  border-radius: 12px;
}
.icon-euro{
  font-size: 38px;
  line-height: 72px;
  text-align: center;
  text-shadow: none;
}
.icon-euro::after{
  inset: 12px;
  border: 1px solid rgba(214,168,76,.35);
  border-radius: 12px;
}

/* Robust professional light/dark toggle with pure CSS icons */
.theme-toggle{
  flex: 0 0 auto;
  width: 64px;
  height: 34px;
  border-radius: 999px;
  border: 1px solid rgba(214,168,76,.34);
  background: rgba(255,255,255,.055);
  overflow: hidden;
}
.theme-toggle:before{
  top: 5px;
  left: 5px;
  width: 22px;
  height: 22px;
  background: linear-gradient(135deg,var(--gold2),var(--gold));
  box-shadow: 0 6px 18px rgba(214,168,76,.26);
  z-index: 2;
}
[data-theme="light"] .theme-toggle:before{ left: 35px; }
.theme-toggle .sun,
.theme-toggle .moon{
  position:absolute;
  top: 50%;
  transform: translateY(-50%);
  opacity: .9;
}
.theme-toggle .sun{
  left: 11px;
  width: 10px;
  height: 10px;
  border: 1.8px solid var(--gold2);
  border-radius: 50%;
  background: transparent;
  box-shadow:
    0 -7px 0 -5px var(--gold2),
    0 7px 0 -5px var(--gold2),
    7px 0 0 -5px var(--gold2),
    -7px 0 0 -5px var(--gold2),
    5px 5px 0 -5px var(--gold2),
    -5px -5px 0 -5px var(--gold2),
    5px -5px 0 -5px var(--gold2),
    -5px 5px 0 -5px var(--gold2);
}
.theme-toggle .moon{
  right: 12px;
  width: 14px;
  height: 14px;
  border-radius: 50%;
  background: transparent;
  box-shadow: -4px 0 0 0 var(--gold2);
}
.theme-toggle .moon::before,
.theme-toggle .sun::before{
  content:none;
}

/* Partner logos: visible in dark and light mode, transparent-looking without quality loss */
.logo-card{
  min-height: 124px;
  background: rgba(255,255,255,.94);
  border-color: rgba(214,168,76,.22);
}
[data-theme="light"] .logo-card{
  background: #ffffff;
}
.logo-card img{
  max-height: 64px;
  max-width: 86%;
  filter: none !important;
  opacity: 1 !important;
  image-rendering: auto;
}
.logo-card:hover{
  background:#fff;
  box-shadow: 0 18px 45px rgba(214,168,76,.15);
}

/* Dark mode text safety: never low contrast */
[data-theme="dark"] .chart-card,
[data-theme="dark"] .service,
[data-theme="dark"] .about-card,
[data-theme="dark"] .contact-card,
[data-theme="dark"] details{
  color: #f4f7fb;
}
[data-theme="dark"] input,
[data-theme="dark"] textarea{
  color:#f4f7fb;
}

/* Chart text more serious */
.chart-label,
.bar-wrap em,
.axis.y{
  font-family: var(--display);
  letter-spacing: .03em;
}
.chart h3{
  font-weight: 700;
}

/* Mobile headline refinement */
@media (max-width:720px){
  .hero h1{font-size: clamp(40px, 12vw, 58px);}
}


/* === Final upload polish: WhatsApp SVG + darkmode partner transparency === */
.whatsapp{
  background:#25D366 !important;
  color:#fff !important;
  font-size:0 !important;
  display:grid !important;
  place-items:center !important;
  transition:transform .25s ease, box-shadow .25s ease;
}
.whatsapp svg{
  width:28px;
  height:28px;
  fill:#fff;
  display:block;
}
.whatsapp:hover{
  transform:translateY(-3px) scale(1.04);
  box-shadow:0 18px 45px rgba(37,211,102,.35), var(--shadow);
}

/* Partner cards: transparent premium glass in dark mode, clean white in light mode */
.logo-strip{
  align-items:stretch;
}
.logo-card{
  background:rgba(255,255,255,.055) !important;
  border:1px solid rgba(214,168,76,.18) !important;
  box-shadow:inset 0 1px 0 rgba(255,255,255,.06), 0 18px 45px rgba(0,0,0,.20);
  backdrop-filter:blur(14px);
}
[data-theme="light"] .logo-card{
  background:rgba(255,255,255,.92) !important;
  box-shadow:0 18px 45px rgba(9,23,44,.08);
}
.logo-card img{
  max-height:66px;
  max-width:86%;
  object-fit:contain;
  filter:drop-shadow(0 8px 18px rgba(0,0,0,.22)) !important;
  opacity:.98 !important;
}
[data-theme="dark"] .logo-card img{
  filter:drop-shadow(0 10px 24px rgba(0,0,0,.55)) brightness(1.08) contrast(1.04) !important;
}
.logo-card:hover{
  border-color:rgba(214,168,76,.52) !important;
  background:rgba(214,168,76,.075) !important;
}
[data-theme="light"] .logo-card:hover{
  background:#fff !important;
}

/* Keep the tab icon reliable on old browsers */