:root{--blue-950:#071b37;--blue-900:#09244a;--blue-700:#1450a3;--blue-100:#e8f0fc;--yellow:#f4c542;--yellow-soft:#fff4c9;--red:#df5b53;--red-soft:#fbe8e5;--green:#168569;--green-soft:#daf3e9;--white:#fff;--mist:#f4f7fb;--ink:#10233f;--muted:#63738a;--line:#dbe4ef;--shadow:0 18px 45px rgba(9,36,74,.1);--display:'Manrope','Inter',sans-serif;--body:'Inter','Segoe UI',sans-serif}*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;color:var(--ink);background:var(--white);font-family:var(--body);line-height:1.6}a{color:inherit;text-decoration:none}button,a{-webkit-tap-highlight-color:transparent}.shell{width:min(1180px,calc(100% - 56px));margin:0 auto}.site-header{color:var(--white);background:var(--blue-900);min-height:760px;position:relative;overflow:hidden}.site-header:before{content:'';position:absolute;inset:0;opacity:.24;background-image:linear-gradient(rgba(255,255,255,.16) 1px,transparent 1px),linear-gradient(90deg,rgba(255,255,255,.16) 1px,transparent 1px);background-size:48px 48px;mask-image:linear-gradient(120deg,#000,transparent 75%)}.site-header:after{content:'';position:absolute;width:700px;height:700px;border:1px solid rgba(244,197,66,.22);border-radius:50%;right:-250px;top:80px;box-shadow:0 0 0 52px rgba(244,197,66,.035),0 0 0 110px rgba(244,197,66,.025)}.nav{min-height:84px;display:flex;align-items:center;justify-content:space-between;position:relative;z-index:4;border-bottom:1px solid rgba(255,255,255,.14)}.brand{display:inline-flex;align-items:center;gap:11px}.brand-mark{position:relative;display:grid;place-items:center;width:39px;height:39px;color:var(--white);border:1px solid var(--yellow);font-family:var(--display);font-size:21px;font-weight:800}.brand-mark span{position:absolute;width:7px;height:7px;right:-4px;top:-4px;background:var(--red)}.brand-copy strong,.brand-copy small{display:block;line-height:1.1}.brand-copy strong{font-size:15px;letter-spacing:-.02em}.brand-copy small{margin-top:4px;color:#b9cbe2;font-size:10px}.brand sup,h3 sup{color:var(--yellow);font-size:.42em;vertical-align:top;margin-left:2px}.nav-links{display:flex;align-items:center;gap:21px;color:#dbe8f7;font-size:11px;font-weight:600}.nav-links a{transition:color .2s ease}.nav-links a:hover,.nav-links a:focus-visible{color:var(--yellow)}.nav-contact{border:1px solid rgba(255,255,255,.35);padding:9px 11px}.nav-contact span{color:var(--yellow);margin-left:8px}.menu-toggle{display:none;background:transparent;color:var(--white);border:1px solid rgba(255,255,255,.35);padding:9px 11px;font:inherit}.menu-toggle span{display:block;width:17px;height:1px;margin:3px 0;background:currentColor}.menu-toggle b{position:absolute;width:1px;height:1px;overflow:hidden;clip:rect(0 0 0 0)}.hero{display:grid;grid-template-columns:.96fr 1.04fr;align-items:center;min-height:600px;gap:50px;position:relative;z-index:1}.hero-copy{padding:74px 0 70px}.eyebrow{color:var(--red);font-size:10px;font-weight:800;letter-spacing:.17em;margin:0 0 17px}.site-header .eyebrow{color:var(--yellow)}.hero-kicker{color:#a9c5e7;font-size:14px;letter-spacing:.05em;margin-bottom:14px}.hero h1{max-width:630px;margin:0 0 15px;color:var(--white);font:800 clamp(48px,6vw,78px)/1.02 var(--display);letter-spacing:-.065em}.hero h1 em,h2 em{color:var(--yellow);font-style:normal}.hero-slogan{color:var(--yellow);font:700 19px var(--display);margin-bottom:17px}.hero-lead{max-width:475px;color:#ccdbed;font-size:17px;margin-bottom:28px}.hero-actions{display:flex;flex-wrap:wrap;gap:12px}.button{display:inline-flex;align-items:center;gap:23px;padding:13px 16px;border:1px solid transparent;font-size:11px;font-weight:800;transition:transform .2s ease,background .2s ease,border-color .2s ease}.button:hover{transform:translateY(-3px)}.button:focus-visible,.card-link:focus-visible,.text-link:focus-visible{outline:3px solid rgba(244,197,66,.6);outline-offset:4px}.button-primary{color:var(--blue-950);background:var(--yellow)}.button-primary:hover{background:#ffd96f}.button-ghost{color:var(--white);border-color:rgba(255,255,255,.35)}.button-ghost:hover{border-color:var(--yellow);color:var(--yellow)}.hero-visual{height:470px;position:relative}.visual-grid{position:absolute;inset:45px 10px;opacity:.38;background-image:linear-gradient(rgba(255,255,255,.13) 1px,transparent 1px),linear-gradient(90deg,rgba(255,255,255,.13) 1px,transparent 1px);background-size:32px 32px;transform:perspective(500px) rotateX(55deg) rotateZ(-19deg);transform-origin:center}.visual-orbit{position:absolute;border:1px solid rgba(255,255,255,.35);border-radius:50%;transform:rotate(-27deg)}.orbit-one{width:420px;height:190px;top:123px;left:55px}.orbit-two{width:430px;height:250px;top:98px;left:35px;border-color:rgba(244,197,66,.45);transform:rotate(22deg)}.visual-core{position:absolute;display:grid;place-items:center;width:160px;height:160px;top:165px;left:180px;border:1px solid var(--yellow);background:rgba(20,80,163,.5);box-shadow:0 0 0 16px rgba(244,197,66,.04),0 0 55px rgba(20,80,163,.7);transform:rotate(45deg)}.visual-core span{color:var(--yellow);font:800 65px var(--display);transform:rotate(-45deg)}.visual-core small{position:absolute;bottom:19px;color:#cbdcf1;font-size:8px;letter-spacing:.18em;transform:rotate(-45deg)}.visual-tag{position:absolute;padding:8px 10px;color:#dceafe;border:1px solid rgba(255,255,255,.25);background:rgba(7,27,55,.7);font-size:9px;font-weight:700;letter-spacing:.12em}.visual-tag b{color:var(--yellow);margin-left:12px}.tag-top{top:74px;right:88px}.tag-right{right:-3px;top:284px}.tag-bottom{bottom:70px;left:81px}.visual-point{position:absolute;width:11px;height:11px;border-radius:50%;box-shadow:0 0 0 7px rgba(255,255,255,.08)}.point-yellow{top:114px;left:90px;background:var(--yellow)}.point-red{right:55px;top:174px;background:var(--red)}.point-green{bottom:113px;right:169px;background:var(--green)}.hero-meta{display:flex;justify-content:space-between;position:relative;z-index:1;padding-bottom:24px;color:#a9bdd6;font-size:10px;letter-spacing:.08em;text-transform:uppercase}.hero-meta span{display:flex;align-items:center;gap:7px}.dot{width:6px;height:6px;display:inline-block;border-radius:50%}.dot-yellow{background:var(--yellow)}.dot-green{background:var(--green)}.section{padding:112px 0}.intro-section{background:var(--white)}.intro-layout{display:grid;grid-template-columns:.95fr 1.05fr;gap:105px;align-items:end}.section-heading h2,.tech-heading h2{max-width:580px;margin:0;color:var(--blue-900);font:700 clamp(39px,5vw,64px)/1.04 var(--display);letter-spacing:-.06em}.intro-side{color:var(--muted);font-size:17px}.intro-side>p{max-width:470px}.concept-row{display:flex;flex-wrap:wrap;gap:18px 23px;margin-top:39px;padding-top:23px;border-top:1px solid var(--line)}.concept-row span{display:inline-flex;align-items:center;gap:7px;color:var(--blue-900);font-size:11px;font-weight:700;text-transform:uppercase;letter-spacing:.06em}.concept-row span:nth-child(3) svg{color:var(--green)}.concept-row span:nth-child(4) svg{color:var(--yellow)}.concept-row span:nth-child(5) svg{color:var(--red)}.concept-row svg{width:17px;height:17px;fill:none;stroke:currentColor;stroke-width:1.6}.projects-section{background:var(--mist)}.section-heading-wide{display:flex;align-items:end;justify-content:space-between;gap:50px;margin-bottom:48px}.section-heading-wide>p{max-width:320px;margin:0;color:var(--muted);font-size:14px}.project-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:18px}.project-card{display:flex;flex-direction:column;min-height:410px;background:var(--white);border:1px solid var(--line);transition:transform .25s ease,box-shadow .25s ease,border-color .25s ease}.project-card:hover{transform:translateY(-6px);box-shadow:var(--shadow);border-color:#afc5e1}.project-main{grid-column:span 2;min-height:360px;background:var(--blue-900);color:var(--white);border-color:var(--blue-900);display:grid;grid-template-columns:.7fr 1.3fr}.project-main:hover{border-color:var(--blue-900)}.card-top{min-height:125px;display:flex;justify-content:space-between;align-items:flex-start;padding:23px;background:var(--blue-100);color:var(--blue-900);position:relative;overflow:hidden}.card-top:after{content:'';width:170px;height:170px;position:absolute;right:-46px;top:-90px;border:1px solid rgba(20,80,163,.3);border-radius:50%;box-shadow:0 0 0 24px rgba(20,80,163,.05)}.project-main .card-top{min-height:100%;background:var(--blue-700);color:var(--white)}.project-main .card-top:after{border-color:rgba(255,255,255,.3)}.route-number{font-size:10px;font-weight:800;letter-spacing:.15em}.card-symbol{position:relative;z-index:1;font:500 34px var(--display)}.project-content{display:flex;flex:1;flex-direction:column;padding:24px 25px 20px}.project-meta{display:flex;align-items:center;gap:14px;margin-bottom:14px;color:var(--muted);font-size:10px;font-weight:700;text-transform:uppercase;letter-spacing:.07em}.project-main .project-meta{color:#adc5e1}.status:before{content:'';width:7px;height:7px;display:inline-block;margin-right:6px;border-radius:50%;background:currentColor}.status-main{color:#74aaf1}.status-build{color:#ba8a00}.status-future{color:var(--red)}.status-independent{color:var(--green)}.project-content h3,.tech-card h3{max-width:480px;margin:0 0 14px;color:var(--blue-900);font:700 25px/1.12 var(--display);letter-spacing:-.04em}.project-main h3{color:var(--white);font-size:34px}.project-content>p,.tech-card-copy>p{max-width:570px;color:var(--muted);font-size:13px;margin-bottom:22px}.project-main .project-content>p{color:#c0d0e3}.project-footer{display:flex;justify-content:space-between;align-items:center;gap:15px;margin-top:auto;padding-top:15px;border-top:1px solid var(--line)}.project-main .project-footer{border-color:rgba(255,255,255,.18)}.card-note{color:var(--muted);font-size:10px}.project-main .card-note{color:#9fb4cc}.card-link,.text-link{color:var(--blue-700);font-size:11px;font-weight:800}.project-main .card-link{color:var(--yellow)}.card-link b,.text-link span{margin-left:9px}.card-link:hover,.text-link:hover{color:var(--red)}.tech-section{color:var(--white);background:var(--blue-950);position:relative;overflow:hidden}.tech-section:after{content:'';position:absolute;width:440px;height:440px;right:-200px;bottom:-260px;border:1px solid rgba(22,133,105,.55);border-radius:50%}.tech-layout{display:grid;grid-template-columns:.75fr 1.25fr;gap:100px;align-items:center;position:relative;z-index:1}.tech-heading h2{color:var(--white)}.tech-heading .eyebrow{color:var(--yellow)}.tech-heading>p:last-child{max-width:380px;margin-top:23px;color:#a8bdd7;font-size:14px}.tech-card{display:grid;grid-template-columns:100px 1fr;gap:26px;padding:31px;color:var(--ink);background:var(--white);border-left:4px solid var(--red);transition:transform .25s ease,box-shadow .25s ease}.tech-card:hover{transform:translateY(-6px);box-shadow:0 18px 45px rgba(0,0,0,.2)}.tech-card-mark{min-height:100%;padding:12px;color:var(--red);background:var(--red-soft);display:flex;flex-direction:column;align-items:center;justify-content:space-between}.tech-card-mark span{font-size:38px}.tech-card-mark small{font-size:9px;letter-spacing:.12em}.tech-card h3{font-size:29px}.tech-card .project-footer{margin-top:20px}.history-section{background:var(--white)}.history-layout{display:grid;grid-template-columns:.8fr 1.2fr;gap:100px}.heading-note{max-width:300px;margin-top:25px;color:var(--muted);font-size:14px}.timeline{border-top:1px solid var(--line)}.timeline-item{display:grid;grid-template-columns:63px 1fr;gap:22px;padding:25px 0;border-bottom:1px solid var(--line)}.timeline-marker{display:grid;place-items:center;width:42px;height:42px;color:var(--blue-700);background:var(--blue-100);font-size:10px;font-weight:800}.timeline-item:nth-child(2) .timeline-marker{color:var(--green);background:var(--green-soft)}.timeline-item:nth-child(3) .timeline-marker{color:var(--red);background:var(--red-soft)}.timeline-label{color:var(--red);font-size:10px;font-weight:800;letter-spacing:.12em;text-transform:uppercase;margin-bottom:7px}.timeline-item h3{margin:0 0 7px;color:var(--blue-900);font:700 21px var(--display)}.timeline-item p:last-child{max-width:520px;margin:0;color:var(--muted);font-size:13px}.timeline-pending h3{color:var(--muted);font-size:17px}.vision-section{color:var(--white);background:var(--blue-700)}.vision-layout{display:grid;grid-template-columns:.8fr 1.2fr;gap:100px}.vision-index{color:var(--yellow);font-size:11px;font-weight:800;letter-spacing:.15em}.vision-index span{color:rgba(255,255,255,.45)}.vision-copy{max-width:600px}.vision-copy .eyebrow{color:var(--yellow)}.vision-copy h2{margin:0 0 22px;color:var(--white);font:700 clamp(38px,5vw,62px)/1.04 var(--display);letter-spacing:-.06em}.vision-copy>p:not(.eyebrow){color:#d2e2f5;font-size:16px}.vision-line{display:flex;align-items:center;gap:14px;margin-top:42px;padding-top:17px;border-top:1px solid rgba(255,255,255,.25)}.vision-line span{width:7px;height:7px;background:var(--green);border-radius:50%}.vision-line b{font-size:11px}.vision-line small{color:#adc6e4;font-size:10px}.ip-section{background:var(--mist)}.ip-layout{display:grid;grid-template-columns:.82fr 1.18fr;gap:100px}.ip-copy{color:var(--muted);font-size:13px}.ip-highlight{color:var(--blue-900);font:600 22px/1.4 var(--display);letter-spacing:-.03em}.ip-copy p{margin-bottom:22px}.ip-copy .text-link{display:inline-block;margin-top:3px}.site-footer{color:#c8d7e9;background:var(--blue-950);padding:64px 0 21px}.footer-top{display:flex;justify-content:space-between;gap:80px;padding-bottom:58px}.footer-brand>p{margin:19px 0 0 51px;color:var(--yellow);font:600 14px var(--display)}.footer-nav{display:grid;grid-template-columns:repeat(3,minmax(120px,1fr));gap:45px}.footer-nav div{display:flex;flex-direction:column;gap:9px;font-size:11px}.footer-nav strong{color:var(--white);margin-bottom:6px;font-size:10px;letter-spacing:.12em;text-transform:uppercase}.footer-nav a:hover{color:var(--yellow)}.footer-bottom{display:flex;justify-content:space-between;padding-top:19px;border-top:1px solid rgba(255,255,255,.15);color:#7f98b7;font-size:10px}.footer-bottom strong{color:var(--yellow);font-weight:600}.reveal{opacity:0;transform:translateY(18px);transition:opacity .65s ease,transform .65s ease}.reveal.is-visible{opacity:1;transform:translateY(0)}
@media(max-width:430px){.hero-actions{display:grid}.button{justify-content:space-between}.hero-visual{transform:scale(.63);width:159%;height:275px}.concept-row{gap:16px}.project-footer{align-items:flex-start;flex-direction:column}.footer-nav{grid-template-columns:repeat(2,minmax(0,1fr));row-gap:30px;min-width:0}.footer-nav div{min-width:0}.footer-nav div:last-child{grid-column:span 2}.footer-nav a{overflow-wrap:anywhere}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}.reveal{opacity:1;transform:none;transition:none}.project-card,.tech-card,.button{transition:none}}
.brand-logo{width:42px;height:42px;display:block;flex:0 0 42px;object-fit:contain;border-radius:8px;background:var(--white)}
.nav-social{display:inline-flex;align-items:center;gap:9px;margin-left:3px}.nav-social a{display:grid;place-items:center;width:28px;height:28px;color:var(--white);border:1px solid rgba(255,255,255,.25);transition:color .2s ease,background .2s ease,border-color .2s ease}.nav-social a:hover,.nav-social a:focus-visible{color:var(--blue-950);background:var(--yellow);border-color:var(--yellow)}.nav-social svg{width:14px;height:14px;fill:currentColor}
.hero-cover{position:relative;z-index:2;margin-top:28px;overflow:hidden;border:1px solid rgba(255,255,255,.22);background:var(--white);box-shadow:0 18px 45px rgba(0,0,0,.18)}
.hero-cover img{display:block;width:100%;height:auto;max-height:360px;object-fit:cover;object-position:center center}
.hero-cover,.hero-copy,.hero-visual{opacity:1;transform:none}
.history-tags{display:flex;flex-wrap:wrap;gap:8px;margin-top:28px;padding-top:22px;border-top:1px solid var(--line)}
.history-tags span{padding:6px 9px;color:var(--blue-700);background:var(--blue-100);font-size:10px;font-weight:700}
.contact-section{background:var(--white)}.contact-layout{display:grid;grid-template-columns:.8fr 1.2fr;gap:100px}.contact-copy{color:var(--muted);font-size:15px}.contact-copy>p{max-width:560px}.contact-cards{display:grid;grid-template-columns:repeat(2,1fr);gap:16px;margin-top:30px}.contact-card{display:grid;grid-template-columns:48px 1fr;gap:15px;padding:20px;background:var(--mist);border:1px solid var(--line);transition:transform .25s ease,box-shadow .25s ease}.contact-card:hover{transform:translateY(-4px);box-shadow:var(--shadow)}.contact-icon{display:grid;place-items:center;width:44px;height:44px}.contact-icon svg{width:23px;height:23px;fill:currentColor}.whatsapp-icon{color:var(--green);background:var(--green-soft)}.facebook-icon{color:var(--blue-700);background:var(--blue-100)}.contact-card h3{margin:0;color:var(--blue-900);font:700 18px var(--display)}.contact-card p{margin:3px 0 16px;color:var(--muted);font-size:13px}.contact-button{width:100%;justify-content:space-between;padding:10px 11px;font-size:10px}.facebook-button{color:var(--blue-700);border-color:var(--blue-700)}.whatsapp-float{position:fixed;right:20px;bottom:20px;z-index:20;display:grid;place-items:center;width:58px;height:58px;color:var(--white);background:var(--green);border:3px solid var(--white);border-radius:50%;box-shadow:0 8px 24px rgba(7,27,55,.25);transition:transform .2s ease,background .2s ease,box-shadow .2s ease}.whatsapp-float:hover,.whatsapp-float:focus-visible{color:var(--white);background:#0e6f58;transform:translateY(-4px);box-shadow:0 12px 28px rgba(7,27,55,.32);outline:3px solid rgba(244,197,66,.65);outline-offset:3px}.whatsapp-float svg{width:29px;height:29px;fill:currentColor}.whatsapp-tooltip{position:absolute;right:68px;white-space:nowrap;padding:7px 10px;color:var(--white);background:var(--blue-950);font-size:10px;font-weight:700;opacity:0;pointer-events:none;transform:translateX(5px);transition:opacity .2s ease,transform .2s ease}.whatsapp-float:hover .whatsapp-tooltip,.whatsapp-float:focus-visible .whatsapp-tooltip{opacity:1;transform:translateX(0)}
@media(max-width:800px){.hero-cover{margin-top:18px}.hero-cover img{min-height:150px;max-height:230px;object-fit:cover}.brand-logo{width:36px;height:36px;flex-basis:36px}.history-tags{margin-top:20px}}
@media(max-width:430px){.hero-cover img{min-height:125px;object-position:center}.brand-logo{width:34px;height:34px;flex-basis:34px}}

.project-intro { max-width: 820px; margin: -20px 0 42px; color: var(--muted); font-size: 15px; }
.work-section, .process-section { background: var(--mist); }
.work-grid, .process-grid { display: grid; grid-template-columns: repeat(3, 1fr); gap: 18px; }
.work-card, .process-step { min-height: 220px; padding: 24px; background: var(--white); border: 1px solid var(--line); transition: transform .25s ease, box-shadow .25s ease; }
.work-card:hover, .process-step:hover { transform: translateY(-5px); box-shadow: var(--shadow); }
.work-number, .process-step > b { display: inline-grid; place-items: center; width: 32px; height: 32px; margin-bottom: 32px; color: var(--blue-700); background: var(--blue-100); font-size: 10px; font-weight: 800; }
.work-card:nth-child(3n+2) .work-number, .process-step:nth-child(3n+2) > b { color: var(--green); background: var(--green-soft); }
.work-card:nth-child(3n) .work-number, .process-step:nth-child(3n) > b { color: var(--red); background: var(--red-soft); }
.work-card h3, .process-step h3 { margin: 0 0 10px; color: var(--blue-900); font: 700 20px/1.15 var(--display); letter-spacing: -.03em; }
.work-card p, .process-step p { margin: 0; color: var(--muted); font-size: 13px; }
.philosophy-section { background: var(--white); }
.philosophy-layout { display: grid; grid-template-columns: .85fr 1.15fr; gap: 100px; }
.philosophy-copy { color: var(--muted); font-size: 16px; }
.philosophy-copy p { max-width: 580px; margin-bottom: 23px; }
.value-list, .tech-pill-row { display: flex; flex-wrap: wrap; gap: 9px; margin-top: 30px; }
.value-list span, .tech-pill-row span { padding: 8px 11px; color: var(--blue-900); border: 1px solid var(--line); background: var(--blue-100); font-size: 10px; font-weight: 800; letter-spacing: .06em; text-transform: uppercase; }
.value-list span:nth-child(2), .tech-pill-row span:nth-child(2) { color: var(--green); border-color: #bce4d6; background: var(--green-soft); }
.value-list span:nth-child(3), .tech-pill-row span:nth-child(3) { color: #a56e00; border-color: #f0d889; background: var(--yellow-soft); }
.value-list span:nth-child(4), .tech-pill-row span:nth-child(4) { color: var(--red); border-color: #f0c2bd; background: var(--red-soft); }
.tech-layout { grid-template-columns: .7fr .8fr 1.5fr; gap: 35px; }
.tech-copy { align-self: center; color: #a8bdd7; font-size: 14px; }
.tech-copy p { margin: 0; }
.tech-card { grid-column: auto; }
.closing-section { background: var(--yellow-soft); }
.closing-layout { max-width: 850px; text-align: center; margin: 0 auto; }
.closing-layout h2 { margin: 0 auto 22px; color: var(--blue-900); font: 700 clamp(34px, 4.5vw, 55px)/1.08 var(--display); letter-spacing: -.06em; }
.closing-layout > p:not(.eyebrow):not(.closing-slogan) { max-width: 620px; margin: 0 auto; color: var(--muted); font-size: 16px; }
.closing-slogan { margin: 28px 0 0; color: var(--blue-700); font: 700 20px var(--display); }
.footer-note { max-width: 230px; margin: 17px 0 0 51px !important; color: #91a8c4 !important; font: 400 11px/1.5 var(--body) !important; }
@media(max-width:1050px){.tech-layout{grid-template-columns: .75fr 1fr;}.tech-heading{grid-column: span 2}.tech-card{grid-column: span 2;}}
@media(max-width:800px){.work-grid,.process-grid{grid-template-columns: 1fr 1fr}.philosophy-layout{grid-template-columns:1fr;gap:39px}.tech-layout{grid-template-columns:1fr;gap:32px}.tech-heading,.tech-card{grid-column:auto}.project-intro{margin-top:-8px;margin-bottom:30px}.work-card,.process-step{min-height:0}.work-number,.process-step>b{margin-bottom:22px}}
@media(max-width:500px){.work-grid,.process-grid{grid-template-columns:1fr}.project-intro{font-size:14px}.closing-layout h2{font-size:35px}}
@media(max-width:1050px){.nav-links{gap:13px}.nav-links a{font-size:10px}.hero{gap:20px}.tech-layout,.history-layout,.vision-layout,.ip-layout{gap:55px}}
@media(max-width:800px){.shell{width:min(100% - 32px,600px)}.site-header{min-height:auto}.nav{min-height:74px}.menu-toggle{display:block;position:relative;z-index:5}.nav-links{display:none;position:absolute;top:66px;right:0;left:0;padding:16px;flex-direction:column;align-items:stretch;gap:0;background:var(--blue-950);border:1px solid rgba(255,255,255,.2);box-shadow:var(--shadow)}.nav-links.open{display:flex}.nav-links a{padding:12px 4px;border-bottom:1px solid rgba(255,255,255,.1);font-size:11px}.nav-links .nav-contact{margin-top:10px;text-align:center;border:1px solid rgba(255,255,255,.3)}.nav-social{justify-content:center;margin:10px 0 0;padding-top:10px;border-top:1px solid rgba(255,255,255,.1)}.nav-social a{border:0;background:rgba(255,255,255,.1)}.hero{display:block;min-height:0}.hero-copy{padding:80px 0 35px}.hero h1{font-size:clamp(45px,13vw,66px)}.hero-visual{height:330px;transform:scale(.76);transform-origin:top left;width:131%}.hero-meta{display:none}.section{padding:76px 0}.intro-layout,.tech-layout,.history-layout,.vision-layout,.ip-layout,.contact-layout{grid-template-columns:1fr;gap:39px}.section-heading-wide{display:block}.section-heading-wide>p{margin-top:20px}.project-grid{grid-template-columns:1fr}.project-main{grid-column:auto;display:flex}.project-main .card-top{min-height:125px}.project-content h3,.project-main h3{font-size:25px}.tech-card{grid-template-columns:63px 1fr;padding:20px;gap:17px}.tech-card-mark{min-height:130px}.contact-cards{grid-template-columns:1fr}.footer-top{display:block;padding-bottom:40px}.footer-nav{margin-top:42px;gap:18px}.footer-bottom{display:block}.footer-bottom span{display:block}.footer-bottom span+span{margin-top:8px}}
@media(max-width:430px){.hero-actions{display:grid}.button{justify-content:space-between}.hero-visual{transform:scale(.63);width:159%;height:275px}.concept-row{gap:16px}.project-footer{align-items:flex-start;flex-direction:column}.footer-nav{grid-template-columns:repeat(2,minmax(0,1fr));row-gap:30px;min-width:0}.footer-nav div{min-width:0}.footer-nav div:last-child{grid-column:span 2}.footer-nav a{overflow-wrap:anywhere}.whatsapp-float{right:16px;bottom:16px;width:56px;height:56px}.whatsapp-tooltip{display:none}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}.reveal{opacity:1;transform:none;transition:none}.project-card,.tech-card,.button{transition:none}}
@media(max-width:430px){.hero-actions{display:grid}.button{justify-content:space-between}.hero-visual{transform:scale(.63);width:159%;height:275px}.concept-row{gap:16px}.project-footer{align-items:flex-start;flex-direction:column}.footer-nav{grid-template-columns:repeat(2,minmax(0,1fr));row-gap:30px;min-width:0}.footer-nav div{min-width:0}.footer-nav div:last-child{grid-column:span 2}.footer-nav a{overflow-wrap:anywhere}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}.reveal{opacity:1;transform:none;transition:none}.project-card,.tech-card,.button{transition:none}}

/* Seccion Conoce nuestras aplicaciones -- detalles por producto */
.project-grid-detail{row-gap:26px}
.project-section-label{display:block;margin:18px 0 8px;font-size:11px;font-weight:800;letter-spacing:.1em;text-transform:uppercase;color:var(--muted)}
.project-impact{margin:0 0 12px;font-size:18px;line-height:1.45;font-weight:800;color:var(--blue-900)}
.project-content p{margin:0 0 10px}
.project-content p:last-child{margin-bottom:0}
.project-benefits{margin:0;padding:0;list-style:none}
.project-benefits li{position:relative;padding-left:20px;margin:7px 0;font-size:14px;line-height:1.6}
.project-benefits li:before{content:'';position:absolute;left:0;top:.6em;width:7px;height:7px;border-radius:50%;background:var(--yellow)}
.project-step{margin:2px 0;font-weight:800;color:var(--blue-900)}
.project-note{font-size:13px;line-height:1.6;color:var(--muted)}
.project-closing{margin:14px 0 0;font-size:14px;color:var(--blue-900)}
.project-closing strong{font-weight:800}
@media(min-width:801px){.project-grid-detail{grid-template-columns:1fr}.project-grid-detail .project-card{min-height:0}.project-grid-detail .project-main{grid-column:auto;grid-template-columns:1fr;min-height:0}.project-grid-detail .card-top{min-height:auto;padding:15px 25px}}
.project-main .project-impact,.project-main .project-step,.project-main .project-closing{color:#fff}
.project-main .project-section-label{color:var(--yellow)}
.project-main .project-meta,.project-main .card-note{color:#cfe0f2}
.project-main .project-note{color:#cfe0f2}
.project-main .project-footer{border-top-color:rgba(255,255,255,.16)}
@media(max-width:800px){.menu-toggle{min-width:44px;min-height:44px}.nav-links>a{min-height:44px}.nav-links .nav-social a{width:44px;height:44px}}