:root{
  --bg:#040816;
  --bg-soft:#0a1327;
  --card:rgba(255,255,255,.06);
  --line:rgba(255,255,255,.10);
  --text:#ffffff;
  --muted:#a8b7cf;
  --primary:#59a8ff;
  --primary-2:#8cd0ff;
  --primary-3:#6d7cff;
  --success:#25d366;
  --shadow:0 20px 60px rgba(0,0,0,.28);
  --glow:0 0 60px rgba(89,168,255,.16);
  --radius:26px;
}
*{margin:0;padding:0;box-sizing:border-box;font-family:Tahoma, Arial, sans-serif;}
html{scroll-behavior:smooth;}
body{
  color:var(--text);
  line-height:1.75;
  overflow-x:hidden;
  background:
    radial-gradient(circle at 10% 10%, rgba(89,168,255,.18), transparent 24%),
    radial-gradient(circle at 90% 15%, rgba(140,208,255,.14), transparent 20%),
    radial-gradient(circle at 50% 85%, rgba(109,124,255,.12), transparent 25%),
    linear-gradient(180deg, #030714 0%, #08101f 35%, #040816 100%);
}
a{text-decoration:none;color:inherit;}
button,input,textarea{font:inherit;}
.container{width:min(92%, 1240px);margin:auto;}
.btn{display:inline-flex;align-items:center;justify-content:center;gap:10px;padding:14px 26px;border:none;cursor:pointer;border-radius:18px;font-weight:700;transition:.25s ease;}
.btn-primary{color:#fff;background:linear-gradient(90deg, var(--primary), var(--primary-2));box-shadow:0 18px 35px rgba(89,168,255,.24);}
.btn-primary:hover{transform:translateY(-2px);box-shadow:0 24px 42px rgba(89,168,255,.30);}
.btn-outline{color:#eaf4ff;background:rgba(255,255,255,.04);border:1px solid rgba(255,255,255,.12);backdrop-filter:blur(10px);}
.btn-outline:hover{background:rgba(255,255,255,.07);}
.btn-whatsapp{background:var(--success);color:#fff;box-shadow:0 18px 35px rgba(37,211,102,.20);}
.glass{background:linear-gradient(180deg, rgba(255,255,255,.08), rgba(255,255,255,.035));border:1px solid rgba(255,255,255,.11);backdrop-filter:blur(16px);box-shadow:var(--shadow);}
.section-badge{display:inline-flex;align-items:center;gap:8px;padding:8px 14px;border-radius:999px;font-size:13px;color:#ddecff;background:rgba(255,255,255,.05);border:1px solid rgba(255,255,255,.10);margin-bottom:16px;}
header{position:sticky;top:0;z-index:1000;background:rgba(4,8,22,.72);backdrop-filter:blur(16px);border-bottom:1px solid rgba(255,255,255,.06);}
.nav{min-height:82px;display:flex;align-items:center;justify-content:space-between;gap:20px;}
.logo{display:flex;align-items:center;gap:12px;font-size:30px;font-weight:800;letter-spacing:.3px;}
.logo-icon{width:48px;height:48px;border-radius:18px;background:linear-gradient(135deg, var(--primary), var(--primary-3));display:grid;place-items:center;box-shadow:var(--glow);position:relative;overflow:hidden;}
.logo-icon::after{content:"";position:absolute;inset:0;background:linear-gradient(180deg, rgba(255,255,255,.25), transparent);}
.logo-icon span{position:relative;z-index:1;font-weight:900;}
.logo em{font-style:normal;color:var(--primary-2);}
.nav-links{display:flex;align-items:center;gap:22px;}
.nav-links a{font-size:15px;color:#e6efff;transition:.2s;}
.nav-links a:hover,.nav-links a.active{color:var(--primary-2);}
.nav-actions{display:flex;align-items:center;gap:12px;}
.menu-toggle{display:none;width:46px;height:46px;border-radius:14px;border:1px solid rgba(255,255,255,.10);background:rgba(255,255,255,.04);color:#fff;font-size:22px;cursor:pointer;}
.mobile-menu{display:none;padding-bottom:18px;}
.mobile-menu-inner{padding:14px;border-radius:22px;}
.mobile-menu a{display:block;padding:12px 10px;border-bottom:1px solid rgba(255,255,255,.06);color:#edf5ff;}
.mobile-menu a:last-child{border-bottom:none;}
.hero{position:relative;padding:96px 0 72px;overflow:hidden;}
.hero-orb{position:absolute;border-radius:50%;filter:blur(40px);pointer-events:none;}
.orb-1{width:280px;height:280px;top:40px;right:-70px;background:rgba(89,168,255,.18);}
.orb-2{width:220px;height:220px;bottom:20px;left:-50px;background:rgba(109,124,255,.15);}
.gradient{background:linear-gradient(90deg, #fff, var(--primary-2), var(--primary));-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text;}
.section-head{text-align:center;margin-bottom:44px;}
.section-head h1,.section-head h2{font-size:56px;margin-bottom:12px;letter-spacing:-.5px;}
.section-head p{color:var(--muted);max-width:860px;margin:auto;}
.hero-banner img{width:100%;display:block;border-radius:24px;box-shadow:0 20px 50px rgba(0,0,0,.28);}
.hero-buttons{display:flex;gap:14px;flex-wrap:wrap;margin-bottom:22px;}
.hero-tags,.feature-strip{display:flex;flex-wrap:wrap;gap:12px;justify-content:center;}
.hero-tags span{padding:10px 15px;border-radius:999px;font-size:14px;color:#ebf4ff;background:rgba(255,255,255,.04);border:1px solid rgba(255,255,255,.08);}
.feature-strip-wrap{margin-top:26px;}
.feature-strip .mini-feature{min-width:180px;padding:16px 18px;border-radius:20px;text-align:center;background:linear-gradient(180deg, rgba(255,255,255,.08), rgba(255,255,255,.04));border:1px solid rgba(255,255,255,.10);box-shadow:var(--shadow);}
.mini-feature strong{display:block;color:var(--primary-2);font-size:20px;margin-bottom:4px;}
section{padding:84px 0;}
.grid{display:grid;gap:24px;}
.features-grid{grid-template-columns:repeat(auto-fit, minmax(240px,1fr));}
.card{padding:28px;border-radius:var(--radius);transition:.25s ease;}
.card:hover{transform:translateY(-7px);border-color:rgba(140,208,255,.28);box-shadow:0 26px 58px rgba(0,0,0,.32);}
.icon{width:56px;height:56px;border-radius:18px;display:grid;place-items:center;margin-bottom:16px;font-size:22px;color:var(--primary-2);background:linear-gradient(135deg, rgba(89,168,255,.18), rgba(140,208,255,.10));border:1px solid rgba(140,208,255,.20);}
.card h3{font-size:22px;margin-bottom:10px;}
.card p{color:#d2deef;font-size:15px;}
.stats-grid{grid-template-columns:repeat(auto-fit, minmax(200px,1fr));}
.stat-card{padding:30px 20px;text-align:center;border-radius:24px;}
.stat-card strong{display:block;font-size:40px;color:var(--primary-2);margin-bottom:7px;}
.cta-box{padding:38px;border-radius:30px;}
footer{padding:32px 0;border-top:1px solid rgba(255,255,255,.06);background:rgba(0,0,0,.18);}
.footer-row{display:flex;align-items:center;justify-content:space-between;gap:18px;flex-wrap:wrap;}
.footer-links{display:flex;gap:16px;flex-wrap:wrap;color:#dce8fb;}
.footer-links a:hover{color:var(--primary-2);}
.whatsapp-float{position:fixed;left:22px;bottom:22px;width:62px;height:62px;border-radius:50%;display:grid;place-items:center;background:var(--success);color:#fff;font-size:28px;box-shadow:0 18px 36px rgba(0,0,0,.25);z-index:999;}
.fade-up{opacity:0;transform:translateY(30px);transition:all .7s ease;}
.fade-up.show{opacity:1;transform:translateY(0);}
@media (max-width: 768px){
  .nav-links,.nav-actions .btn-outline{display:none;}
  .menu-toggle{display:grid;place-items:center;}
  .mobile-menu.show{display:block;}
  .hero{padding:72px 0 52px;}
  .section-head h1,.section-head h2{font-size:35px;}
  .section-head p{font-size:16px;}
  .card,.cta-box{padding:24px;}
  .footer-row{justify-content:center;text-align:center;}
  .feature-strip .mini-feature{min-width:140px;flex:1 1 140px;}
}
