:root { --ink:#001040; --night:#06152c; --night-2:#0a2348; --blue:#0050c0; --electric:#0070e0; --cyan:#00c8d8; --mist:#f5f8ff; --soft:#eaf1fb; --line:rgba(0,61,139,.16); --text:#17233a; --muted:#5b6880; --white:#fff; --radius:1.1rem; }
*{box-sizing:border-box} html{scroll-behavior:smooth} body{margin:0;background:var(--white);color:var(--text);font-family:Inter,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif;font-size:16px;line-height:1.6} a{color:inherit;text-decoration:none} img{max-width:100%;display:block} h1,h2,h3,p{margin-top:0} h1,h2,h3{line-height:1.08;letter-spacing:-.035em} h1{font-size:clamp(2.85rem,6vw,5.8rem);max-width:950px} h2{font-size:clamp(2.1rem,4vw,3.75rem)} h3{font-size:1.32rem}.container{width:min(1180px,calc(100% - 3rem));margin:auto}.section{padding:7.5rem 0}.skip-link{position:absolute;z-index:9;left:-999px;top:1rem;background:var(--white);padding:.8rem 1rem}.skip-link:focus{left:1rem}.sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}
.site-header{position:absolute;z-index:4;width:100%;padding:1.4rem 0}.nav-wrap{display:flex;align-items:center;justify-content:space-between;gap:2rem}.brand img{width:176px;height:auto}.site-nav{display:flex;align-items:center;gap:1.65rem;color:#e8f0ff;font-size:.9rem}.site-nav a:not(.nav-cta){opacity:.8}.site-nav a:hover{opacity:1}.nav-cta{border:1px solid rgba(255,255,255,.4);padding:.65rem 1rem;border-radius:99px}.menu-toggle{display:none;background:transparent;border:0;padding:.5rem}.menu-toggle span:not(.sr-only){display:block;width:24px;height:2px;background:white;margin:5px}
.hero{position:relative;overflow:hidden;isolation:isolate;display:flex;align-items:center;min-height:100svh;padding:8.5rem 0 2.5rem;background:radial-gradient(circle at 82% 8%,rgba(0,200,216,.28),transparent 18%),radial-gradient(circle at 70% 72%,rgba(0,80,192,.36),transparent 30%),linear-gradient(125deg,#020b1a,#061a36 65%,#082854);color:var(--white)}.hero::after{content:"";position:absolute;z-index:-1;width:42rem;height:42rem;right:-16rem;bottom:-18rem;border:1px solid rgba(0,200,216,.22);border-radius:50%;box-shadow:0 0 0 5rem rgba(0,112,224,.05),0 0 0 10rem rgba(0,112,224,.035)}.hero-grid{position:absolute;inset:0;z-index:-1;opacity:.35;background-image:linear-gradient(rgba(121,174,255,.09) 1px,transparent 1px),linear-gradient(90deg,rgba(121,174,255,.09) 1px,transparent 1px);background-size:52px 52px;mask-image:linear-gradient(to bottom,black,transparent 85%)}.hero-content{position:relative}.hero h1{font-size:clamp(2.75rem,5.25vw,5rem)}.eyebrow{color:var(--cyan);font-size:.74rem;letter-spacing:.18em;font-weight:800;margin-bottom:1rem}.eyebrow-blue{color:var(--blue)}.hero-lead{max-width:670px;font-size:clamp(1.02rem,1.6vw,1.18rem);line-height:1.58;color:#c8d8ef}.hero-actions{display:flex;flex-wrap:wrap;gap:1rem;margin-top:1.8rem}.button{display:inline-flex;align-items:center;justify-content:center;gap:.65rem;padding:.95rem 1.25rem;border:0;border-radius:.5rem;font-weight:750;transition:transform .2s,box-shadow .2s;cursor:pointer}.button:hover{transform:translateY(-2px)}.button-primary{color:#fff;background:linear-gradient(135deg,var(--blue),var(--electric) 58%,var(--cyan));box-shadow:0 10px 28px rgba(0,112,224,.24)}.button-ghost{border:1px solid rgba(255,255,255,.25);color:#fff;background:rgba(255,255,255,.06)}.hero-pillars{display:flex;flex-wrap:wrap;gap:.8rem;margin-top:3.25rem;color:#dbe8f8;font-size:.85rem}.hero-pillars span{border-top:1px solid rgba(0,200,216,.45);padding-top:.8rem;min-width:155px}
.intro{background:var(--white)}.two-column{display:grid;grid-template-columns:.75fr 2fr;gap:3rem;align-items:start}.two-column p:not(.eyebrow){font-size:1.18rem;max-width:760px;color:var(--muted)}.section-dark{background:var(--night);color:white}.section-heading{max-width:800px;margin-bottom:3rem}.section-heading>p:not(.eyebrow){color:#b7cae4;font-size:1.08rem}.feature-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:1rem}.feature-card{padding:2rem;border:1px solid rgba(103,158,235,.26);background:linear-gradient(145deg,rgba(20,58,108,.7),rgba(8,26,54,.42));border-radius:var(--radius)}.feature-number{display:block;color:var(--cyan);font-weight:800;font-size:.85rem;margin-bottom:2.7rem}.feature-card p{color:#c0cfe4;margin-bottom:0}.split-panel{display:grid;grid-template-columns:1fr 1fr;min-height:520px;border-radius:var(--radius);overflow:hidden;background:var(--soft)}.split-panel-art{position:relative;overflow:hidden;background:radial-gradient(circle,#0e55b8 0, #062255 37%,#04152d 73%);display:grid;place-items:center}.core{color:#fff;font-size:11rem;font-weight:900;font-style:italic;line-height:1;text-shadow:0 0 38px rgba(0,200,216,.85)}.orbit{position:absolute;border:1px solid rgba(0,200,216,.65);border-radius:50%;transform:rotate(-38deg)}.orbit-one{width:180%;height:50%}.orbit-two{width:130%;height:100%;border-color:rgba(80,143,255,.35)}.split-panel-content{padding:4.4rem 3.8rem;align-self:center}.split-panel-content>p:not(.eyebrow){color:var(--muted);font-size:1.06rem}.check-list{list-style:none;padding:0;margin:2rem 0}.check-list li{position:relative;padding:.7rem 0 .7rem 1.8rem;border-bottom:1px solid var(--line)}.check-list li::before{content:"";position:absolute;left:0;top:1.2rem;width:.55rem;height:.55rem;border-radius:50%;background:var(--cyan);box-shadow:0 0 0 4px rgba(0,200,216,.13)}.text-link{display:inline-flex;gap:.6rem;align-items:center;font-weight:750;color:var(--blue)}.text-link:hover{color:var(--electric)}
.section-soft{background:#f5f8fd}.section-heading-inline{max-width:none;display:grid;grid-template-columns:1.25fr .75fr;gap:4rem;align-items:end}.section-heading-inline>p{color:var(--muted);margin:0}.product-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:1rem}.product-card{display:flex;min-height:315px;flex-direction:column;padding:2rem;border:1px solid var(--line);border-radius:var(--radius);background:white}.product-card-active{color:white;background:linear-gradient(145deg,#003077,#005ed0 75%,#008ca8);border-color:transparent}.product-label{font-size:.68rem;letter-spacing:.14em;font-weight:850;color:#687794}.product-card-active .product-label{color:#c1f9fc}.product-card h3{font-size:2rem;margin-bottom:.75rem}.product-card>p:not(.product-label){color:var(--muted)}.product-card-active>p:not(.product-label){color:#e0f1ff}.product-card .text-link,.coming-soon{margin-top:auto}.product-card-active .text-link{color:white}.coming-soon{width:max-content;border-radius:99px;background:#e8eef8;color:#385074;padding:.4rem .75rem;font-size:.8rem;font-weight:750}.method-section{border-top:1px solid var(--line)}.method-list{list-style:none;margin:0;padding:0;border-top:1px solid var(--line);display:grid;grid-template-columns:repeat(4,1fr)}.method-list li{padding:1.6rem 1.3rem 0;border-right:1px solid var(--line)}.method-list li:first-child{padding-left:0}.method-list li:last-child{border:0}.method-list span{display:block;font-size:.75rem;color:var(--blue);font-weight:850;margin-bottom:3.5rem}.method-list h3{margin-bottom:.5rem}.method-list p{color:var(--muted);font-size:.92rem}
.contact-section{background:var(--night);color:white}.contact-layout{display:grid;grid-template-columns:.8fr 1.2fr;gap:5.5rem}.contact-copy h2{max-width:550px}.contact-copy>p:not(.eyebrow){color:#bfd0e5}.contact-detail{display:block;font-size:1.1rem;font-weight:700;margin:.7rem 0;color:#fff}.contact-detail:hover{color:var(--cyan)}.address{margin-top:2rem;font-size:.9rem}.contact-form{padding:2rem;background:#fff;border-radius:var(--radius);color:var(--text)}.form-row{display:grid;grid-template-columns:1fr 1fr;gap:1rem}.field{margin-bottom:1rem}.field label{display:block;font-size:.85rem;font-weight:750;margin-bottom:.3rem}.field input,.field select,.field textarea{width:100%;border:1px solid #cad6e7;border-radius:.35rem;padding:.75rem;background:#fff;color:var(--ink);font:inherit}.field input:focus,.field select:focus,.field textarea:focus{outline:3px solid rgba(0,112,224,.22);border-color:var(--electric)}.form-note{font-size:.77rem;line-height:1.45;color:var(--muted);margin:.8rem 0 0}.form-status{min-height:0;color:#007043;font-weight:650;margin-bottom:.7rem}.honeypot{position:absolute;left:-9999px}.site-footer{background:#030d1d;color:#9cb3d1;padding:1.75rem 0}.footer-wrap{display:flex;justify-content:space-between;align-items:center;gap:1rem}.footer-wrap img{width:135px}.footer-wrap p{font-size:.8rem;margin:0}
@media(max-width:800px){.site-header{padding:1rem 0}.brand img{width:145px}.menu-toggle{display:block;z-index:2}.site-nav{display:none;position:absolute;top:0;right:0;width:min(320px,90vw);padding:5.5rem 1.5rem 1.5rem;flex-direction:column;align-items:stretch;background:#071a36;border-radius:0 0 0 1rem}.site-nav.is-open{display:flex}.hero{min-height:auto;padding:10rem 0 5rem}.hero-pillars{margin-top:4rem}.section{padding:5rem 0}.two-column,.section-heading-inline,.split-panel,.contact-layout{grid-template-columns:1fr;gap:2rem}.feature-grid,.product-grid{grid-template-columns:1fr}.feature-card{padding:1.6rem}.feature-number{margin-bottom:1.5rem}.split-panel-art{min-height:280px}.split-panel-content{padding:2.7rem 1.7rem}.method-list{grid-template-columns:1fr 1fr}.method-list li{border-bottom:1px solid var(--line);padding:1.2rem}.method-list li:first-child{padding-left:1.2rem}.method-list span{margin-bottom:1.5rem}.form-row{grid-template-columns:1fr}.contact-layout{gap:3rem}.contact-form{padding:1.3rem}.footer-wrap{flex-direction:column;align-items:flex-start}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}.button{transition:none}}
.form-error{margin:.65rem 0 0;color:#b3262e;font-size:.82rem;font-weight:650;line-height:1.4}
.field-error{min-height:1.15rem;margin:.28rem 0 0;color:#b3262e;font-size:.76rem;line-height:1.35}.field.has-error input,.field.has-error select,.field.has-error textarea{border-color:#d3444c;background:#fffafa}.field.has-error input:focus,.field.has-error select:focus,.field.has-error textarea:focus{outline-color:rgba(211,68,76,.22)}
.contact-whatsapp{display:flex;align-items:center;gap:.55rem;width:max-content}.contact-whatsapp svg{width:1.25rem;height:1.25rem;color:#25d366}
.contact-icon-link{display:flex;align-items:center;gap:.55rem;width:max-content}.contact-icon-link svg{width:1.15rem;height:1.15rem;color:var(--cyan)}
.clients-section{background:linear-gradient(135deg,#05162e,#0a2852);color:#fff}.clients-heading>p:not(.eyebrow){color:#b9cee6}.client-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(180px,1fr));gap:1rem}.client-logo{display:grid;place-items:center;min-height:125px;padding:1.5rem;border:1px solid rgba(136,180,237,.22);border-radius:.85rem;background:rgba(255,255,255,.035);transition:transform .2s,border-color .2s,background .2s}.client-logo:hover{transform:translateY(-3px);border-color:rgba(0,200,216,.62);background:rgba(255,255,255,.075)}.client-logo img{width:100%;max-width:185px;height:62px;object-fit:contain}
.product-title{display:flex;align-items:center;gap:.7rem}.product-title img{width:2.3rem;height:2.3rem;object-fit:contain}
.back-to-top{position:fixed;z-index:15;right:1.25rem;bottom:1.25rem;display:grid;place-items:center;width:3rem;height:3rem;border:1px solid rgba(0,200,216,.55);border-radius:50%;background:linear-gradient(135deg,#0050c0,#0070e0);color:#fff;font-size:1.4rem;box-shadow:0 10px 25px rgba(0,24,79,.3);opacity:0;transform:translateY(1rem);pointer-events:none;transition:opacity .2s,transform .2s,background .2s}.back-to-top:hover{background:linear-gradient(135deg,#0070e0,#00aebe)}.back-to-top.is-visible{opacity:1;transform:translateY(0);pointer-events:auto}.toast{bottom:5rem}
.toast{position:fixed;z-index:20;right:1.25rem;bottom:1.25rem;display:flex;align-items:flex-start;gap:.75rem;width:min(430px,calc(100% - 2.5rem));padding:1rem 1.1rem;border-radius:.7rem;background:#fff;color:var(--text);box-shadow:0 18px 42px rgba(0,16,64,.24);transition:opacity .25s,transform .25s}.toast>span{display:grid;place-items:center;flex:0 0 1.5rem;width:1.5rem;height:1.5rem;border-radius:50%;font-weight:900}.toast-success{border-left:4px solid #00a56a}.toast-success>span{background:#d8f8e9;color:#00734a}.toast-error{border-left:4px solid #d3444c}.toast-error>span{background:#ffe1e3;color:#a72830}.toast strong{display:block;font-size:.92rem}.toast p{margin:.15rem 0 0;font-size:.82rem;line-height:1.4;color:var(--muted)}.toast-close{margin-left:auto;border:0;background:transparent;color:var(--muted);font-size:1.35rem;line-height:1;cursor:pointer}.toast.is-hidden{opacity:0;transform:translateY(1rem);pointer-events:none}