:root{
  --void:#0B0C0E;
  --panel:#141517;
  --panel-2:#1A1B1E;
  --line:rgba(245,245,240,0.10);
  --line-strong:rgba(245,245,240,0.18);
  --text:#F5F5F0;
  --text-dim:#9C9D9F;
  --text-faint:#5C5D60;
  --signal:#00FF85;
  --paper:#F5F5F0;
  --display:'Space Grotesk',sans-serif;
  --sans:'Inter',sans-serif;
  --mono:'JetBrains Mono',monospace;
}
*{margin:0;padding:0;box-sizing:border-box;}
html{scroll-behavior:smooth;}
body{font-family:var(--sans);background:var(--void);color:var(--text);line-height:1.6;-webkit-font-smoothing:antialiased;overflow-x:hidden;}
img,svg{display:block;max-width:100%;}
a{color:inherit;text-decoration:none;}
::selection{background:var(--signal);color:var(--void);}
h1,h2,h3,h4{font-family:var(--display);font-weight:600;letter-spacing:-0.015em;color:var(--text);}
.wrap{max-width:1180px;margin:0 auto;padding:0 32px;}
@media(max-width:640px){.wrap{padding:0 20px;}}

/* PROGRESS BAR */
#progress-bar{position:fixed;top:0;left:0;height:2px;background:var(--signal);z-index:9999;width:0%;transition:width .1s linear;box-shadow:0 0 8px var(--signal);}

/* LOADER */
#loader{position:fixed;inset:0;background:var(--void);z-index:9000;display:flex;align-items:center;justify-content:center;flex-direction:column;gap:16px;transition:opacity .5s ease,visibility .5s ease;}
#loader.hidden{opacity:0;visibility:hidden;}
.loader-logo{font-family:var(--display);font-weight:700;font-size:22px;display:flex;align-items:center;gap:10px;}
.loader-mark{width:10px;height:10px;background:var(--signal);box-shadow:0 0 12px var(--signal);}
.loader-bar{width:200px;height:2px;background:rgba(245,245,240,0.1);border-radius:2px;overflow:hidden;}
.loader-fill{height:100%;background:var(--signal);width:0%;transition:width .05s linear;box-shadow:0 0 8px var(--signal);}
.loader-text{font-family:var(--mono);font-size:11px;color:var(--text-faint);letter-spacing:.08em;}

/* EYEBROW */
.eyebrow{font-family:var(--mono);font-size:12px;letter-spacing:0.08em;text-transform:uppercase;color:var(--signal);display:flex;align-items:center;gap:10px;margin-bottom:20px;}
.eyebrow::before{content:'';width:6px;height:6px;background:var(--signal);box-shadow:0 0 10px var(--signal);flex-shrink:0;}
.eyebrow.center{justify-content:center;}
.light .eyebrow,.eyebrow.dark{color:var(--void);}
.light .eyebrow::before,.eyebrow.dark::before{background:var(--void);box-shadow:none;}

/* NAV */
nav{position:sticky;top:0;z-index:100;background:rgba(11,12,14,0.88);backdrop-filter:blur(14px);border-bottom:1px solid var(--line);}
.nav-inner{display:flex;align-items:center;justify-content:space-between;padding:18px 32px;max-width:1180px;margin:0 auto;}
.logo{font-family:var(--display);font-weight:700;font-size:18px;display:flex;align-items:center;gap:10px;letter-spacing:-0.01em;}
.logo-mark{width:9px;height:9px;background:var(--signal);box-shadow:0 0 10px var(--signal);flex-shrink:0;}
.nav-links{display:flex;gap:32px;align-items:center;}
.nav-links a{font-size:13px;font-weight:500;color:var(--text-dim);font-family:var(--mono);transition:color .15s;}
.nav-links a:hover,.nav-links a.active{color:var(--signal);}
.nav-cta{background:var(--signal);color:var(--void)!important;padding:9px 18px;font-size:13px;font-weight:600;font-family:var(--mono);transition:opacity .15s;}
.nav-cta:hover{opacity:0.82;}
.nav-toggle{display:none;background:none;border:none;cursor:pointer;flex-direction:column;gap:5px;padding:4px;}
.nav-toggle span{display:block;width:22px;height:2px;background:var(--text);transition:all .2s;}
.nav-toggle.open span:nth-child(1){transform:rotate(45deg) translate(5px,5px);}
.nav-toggle.open span:nth-child(2){opacity:0;}
.nav-toggle.open span:nth-child(3){transform:rotate(-45deg) translate(5px,-5px);}
.mobile-menu{display:none;flex-direction:column;background:var(--panel);border-bottom:1px solid var(--line);padding:16px 24px;gap:16px;}
.mobile-menu a{font-family:var(--mono);font-size:14px;color:var(--text-dim);padding:8px 0;border-bottom:1px solid var(--line);}
.mobile-menu a:last-child{border-bottom:none;}
.mobile-menu a:hover{color:var(--signal);}
@media(max-width:880px){.nav-links{display:none;}.nav-toggle{display:flex;}.mobile-menu.open{display:flex;}}

