/* Start custom CSS for html, class: .elementor-element-4dc96e0 */:root{
  --bg:#0b0e0d;
  --fg:#f4f6f5;
  --muted:#8b938f;
  --accent:#19a974;
  --line:rgba(255,255,255,.08);
}
*{margin:0;padding:0;box-sizing:border-box}
html,body{height:100%}
body{
  font-family:'Inter',system-ui,-apple-system,'Segoe UI',Roboto,Arial,sans-serif;
  background:var(--bg);
  color:var(--fg);
  min-height:100dvh;
  display:flex;
  flex-direction:column;
  -webkit-font-smoothing:antialiased;
  letter-spacing:.01em;
  overflow:hidden;
}

/* interactive background */
#fx{position:fixed;inset:0;z-index:0;display:block}
.glow{
  position:fixed;z-index:0;width:520px;height:520px;border-radius:50%;
  left:0;top:0;margin:-260px 0 0 -260px;pointer-events:none;
  background:radial-gradient(circle, rgba(25,169,116,.16), transparent 65%);
  transition:opacity .4s ease;opacity:0;
  will-change:transform;
}

.wrap{
  position:relative;z-index:2;
  flex:1;
  display:flex;
  flex-direction:column;
  align-items:center;
  justify-content:center;
  text-align:center;
  padding:40px 24px;
  animation:fade 1s ease both;
}
@keyframes fade{from{opacity:0;transform:translateY(10px)}to{opacity:1;transform:none}}

.status{
  display:inline-flex;align-items:center;gap:9px;
  font-size:12px;font-weight:500;letter-spacing:.18em;text-transform:uppercase;
  color:var(--muted);
  margin-bottom:44px;
}
.status .dot{
  width:7px;height:7px;border-radius:50%;background:var(--accent);
  box-shadow:0 0 0 0 rgba(25,169,116,.6);animation:pulse 2.2s infinite;
}
@keyframes pulse{0%{box-shadow:0 0 0 0 rgba(25,169,116,.5)}70%{box-shadow:0 0 0 9px rgba(25,169,116,0)}100%{box-shadow:0 0 0 0 rgba(25,169,116,0)}}

.logo{
  font-size:clamp(46px,12vw,104px);
  font-weight:600;
  letter-spacing:-.04em;
  line-height:1;
}
.logo .fit{color:var(--accent)}

.slogan{
  margin-top:28px;
  font-size:clamp(16px,2.6vw,20px);
  font-weight:400;
  color:var(--fg);
}
.tagline{
  margin-top:14px;
  font-size:clamp(13px,2.2vw,15px);
  font-weight:300;
  color:var(--muted);
  max-width:34ch;
  line-height:1.6;
}

.divider{width:40px;height:1px;background:var(--line);margin:40px 0}

.contact{
  display:flex;flex-wrap:wrap;gap:8px 22px;justify-content:center;
  font-size:14px;font-weight:400;
}
.contact a{color:var(--fg);text-decoration:none;transition:color .2s}
.contact a:hover{color:var(--accent)}

footer{
  position:relative;z-index:2;
  padding:26px 24px;
  text-align:center;
  font-size:12px;font-weight:300;letter-spacing:.04em;
  color:var(--muted);
  border-top:1px solid var(--line);
}

@media (prefers-reduced-motion:reduce){
  .wrap,.status .dot{animation:none}
}
/* --- Elementor wrapper chain: make it full-height --- */
.elementor,
.elementor > .e-con,
.elementor .e-con > .elementor-widget-html,
.elementor .elementor-widget-html > .elementor-widget-container{
  display:flex;
  flex-direction:column;
  flex:1 1 auto;
  width:100%;
  max-width:none;
  min-height:0;
  padding:0;
  margin:0;
}/* End custom CSS */