:root{
 --bg-1:#020617;--bg-2:#030712;
 --text:#e5e7eb;--muted:#94a3b8;
 --card:#0b1220;--border:rgba(255,255,255,.08);
 --emerald:#10b981;--cyan:#22d3ee;--teal:#2dd4bf;
}
 *{box-sizing:border-box;}
 html,body{height:100%;}
 body{
 margin:0;color:var(--text);background:#0b1220;
 font-family:ui-sans-serif,system-ui,-apple-system,Segoe UI,Roboto,Inter,"Helvetica Neue",Arial,"Apple Color Emoji","Segoe UI Emoji";
 line-height:1.6;min-width:1920px;
}
 @media (max-width:1600px){body{min-width:auto}}
 .bg-grad{
 background:
 radial-gradient(1200px circle at 10% 10%,#0f172a 0%,transparent 40%),
 radial-gradient(900px circle at 90% 20%,#0b1220 0%,transparent 40%),
 linear-gradient(180deg,var(--bg-1) 0%,var(--bg-1) 20%,var(--bg-1) 60%,var(--bg-2) 100%);
}
 .container{width:100%;padding:0 5vw;}
 .wrapper{max-width:1400px;margin:0 auto;}
 .btn{
 display:inline-flex;align-items:center;gap:.5rem;
 background:linear-gradient(90deg,var(--emerald),var(--cyan));
 border-radius:16px;padding:12px 20px;color:#051014;font-weight:700;text-decoration:none;
}
 .btn.alt{
 background:transparent;color:#99f6e4;border:1px solid rgba(45,212,191,.4);
}
 .badge{display:flex;align-items:center;gap:.5rem;color:#93c5fd;}
 .badge span.dot{color:#5eead4;}

 /* Navbar */
 .navbar{position:sticky;top:0;z-index:50;border-bottom:1px solid var(--border);background:rgba(2,6,23,.75);backdrop-filter:blur(8px);}
 .nav-inner{display:flex;align-items:center;justify-content:space-between;padding:16px 0;}
 .brand{display:flex;align-items:center;gap:12px;}
 .brand .logo{height:32px;width:auto;}
 .brand .title{font-weight:800;font-size:18px;line-height:1;}
 .brand .subtitle{font-size:11px;color:var(--muted);line-height:1.1;}
 .menu{display:flex;gap:28px;align-items:center;}
 .menu a{color:#cbd5e1;text-decoration:none;font-size:14px;}
 .menu .btn{padding:10px 18px;border-radius:14px;}
 .menu .menu-item{position:relative;padding:6px 0;}
 .menu .dropdown-toggle{background:none;border:0;color:#cbd5e1;font-size:14px;font-family:inherit;cursor:pointer;padding:0;display:inline-flex;align-items:center;gap:6px;}
 .menu .caret{width:6px;height:6px;border-right:2px solid currentColor;border-bottom:2px solid currentColor;transform:rotate(45deg);margin-top:-2px;opacity:.8;}
 .menu .dropdown{position:absolute;top:calc(100% + 6px);left:0;min-width:200px;background:rgba(2,6,23,.98);border:1px solid var(--border);border-radius:14px;padding:10px;display:none;box-shadow:0 12px 30px rgba(0,0,0,.35);z-index:10;}
 .menu .dropdown a{display:block;padding:8px 10px;border-radius:10px;color:#cbd5e1;font-size:14px;}
 .menu .dropdown a:hover{background:rgba(45,212,191,.12);color:#e2e8f0;}
 .menu .has-dropdown:hover .dropdown,.menu .has-dropdown:focus-within .dropdown,.menu .has-dropdown .dropdown:hover{display:block;}
 .cookie-banner{position:fixed;left:50%;bottom:24px;transform:translateX(-50%);width:min(960px,92vw);background:rgba(2,6,23,.96);border:1px solid var(--border);border-radius:20px;padding:16px 18px;display:none;align-items:center;justify-content:space-between;gap:16px;z-index:100;box-shadow:0 12px 30px rgba(0,0,0,.35);backdrop-filter:blur(8px);}
 .cookie-banner.show{display:flex;}
 .cookie-content{display:flex;flex-direction:column;gap:4px;}
 .cookie-content strong{font-size:14px;}
 .cookie-content span{font-size:13px;color:var(--muted);}
 .cookie-actions{display:flex;gap:10px;flex-wrap:wrap;}
 .cookie-actions .btn{border:0;cursor:pointer;}
 @media (max-width:700px){.cookie-banner{flex-direction:column;align-items:flex-start;}}

 /* HERO */
 .hero{position:relative;overflow:hidden;}
 .hero .bg{position:absolute;inset:0;z-index:0;}
 .hero-inner{position:relative;z-index:1;min-height:90vh;}
 @media (min-width:1280px){.hero-inner{min-height:100vh;}}
 .hero-grid{display:grid;grid-template-columns:1fr;gap:48px;align-items:center;padding:56px 0;}
 @media (min-width:900px){.hero-grid{grid-template-columns:1fr 1fr;}}
 .hero h1{font-size:56px;font-weight:900;line-height:1.1;margin:0;}
 .gradient-text{
 background:linear-gradient(90deg,#34d399,#5eead4,#67e8f9);
 -webkit-background-clip:text;background-clip:text;color:transparent;
}
 .hero p{margin-top:24px;color:#cbd5e1;max-width:640px;font-size:18px;line-height:1.8;}
 .hero .cta{margin-top:36px;display:flex;gap:16px;flex-wrap:wrap;}
 .hero .badges{margin-top:40px;display:flex;gap:32px;color:#94a3b8;}
 .logo-card-wrap{position:relative;}
 
 
 .logo-hero{position:relative;z-index:1;height:350px;width:350px;object-fit:contain;display:block;margin:auto;}

 /* Sections */
 section.section{padding:56px 0;border-top:1px solid var(--border);}
 section.alt{background:rgba(2,6,23,.4);border-top:1px solid var(--border);border-bottom:1px solid var(--border);}
 h2.section-title{text-align:center;font-size:28px;font-weight:800;margin:0;}
 p.section-sub{text-align:center;max-width:680px;margin:12px auto 0;color:var(--muted);line-height:1.8;}

 /* Cards grid */
 .grid{display:grid;gap:24px;}
 .grid.cols-4{grid-template-columns:repeat(4,1fr);}
 .grid.cols-3{grid-template-columns:repeat(3,1fr);}
 .grid.cols-2{grid-template-columns:repeat(2,1fr);}
 @media (max-width:1200px){.grid.cols-4{grid-template-columns:repeat(2,1fr)} .grid.cols-3{grid-template-columns:repeat(1,1fr)}}
 @media (max-width:700px){.grid.cols-4{grid-template-columns:repeat(1,1fr)} .grid.cols-2{grid-template-columns:repeat(1,1fr)}}
 .card{
 border:1px solid var(--border);background:rgba(2,6,23,.35);
 padding:24px;border-radius:24px;box-shadow:0 10px 30px rgba(0,0,0,.35);
}
 .card h3{margin:8px 0 0;font-size:18px;}
 .card p{margin:8px 0 0;font-size:14px;color:#cbd5e1;line-height:1.8;}
 .icon{width:32px;height:32px;color:#34d399;opacity:.85;}
 .icon-box{display:inline-flex;align-items:center;justify-content:center;padding:10px;border-radius:14px;border:1px solid rgba(45,212,191,.35);background:linear-gradient(45deg,rgba(16,185,129,.08),rgba(34,211,238,.08));}

 /* CTA / Form */
 .cta .form{max-width:720px;margin:24px auto 0;border:1px solid var(--border);background:rgba(2,6,23,.5);padding:24px;border-radius:24px;}
 .field{margin-top:14px;}
 label{display:block;font-size:14px;color:#cbd5e1;margin-bottom:6px;}
 input[type="text"],input[type="email"],textarea{
 width:100%;background:rgba(2,6,23,.4);border:1px solid var(--border);
 color:var(--text);border-radius:14px;padding:12px 14px;font-size:14px;
 outline:none;
}
 textarea{min-height:110px;resize:vertical;}
 .submit{margin-top:16px;}
 .submit .btn{width:100%;padding:14px 18px;border-radius:18px;}

 /* Footer */
 footer{border-top:1px solid var(--border);background:rgba(2,6,23,.8);color:#94a3b8;}
 .footer-inner{display:grid;grid-template-columns:2fr 1fr 1fr 1fr;gap:24px;padding:40px 0;}
 .footer-inner h4{color:#e2e8f0;margin:0 0 10px;font-size:14px;}
 .footer-inner a{color:#cbd5e1;text-decoration:none;font-size:14px;}
 .copy{font-size:12px;color:#64748b;margin-top:10px;}
 @media (max-width:1000px){.footer-inner{grid-template-columns:1fr 1fr}}
 @media (max-width:600px){.footer-inner{grid-template-columns:1fr}}
 
 /* Logo free-floating with subtle emerald glow */
 .logo-hero-wrap{position:relative;display:flex;align-items:center;justify-content:center;}
 .logo-glow{position:absolute;width:500px;height:500px;border-radius:9999px;background:radial-gradient(closest-side,rgba(16,185,129,.35),rgba(34,211,238,.2),transparent 70%);filter:blur(100px);opacity:.28;z-index:0;}
 .logo-hero{position:relative;z-index:1;height:350px;width:350px;object-fit:contain;display:block;margin:auto;}