:root{--bg:#030812;--panel:#071322;--muted:#94a3b8;--line:rgba(255,255,255,.12);--blue:#12b7ff;--purple:#8b5cf6;--green:#19d67a;--text:#f8fafc}*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;font-family:Inter,system-ui,sans-serif;background:radial-gradient(circle at 70% 0%,#10234a 0,#030812 42%,#02050c 100%);color:var(--text)}a{color:inherit;text-decoration:none}.noise{position:fixed;inset:0;pointer-events:none;opacity:.05;background-image:url("data:image/svg+xml,%3Csvg viewBox='0 0 200 200' xmlns='http://www.w3.org/2000/svg'%3E%3Cfilter id='n'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='.7' numOctaves='3'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23n)'/%3E%3C/svg%3E")} .site-header{position:sticky;top:0;z-index:9;display:flex;align-items:center;justify-content:space-between;padding:16px 22px;background:rgba(3,8,18,.72);backdrop-filter:blur(18px);border-bottom:1px solid var(--line)}.brand img{width:132px}.menu-btn{background:transparent;border:0;display:grid;gap:5px}.menu-btn span{width:28px;height:2px;background:#fff}.nav{display:none}.nav.open{display:grid;position:absolute;top:72px;left:16px;right:16px;padding:18px;background:#071322;border:1px solid var(--line);border-radius:18px;gap:16px}.nav-whatsapp{border:1px solid var(--green);padding:10px 14px;border-radius:10px;color:#fff}.section-pad{padding:54px 22px}.hero{overflow:hidden}.hero-grid{display:grid;gap:36px}.eyebrow{display:inline-flex;color:#24e6d0;background:rgba(0,255,204,.08);border:1px solid rgba(0,255,204,.25);border-radius:999px;padding:8px 12px;font-weight:800;font-size:12px;text-transform:uppercase;letter-spacing:.06em}.hero h1,.section-title h2,.contact h2,.process h2{font-size:clamp(34px,8vw,72px);line-height:1.02;margin:18px 0}.hero h1 span{background:linear-gradient(90deg,var(--blue),var(--purple),#f472b6);-webkit-background-clip:text;color:transparent}.lead{color:#cbd5e1;font-size:18px;line-height:1.65}.actions{display:flex;flex-direction:column;gap:12px;margin:28px 0}.btn{display:inline-flex;justify-content:center;align-items:center;min-height:52px;border-radius:12px;font-weight:800;padding:0 22px;border:1px solid var(--line)}.primary{border:0;background:linear-gradient(135deg,#0ea5ff,#7c3aed);box-shadow:0 20px 40px rgba(59,130,246,.25)}.ghost{border-color:rgba(25,214,122,.5)}.metrics{display:grid;grid-template-columns:repeat(3,1fr);gap:12px;color:var(--muted);font-size:12px}.metrics b{display:block;color:#fff;font-size:18px}.hero-visual{position:relative;min-height:520px;display:grid;place-items:center}.orbit{position:absolute;width:430px;height:430px;max-width:95vw;border-radius:50%;border:1px solid rgba(18,183,255,.25);box-shadow:0 0 80px rgba(18,183,255,.18)}.orbit i{position:absolute;inset:28px;border-radius:50%;border:1px dashed rgba(139,92,246,.35)}.phone{position:relative;z-index:2;width:min(290px,82vw);padding:18px;border:10px solid #111827;background:#ece5dd;border-radius:38px;box-shadow:0 40px 100px rgba(0,0,0,.7);color:#111}.phone-top{background:#071322;color:#fff;padding:10px;border-radius:18px;font-weight:800}.phone small{display:block;color:#67e8f9}.chat{padding:12px;border-radius:12px;margin:12px 0;background:#fff}.chat.user{background:#d9fdd3;margin-left:30px}.phone button{display:block;width:100%;margin:8px 0;padding:10px;border:1px solid #ddd;border-radius:10px;background:#fff}.float{position:absolute;z-index:3;padding:12px 16px;border:1px solid var(--line);background:rgba(7,19,34,.75);border-radius:999px;box-shadow:0 0 30px rgba(18,183,255,.2)}.f1{right:4%;top:18%}.f2{left:4%;top:36%}.f3{right:4%;bottom:18%}.section-title p{color:var(--blue);text-transform:uppercase;font-weight:900}.section-title h2{font-size:clamp(28px,6vw,44px)}.cards{display:grid;gap:16px}.card{min-height:270px;padding:24px;background:linear-gradient(180deg,rgba(15,31,52,.92),rgba(5,12,22,.92));border:1px solid var(--line);border-radius:20px;box-shadow:0 20px 80px rgba(0,0,0,.22)}.card.featured{border-color:rgba(25,214,122,.45);box-shadow:0 0 50px rgba(25,214,122,.08)}.card .icon{font-size:28px;width:52px;height:52px;display:grid;place-items:center;border-radius:18px;background:linear-gradient(135deg,#2563eb,#8b5cf6)}.card h3{font-size:22px}.card p,.card li{color:#cbd5e1;line-height:1.55}.card a{color:#60a5fa;font-weight:900}.card ul{padding-left:18px}.services,.panel,.contact,.footer{background:rgba(7,19,34,.72);border:1px solid var(--line);border-radius:24px;margin:0 22px}.service-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:14px}.service-grid div{display:grid;gap:8px;padding:18px;border:1px solid var(--line);border-radius:16px;text-align:center}.service-grid div:first-letter{font-size:30px}.service-grid span{color:var(--muted);font-size:13px}.process .steps{display:grid;gap:12px}.steps span{padding:18px;border:1px solid var(--line);border-radius:18px;background:rgba(255,255,255,.03);color:var(--blue);font-weight:900}.steps b{display:block;color:#fff;margin-top:8px}.contact{display:grid;gap:26px}.contact-copy p{color:#cbd5e1}.contact-copy a{display:block;margin:12px 0;color:#67e8f9;font-weight:800}.form{display:grid;gap:12px}.form input,.form select,.form textarea{width:100%;min-height:52px;padding:14px 16px;background:rgba(255,255,255,.06);border:1px solid var(--line);border-radius:12px;color:#fff}.form option{color:#111}.form textarea{min-height:120px}footer{padding:40px 22px;border-top:1px solid var(--line);color:#94a3b8}footer img{width:140px}.wa-float{position:fixed;right:18px;bottom:18px;z-index:10;width:62px;height:62px;border-radius:50%;display:grid;place-items:center;background:#22c55e;font-size:30px;box-shadow:0 20px 40px rgba(34,197,94,.35)}.reveal{opacity:0;transform:translateY(20px);transition:.7s}.reveal.in{opacity:1;transform:none}@media(min-width:820px){.menu-btn{display:none}.nav{display:flex;gap:28px;align-items:center;font-weight:700}.section-pad{padding:72px 48px}.hero-grid{grid-template-columns:1fr 1fr;align-items:center}.actions{flex-direction:row}.cards{grid-template-columns:repeat(3,1fr)}.card.tall{grid-row:span 2}.service-grid{grid-template-columns:repeat(6,1fr)}.process .steps{grid-template-columns:repeat(5,1fr)}.contact{grid-template-columns:.8fr 1.2fr;margin:0 48px}.services{margin:0 48px}.form{grid-template-columns:repeat(2,1fr)}.form textarea,.form select,.form button{grid-column:1/-1}}@media(min-width:1180px){.site-header{padding:20px 52px}.hero h1{font-size:70px}.cards{grid-template-columns:repeat(6,1fr)}.card{min-height:390px}.card.featured{grid-column:span 2}.card.tall{grid-column:span 2}.solutions{padding-top:30px}}