@import url('https://fonts.googleapis.com/css2?family=Manrope:wght@400;500;600;700;800&display=swap');:root{--navy:#062838;--accent:#9bc8cd;--ink:#102b36;--muted:#667c86;--line:#d9e3e7}*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;font:16px/1.6 Manrope,Arial,sans-serif;color:var(--ink)}a{color:inherit;text-decoration:none}h1,h2,h3,p{margin-top:0}h1,h2,h3{line-height:1.08;letter-spacing:-.055em}a:focus-visible,summary:focus-visible{outline:3px solid #80b7cb;outline-offset:5px}.skip{position:absolute;left:20px;top:-100px;background:#fff;padding:12px;z-index:10}.skip:focus{top:10px}header{background:var(--navy);color:#fff;display:flex;align-items:center;justify-content:space-between;padding:24px 6vw;border-bottom:1px solid #ffffff20}.logo{display:block;width:240px;height:62px;background:url('/vertice-logo.png') -180px -277px/600px auto no-repeat;flex-shrink:0}header nav{display:flex;align-items:center;gap:32px;font-size:13px}.nav-cta{padding:10px 20px;border:1px solid #ffffff60;border-radius:3px}.hero{background:var(--navy);color:#fff;display:grid;grid-template-columns:1.1fr 1fr;min-height:690px}.hero-copy{padding:65px 3vw 70px 8vw}.eyebrow{font-size:11px;letter-spacing:.16em;font-weight:700;color:#6092a2;margin-bottom:30px}.hero .eyebrow,.contact .eyebrow{color:var(--accent)}h1{font-size:clamp(46px,5.4vw,83px);font-weight:500;margin-bottom:28px}h1 span{color:var(--accent)}.lead{color:#c7d9df;max-width:380px;font-size:17px}.button{display:inline-flex;align-items:center;gap:30px;background:var(--accent);color:var(--navy);font-size:13px;font-weight:700;padding:17px 22px;border-radius:3px;margin-top:16px;transition:transform .25s}.button:hover{transform:translateY(-3px)}.hero-tags{display:flex;gap:20px;margin-top:42px;color:#83a9b7;font-size:10px;letter-spacing:.1em}.hero-media{margin:36px 4vw 36px 0;position:relative;min-height:480px;background:#0d3544;border:1px solid #335363;overflow:hidden;display:grid;place-items:center}.media-lines{position:absolute;inset:0;background:linear-gradient(90deg,transparent 49.8%,#ffffff08 50%,transparent 50.2%),linear-gradient(transparent 49.8%,#ffffff08 50%,transparent 50.2%);background-size:100px 100px}.media-brand{position:relative;transform:scale(1.2)}.media-caption{position:absolute;bottom:30px;left:30px;right:30px;display:flex;flex-direction:column;font-size:10px;letter-spacing:.15em;color:#9bb7c3;gap:7px}.section{padding:90px 8vw}.section-heading{margin-bottom:45px}h2{font-size:clamp(36px,4.5vw,64px);font-weight:500;margin-bottom:25px}h2 span{color:#78939e}.section-heading>p:last-child{color:var(--muted);font-size:16px}.clients{padding:42px 6vw 35px;border-bottom:1px solid var(--line)}.section-label{display:flex;justify-content:space-between;align-items:center;gap:20px}.section-label p{font-size:10px;letter-spacing:.12em;font-weight:700;margin:0}.section-label>span{font-size:12px;color:var(--muted)}.client-logos{display:flex;justify-content:space-between;align-items:center;gap:20px;flex-wrap:wrap;margin-top:25px}.client-logo{background-image:url('/clientes.png');background-repeat:no-repeat;background-size:668px 299px;height:100px;width:100px}.amaretto{background-position:-16px -189px;width:80px;height:86px}.financiera{background-position:-116px -199px;width:80px;height:88px}.neo{background-position:-202px -208px;width:112px;height:60px}.hba{background-position:-320px -211px;width:100px;height:57px}.practico{background-position:-433px -199px;width:135px;height:62px}.leimer{background-position:-574px -166px;width:92px;height:90px}.clean{background-position:-568px -76px;width:90px;height:85px}.service-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:28px}.service-grid article{border-top:1px solid var(--line);padding-top:20px}.number{font-size:11px;color:#568296}.service-grid h3{font-size:24px;font-weight:500;line-height:1.2;margin:35px 0 16px}.service-grid p{font-size:14px;color:var(--muted);max-width:260px}.service-grid small{font-size:11px;display:block;line-height:1.7;color:#476570}.system{background:#f1f5f6;display:grid;grid-template-columns:1fr 1fr;gap:7vw;align-items:center}.system-copy>p:not(.eyebrow){color:var(--muted)}ul{padding:0;list-style:none;margin:30px 0}li{padding:9px 0;border-bottom:1px solid var(--line);font-size:14px}li:before{content:'✓';color:#4b8191;margin-right:12px}.method-tags{display:flex;gap:8px;flex-wrap:wrap}.method-tags span{border:1px solid #b7cbd2;padding:6px 10px;font-size:9px;font-weight:700;letter-spacing:.08em}.work-panel{background:var(--navy);color:#fff;padding:30px;border-radius:4px}.panel-top{display:flex;justify-content:space-between;gap:20px;border-bottom:1px solid #42616c;padding-bottom:25px;font-size:9px;letter-spacing:.08em}.panel-top>span{color:#8ab0bd;font-size:8px}.panel-row{display:flex;align-items:center;gap:14px;padding:22px 0;border-bottom:1px solid #31515f}.task-icon{font-size:22px;color:var(--accent);width:25px}.panel-row strong{font-size:13px;font-weight:500}.panel-row small{display:block;font-size:10px;color:#8dabba;margin-top:5px}.status{margin-left:auto;font-size:8px;background:#244e5c;color:#b4d6dc;padding:5px 7px;border-radius:2px;white-space:nowrap}.status.outline{background:transparent;border:1px solid #426471}.panel-note{font-size:11px;color:#a7c0cb;margin:25px 0 0}.steps{display:grid;grid-template-columns:repeat(5,1fr);gap:18px}.steps details{border-top:1px solid var(--line);padding-top:20px}.steps summary{cursor:pointer;list-style:none;font-size:16px}.steps summary::-webkit-details-marker{display:none}.steps summary span{display:block;font-size:11px;color:#638898;margin-bottom:20px}.steps summary b{font-weight:400;margin-left:5px;color:#7098a9}.steps p{font-size:13px;color:var(--muted);margin:18px 0 0}.subtle-link{display:inline-block;border-bottom:1px solid #9bb2bd;margin-top:35px;padding-bottom:5px;font-size:12px}.contact{background:var(--navy);color:#fff;text-align:center}.contact h2 span{color:var(--accent)}.contact>p:not(.eyebrow){color:#afc5cf}footer{display:flex;align-items:center;justify-content:space-between;gap:20px;background:var(--navy);border-top:1px solid #ffffff20;color:#99b4c0;padding:30px 6vw;font-size:11px}footer p{margin:0}.reveal{opacity:0;transform:translateY(18px);transition:opacity .6s,transform .6s}.reveal.visible{opacity:1;transform:none}@media(max-width:1050px){.hero{grid-template-columns:1fr 1fr}.service-grid{grid-template-columns:repeat(2,1fr);gap:40px}.system{gap:4vw}.status{display:none}header nav{gap:18px}.logo{width:210px;background-size:525px;background-position:-157.5px -243px;height:55px}}@media(max-width:700px){header{padding:20px 24px}header nav>a:not(.nav-cta){display:none}.nav-cta{font-size:11px;padding:8px 12px}.logo{width:175px;height:44px;background-size:437.5px;background-position:-131px -202px}.hero{grid-template-columns:1fr}.hero-copy{padding:48px 24px 35px}h1{font-size:51px}.hero-media{min-height:230px;margin:0 24px 30px}.media-brand{transform:scale(1.25)}.media-caption{left:20px;bottom:18px;font-size:8px}.section{padding:65px 24px}.clients{padding:30px 24px}.section-label{display:block}.section-label>span{display:block;margin-top:7px}.client-logos{justify-content:center;gap:22px}.service-grid{gap:30px 18px}.service-grid h3{font-size:21px;margin-top:25px}.service-grid p{font-size:13px}.system{grid-template-columns:1fr;gap:35px}.steps{grid-template-columns:1fr}.steps summary{display:flex;align-items:center;gap:15px}.steps summary span{margin:0}.steps summary b{margin-left:auto}.steps details{padding:16px 0}.work-panel{padding:24px}footer{flex-wrap:wrap}footer p{display:none}h2{font-size:38px}}@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}.reveal{opacity:1;transform:none}.button{transition:none}}

.hero-media video{position:absolute;inset:0;width:100%;height:100%;object-fit:cover}.video-toggle{position:absolute;z-index:2;bottom:20px;right:20px;background:#062838d9;border:1px solid #ffffff80;color:#fff;font:600 11px Manrope,Arial,sans-serif;padding:10px 14px;border-radius:3px;cursor:pointer}.video-toggle:focus-visible{outline:3px solid #9bc8cd;outline-offset:4px}@media(max-width:700px){.hero-media{aspect-ratio:16/9;min-height:0}}
/* Full-width video hero and brand-colored client marks. */
.hero{position:relative;display:block;min-height:730px;overflow:hidden}.hero-media{position:absolute;inset:0;margin:0;border:0;min-height:0;background:var(--navy);z-index:0}.hero-media video{object-position:center center}.hero-media:after{content:'';position:absolute;inset:0;background:linear-gradient(90deg,rgba(6,40,56,.95) 0%,rgba(6,40,56,.85) 28%,rgba(6,40,56,.4) 58%,rgba(6,40,56,.12) 100%);pointer-events:none}.hero-copy{position:relative;z-index:1;max-width:760px;padding:65px 3vw 80px 8vw;pointer-events:none}.hero-copy a{pointer-events:auto}.hero-copy h1{font-size:clamp(46px,5.4vw,83px)}.video-toggle{z-index:2}.client-logo{position:relative;isolation:isolate;filter:grayscale(1)}.client-logo:after{content:'';position:absolute;inset:0;background:var(--navy);mix-blend-mode:screen;pointer-events:none}.client-logos{background:#fff}.client-logo{filter:none}.client-logo:before{content:'';position:absolute;inset:0;backdrop-filter:grayscale(1);pointer-events:none}
@media(max-width:700px){.hero{min-height:700px}.hero-copy{padding:50px 24px 90px;max-width:100%}.hero-media{aspect-ratio:auto;margin:0;min-height:0}.hero-media:after{background:linear-gradient(90deg,rgba(6,40,56,.9),rgba(6,40,56,.62)),linear-gradient(0deg,rgba(6,40,56,.45),transparent)}.hero-media video{object-position:62% center}.hero-copy h1{font-size:51px}.hero-copy .lead{max-width:320px}.video-toggle{bottom:18px;right:24px}}

.portal-link{font-weight:700;color:var(--accent)}@media(max-width:700px){header nav{gap:10px}header nav>a.portal-link{display:block;font-size:10px}header nav .nav-cta{display:none}}

.contact{display:grid;grid-template-columns:1fr 1fr;gap:6vw;text-align:left;align-items:start}.contact-email{color:var(--accent);font-size:14px}.contact-form{background:#ffffff08;border:1px solid #ffffff25;padding:30px;border-radius:4px}.form-grid{display:grid;grid-template-columns:1fr 1fr;gap:20px}.contact-form label{display:block;font-size:13px;margin-bottom:8px}.contact-form label span{color:#a6bec8;font-size:11px}.contact-form input:not([type=hidden]),.contact-form select,.contact-form textarea{width:100%;font:14px Manrope,Arial,sans-serif;padding:13px 12px;background:#fff;color:#102b36;border:1px solid #adc1cb;border-radius:2px}.contact-form>label{margin-top:22px}.contact-form textarea{resize:vertical;min-height:100px}.contact-form input:focus-visible,.contact-form select:focus-visible,.contact-form textarea:focus-visible,.contact-form button:focus-visible{outline:3px solid var(--accent);outline-offset:3px}.contact-form .honeypot{display:none!important}.form-note{font-size:11px;color:#a6bec8;margin:16px 0 0}.contact-form button{border:0;cursor:pointer;font-family:inherit;width:100%;justify-content:space-between}.contact-form button:disabled{opacity:.7;cursor:wait}@media(max-width:850px){.contact{grid-template-columns:1fr;gap:35px}}@media(max-width:500px){.form-grid{grid-template-columns:1fr}.contact-form{padding:22px}}

.client-review{position:relative;max-width:960px;margin:42px auto 5px;padding:35px 45px 30px;border-top:1px solid var(--line);text-align:center}.quote-mark{display:block;font:60px/1 Georgia,serif;color:#77a6af;height:44px}.client-review blockquote{font-size:clamp(18px,2vw,26px);line-height:1.6;letter-spacing:-.02em;margin:12px 0 22px;color:var(--navy)}.client-review figcaption{display:flex;align-items:center;justify-content:center;gap:20px;font-size:12px}.client-review figcaption strong{font-weight:700}.client-review figcaption a{color:#497381;border-bottom:1px solid #b2c8ce;padding-bottom:2px}@media(max-width:650px){.client-review{margin-top:30px;padding:25px 0 15px}.client-review figcaption{flex-direction:column;gap:8px}}
