body:has(main.redesign-home){--paper:#fefffa;--ink:#0a0a0a;--blue:#0151c7;--amber:#fda703;--muted:#595d65;--line:#dce0db;--font-sans:Inter,Arial,sans-serif}html:has(main.redesign-home){scroll-behavior:smooth;scroll-padding-top:115px}body:has(main.redesign-home){background:var(--paper);color:var(--ink);font-family:Inter,Arial,sans-serif;-webkit-font-smoothing:antialiased}body:has(main.redesign-home) *{box-sizing:border-box}body:has(main.redesign-home) a,body:has(main.redesign-home) button{transition:color .18s,background .18s,border-color .18s}body:has(main.redesign-home) a:focus-visible,body:has(main.redesign-home) button:focus-visible,body:has(main.redesign-home) input:focus-visible{outline:3px solid var(--amber)!important;outline-offset:5px}body:has(main.redesign-home) img{max-width:100%}body:has(main.redesign-home) h1,body:has(main.redesign-home) h2,body:has(main.redesign-home) h3,body:has(main.redesign-home) p{text-wrap:pretty}body:has(main.redesign-home) h1,body:has(main.redesign-home) h2{letter-spacing:-.055em}body:has(main.redesign-home) svg{flex-shrink:0}body:has(main.redesign-home) .container{max-width:1328px;margin-left:auto;margin-right:auto;padding-left:48px;padding-right:48px}body:has(main.redesign-home) .preview-bar{height:34px;background:#0a0a0a;color:#ddd;display:flex;align-items:center;gap:26px;padding:0 32px;font-size:11px;letter-spacing:.015em}body:has(main.redesign-home) .preview-bar a{color:var(--amber);margin-left:auto}body:has(main.redesign-home) .preview-bar span{color:#b6bac0}body:has(main.redesign-home) .site-nav{position:sticky;top:0;z-index:50;background:var(--paper);border-bottom:1px solid var(--line);padding:20px 0}body:has(main.redesign-home) .site-nav>.container{height:40px}body:has(main.redesign-home) .site-nav img{height:38px!important;width:auto}body:has(main.redesign-home) .wordmark{display:block;color:var(--ink);font-size:25px;font-weight:800;letter-spacing:-1px}body:has(main.redesign-home) .nav-links{display:flex;align-items:center;gap:26px;font-size:13px;font-weight:500}body:has(main.redesign-home) .nav-links a{color:#40464c}body:has(main.redesign-home) .nav-links a:hover{color:var(--blue)}body:has(main.redesign-home) .nav-links a:last-child{border-radius:5px;background:var(--amber);padding:12px 20px;color:var(--ink);box-shadow:none}body:has(main.redesign-home) .menu-toggle{display:none}body:has(main.redesign-home) .hero{background:var(--paper);padding:74px 0 70px;overflow:hidden}body:has(main.redesign-home) .hero-layout{max-width:1328px;padding:0 48px;margin:auto;display:grid;grid-template-columns:1.17fr 1fr;gap:54px;align-items:center}body:has(main.redesign-home) .hero-copy{min-width:0}body:has(main.redesign-home) .hero-kicker{font-size:13px;color:var(--blue);font-weight:600;display:flex;align-items:center;gap:12px;margin-bottom:27px}body:has(main.redesign-home) .hero-kicker:before{content:'';display:block;width:27px;height:3px;background:var(--blue)}body:has(main.redesign-home) .hero-title{font-size:clamp(48px,5.15vw,74px);font-weight:600;line-height:1.02;letter-spacing:-.065em;margin:0 0 28px;color:var(--ink)}body:has(main.redesign-home) .hero-title span{color:inherit;background:none;-webkit-text-fill-color:currentColor}body:has(main.redesign-home) .hero-description{font-size:17px;line-height:1.7;color:var(--muted);max-width:480px;margin-bottom:30px}body:has(main.redesign-home) .hero-actions{display:flex;align-items:flex-start;flex-direction:column;gap:18px;margin:0 0 26px}body:has(main.redesign-home) .button-primary{display:inline-flex;align-items:center;justify-content:center;gap:20px;background:var(--blue);color:white;border-radius:5px;padding:17px 22px;font-weight:600;font-size:14px;min-height:52px}body:has(main.redesign-home) .button-primary:hover{background:#003c98}body:has(main.redesign-home) .button-secondary{font-size:14px;color:var(--ink);border-bottom:1px solid #7e8388;padding-bottom:4px}body:has(main.redesign-home) .button-secondary:hover{color:var(--blue)}body:has(main.redesign-home) .hero-note{font-size:11px;line-height:1.7;color:#686d74;max-width:470px;margin:0}body:has(main.redesign-home) .hero-note span{color:var(--ink)!important;font-weight:600}body:has(main.redesign-home) .hero-proof{margin:0;background:var(--blue);border-radius:8px;overflow:hidden;align-self:center;color:var(--paper);box-shadow:0 20px 40px -30px #00357866}body:has(main.redesign-home) .proof-title{padding:26px 28px 22px;display:flex;align-items:center;justify-content:space-between;gap:16px;font-size:18px;font-weight:500;letter-spacing:-.025em}body:has(main.redesign-home) .proof-mark{font-size:28px;color:var(--amber)}body:has(main.redesign-home) .hero-proof>a{display:block;margin:0 20px;background:#0a0a0a;border-radius:4px;overflow:hidden}body:has(main.redesign-home) .hero-proof img{display:block;width:100%;height:auto;aspect-ratio:1.35;object-fit:cover;object-position:center}body:has(main.redesign-home) .hero-proof figcaption{padding:25px 28px 28px;display:flex;flex-direction:column;gap:5px}body:has(main.redesign-home) .hero-proof figcaption strong{font-size:21px;letter-spacing:-.025em;font-weight:600}body:has(main.redesign-home) .hero-proof figcaption>span{font-size:12px;color:#d9e6fa}body:has(main.redesign-home) .hero-proof figcaption a{margin-top:22px;display:flex;justify-content:space-between;align-items:center;font-size:13px;font-weight:600}body:has(main.redesign-home) .hero-proof figcaption a span{font-size:20px;color:var(--amber)}
/* General composition: brand palette, deliberate typography, quiet surfaces. */
body:has(main.redesign-home) main .redesign-section{padding:90px 0;background:var(--paper);border:0;color:var(--ink)}body:has(main.redesign-home) main .redesign-section h2{font-size:clamp(32px,3.7vw,49px);font-weight:600;line-height:1.1;color:var(--ink)}body:has(main.redesign-home) main .redesign-section h3{letter-spacing:-.025em;font-weight:600}body:has(main.redesign-home) main .redesign-section header{max-width:none;margin-left:0;margin-right:0;text-align:left;margin-bottom:44px}body:has(main.redesign-home) main .redesign-section header>p{margin-left:0;max-width:640px;color:var(--muted);font-size:16px;line-height:1.65}body:has(main.redesign-home) main .redesign-section header>span{font-size:12px;letter-spacing:0;text-transform:none;color:var(--blue);font-weight:600;margin-bottom:16px}body:has(main.redesign-home) main [class*="shadow"]{box-shadow:none}body:has(main.redesign-home) main [class*="tracking-wider"]{letter-spacing:0}body:has(main.redesign-home) main [class*="uppercase"]{text-transform:none}body:has(main.redesign-home) main [class*="text-gradient"],body:has(main.redesign-home) main [class*="bg-clip-text"]{background:none;-webkit-text-fill-color:currentColor;color:inherit}body:has(main.redesign-home) main .redesign-section [class*="hover:"]:hover{transform:none}body:has(main.redesign-home) main [class*="animate-"]{animation:none!important}body:has(main.redesign-home) main .redesign-section .rounded-2xl{border-radius:8px}body:has(main.redesign-home) main .redesign-section .rounded-3xl{border-radius:8px}body:has(main.redesign-home) main .redesign-section .text-gray-400{color:#69717b}body:has(main.redesign-home) main .redesign-section .text-gray-500{color:#626b75}
/* Clients form one quiet evidence strip, not an animated wall. */
body:has(main.redesign-home) main #clients{padding:34px 0 38px;border-top:1px solid var(--line);border-bottom:1px solid var(--line)}body:has(main.redesign-home) #clients>.container{text-align:left;max-width:1328px;margin-bottom:22px}body:has(main.redesign-home) #clients h2{font-size:13px;letter-spacing:0;font-weight:500;color:var(--muted);margin:0}body:has(main.redesign-home) #clients h2 span{color:var(--ink)}body:has(main.redesign-home) .client-strip{max-width:1328px;padding:0 48px;margin:auto;display:flex;align-items:center;justify-content:space-between;gap:32px;flex-wrap:wrap}body:has(main.redesign-home) .client-strip img{height:33px;max-width:105px;width:auto;object-fit:contain;filter:grayscale(1);mix-blend-mode:multiply;opacity:.78}
/* Featured projects: keep original evidence, remove nested ornamental cards. */
body:has(main.redesign-home) #case-studies .case-feature{display:grid;grid-template-columns:1.1fr 1fr;gap:60px;padding:42px 0;border-top:1px solid var(--line);background:none;box-shadow:none;border-radius:0}body:has(main.redesign-home) #case-studies .case-feature h3{font-size:31px;letter-spacing:-.04em}body:has(main.redesign-home) #case-studies .case-feature h4{font-size:12px;color:var(--ink)}body:has(main.redesign-home) #case-studies .case-feature p{font-size:14px;line-height:1.7;color:var(--muted)}body:has(main.redesign-home) .case-feature>div:first-child>div:first-child{font-size:11px;color:var(--blue)}body:has(main.redesign-home) .case-diagram{padding:30px;background:#edf1f7;border-radius:8px;display:flex;align-items:center}body:has(main.redesign-home) .case-diagram>div{width:100%;border-color:#d4dce8!important;background:var(--paper)!important;border-radius:6px!important}body:has(main.redesign-home) .case-diagram [class*="bg-"]{background:transparent}body:has(main.redesign-home) .case-diagram .text-white{color:var(--ink)}body:has(main.redesign-home) .case-diagram [class*="text-gray-"]{color:#515a67}body:has(main.redesign-home) .case-diagram [class*="text-blue-"],body:has(main.redesign-home) .case-diagram [class*="text-emerald-"]{color:var(--blue)}body:has(main.redesign-home) #case-studies .case-feature a{color:var(--blue)}body:has(main.redesign-home) #case-studies .case-feature+article{margin-top:0}body:has(main.redesign-home) #case-studies [role=region]{scrollbar-width:thin!important;scrollbar-color:#0151c7 #e9ece8;gap:20px}body:has(main.redesign-home) #case-studies [role=region]>a{box-shadow:none;background:transparent;border:1px solid var(--line);border-radius:8px}body:has(main.redesign-home) #case-studies .bg-latech-dark{background:var(--blue);border:0}body:has(main.redesign-home) #case-studies .bg-latech-dark h3{color:white}body:has(main.redesign-home) #case-studies .bg-latech-dark p{color:#dbe8ff}body:has(main.redesign-home) #case-studies .bg-latech-dark>a{background:var(--paper);color:var(--blue)}
/* Product demonstration uses an expansive dark surface. */
body:has(main.redesign-home) main #portal-latech{background:var(--ink);color:var(--paper)}body:has(main.redesign-home) #portal-latech h2,body:has(main.redesign-home) #portal-latech h3{color:var(--paper)}body:has(main.redesign-home) #portal-latech header>span{color:var(--amber)}body:has(main.redesign-home) #portal-latech header>p,body:has(main.redesign-home) #portal-latech p.text-gray-400{color:#b6bcc5}body:has(main.redesign-home) #portal-latech article{background:none;border:0;border-top:1px solid #34383c;border-radius:0;padding:24px 0}body:has(main.redesign-home) #portal-latech article>div{background:none;margin-bottom:10px;color:var(--amber);width:auto;justify-content:flex-start}body:has(main.redesign-home) #portal-latech article p{font-size:14px;line-height:1.7}body:has(main.redesign-home) #portal-latech .max-w-5xl{max-width:none}body:has(main.redesign-home) #portal-latech .max-w-5xl img{border:0;border-radius:0}body:has(main.redesign-home) #portal-latech .text-gradient{color:inherit}body:has(main.redesign-home) .redesign-section [class*="bg-gradient"]{background-image:none}
/* Solutions are varied by task, with fewer boxes. */
body:has(main.redesign-home) #para-quien .grid>a{background:transparent;border:0;border-top:3px solid var(--blue);border-radius:0;padding:28px 0;box-shadow:none}body:has(main.redesign-home) #para-quien .grid{gap:48px}body:has(main.redesign-home) #para-quien [class*="text-purple"],body:has(main.redesign-home) #para-quien [class*="text-emerald"]{color:var(--blue)}body:has(main.redesign-home) #para-quien [class*="bg-purple"],body:has(main.redesign-home) #para-quien [class*="bg-emerald"]{background:#edf1f7}body:has(main.redesign-home) #para-quien h3{font-size:24px}body:has(main.redesign-home) #services{padding-top:30px}body:has(main.redesign-home) #services ul{grid-template-columns:repeat(2,minmax(0,1fr));gap:0 64px}body:has(main.redesign-home) .service-row{height:100%;display:grid;grid-template-columns:44px 1fr;column-gap:18px;padding:26px 0;border-top:1px solid var(--line);background:none}body:has(main.redesign-home) .service-row>div:first-child{grid-row:1/3;background:none!important;color:var(--blue)!important;width:36px;height:36px;margin:0}body:has(main.redesign-home) .service-row h3{font-size:20px;margin-bottom:8px}body:has(main.redesign-home) .service-row p{font-size:14px;line-height:1.7;grid-column:2;color:var(--muted)}body:has(main.redesign-home) main #projects{background:#f0f2ed;border-block:1px solid var(--line)}body:has(main.redesign-home) #projects h2,body:has(main.redesign-home) #projects h3{color:var(--ink)}body:has(main.redesign-home) #projects header>span{color:var(--blue)}body:has(main.redesign-home) #projects li>a{background:var(--paper);border:1px solid #dfe3dc;border-radius:8px}body:has(main.redesign-home) #projects .text-white{color:var(--ink)}body:has(main.redesign-home) #projects li p{color:var(--muted)}body:has(main.redesign-home) #projects [class*="bg-gray-"],body:has(main.redesign-home) #projects [class*="bg-latech-card"]{background:var(--paper)}body:has(main.redesign-home) #projects [class*="text-purple"],body:has(main.redesign-home) #projects [class*="text-green"],body:has(main.redesign-home) #projects [class*="text-orange"]{color:var(--blue)}body:has(main.redesign-home) #process li{box-shadow:none}body:has(main.redesign-home) #process [class*="rounded-full"]{border-radius:6px}body:has(main.redesign-home) main #about{background:var(--blue);color:var(--paper)}body:has(main.redesign-home) #about h2{color:var(--paper)}body:has(main.redesign-home) #about article>span{color:var(--amber);font-size:12px}body:has(main.redesign-home) #about p,body:has(main.redesign-home) #about .text-gray-300{color:#e1ebfa}body:has(main.redesign-home) #about .text-latech-blue{color:var(--amber)}body:has(main.redesign-home) .about-mark{background:var(--paper);color:var(--ink);padding:52px;border-radius:8px;min-height:400px;display:flex;flex-direction:column;align-items:flex-start;justify-content:space-between}body:has(main.redesign-home) .about-mark img{height:92px;width:auto}body:has(main.redesign-home) .about-mark p{color:var(--ink)!important;font-size:40px;line-height:1.12;letter-spacing:-.055em;font-weight:600;margin:32px 0}body:has(main.redesign-home) .about-mark span{color:var(--muted);font-size:12px}body:has(main.redesign-home) #faq>.container{max-width:1040px}body:has(main.redesign-home) #faq h2{margin-bottom:40px}body:has(main.redesign-home) #faq article{border-radius:0;border:0;border-top:1px solid var(--line);padding:25px 0;background:transparent}body:has(main.redesign-home) #faq h3{font-size:19px}body:has(main.redesign-home) main #contact{background:var(--ink);color:var(--paper)}body:has(main.redesign-home) #contact h2{color:var(--paper)}body:has(main.redesign-home) #contact .text-gray-400{color:#aeb6c0}body:has(main.redesign-home) #contact .form-preview-note{background:#25251e;color:#e4d9a8;font-size:12px;padding:13px 18px;border-left:3px solid var(--amber);margin-bottom:36px}body:has(main.redesign-home) #contact button:disabled,body:has(main.redesign-home) #contact input:disabled{cursor:not-allowed}body:has(main.redesign-home) #contact button:disabled{opacity:.75}body:has(main.redesign-home) #contact .bg-latech-blue{background:var(--blue)}body:has(main.redesign-home) footer{background:#0a0a0a!important;color:white}body:has(main.redesign-home) footer .container{padding-top:20px}body:has(main.redesign-home) footer h2{letter-spacing:-.02em}body:has(main.redesign-home) footer .text-gray-500{color:#9aa1aa}body:has(main.redesign-home)>a.fixed{display:none}
@media(min-width:1500px){body:has(main.redesign-home) .hero{padding-block:90px}body:has(main.redesign-home) .hero-title{font-size:76px}}
@media(max-width:1050px){body:has(main.redesign-home) .container,body:has(main.redesign-home) .hero-layout{padding-left:28px;padding-right:28px}body:has(main.redesign-home) .hero-layout{gap:30px;grid-template-columns:1.1fr 1fr}body:has(main.redesign-home) .hero-title{font-size:55px}body:has(main.redesign-home) .nav-links{gap:15px;font-size:12px}body:has(main.redesign-home) .proof-title{font-size:16px;padding:20px}body:has(main.redesign-home) .hero-proof figcaption{padding:20px}body:has(main.redesign-home) .client-strip{padding:0 28px;gap:24px}body:has(main.redesign-home) .client-strip img{height:26px;max-width:85px}body:has(main.redesign-home) .hero-description{font-size:16px}body:has(main.redesign-home) #case-studies .case-feature{gap:30px}}
@media(max-width:760px){body:has(main.redesign-home) .preview-bar{padding:0 20px;font-size:10px;gap:12px}body:has(main.redesign-home) .preview-bar span{display:none}body:has(main.redesign-home) .site-nav{padding:13px 0}body:has(main.redesign-home) .site-nav>.container{height:36px}body:has(main.redesign-home) .site-nav img{height:34px!important}body:has(main.redesign-home) .wordmark{font-size:23px}body:has(main.redesign-home) .menu-toggle{display:block;color:var(--ink);width:44px;height:44px;padding:10px}body:has(main.redesign-home) .nav-links{display:none;position:absolute;left:0;right:0;top:62px;background:var(--paper);padding:20px 24px 26px;border-bottom:1px solid var(--line);box-shadow:0 12px 18px #0001;align-items:stretch;gap:2px}body:has(main.redesign-home) .nav-links.open{display:flex;flex-direction:column}body:has(main.redesign-home) .nav-links a{padding:12px 0;font-size:15px}body:has(main.redesign-home) .nav-links a:last-child{margin-top:10px;text-align:center}body:has(main.redesign-home) .hero{padding:44px 0}body:has(main.redesign-home) .hero-layout{display:flex;flex-direction:column;gap:36px;padding-inline:24px}body:has(main.redesign-home) .hero-title{font-size:clamp(42px,8.8vw,65px);letter-spacing:-.06em;max-width:570px;margin-bottom:22px}body:has(main.redesign-home) .hero-kicker{font-size:11px;margin-bottom:22px}body:has(main.redesign-home) .hero-description{font-size:16px;max-width:none;margin-bottom:25px}body:has(main.redesign-home) .hero-actions{gap:18px}body:has(main.redesign-home) .button-primary{font-size:13px;width:100%;justify-content:space-between}body:has(main.redesign-home) .hero-proof{width:100%}body:has(main.redesign-home) .hero-proof img{aspect-ratio:1.6;object-fit:cover}body:has(main.redesign-home) .hero-proof figcaption{padding:20px 22px}body:has(main.redesign-home) .hero-proof figcaption a{margin-top:12px}body:has(main.redesign-home) .proof-title{padding:18px 22px}body:has(main.redesign-home) .hero-note{font-size:10px;max-width:330px}body:has(main.redesign-home) .container{padding-inline:24px}body:has(main.redesign-home) main .redesign-section{padding-block:56px}body:has(main.redesign-home) main .redesign-section h2{font-size:35px;letter-spacing:-.05em}body:has(main.redesign-home) main .redesign-section header{margin-bottom:32px}body:has(main.redesign-home) main .redesign-section header>p{font-size:15px}body:has(main.redesign-home) main #clients{padding-block:24px}body:has(main.redesign-home) .client-strip{padding-inline:24px;display:grid;grid-template-columns:repeat(3,1fr);gap:25px;justify-items:center}body:has(main.redesign-home) .client-strip img{max-width:85px;height:25px}body:has(main.redesign-home) #clients h2{font-size:12px}body:has(main.redesign-home) #case-studies .case-feature{grid-template-columns:1fr;gap:28px;padding-block:28px}body:has(main.redesign-home) .case-diagram{padding:20px}body:has(main.redesign-home) #case-studies .case-feature h3{font-size:28px}body:has(main.redesign-home) #services ul{grid-template-columns:1fr}body:has(main.redesign-home) .service-row{padding-block:23px}body:has(main.redesign-home) .service-row h3{font-size:20px}body:has(main.redesign-home) #para-quien .grid{gap:24px}body:has(main.redesign-home) .about-mark{padding:32px;min-height:330px}body:has(main.redesign-home) .about-mark p{font-size:36px}body:has(main.redesign-home) #about .gap-16{gap:30px}body:has(main.redesign-home) #contact h2{font-size:34px}body:has(main.redesign-home) #contact .form-preview-note{font-size:11px}body:has(main.redesign-home) #portal-latech .text-2xl{font-size:25px}body:has(main.redesign-home) .hero-title span{display:inline}}
@media(prefers-reduced-motion:reduce){html:has(main.redesign-home){scroll-behavior:auto}body:has(main.redesign-home) *,body:has(main.redesign-home) *:before,body:has(main.redesign-home) *:after{animation:none!important;transition:none!important;scroll-behavior:auto!important}}
body:has(main.redesign-home) .case-feature img,body:has(main.redesign-home) .case-diagram img{max-width:100%!important;height:auto;max-height:76px;object-fit:contain}body:has(main.redesign-home) .case-feature>div,body:has(main.redesign-home) .case-diagram>div{min-width:0}
@media(max-width:760px){body:has(main.redesign-home) .case-feature img,body:has(main.redesign-home) .case-diagram img{max-height:64px}body:has(main.redesign-home) .case-diagram .flex{flex-wrap:wrap}}
body:has(main.redesign-home) main img.max-w-none{max-width:100%!important}
body:has(main.redesign-home) #case-studies [class*="text-emerald"],body:has(main.redesign-home) #case-studies [class*="text-purple"],body:has(main.redesign-home) #case-studies [class*="text-orange"],body:has(main.redesign-home) #case-studies [class*="text-cyan"],body:has(main.redesign-home) #case-studies [class*="text-teal"]{color:var(--blue)}
body:has(main.redesign-home) #case-studies [class*="bg-emerald"],body:has(main.redesign-home) #case-studies [class*="bg-purple"],body:has(main.redesign-home) #case-studies [class*="bg-orange"],body:has(main.redesign-home) #case-studies [class*="bg-cyan"],body:has(main.redesign-home) #case-studies [class*="bg-teal"]{background:#edf1f7}
body:has(main.redesign-home) #case-studies label:has(input[type=checkbox]){display:none}
/* Revision 2: product image without a container; links without floating arrows. */
body:has(main.redesign-home) .hero-proof{background:transparent;color:var(--ink);border-radius:0;box-shadow:none;overflow:visible}
body:has(main.redesign-home) .hero-proof>a{margin:0;border-radius:4px;background:transparent}
body:has(main.redesign-home) .hero-proof img{aspect-ratio:1.6;object-fit:contain;width:100%;height:auto;border-radius:4px}
body:has(main.redesign-home) .hero-proof figcaption{padding:22px 0 0;gap:7px}
body:has(main.redesign-home) .hero-proof figcaption strong{font-size:21px;color:var(--ink)}
body:has(main.redesign-home) .hero-proof figcaption>span{color:var(--muted);font-size:13px}
body:has(main.redesign-home) .hero-proof figcaption a{display:inline-block;align-self:flex-start;color:var(--blue);border-bottom:1px solid currentColor;padding-bottom:3px;margin-top:15px;font-size:13px}
body:has(main.redesign-home) .hero-proof figcaption a:hover{color:var(--ink)}
body:has(main.redesign-home) .button-primary{gap:0}
body:has(main.redesign-home) .client-strip{display:grid;grid-template-columns:repeat(6,minmax(0,1fr));gap:36px 40px;align-items:center;justify-items:center;padding-top:12px;padding-bottom:8px}
body:has(main.redesign-home) .client-strip img{width:auto;height:38px;max-width:125px;object-fit:contain;filter:none;opacity:1}
body:has(main.redesign-home) main #clients{padding-bottom:42px}
body:has(main.redesign-home) .case-diagram{background:transparent;padding:24px 0 24px 30px;border-left:1px solid var(--line);border-radius:0}
body:has(main.redesign-home) .case-diagram>div{background:transparent!important;border:0!important;border-radius:0!important;padding:0!important}
body:has(main.redesign-home) .case-diagram [class*="rounded"]{border-radius:0!important}
body:has(main.redesign-home) .case-feature>div:first-child .grid>div{background:transparent;border:0;border-radius:0;padding:0}
body:has(main.redesign-home) #case-studies [role=region]>a{border:0;border-left:1px solid var(--line);border-radius:0;background:transparent;padding-left:24px}
body:has(main.redesign-home) #projects li>a{background:transparent;border:0;border-top:1px solid #cdd3cb;border-radius:0;padding-left:0;padding-right:0}
body:has(main.redesign-home) #projects [class*="bg-gray-"],body:has(main.redesign-home) #projects [class*="bg-latech-card"]{background:transparent}
body:has(main.redesign-home) .about-mark{background:transparent;color:var(--paper);border-radius:0;border-left:1px solid #ffffff40}
body:has(main.redesign-home) .about-mark p{color:var(--paper)!important}body:has(main.redesign-home) .about-mark span{color:#d9e6fa}
@media(max-width:1050px){body:has(main.redesign-home) .client-strip{gap:30px}body:has(main.redesign-home) .client-strip img{height:31px;max-width:105px}}
@media(max-width:760px){body:has(main.redesign-home) .hero-proof figcaption{padding:20px 0 0}body:has(main.redesign-home) .hero-proof img{aspect-ratio:1.6}body:has(main.redesign-home) .client-strip{grid-template-columns:repeat(3,minmax(0,1fr));gap:28px 20px}body:has(main.redesign-home) .client-strip img{max-width:90px;height:31px}body:has(main.redesign-home) .case-diagram{padding:24px 0;border-left:0;border-top:1px solid var(--line)}body:has(main.redesign-home) .about-mark{border-left:0;border-top:1px solid #ffffff40;padding:32px 0;min-height:280px}}
/* Client carousel: one continuous line, consistent optical slots, no navigation arrows. */
body:has(main.redesign-home) main #clients{padding:28px 0 20px}
body:has(main.redesign-home) #clients>.container{margin-bottom:18px}
body:has(main.redesign-home) .client-strip{display:block;max-width:1328px;padding:0;margin:auto;overflow:hidden;mask-image:linear-gradient(to right,transparent,#000 4%,#000 96%,transparent)}
body:has(main.redesign-home) .logo-track{display:flex;width:max-content;animation:client-travel 48s linear infinite;will-change:transform}
body:has(main.redesign-home) .logo-group{display:flex;align-items:center;flex-shrink:0;gap:0}
body:has(main.redesign-home) .logo-cell{width:202px;height:90px;display:flex;align-items:center;justify-content:center;padding:16px 28px;flex-shrink:0}
body:has(main.redesign-home) .client-strip .logo-cell img{position:static!important;width:auto!important;height:auto!important;max-height:45px;max-width:146px;object-fit:contain;filter:none;mix-blend-mode:multiply;opacity:1}
body:has(main.redesign-home) .client-strip:hover .logo-track,body:has(main.redesign-home) .client-strip:focus-within .logo-track,body:has(main.redesign-home) .client-strip.is-paused .logo-track{animation-play-state:paused}
body:has(main.redesign-home) .logo-controls{max-width:1328px;margin:4px auto 0;padding:0 48px;display:flex;justify-content:flex-end}
body:has(main.redesign-home) .logo-pause{font:inherit;font-size:11px;color:#595d65;padding:8px 0;background:none;border:0;cursor:pointer;text-decoration:underline;text-underline-offset:4px;min-height:36px}
body:has(main.redesign-home) .logo-pause:hover{color:var(--blue)}
@keyframes client-travel{to{transform:translateX(-50%)}}
@media(max-width:760px){body:has(main.redesign-home) .logo-cell{width:160px;height:80px;padding:16px 22px}body:has(main.redesign-home) .client-strip .logo-cell img{max-width:116px;max-height:37px}body:has(main.redesign-home) .logo-controls{padding:0 24px}body:has(main.redesign-home) .logo-track{animation-duration:42s}}
@media(prefers-reduced-motion:reduce){body:has(main.redesign-home) .client-strip{overflow-x:auto;mask-image:none}body:has(main.redesign-home) .logo-track{animation:none!important;transform:none;will-change:auto}body:has(main.redesign-home) .logo-group[aria-hidden=true]{display:none}body:has(main.redesign-home) .logo-controls{display:none}}
body:has(main.redesign-home) .client-strip .logo-cell img[data-brand=gloria]{max-height:64px;max-width:146px}
body:has(main.redesign-home) .client-strip .logo-cell img[data-brand=flip]{max-height:40px;max-width:118px}
@media(max-width:760px){body:has(main.redesign-home) .client-strip .logo-cell img[data-brand=gloria]{max-height:52px;max-width:120px}body:has(main.redesign-home) .client-strip .logo-cell img[data-brand=flip]{max-height:32px;max-width:96px}}
/* Keep the original brand mark legible on the blue About section. */
body:has(main.redesign-home) #about .about-mark>img{background:var(--paper);padding:18px;border-radius:50%;width:124px;height:124px;object-fit:contain;flex-shrink:0}
@media(max-width:760px){body:has(main.redesign-home) #about .about-mark>img{width:108px;height:108px;padding:16px}}
body:has(main.redesign-home) .own-product{max-width:1232px;margin:18px auto 0;padding-top:22px;border-top:1px solid var(--line);display:flex;align-items:center;justify-content:center;gap:30px;color:var(--muted);font-size:12px}
body:has(main.redesign-home) .own-product a{display:flex;align-items:center;min-height:44px}body:has(main.redesign-home) .own-product img{width:115px;height:auto;max-height:42px;object-fit:contain}
@media(max-width:760px){body:has(main.redesign-home) .own-product{margin-inline:24px;gap:18px;justify-content:space-between;font-size:11px}body:has(main.redesign-home) .own-product>span{max-width:150px}body:has(main.redesign-home) .own-product img{width:98px}}

/* Preserve original white brand assets against a contrasting surface. */
body:has(main.redesign-home) .logo-cell img[data-brand="lasu"],body:has(main.redesign-home) .logo-cell img[data-brand="dialogy"] {
 background:#18191d; padding:10px 12px; border-radius:4px;
 box-sizing:content-box; max-width:122px; max-height:38px; mix-blend-mode:normal;
}
body:has(main.redesign-home) .logo-cell img[data-brand="gfa"],body:has(main.redesign-home) .logo-cell img[data-brand="cafs"] {max-height:62px;}

body:has(main.redesign-home) .logo-cell img[data-brand="pya"] {width:146px;height:82px;max-height:82px;object-fit:cover;object-position:center;}

/* Portal motion: one product surface, restrained perspective and native video. */
body:has(main.redesign-home) .hero-proof {width:100%;max-width:355px;justify-self:center;perspective:1200px;}
body:has(main.redesign-home) .portal-stage {position:relative;padding-bottom:48px;perspective:1200px;}
body:has(main.redesign-home) .portal-screen {overflow:hidden;border-radius:16px;background:#09111c;transform:rotateY(-6deg) rotateX(2deg);box-shadow:14px 22px 45px -18px #00275b66,2px 2px 0 #354358;transition:transform .35s ease-out;}
body:has(main.redesign-home) .portal-screen video {display:block;width:100%;height:auto;aspect-ratio:9/16;object-fit:contain;}
body:has(main.redesign-home) .portal-play {position:absolute;bottom:0;right:0;min-height:40px;padding:8px 2px;border-bottom:1px solid var(--muted);color:var(--ink);font-size:12px;cursor:pointer;}
body:has(main.redesign-home) .hero-proof figcaption {padding-top:12px;}
@media (hover:hover) and (prefers-reduced-motion:no-preference) {
 body:has(main.redesign-home) .button-primary:hover {transform:translateY(-2px);box-shadow:0 8px 18px -10px var(--blue);}
 body:has(main.redesign-home) .button-primary {transition:transform .2s,box-shadow .2s,background .2s;}
}
@media(max-width:760px){body:has(main.redesign-home) .hero-proof{max-width:310px;}body:has(main.redesign-home) .portal-screen{transform:none;}}
@media(prefers-reduced-motion:reduce){body:has(main.redesign-home) .portal-screen{transform:none!important;transition:none;}html:has(main.redesign-home){scroll-behavior:auto;}}
/* Product imagery moves as a whole, including phone frame; no cropping or zoom. */
@media(max-width:760px),(hover:none),(prefers-reduced-motion:reduce){
 body:has(main.redesign-home) .portal-parallax{translate:none!important;}
}
/* Case opening: brand first, then the story. Stable dimensions throughout. */
body:has(main.redesign-home) .case-feature .case-brand-heading{display:flex;flex-direction:column;align-items:flex-start;gap:24px;margin-bottom:24px;}
body:has(main.redesign-home) .case-feature .case-brand-logo{display:flex;align-items:center;justify-content:flex-start;width:240px;max-width:100%;height:112px;border:0;background:transparent;padding:0;}
body:has(main.redesign-home) .case-feature .case-brand-logo img{display:block;width:auto!important;height:auto!important;max-width:100%;max-height:100%;object-fit:contain;transform-origin:left center;}
@media(max-width:760px){body:has(main.redesign-home) .case-feature .case-brand-logo{width:190px;height:90px;}body:has(main.redesign-home) .case-feature .case-brand-heading{gap:18px;}}

/* Lateral entrances never create horizontal page overflow. */
body:has(main.redesign-home) .case-feature{overflow-x:clip;overflow-y:visible;}
@media(hover:hover) and (prefers-reduced-motion:no-preference){
 body:has(main.redesign-home) [aria-label="Más casos de éxito"] [data-card]>a{transition:transform .3s ease,box-shadow .3s ease,border-color .3s ease;}
 body:has(main.redesign-home) [aria-label="Más casos de éxito"] [data-card]>a:hover{transform:translateY(-5px);box-shadow:0 14px 24px -20px #0151c766;}
 body:has(main.redesign-home) [aria-label="Más casos de éxito"] [data-card] img{transition:transform .3s ease;}
 body:has(main.redesign-home) [aria-label="Más casos de éxito"] [data-card]>a:hover img{transform:scale(1.04);}
}
@media(prefers-reduced-motion:reduce){body:has(main.redesign-home) [aria-label="Más casos de éxito"] [data-card]>a{transform:none!important;transition:none!important;}}

body:has(main.redesign-home) .client-strip.motion-idle .logo-track{animation-play-state:paused;}
@media(max-width:760px){
 body:has(main.redesign-home) .portal-play,body:has(main.redesign-home) .logo-pause{min-height:44px;padding-inline:8px;}
 body:has(main.redesign-home) #case-studies button{min-width:44px;min-height:44px;}
 body:has(main.redesign-home) .portal-screen{box-shadow:0 12px 24px -18px #00275b66;}
 body:has(main.redesign-home) .hero-proof,body:has(main.redesign-home) .portal-stage{perspective:none;}
}
@media(max-width:360px){
 body:has(main.redesign-home) #case-studies h3{overflow-wrap:break-word;}
 body:has(main.redesign-home) #case-studies .flex.items-center.justify-between{flex-wrap:wrap;gap:12px;}
}
/* Founder: editorial portrait and a short personal introduction. */
body:has(main.redesign-home) #about .founder-profile{display:grid;grid-template-columns:280px minmax(0,1fr);gap:56px;align-items:center;margin-top:64px;padding-top:48px;border-top:1px solid #ffffff40;}
body:has(main.redesign-home) #about .founder-profile>img{display:block;width:100%;height:320px;object-fit:cover;object-position:50% 58%;border-radius:4px;}
body:has(main.redesign-home) #about .founder-copy{max-width:650px;}
body:has(main.redesign-home) #about .founder-eyebrow{display:block;color:var(--amber);font-size:12px;font-weight:600;margin-bottom:18px;}
body:has(main.redesign-home) #about .founder-name{margin:0 0 4px;color:var(--paper);font-size:clamp(28px,3vw,40px);line-height:1.15;letter-spacing:-.04em;}
body:has(main.redesign-home) #about .founder-name strong{font-weight:600;}
body:has(main.redesign-home) #about .founder-role{font-size:14px;color:#d9e6fa;margin:0 0 22px;}
body:has(main.redesign-home) #about .founder-bio{font-size:17px;line-height:1.7;color:#edf3ff;margin:0 0 20px;}
body:has(main.redesign-home) #about .founder-copy>a{display:inline-flex;align-items:center;min-height:44px;color:var(--paper);font-size:14px;font-weight:600;border-bottom:1px solid #ffffff80;}
body:has(main.redesign-home) #about .founder-copy>a:hover{color:var(--amber);border-color:var(--amber);}
@media(max-width:760px){body:has(main.redesign-home) #about .founder-profile{grid-template-columns:minmax(0,1fr);gap:28px;margin-top:40px;padding-top:32px;}body:has(main.redesign-home) #about .founder-profile>img{max-width:360px;height:300px;}body:has(main.redesign-home) #about .founder-bio{font-size:16px;}}

/* Portrait supplied by Alonso: keep face centered in both layouts. */
body:has(main.redesign-home) #about .founder-profile>img{object-position:68% 50%;}

body:has(main.redesign-home) header.site-nav{position:sticky!important;top:0!important;} body:has(main.redesign-home) header.site-nav button{color:var(--ink);} body:has(main.redesign-home) header.site-nav nav[aria-label="Navegación móvil"]{background:var(--paper);color:var(--ink);} body:has(main.redesign-home) header.site-nav nav[aria-label="Navegación móvil"] a{color:var(--ink);} body:has(main.redesign-home) header.site-nav .wordmark{display:block;}

body:has(main.redesign-home) header.site-nav .nav-links-desktop{font-size:13px;gap:26px;}body:has(main.redesign-home) header.site-nav .nav-links-desktop a{color:#40464c;}body:has(main.redesign-home) header.site-nav .nav-links-desktop a:last-child{background:var(--amber);border-radius:5px;color:var(--ink);box-shadow:none;}