:root{--primary:#5a4bff;--navy:#071633;--primary-light:#776bff;--primary-dark:#3f37d5;--accent:#7164ff;--accent-dark:#2e248f;--text:#06142e;--white:#fff;--muted:color-mix(in srgb, var(--text) 68%, var(--white));--line:color-mix(in srgb, var(--text) 12%, transparent);--surface:color-mix(in srgb, var(--primary) 6%, var(--white));--radius:22px;--shadow:0 24px 60px color-mix(in srgb, var(--navy) 16%, transparent);--header:76px}*,:before,:after{box-sizing:border-box}html{scroll-behavior:smooth;scroll-padding-top:calc(var(--header) + 16px)}body{color:var(--text);background:var(--white);-webkit-font-smoothing:antialiased;margin:0;font-family:Poppins,system-ui,sans-serif;line-height:1.6;overflow-x:hidden}img{max-width:100%;display:block}a{color:inherit}h1,h2,h3,p{margin:0}h1,h2,h3{letter-spacing:-.035em;line-height:1.12}h1{font-size:clamp(2.15rem,4.6vw,4.15rem);font-weight:700}h2{font-size:clamp(1.7rem,3vw,2.55rem);font-weight:700}h3{font-size:1.15rem;font-weight:600}.container{width:min(1120px,100% - 40px);margin-inline:auto}.skip-link{z-index:20;background:var(--white);color:var(--text);border-radius:8px;padding:8px 12px;position:absolute;top:-40px;left:16px}.skip-link:focus{top:16px}.btn{cursor:pointer;border:0;border-radius:999px;justify-content:center;align-items:center;gap:8px;min-height:48px;padding:0 22px;font:600 .95rem/1 Poppins,sans-serif;text-decoration:none;transition:transform .2s,background .2s,border-color .2s;display:inline-flex}.btn:hover{transform:translateY(-1px)}.btn:focus-visible,.nav a:focus-visible,.field input:focus-visible,.field textarea:focus-visible,.field select:focus-visible{outline:2px solid var(--primary-light);outline-offset:3px}.btn-primary{background:var(--primary);color:var(--white)}.btn-primary:hover{background:var(--primary-light)}.btn-ghost{color:var(--white);background:0 0;border:1px solid #ffffff47}.btn-ghost:hover{border-color:var(--white)}.btn-full{width:100%}.btn-icon{flex-shrink:0;width:18px;height:18px}.btn-whatsapp{background:var(--primary);color:var(--white)}.btn-whatsapp:hover{background:var(--primary-light)}.contact-whatsapp{margin:8px 0}.eyebrow{color:var(--accent);letter-spacing:.08em;text-transform:uppercase;align-items:center;gap:10px;margin-bottom:16px;font-size:.82rem;font-weight:600;display:inline-flex}.eyebrow.dark{color:var(--primary)}.site-header{z-index:10;height:var(--header);background:color-mix(in srgb, var(--navy) 88%, transparent);-webkit-backdrop-filter:blur(16px);backdrop-filter:blur(16px);border-bottom:1px solid #ffffff0f;position:sticky;top:0}.header-inner{align-items:center;gap:28px;height:100%;display:flex}.brand{flex-shrink:0;align-items:center;text-decoration:none;display:flex}.brand-logo{width:auto;height:42px;display:block}.nav{gap:22px;margin-left:auto;display:flex}.nav a{color:#ffffffd1;font-size:.92rem;font-weight:500;text-decoration:none}.nav a:hover{color:var(--white)}.header-cta{flex-shrink:0}.menu-toggle{cursor:pointer;background:#ffffff0f;border:1px solid #ffffff47;border-radius:12px;width:44px;height:44px;margin-left:auto;padding:0;display:none}.menu-toggle span{background:var(--white);width:18px;height:2px;margin:4px auto;display:block}.hero{min-height:min(calc(100svh - var(--header)), 820px);background:var(--navy);color:var(--white);padding:72px 0 88px;position:relative;overflow:hidden}.hero-grid{background-image:linear-gradient(color-mix(in srgb, var(--white) 4%, transparent) 1px, transparent 1px), linear-gradient(90deg, color-mix(in srgb, var(--white) 4%, transparent) 1px, transparent 1px);pointer-events:none;background-size:48px 48px;position:absolute;inset:0}.hero-grid-layout{grid-template-columns:1.05fr .95fr;align-items:center;gap:48px;display:grid;position:relative}.lead{color:#ffffffc7;max-width:36rem;margin:18px 0 28px;font-size:1.05rem}.hero-actions{flex-wrap:wrap;gap:12px;display:flex}.hero-visual{place-items:center;min-height:460px;display:grid;position:relative}.hero-mark{width:min(340px,70%);animation:6s ease-in-out infinite float}.orbit,.orbit-2{border:1px solid color-mix(in srgb, var(--primary-light) 28%, transparent);border-radius:50%;position:absolute}.orbit{aspect-ratio:1;width:78%}.orbit-2{aspect-ratio:1;border-style:dashed;width:58%}.float-card{background:color-mix(in srgb, var(--navy) 72%, transparent);-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);box-shadow:var(--shadow);border:1px solid #ffffff1a;border-radius:16px;flex-direction:column;gap:4px;padding:12px 14px;font-size:.86rem;font-weight:500;display:flex;position:absolute}.card-kicker{color:var(--primary-light);letter-spacing:.12em;font-size:.68rem}.card-1{top:12%;left:0}.card-2{top:42%;right:0}.card-3{bottom:10%;left:12%}@keyframes float{0%,to{transform:translateY(0)}50%{transform:translateY(-10px)}}@media (prefers-reduced-motion:reduce){html{scroll-behavior:auto}.hero-mark{animation:none}.btn,.service-card{transition:none}}.section{padding:96px 0}.section-navy{background:var(--navy);color:var(--white)}.section-head{max-width:640px;margin-bottom:48px}.section-head.light .section-intro,.section-head.light h2{color:var(--white)}.section-intro{color:var(--muted);margin-top:14px;font-size:1.05rem}.cards{grid-template-columns:repeat(3,1fr);gap:20px;display:grid}.service-card{border:1px solid var(--line);border-radius:var(--radius);background:var(--surface);padding:28px;transition:border-color .2s,transform .2s}.service-card:hover{border-color:var(--primary);transform:translateY(-3px)}.service-icon{background:color-mix(in srgb, var(--primary) 12%, transparent);width:48px;height:48px;color:var(--primary);border-radius:14px;place-items:center;margin-bottom:20px;display:grid}.service-icon svg{width:28px;height:28px}.service-card h3{margin-bottom:10px}.service-card p{color:var(--muted);font-size:.95rem}.steps{grid-template-columns:repeat(3,1fr);gap:24px;margin:0;padding:0;list-style:none;display:grid}.steps li{border-top:1px solid #ffffff1f;padding:8px 8px 0 0}.step-num{color:var(--primary-light);letter-spacing:.16em;margin:18px 0 12px;font-size:.8rem;font-weight:600;display:block}.steps p{color:#ffffffb8;margin-top:10px}.contact-grid{grid-template-columns:1fr 1fr;align-items:start;gap:48px;display:grid}.company{max-width:640px}.company p{color:var(--muted);margin:14px 0 0}.company .btn{margin-top:28px}.section-contact{background:var(--surface)}.contact-list{gap:16px;margin:32px 0 0;padding:0;list-style:none;display:grid}.contact-list li{gap:2px;display:grid}.contact-list span:first-child{color:var(--muted);letter-spacing:.06em;text-transform:uppercase;font-size:.78rem;font-weight:600}.contact-list a{color:var(--primary-dark);font-weight:600;text-decoration:none}.contact-form{background:var(--white);box-shadow:var(--shadow);border-radius:24px;gap:16px;padding:28px;display:grid}.field{gap:6px;display:grid}.field label{font-size:.82rem;font-weight:600}.field input,.field textarea,.field select{border:1px solid var(--line);background:var(--surface);width:100%;color:var(--text);border-radius:12px;padding:12px 14px;font:400 1rem/1.4 Poppins,sans-serif}.field select{appearance:none;background-image:linear-gradient(45deg, transparent 50%, var(--text) 50%), linear-gradient(135deg, var(--text) 50%, transparent 50%);background-position:calc(100% - 18px),calc(100% - 12px);background-repeat:no-repeat;background-size:6px 6px,6px 6px}.field-row{grid-template-columns:1fr 1fr;gap:16px;display:grid}.form-legal{color:var(--muted);margin:0;font-size:.78rem}.field input:focus,.field textarea:focus,.field select:focus{outline:2px solid var(--primary);border-color:#0000}.form-note{min-height:1.2em;color:var(--muted);font-size:.85rem}.form-note.ok{color:var(--primary-dark)}.form-note.err{color:var(--accent-dark)}.site-footer{background:var(--navy);color:#ffffffb3;padding:36px 0}.footer-inner{gap:16px;display:grid}.footer-legal,.footer-copy{font-size:.85rem}.footer-legal a{color:var(--primary-light);text-decoration:none}@media (width<=900px){.hero-grid-layout,.cards,.steps,.contact-grid{grid-template-columns:1fr}.hero-visual{min-height:280px}.field-row{grid-template-columns:1fr}.nav{inset:var(--header) 16px auto;background:var(--accent-dark);box-shadow:var(--shadow);border-radius:18px;flex-direction:column;gap:0;padding:12px;display:none;position:fixed}.nav.open{display:flex}.nav a{padding:12px}.header-cta{min-height:40px;margin-left:auto;padding:0 14px;font-size:.85rem;display:inline-flex}.menu-toggle{margin-left:0;display:block}.hero{padding-top:36px}}@media (width<=600px){.container{width:min(1120px,100% - 28px)}.brand-logo{height:34px}.section{padding:72px 0}.hero-visual{min-height:200px}.hero-mark{width:160px}.float-card,.orbit,.orbit-2{display:none}.menu-toggle{border-color:#ffffff59}.menu-toggle span{width:18px;height:2px}}
