:root{color-scheme:dark;--bg:#031429;--ink:#e9f5ff;--accent:#38b8ff}
*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;background:var(--bg);color:var(--ink);font-family:Arial,Helvetica,sans-serif}a{color:inherit}main{max-width:1672px;margin:0 auto}.home{position:relative;width:100%;line-height:0;isolation:isolate}.home-art{display:block;width:100%;height:auto;user-select:none;-webkit-user-drag:none;pointer-events:none}.hotspots{position:absolute;inset:0;z-index:4}.hotspot{position:absolute;display:block;border-radius:10px}.hotspot:hover,.hotspot:focus-visible{outline:2px solid #32baff;background:#00a4ff19}.nav{top:69.2%;height:14.7%;width:14.9%}.n1{left:2.6%}.n2{left:18.3%}.n3{left:34.4%}.n4{left:50.2%}.n5{left:66.1%}.n6{left:82%}
.intro-summary{position:absolute;z-index:5;left:3.9%;top:36.2%;width:32.7%;height:32.8%;padding:1.3% 1.1%;background:linear-gradient(90deg,#03172b,#04172b 82%,#04172bf5);display:flex;flex-direction:column;justify-content:center;gap:clamp(4px,.7vw,12px);line-height:1.48;pointer-events:none}.intro-summary h2{font-size:clamp(12px,1.65vw,26px);line-height:1.2;color:#28aaff;margin:0}.intro-summary>p{font-size:clamp(10px,1.12vw,18px);line-height:1.52;color:#e1edf8;margin:0}.intro-construction{display:flex;flex-direction:column;align-items:center;gap:2px;width:100%;line-height:1.2}.intro-construction img{display:block;width:100%;max-height:clamp(25px,5vw,75px);object-fit:contain}.intro-construction p{margin:0;display:flex;flex-direction:column;align-items:center;gap:2px;text-align:center;font-size:clamp(9px,.9vw,14px);line-height:1.25}.intro-construction strong{color:#39baff}.intro-construction span{font-size:.85em}
/* Original image has a printed social row: mask ONLY that row, then render a single live row. */
.home::after{content:"";position:absolute;z-index:2;left:0;right:0;top:84%;bottom:0;background:#031429;pointer-events:none}.original-message-cover{display:none}
.social-strip{position:absolute;z-index:6;left:2.5%;right:2.5%;top:84.8%;height:10%;display:grid;grid-template-columns:minmax(90px,1.25fr) repeat(7,minmax(0,1fr));gap:clamp(3px,.55vw,12px);align-items:center;padding:clamp(4px,.7vw,12px);background:#061c35;border:1px solid #1b6593;border-radius:12px;line-height:1.2}.social-title{font-size:clamp(10px,1vw,16px);font-weight:700;line-height:1.25}.social-strip a{min-width:0;height:100%;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:clamp(2px,.35vw,5px);padding:2px 0;border-radius:8px;text-decoration:none}.social-strip a:hover,.social-strip a:focus-visible,.mobile-social a:hover,.mobile-social a:focus-visible{background:#12436a;outline:2px solid #34bdff;outline-offset:1px}.social-caption{font-size:clamp(8px,.78vw,12px);line-height:1.2;text-align:center;overflow-wrap:break-word;color:#d7eefe}
/* Icons: local SVGs, no fonts, emoji or external requests. Filter applied to each img ONLY. */
.brand-icon{display:grid;place-items:center;flex:none;width:clamp(27px,2.85vw,44px);height:clamp(27px,2.85vw,44px);border-radius:10px;background:transparent}.brand-icon img{display:block;width:67%;height:67%;object-fit:contain;filter:brightness(0) invert(1)}.brand-linkedin{background:#0a66c2}.brand-instagram{background:linear-gradient(35deg,#ffb900,#f3426e 48%,#8535c5)}.brand-facebook{background:#0866ff}.brand-x-twitter{background:#000;border:1px solid #52667c}.brand-whatsapp{background:#25d366}.brand-youtube{background:#ff0033}.brand-youtube img{width:76%;height:76%}.brand-olx{width:clamp(43px,4.1vw,64px);background:#fff;border-radius:9px}.brand-olx img{width:92%;height:92%;filter:none}
.mobile-content{display:none}
.site-footer{width:100%;max-width:1672px;margin:0 auto;padding:8px 16px 18px;text-align:center;color:#819eb5;font-size:12px}.footer-copyright{font-size:11px;margin-bottom:9px}.visitor{text-align:left}.visitor-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:10px}.metric{min-width:0}.metric-label{display:block;color:#4cb9fa;font-size:9px;margin-bottom:3px}.metric strong{display:block;color:#e0eefa;font-size:11px;font-weight:400;overflow-wrap:anywhere}.privacy{font-size:9px;line-height:1.35;margin:8px 0 0}
@media(min-width:621px) and (max-width:1000px){.intro-summary{gap:4px}.intro-summary>p{font-size:clamp(9px,1.15vw,13px)}.intro-summary h2{font-size:clamp(13px,1.55vw,18px)}.intro-construction img{max-height:4vw}.intro-construction p{font-size:clamp(8px,.85vw,11px)}.social-strip{grid-template-columns:minmax(68px,1.1fr) repeat(7,minmax(0,1fr));gap:3px;padding:4px}.social-caption{font-size:8px}}
@media(max-width:620px){
 html,body{max-width:100%;overflow-x:hidden}.home{height:49vw;overflow:hidden}.home::after,.home .intro-summary,.home .hotspots,.home .social-strip{display:none}.mobile-content{display:block;padding:0 12px 4px}.mobile-intro{padding:12px 3px 9px;line-height:1.45}.mobile-intro h2{color:#35b4ff;font-size:clamp(18px,5vw,23px);margin:0 0 8px}.mobile-intro p{font-size:14px;color:#d7e9f8;margin:0}.mobile-building{display:flex;align-items:center;gap:12px;margin-top:10px;padding:6px 0}.mobile-building img{width:38%;max-height:100px;object-fit:contain}.mobile-building div{display:flex;flex-direction:column;gap:4px;font-size:13px}.mobile-building strong{color:#41baff;font-size:15px}.mobile-navigation{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:8px;margin:8px 0 14px}.mobile-navigation a{display:flex;justify-content:center;align-items:center;min-height:48px;padding:8px;text-align:center;text-decoration:none;color:#e8f7ff;background:#092542;border:1px solid #186ca3;border-radius:9px;font-size:13px}.mobile-social{padding:0 0 9px}.mobile-social h2{font-size:15px;margin:0 0 9px;color:#bfe7ff}.mobile-social>div{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:8px}.mobile-social a{display:flex;align-items:center;justify-content:flex-start;gap:10px;min-height:54px;padding:8px 10px;border:1px solid #155783;border-radius:9px;background:#071f39;color:#e7f5ff;text-decoration:none;font-size:12px}.mobile-social .brand-icon{width:34px;height:34px;border-radius:8px}.mobile-social .brand-olx{width:43px}.mobile-social-label{text-align:left;line-height:1.3}.site-footer{padding:10px 12px 15px}.visitor-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:9px 12px}.metric strong{font-size:11px}
}
@media(prefers-reduced-motion:reduce){*,*:before,*:after{scroll-behavior:auto!important}}