/* BUTTONS */
.btn-primary{background:var(--signal);color:var(--void);padding:15px 26px;font-weight:600;font-size:14.5px;font-family:var(--mono);display:inline-flex;align-items:center;gap:8px;border:none;cursor:pointer;transition:transform .15s,opacity .15s;}
.btn-primary:hover{opacity:0.85;transform:translateY(-1px);}
.btn-secondary{background:transparent;color:var(--text);padding:15px 26px;font-weight:500;font-size:14.5px;font-family:var(--mono);border:1px solid var(--line-strong);cursor:pointer;transition:border-color .15s;}
.btn-secondary:hover{border-color:var(--signal);}

/* SECTIONS */
.section{padding:88px 0;position:relative;}
.section.panel{background:var(--panel);border-top:1px solid var(--line);border-bottom:1px solid var(--line);}
.section.flash{background:var(--paper);color:var(--void);}
.section.flash h2,.section.flash h3{color:var(--void);}
.section-head{max-width:600px;margin-bottom:48px;}
.section-head h2{font-size:clamp(27px,3.3vw,38px);line-height:1.14;margin-bottom:14px;}
.section-head p{font-size:16px;color:var(--text-dim);line-height:1.6;}
.section.flash .section-head p{color:#4A4D52;}

/* WHATSAPP FLOAT */
.wa-float{position:fixed;bottom:28px;right:28px;z-index:500;display:flex;align-items:center;gap:10px;}
.wa-float a{width:52px;height:52px;border-radius:50%;background:#25D366;display:flex;align-items:center;justify-content:center;box-shadow:0 4px 16px rgba(37,211,102,0.4);transition:transform .2s;}
.wa-float a:hover{transform:scale(1.08);}
.wa-float a svg{width:26px;height:26px;fill:white;}
.wa-tooltip{background:var(--panel);border:1px solid var(--line);padding:8px 14px;border-radius:6px;font-size:12.5px;font-family:var(--mono);color:var(--text-dim);white-space:nowrap;opacity:0;transition:opacity .2s;}
.wa-float:hover .wa-tooltip{opacity:1;}

/* FOOTER */
footer{background:var(--void);padding:56px 0 24px;border-top:1px solid var(--line);}
.footer-grid{display:grid;grid-template-columns:1.4fr 1fr 1fr 1fr;gap:40px;padding-bottom:36px;border-bottom:1px solid var(--line);}
@media(max-width:760px){.footer-grid{grid-template-columns:1fr 1fr;}}
.footer-brand p{color:var(--text-faint);font-size:13.5px;max-width:240px;line-height:1.6;margin-top:12px;}
.footer-col h5{font-family:var(--mono);font-size:11px;color:var(--text-faint);text-transform:uppercase;letter-spacing:.06em;margin-bottom:16px;}
.footer-col a,.footer-col p{display:block;color:var(--text-dim);font-size:13.5px;margin-bottom:11px;}
.footer-col a:hover{color:var(--signal);}
.footer-bottom{display:flex;justify-content:space-between;align-items:center;padding-top:22px;flex-wrap:wrap;gap:14px;}
.footer-bottom p{color:var(--text-faint);font-size:12px;font-family:var(--mono);}

/* REVEAL ANIMATION */
.reveal{opacity:0;transform:translateY(14px);transition:opacity .55s ease,transform .55s ease;}
.reveal.in{opacity:1;transform:translateY(0);}
@media(prefers-reduced-motion:reduce){.reveal{opacity:1;transform:none;transition:none;}}