:root{
  --blue:#0b3d91;
  --blue-2:#0a3278;
  --green:#1fae4b;
  --green-dark:#14893a;
  --text:#0f1f3d;
  --muted:#697790;
  --bg:#f4f7fb;
  --surface:#ffffff;
  --line:#dde5f0;
  --line-strong:#cfd8e8;
  --shadow:0 16px 38px rgba(8,31,76,.08);
  --radius:18px;
  --radius-lg:24px;
}
*{box-sizing:border-box}
html{scroll-behavior:smooth}
body{
  margin:0;
  font-family:Arial,Helvetica,sans-serif;
  color:var(--text);
  background:linear-gradient(180deg,#f8fbff 0%,#f4f7fb 58%,#f6f8fc 100%);
  line-height:1.5;
}
a{color:inherit;text-decoration:none}
img{max-width:100%;display:block}
button{font:inherit}
.container{width:min(1460px,calc(100% - 36px));margin:0 auto}
.skip-link{position:absolute;left:-9999px;top:auto}
.skip-link:focus{left:16px;top:16px;background:#fff;padding:10px 14px;z-index:1000;border-radius:12px;box-shadow:var(--shadow)}

.site-header{
  position:sticky; top:0; z-index:60;
  background:rgba(255,255,255,.94);
  backdrop-filter:blur(14px);
  border-bottom:1px solid rgba(11,61,145,.08);
}
.header-wrap{display:flex;align-items:center;gap:20px;padding:16px 0}
.brand{flex:0 0 auto;display:flex;align-items:center}
.brand img{width:240px;max-width:100%;height:auto}
.desktop-nav{display:flex;align-items:center;gap:28px;flex:1;justify-content:center}
.desktop-nav a{font-size:14px;font-weight:700;color:#24375f;position:relative;padding-bottom:6px}
.desktop-nav a.active::after,.desktop-nav a:hover::after{content:"";position:absolute;left:0;right:0;bottom:0;height:2px;border-radius:999px;background:var(--blue)}
.header-cta{flex:0 0 auto;display:inline-flex;align-items:center;justify-content:center;padding:12px 18px;border-radius:14px;background:linear-gradient(180deg,#2dc158,#169742);color:#fff;font-size:14px;font-weight:700;box-shadow:0 12px 28px rgba(31,174,75,.28)}
.header-cta strong{display:block;font-size:14px}
.menu-toggle{display:none;border:0;background:transparent;width:44px;height:44px;border-radius:12px;padding:0;align-items:center;justify-content:center;flex-direction:column;gap:5px}.mobile-wa-header{display:none;width:40px;height:40px;border-radius:999px;background:#25d366;color:#fff;align-items:center;justify-content:center;box-shadow:0 10px 22px rgba(37,211,102,.28)}.mobile-wa-header .small{width:20px;height:20px;margin:0}
.menu-toggle span{width:22px;height:2px;background:var(--blue);display:block;border-radius:999px}
.mobile-nav{display:none;padding:0 18px 18px;background:#fff;border-top:1px solid rgba(11,61,145,.08)}
.mobile-nav a{display:block;padding:12px 0;font-weight:700;border-bottom:1px solid rgba(11,61,145,.08)}

.page-grid{display:grid;grid-template-columns:minmax(0,1fr);gap:18px;padding:18px 0 30px}
.primary-column,.sidebar-column{min-width:0}
.sidebar-column{display:none!important}
.card-surface{background:var(--surface);border:1px solid rgba(12,61,145,.08);box-shadow:var(--shadow);border-radius:20px}

.hero{display:grid;grid-template-columns:41% 59%;overflow:hidden;min-height:610px;transition:transform .45s ease, box-shadow .45s ease}
.hero-copy{padding:46px 36px 34px;background:linear-gradient(90deg,#fff 0%,rgba(255,255,255,.94) 72%,rgba(255,255,255,.18) 100%);position:relative;z-index:1}
.hero-media{min-height:610px}
.hero-media img{width:100%;height:100%;object-fit:cover;transition:transform .9s ease}.hero:hover .hero-media img{transform:scale(1.03)}
.eyebrow,.section-tag{text-transform:uppercase;font-size:13px;letter-spacing:.03em;font-weight:800;color:var(--blue);margin:0 0 14px}
.hero h1{font-size:56px;line-height:1.04;letter-spacing:-.03em;margin:0 0 18px;max-width:540px}
.hero-subtitle{font-size:26px;line-height:1.2;max-width:500px;margin:0 0 22px;color:#314469}
.check-list{list-style:none;padding:0;margin:0 0 28px;display:grid;gap:10px}
.check-list li{padding-left:28px;position:relative;font-size:18px;font-weight:600;color:#2a3d65}
.check-list li::before{content:"✓";position:absolute;left:0;top:-1px;color:var(--green);font-size:20px;font-weight:900}
.hero-contact-row{display:flex;align-items:center;gap:14px;flex-wrap:wrap;margin-bottom:24px}
.seal{border-radius:50%;display:flex;flex-direction:column;align-items:center;justify-content:center;color:#fff;text-align:center;line-height:1;padding:10px;flex:0 0 auto;position:relative;overflow:hidden}.seal::before{content:"";position:absolute;inset:6px;border-radius:50%;border:2px solid rgba(255,255,255,.35)}.seal::after{content:"";position:absolute;inset:-18%;background:radial-gradient(circle at 30% 30%,rgba(255,255,255,.52),transparent 38%);pointer-events:none}
.seal strong{font-size:40px;line-height:.9;margin:2px 0 4px;letter-spacing:-.04em;position:relative;z-index:1}.seal span,.seal small{position:relative;z-index:1}
.seal span,.seal small{display:block}.seal span:empty{display:none}
.seal-24{width:110px;height:110px;background:radial-gradient(circle at 28% 28%,#ff8c85,#da2d36 58%,#9f0f1a 100%);box-shadow:0 18px 34px rgba(182,23,34,.38),0 0 0 6px rgba(255,255,255,.82);border:0}
.seal-24 span,.seal-24 small{font-size:13px;font-weight:800;text-transform:uppercase;letter-spacing:.04em}.seal-24 strong{font-size:48px}.seal-24 small{margin-top:2px}
.seal-years{width:126px;height:126px;background:radial-gradient(circle at 28% 28%,#ffe28c,#f5b325 60%,#d88a06 100%);color:#0d2350;box-shadow:0 18px 34px rgba(243,156,18,.3),0 0 0 6px rgba(255,255,255,.84);border:0}
.seal-years span,.seal-years small{font-size:12px;font-weight:900;text-transform:uppercase;letter-spacing:.04em}.seal-years strong{font-size:40px}
.seal-years strong{font-size:38px}
.pulse{animation:pulseSeal 2.4s ease-in-out infinite}
@keyframes pulseSeal{0%,100%{transform:scale(1)}50%{transform:scale(1.05)}}
.hero-phone{display:flex;flex-direction:column;justify-content:center}
.wa-line{display:flex;align-items:center;gap:10px;font-size:19px;color:#153160}
.wa-line strong{font-size:18px}
.hero-phone small{font-size:13px;color:#557090;padding-left:44px;margin-top:2px}
.icon-chip{width:36px;height:36px;border-radius:50%;display:grid;place-items:center;background:#fff;box-shadow:inset 0 0 0 1px rgba(16,94,44,.08),0 8px 20px rgba(37,211,102,.18)}
.icon-chip.whatsapp::before{content:"";width:20px;height:20px;background:#25d366;display:block;-webkit-mask:url('data:image/svg+xml;utf8,<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24"><path fill="black" d="M20.5 3.5A11.9 11.9 0 0 0 12.06 0C5.5 0 .15 5.3.15 11.83c0 2.08.54 4.11 1.57 5.9L0 24l6.43-1.68a11.94 11.94 0 0 0 5.63 1.43h.01c6.56 0 11.92-5.3 11.92-11.83 0-3.16-1.24-6.13-3.49-8.41Zm-8.44 18.25c-1.77 0-3.5-.48-5-1.39l-.36-.21-3.82 1 1.02-3.71-.23-.38A9.85 9.85 0 0 1 2.15 11.83c0-5.42 4.46-9.84 9.94-9.84 2.65 0 5.13 1.02 7 2.89a9.77 9.77 0 0 1 2.9 6.95c0 5.43-4.47 9.92-9.93 9.92Zm5.45-7.44c-.3-.15-1.8-.88-2.08-.98-.28-.1-.49-.15-.69.15-.2.3-.8.98-.97 1.18-.18.2-.36.23-.66.08-.31-.15-1.3-.48-2.48-1.52-.92-.81-1.54-1.8-1.72-2.1-.18-.31-.02-.48.13-.63.14-.14.31-.36.46-.54.15-.18.2-.31.31-.51.1-.2.05-.38-.03-.54-.08-.15-.69-1.66-.95-2.28-.25-.6-.5-.52-.69-.53h-.59c-.2 0-.54.08-.82.38-.28.31-1.08 1.06-1.08 2.58 0 1.52 1.11 3 1.26 3.2.15.2 2.18 3.33 5.29 4.67.74.32 1.32.51 1.77.65.75.24 1.44.21 1.99.13.61-.09 1.8-.74 2.05-1.46.25-.72.25-1.34.18-1.46-.08-.14-.28-.22-.59-.37Z"/></svg>') center/contain no-repeat;mask:url('data:image/svg+xml;utf8,<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24"><path fill="black" d="M20.5 3.5A11.9 11.9 0 0 0 12.06 0C5.5 0 .15 5.3.15 11.83c0 2.08.54 4.11 1.57 5.9L0 24l6.43-1.68a11.94 11.94 0 0 0 5.63 1.43h.01c6.56 0 11.92-5.3 11.92-11.83 0-3.16-1.24-6.13-3.49-8.41Zm-8.44 18.25c-1.77 0-3.5-.48-5-1.39l-.36-.21-3.82 1 1.02-3.71-.23-.38A9.85 9.85 0 0 1 2.15 11.83c0-5.42 4.46-9.84 9.94-9.84 2.65 0 5.13 1.02 7 2.89a9.77 9.77 0 0 1 2.9 6.95c0 5.43-4.47 9.92-9.93 9.92Zm5.45-7.44c-.3-.15-1.8-.88-2.08-.98-.28-.1-.49-.15-.69.15-.2.3-.8.98-.97 1.18-.18.2-.36.23-.66.08-.31-.15-1.3-.48-2.48-1.52-.92-.81-1.54-1.8-1.72-2.1-.18-.31-.02-.48.13-.63.14-.14.31-.36.46-.54.15-.18.2-.31.31-.51.1-.2.05-.38-.03-.54-.08-.15-.69-1.66-.95-2.28-.25-.6-.5-.52-.69-.53h-.59c-.2 0-.54.08-.82.38-.28.31-1.08 1.06-1.08 2.58 0 1.52 1.11 3 1.26 3.2.15.2 2.18 3.33 5.29 4.67.74.32 1.32.51 1.77.65.75.24 1.44.21 1.99.13.61-.09 1.8-.74 2.05-1.46.25-.72.25-1.34.18-1.46-.08-.14-.28-.22-.59-.37Z"/></svg>') center/contain no-repeat}
.hero-actions{display:flex;gap:14px;flex-wrap:wrap}
.btn{border:0;cursor:pointer;border-radius:12px;display:inline-flex;align-items:center;justify-content:center;gap:12px;padding:14px 20px;font-weight:800;transition:transform .25s ease, box-shadow .25s ease, background .25s ease}
.btn:hover{transform:translateY(-2px)}
.btn-primary{background:linear-gradient(180deg,#24c055,#169742);color:#fff;box-shadow:0 14px 30px rgba(28,171,76,.28)}
.btn-light{background:#fff;border:1px solid var(--line-strong);color:var(--text)}
.btn-dark{background:var(--blue);color:#fff;box-shadow:0 12px 24px rgba(11,61,145,.2)}
.btn-card{background:var(--blue);color:#fff;width:100%;padding:13px 18px;box-shadow:0 10px 22px rgba(11,61,145,.18)}
.full{width:100%}

.benefits-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:12px;margin:14px 0 24px}
.mini-feature{padding:22px 22px 18px;min-height:138px;display:flex;flex-direction:column;justify-content:flex-start}
.mini-feature .vector-icon{width:44px;height:44px;color:var(--blue);margin-bottom:10px}
.mini-feature h3{font-size:20px;line-height:1.15;margin:0 0 7px}
.mini-feature p{margin:0;color:var(--muted);font-size:14px}

.section-grid{display:grid;grid-template-columns:41% 59%;gap:22px;margin-bottom:24px;align-items:center}
.about-copy{padding:8px 8px 8px 0}
.about-copy h2,.section-title{font-size:48px;line-height:1.08;letter-spacing:-.02em;margin:0 0 18px}
.about-copy h2 span,.sidebar-card h3 span{color:var(--green)}
.about-copy p{font-size:16px;color:#304160;margin:0 0 14px}
.text-center{text-align:center}
.about-gallery{display:grid;grid-template-columns:1fr;gap:14px}
.about-large{width:100%;height:260px;object-fit:cover;border-radius:18px}
.about-grid-small{display:grid;grid-template-columns:repeat(2,1fr);gap:12px}
.about-grid-small img{border-radius:16px;height:164px;width:100%;object-fit:cover}

.units-section,.team-section,.approach-section{margin:10px 0 30px}
.units-cards{display:grid;grid-template-columns:repeat(4,1fr);gap:14px}
.unit-card{overflow:hidden;display:flex;flex-direction:column}
.unit-card>img{height:168px;width:100%;object-fit:cover}
.unit-content{padding:18px}
.unit-content h3{font-size:22px;line-height:1.16;margin:0 0 10px}
.price-from{margin:0;color:#687795;font-size:14px}
.price-now{margin:5px 0 14px;font-size:18px;font-weight:800}
.unit-content ul{list-style:none;padding:0;margin:0 0 16px;display:grid;gap:8px}
.unit-content li{padding-left:22px;position:relative;color:#32425f;font-size:14px}
.unit-content li::before{content:"";position:absolute;left:0;top:6px;width:11px;height:11px;border-radius:50%;background:linear-gradient(180deg,#1fc95c,#15923f);box-shadow:0 0 0 3px rgba(31,201,92,.15)}

.team-grid{display:grid;grid-template-columns:repeat(5,1fr);gap:24px 12px;margin-top:6px}
.team-item{text-align:center;display:flex;flex-direction:column;align-items:center;gap:12px}
.team-item h3{font-size:17px;margin:0;line-height:1.12;font-weight:700}
.vector-icon.circled{width:110px;height:110px;border:2px solid #ebeff6;border-radius:999px;padding:24px;color:var(--blue);background:#fff;box-shadow:0 10px 24px rgba(8,31,76,.04)}
.vector-icon{display:inline-flex;align-items:center;justify-content:center;color:var(--blue)}
.vector-icon svg{width:100%;height:100%;stroke:currentColor;stroke-width:1.8;fill:none;stroke-linecap:round;stroke-linejoin:round}

.approach-grid{display:grid;grid-template-columns:repeat(5,1fr);gap:18px}
.approach-item{display:flex;gap:12px;align-items:flex-start;padding:8px 2px}
.approach-item .vector-icon{width:44px;height:44px;flex:0 0 auto}
.approach-item h3{margin:0 0 6px;font-size:18px}
.approach-item p{margin:0;font-size:14px;color:var(--muted)}

.structure-section{display:grid;gap:18px;margin-bottom:28px}
.structure-showcase{display:grid;grid-template-columns:repeat(4,1fr);gap:12px}
.structure-showcase img{height:180px;object-fit:cover;border-radius:18px;box-shadow:var(--shadow)}
.structure-highlights{display:grid;grid-template-columns:repeat(4,1fr);gap:12px}
.highlight{padding:18px 20px}
.highlight .vector-icon{width:44px;height:44px;margin-bottom:10px}
.highlight h3{font-size:18px;line-height:1.15;margin:0 0 6px}
.highlight p{margin:0;color:var(--muted);font-size:14px}

.gallery-cards{display:grid;grid-template-columns:repeat(4,1fr);gap:14px}
.gallery-card{padding:12px;display:flex;flex-direction:column;gap:14px}
.gallery-card img{height:160px;object-fit:cover;border-radius:16px;background:#f2f6fb}
.gallery-card h3{font-size:20px;line-height:1.15;margin:0 0 6px}
.gallery-card p{margin:0;color:var(--muted)}

.cta-strip{margin:20px 0 18px;padding:18px;border-radius:20px;background:linear-gradient(180deg,#0d3d92,#08306f);color:#fff;display:grid;grid-template-columns:110px 1fr 320px;gap:18px;align-items:center;box-shadow:0 18px 36px rgba(11,61,145,.25)}
.footer-seal{margin-inline:auto}
.cta-copy h2{margin:0 0 8px;font-size:34px;line-height:1.05}
.cta-copy p{margin:0;color:rgba(255,255,255,.84);font-size:15px}
.cta-buttons{display:grid;gap:12px}
.btn-whats-large,.btn-call-large{width:100%;padding:14px 16px;border-radius:14px;text-align:left;justify-content:flex-start;position:relative}
.btn-whats-large{background:linear-gradient(180deg,#24c055,#159742);color:#fff;box-shadow:0 12px 24px rgba(31,174,75,.25)}
.btn-whats-large small,.btn-call-large small{display:block;font-size:13px;font-weight:700;opacity:.92}
.btn-call-large{background:#fff;color:var(--blue);box-shadow:0 12px 24px rgba(255,255,255,.08)}

.site-footer{display:grid;grid-template-columns:1.5fr 1fr 1fr 1fr;gap:26px;padding:18px 0 8px;border-top:1px solid rgba(11,61,145,.08)}
.footer-logo{width:235px;max-width:100%;height:auto;margin-bottom:10px}
.site-footer p{margin:0 0 10px;color:#334566;font-size:15px}
.site-footer h3{font-size:18px;margin:0 0 12px}
.footer-links,.footer-contact{list-style:none;padding:0;margin:0;display:grid;gap:7px;color:#32425f}
.footer-links a:hover{text-decoration:underline}
.socials{display:flex;gap:10px;margin-top:12px}
.socials a{width:38px;height:38px;border-radius:999px;display:grid;place-items:center;border:1px solid var(--line);background:#fff;box-shadow:0 8px 18px rgba(8,31,76,.05)}
.social-icon{width:18px;height:18px}
.social-icon svg{stroke-width:2}
.small{width:18px;height:18px;vertical-align:middle;margin-right:8px}
.center{justify-content:center}
.copyright{text-align:center;color:#6b7a93;font-size:14px;padding:8px 0 2px}

.sidebar-card{padding:16px}
.sidebar-header-logo img,.sidebar-logo{width:140px;margin:0 auto 6px}
.side-top{padding:12px;overflow:hidden}
.side-top .side-hero{height:150px;border-radius:14px;object-fit:cover;width:100%;margin-bottom:10px}
.side-hero-copy h3{font-size:18px;line-height:1.15;margin:6px 0 8px}
.side-hero-copy p{font-size:13px;color:#445578;margin:0 0 10px}
.side-cta-row{display:grid;grid-template-columns:72px 1fr;gap:10px;align-items:center;margin-bottom:10px}
.seal.compact{width:72px;height:72px;padding:6px}
.seal.compact strong{font-size:28px}
.seal.compact span,.seal.compact small{font-size:9px}
.side-wa-line{display:flex;align-items:center;gap:10px;border-radius:14px;background:#f4f9f5;padding:10px;border:1px solid rgba(31,174,75,.14)}
.side-wa-line strong{display:block;font-size:15px}
.side-wa-line small{display:block;color:#56708a;font-size:11px}
.sidebar-mini-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:10px}
.side-mini{padding:14px 10px;text-align:center;min-height:124px}
.side-mini .vector-icon{width:32px;height:32px;margin:0 auto 8px}
.side-mini h4{font-size:13px;line-height:1.15;margin:0 0 4px}
.side-mini p{margin:0;color:#60708a;font-size:11px}
.side-about img,.side-unit img{width:100%;height:150px;object-fit:cover;border-radius:16px;margin-top:12px}
.sidebar-card h3{font-size:30px;line-height:1.05;margin:0 0 10px}
.side-about h3,.side-unit h3,.side-contact h3{font-size:24px}
.side-about p,.side-brand p{color:#334566;font-size:14px;margin:0 0 10px}
.unit-content.compact{padding:14px 4px 0}
.unit-content.compact h4{font-size:18px;line-height:1.15;margin:0 0 8px}
.unit-content.compact ul{gap:6px}
.side-dots{display:flex;justify-content:center;gap:8px;margin-top:8px}
.side-dots span{width:8px;height:8px;border-radius:999px;background:#d7dfec}
.side-dots .active{background:var(--blue)}
.side-team-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:12px 8px}
.side-team-grid article{text-align:center}
.side-team-grid .vector-icon{width:54px;height:54px;padding:13px;border-radius:999px;border:1px solid #ebeff6;background:#fff;box-shadow:0 8px 18px rgba(8,31,76,.04)}
.side-team-grid small{display:block;font-size:11px;line-height:1.15;margin-top:6px;color:#304160;font-weight:700}
.side-contact{background:linear-gradient(180deg,#0b3d91,#08316f);color:#fff}
.side-contact h3{font-size:19px;line-height:1.25;text-align:center;margin-bottom:12px}
.small-side{justify-content:flex-start;text-align:left}
.side-brand{text-align:center}
.side-brand p{font-size:13px}

.floating-socials{position:fixed;right:14px;bottom:14px;display:flex;flex-direction:column;gap:10px;z-index:80}
.social-float{width:54px;height:54px;border-radius:999px;display:grid;place-items:center;box-shadow:0 16px 30px rgba(0,0,0,.25)}
.social-float.insta{background:radial-gradient(circle at 30% 110%,#ffd600 0 10%,#ff7a00 25%,#ff0169 50%,#d300c5 75%,#7638fa 100%)}
.social-float.whats{background:#25d366}
.social-icon.white{width:24px;height:24px;color:#fff}

.gallery-modal{position:fixed;inset:0;background:rgba(4,12,28,.72);backdrop-filter:blur(10px);display:none;align-items:center;justify-content:center;padding:20px;z-index:100}
.gallery-modal.open{display:flex}
.gallery-dialog{width:min(980px,100%);padding:18px;background:#07295c;color:#fff;border-color:rgba(255,255,255,.08)}
.gallery-close{position:absolute;right:18px;top:18px;border:0;width:48px;height:48px;border-radius:999px;background:rgba(255,255,255,.1);color:#fff;font-size:30px;line-height:1;cursor:pointer}
.gallery-dialog{position:relative}
.gallery-heading{padding-right:56px;margin-bottom:10px}
.gallery-heading p{margin:0 0 6px;font-size:12px;font-weight:800;letter-spacing:.08em;color:#a6c0f0}
.gallery-heading h3{margin:0;font-size:34px;line-height:1.1}
.gallery-stage-wrap{display:grid;grid-template-columns:60px 1fr 60px;gap:10px;align-items:center}
.gallery-stage{min-height:520px;background:#04182f;border-radius:18px;overflow:hidden;display:grid;place-items:center}
.gallery-stage img{max-width:100%;max-height:520px;width:auto;height:auto;display:block;border-radius:12px}
.gallery-nav{width:48px;height:48px;border-radius:16px;border:1px solid rgba(255,255,255,.12);background:rgba(9,38,87,.92);color:#fff;font-size:28px;cursor:pointer;display:grid;place-items:center;justify-self:center}
.gallery-count{text-align:center;color:#dbe7fd;font-weight:700;padding:12px 0 10px}
.gallery-thumbs{display:flex;gap:12px;overflow:auto;padding-bottom:4px}
.gallery-thumbs img{width:104px;height:74px;object-fit:cover;border-radius:12px;border:2px solid transparent;cursor:pointer;background:#f0f4fa}
.gallery-thumbs img.active{border-color:#4d93ff;box-shadow:0 0 0 2px rgba(77,147,255,.22)}

.reveal{opacity:0;transform:translateY(32px) scale(.985);transition:opacity .75s ease,transform .75s cubic-bezier(.2,.7,.2,1)}.reveal.show{opacity:1;transform:none}.card-surface,.btn,.unit-card img,.gallery-card img,.about-grid-small img,.about-large,.structure-showcase img{transition:transform .35s ease, box-shadow .35s ease, filter .35s ease}.card-surface:hover{transform:translateY(-4px);box-shadow:0 20px 42px rgba(8,31,76,.12)}.gallery-card img:hover,.about-grid-small img:hover,.about-large:hover,.structure-showcase img:hover,.unit-card:hover img{transform:scale(1.03);filter:saturate(1.05)}
.reveal.show{opacity:1;transform:none}

@media (max-width:1280px){
  .page-grid{grid-template-columns:minmax(0,1fr)}
  .hero h1{font-size:48px}
  .hero-subtitle{font-size:22px}
  .about-copy h2,.section-title{font-size:42px}
  .team-grid{grid-template-columns:repeat(5,1fr)}
}
@media (max-width:1100px){
  .desktop-nav,.header-cta{display:none}
  .mobile-wa-header{display:inline-flex}
  .menu-toggle{display:flex;margin-left:auto}
  .mobile-nav.show{display:block}
  .page-grid{grid-template-columns:1fr}
  .hero{grid-template-columns:1fr;min-height:auto}
  .hero-copy{padding:24px 20px 22px;background:linear-gradient(180deg,#fff 0%,rgba(255,255,255,.98) 84%,rgba(255,255,255,.8) 100%)}
  .hero-media{order:-1}
  .hero-media{min-height:420px}
  .section-grid{grid-template-columns:1fr}
  .benefits-grid,.units-cards,.gallery-cards,.structure-showcase,.structure-highlights{grid-template-columns:repeat(2,1fr)}
  .approach-grid{grid-template-columns:repeat(2,1fr)}
  .team-grid{grid-template-columns:repeat(3,1fr)}
  .cta-strip{grid-template-columns:1fr;justify-items:center;text-align:center}
  .cta-buttons{width:min(100%,380px)}
  .site-footer{grid-template-columns:repeat(2,1fr)}
}
@media (max-width:700px){
  .container{width:min(100% - 24px,1460px)}
  .brand img{width:170px}
  .page-grid{padding:12px 0 20px}
  .hero{border-radius:18px}
  .hero-copy{padding:20px 16px 18px}
  .hero h1{font-size:29px;line-height:1.1;max-width:100%}
  .hero-subtitle{font-size:18px;line-height:1.28}
  .check-list li{font-size:15px}
  .hero-contact-row{gap:12px}
  .seal-24{width:86px;height:86px}
  .seal-24 strong{font-size:34px}
  .seal-years{width:104px;height:104px}
  .seal-years strong{font-size:31px}
  .hero-phone{width:100%}
  .hero-phone small{padding-left:46px}
  .hero-actions{display:grid;grid-template-columns:1fr;width:100%}
  .hero-actions .btn{padding:14px 12px;font-size:16px}
  .hero-media{min-height:230px;order:-1}
  .hero-media img{border-radius:18px 18px 0 0}
  .hero-contact-row{align-items:stretch}
  .hero-phone{flex:1;min-width:0;padding:12px 12px 10px;border:1px solid var(--line);border-radius:18px;background:linear-gradient(180deg,#fff,#f7fbf7)}
  .seal-24{width:92px;height:92px}
  .seal-24 strong{font-size:40px}
  .seal-24 span,.seal-24 small{font-size:11px}
  .seal-years{width:106px;height:106px}
  .seal-years strong{font-size:34px}
  .seal-years span,.seal-years small{font-size:10px}
  .benefits-grid,.units-cards,.gallery-cards,.structure-showcase,.structure-highlights,.team-grid,.site-footer,.about-grid-small,.approach-grid{grid-template-columns:1fr}
  .mini-feature{min-height:auto}
  .about-copy h2,.section-title{font-size:28px}
  .about-large{height:180px}
  .about-grid-small img,.structure-showcase img,.gallery-card img,.unit-card>img{height:150px}
  .team-item .vector-icon.circled{width:92px;height:92px;padding:20px}
  .approach-item{padding:0}
  .gallery-dialog{padding:12px}
  .gallery-heading h3{font-size:25px}
  .gallery-stage-wrap{grid-template-columns:44px 1fr 44px}
  .gallery-stage{min-height:300px}
  .gallery-stage img{max-height:300px}
  .gallery-thumbs img{width:86px;height:62px}
  .floating-socials{right:10px;bottom:10px}
  .social-float{width:50px;height:50px}
}

@media (max-width:700px){.hero-copy{display:flex;flex-direction:column}.benefits-grid{grid-template-columns:repeat(2,1fr);gap:10px}.mini-feature{padding:18px 14px;text-align:center;align-items:center}.mini-feature h3{font-size:16px}.mini-feature p{font-size:12px}.hero-subtitle{margin-bottom:16px}.menu-toggle{margin-left:8px}.hero{padding:0}.hero .hero-media img{height:220px;object-fit:cover}.hero-copy .eyebrow{font-size:12px;margin-bottom:8px}.hero-phone .wa-line strong{font-size:17px}.hero-phone small{font-size:12px;padding-left:42px}.site-header .header-wrap{padding:10px 0}.mobile-nav{padding-bottom:10px}}

@media (max-width:700px){
  .hero{border-radius:0;background:transparent;box-shadow:none;border:none;overflow:visible}
  .hero-media{min-height:0}
  .hero .hero-media img{height:240px;border-radius:0 0 0 0}
  .hero-copy{margin-top:0;border-radius:0 0 20px 20px;background:#fff;border:1px solid rgba(12,61,145,.08);box-shadow:var(--shadow)}
  .hero-contact-row{display:grid;grid-template-columns:92px 1fr;gap:12px}
  .hero-phone{display:flex;justify-content:center}
  .hero-phone .wa-line{align-items:center;line-height:1.2}
  .hero-phone .wa-line strong{font-size:16px}
  .hero-phone small{padding-left:42px;font-size:11px;line-height:1.3}
  .hero .seal-24{width:92px;height:92px;align-self:center}
  .hero-actions{gap:10px}
  .benefits-grid{margin-top:14px}
  .section-grid,.units-section,.team-section,.approach-section,.structure-section,.cta-strip,.site-footer{margin-top:22px}
  .structure-showcase{grid-template-columns:repeat(2,1fr)}
  .cta-copy h2{font-size:26px}
}

/* Fidelity pass — mobile matches approved preview */
.local-service{
  margin:24px 0 22px;
  padding:24px 28px;
  border-radius:18px;
  background:linear-gradient(90deg,#eef6ff 0%,#e6f0ff 100%);
  display:flex;
  align-items:center;
  justify-content:center;
  gap:24px;
  color:var(--blue);
  border:1px solid #dbe9ff;
}
.local-pin{width:58px;height:58px;flex:0 0 auto}
.local-service h2{margin:0 0 4px;font-size:26px}
.local-service p{margin:0;color:#2d4776;font-size:15px}
.trust-section,.faq-section{margin:22px 0 28px}
.trust-section>.section-title,.faq-section>.section-title{font-size:28px;margin-bottom:16px}
.trust-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:14px}
.trust-card{min-height:160px;padding:24px 18px;text-align:center;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:12px}
.trust-card .vector-icon{width:54px;height:54px}
.trust-card h3{font-size:17px;line-height:1.25;margin:0;color:var(--blue)}
.faq-icon{width:30px;height:30px;vertical-align:middle;margin-right:8px}
.faq-list{display:grid;gap:8px;max-width:900px;margin:0 auto}
.faq-list details{background:#fff;border:1px solid #e0e7f0;border-radius:10px;overflow:hidden;box-shadow:0 5px 16px rgba(8,31,76,.04)}
.faq-list summary{list-style:none;cursor:pointer;padding:13px 16px;color:#143e88;font-size:14px;font-weight:800;position:relative}
.faq-list summary::-webkit-details-marker{display:none}
.faq-list summary::after{content:'⌄';position:absolute;right:15px;top:10px;font-size:18px;color:#123d89}
.faq-list details[open] summary::after{transform:rotate(180deg);top:14px}
.faq-list p{margin:0;padding:0 16px 14px;color:#53637e;font-size:13px}

/* premium 24h seal: no overflowing top label */
.seal-24{position:relative;isolation:isolate;animation:sealGlow 2.6s ease-in-out infinite}
.seal-24::before{inset:7px;border:2px solid rgba(255,255,255,.75)}
.seal-24::after{inset:-30%;background:linear-gradient(115deg,transparent 28%,rgba(255,255,255,.5) 43%,transparent 58%);transform:translateX(-75%) rotate(10deg);animation:sealShine 3.2s ease-in-out infinite}
.seal-24 strong{font-weight:900;text-shadow:0 2px 4px rgba(120,0,12,.25)}
.seal-24 small{font-weight:900;letter-spacing:.05em}
@keyframes sealGlow{0%,100%{filter:drop-shadow(0 0 0 rgba(224,35,48,0));transform:scale(1)}50%{filter:drop-shadow(0 0 10px rgba(224,35,48,.32));transform:scale(1.035)}}
@keyframes sealShine{0%,45%{transform:translateX(-90%) rotate(10deg)}65%,100%{transform:translateX(90%) rotate(10deg)}}

@media (max-width:700px){
  body{background:#f7f9fd}
  .container{width:calc(100% - 16px)}
  .site-header{position:sticky;background:#fff;border-bottom:1px solid #edf1f7}
  .header-wrap{min-height:58px;padding:7px 4px!important;gap:7px}
  .brand img{width:145px}
  .mobile-wa-header{width:34px;height:34px;margin-left:auto}
  .menu-toggle{width:34px;height:34px;margin-left:0}
  .menu-toggle span{width:20px}
  .mobile-nav{padding:4px 16px 12px}

  .page-grid{padding-top:8px}
  .hero{display:flex!important;flex-direction:column!important;gap:0!important;background:transparent!important;border:0!important;box-shadow:none!important;border-radius:16px!important;overflow:hidden!important}
  .hero-media{order:0!important;min-height:0!important;height:210px!important;background:#d9e6f4}
  .hero-media img{height:210px!important;width:100%!important;object-fit:cover!important;object-position:center!important;border-radius:16px 16px 0 0!important}
  .hero-copy{order:1!important;margin:0!important;padding:17px 16px 15px!important;background:linear-gradient(180deg,#0d3b84 0%,#082b65 100%)!important;color:#fff!important;border:0!important;border-radius:0 0 16px 16px!important;box-shadow:none!important}
  .hero-copy .eyebrow{color:#27d6c6!important;font-size:10px!important;letter-spacing:.08em;margin:0 0 7px!important}
  .hero h1{color:#fff!important;font-size:25px!important;line-height:1.08!important;letter-spacing:-.025em!important;margin:0 0 10px!important;max-width:320px!important}
  .hero-subtitle{color:#fff!important;font-size:12px!important;line-height:1.42!important;margin:0 0 12px!important;max-width:310px!important}
  .hero .check-list{display:none!important}
  .hero-contact-row{display:grid!important;grid-template-columns:82px 1fr!important;align-items:center!important;gap:10px!important;margin:0 0 10px!important}
  .hero .seal-24{width:76px!important;height:76px!important;margin-left:2px;background:radial-gradient(circle at 32% 25%,#ff827f 0%,#dd2b37 54%,#a90d1c 100%)!important;box-shadow:0 0 0 4px rgba(255,255,255,.86),0 10px 22px rgba(108,0,20,.38)!important}
  .hero .seal-24 strong{font-size:34px!important;line-height:.9!important;margin:0!important}
  .hero .seal-24 small{font-size:9px!important;line-height:1!important;margin-top:4px!important;color:#fff!important}
  .hero-phone{padding:0!important;border:0!important;background:transparent!important;min-width:0!important;color:#fff!important}
  .hero-phone .wa-line{gap:7px!important;color:#fff!important}
  .hero-phone .wa-line strong{font-size:14px!important;color:#fff!important;white-space:nowrap}
  .hero-phone .icon-chip{width:29px;height:29px;background:#22c75a;box-shadow:none}
  .hero-phone .icon-chip.whatsapp::before{background:#fff;width:17px;height:17px}
  .hero-phone small{padding-left:36px!important;color:#d7e6ff!important;font-size:9px!important;margin-top:-2px!important;white-space:normal}
  .hero-actions{grid-template-columns:1fr!important;gap:8px!important;margin-top:3px!important}
  .hero-actions .btn{height:40px!important;padding:9px 12px!important;border-radius:6px!important;font-size:12px!important}
  .hero-actions .btn-light{border:1px solid #dbe4f3!important;color:#0d2e66!important}

  .benefits-grid{grid-template-columns:repeat(2,minmax(0,1fr))!important;gap:8px!important;margin:10px 0 16px!important}
  .mini-feature{min-height:115px!important;padding:14px 8px!important;border-radius:10px!important;box-shadow:0 7px 18px rgba(8,31,76,.05)!important}
  .mini-feature .vector-icon{width:28px!important;height:28px!important;margin-bottom:8px!important}
  .mini-feature h3{font-size:11px!important;line-height:1.18!important;margin-bottom:4px!important}
  .mini-feature p{font-size:8.5px!important;line-height:1.35!important}

  .section-grid{margin:0 0 16px!important;gap:10px!important}
  .about-copy{padding:4px 6px!important}
  .section-tag{font-size:9px!important;margin-bottom:5px!important}
  .about-copy h2,.section-title{font-size:21px!important;line-height:1.12!important;margin:0 0 9px!important}
  .about-copy p{font-size:10px!important;line-height:1.48!important;margin-bottom:8px!important;color:#304160!important}
  .about-copy .btn{width:auto!important;padding:9px 12px!important;font-size:10px!important;border-radius:5px!important}
  .about-gallery{gap:6px!important;padding:0 6px}
  .about-large{height:145px!important;border-radius:8px!important}
  .about-grid-small{grid-template-columns:repeat(2,1fr)!important;gap:6px!important}
  .about-grid-small img{height:85px!important;border-radius:7px!important}
  .about-grid-small img:nth-child(n+3){display:none!important}

  .units-section{margin:12px 0 18px!important}
  .units-section>.section-title{font-size:18px!important;margin-bottom:9px!important}
  .units-cards{display:flex!important;overflow-x:auto!important;scroll-snap-type:x mandatory!important;gap:10px!important;padding:0 8px 8px!important;scrollbar-width:none}
  .units-cards::-webkit-scrollbar{display:none}
  .unit-card{flex:0 0 calc(100% - 18px)!important;scroll-snap-align:center!important;border-radius:10px!important}
  .unit-card>img{height:130px!important}
  .unit-content{padding:12px!important}
  .unit-content h3{font-size:13px!important;margin-bottom:7px!important}
  .price-from{font-size:9px!important}
  .price-now{font-size:14px!important;margin:3px 0 8px!important}
  .unit-content li{font-size:9px!important;padding-left:18px!important}
  .unit-content li::before{width:8px!important;height:8px!important;top:3px!important}
  .unit-content .btn{height:34px!important;padding:8px!important;font-size:10px!important;border-radius:5px!important}

  .team-section{margin:12px 0 18px!important;padding:0 4px}
  .team-section>.section-title{font-size:18px!important}
  .team-grid{grid-template-columns:repeat(3,minmax(0,1fr))!important;gap:14px 6px!important}
  .team-item{gap:5px!important}
  .team-item .vector-icon.circled{width:58px!important;height:58px!important;padding:12px!important;border-width:1px!important;box-shadow:none!important}
  .team-item h3{font-size:9px!important;line-height:1.12!important;max-width:84px}

  .approach-section{display:none!important}

  .structure-section{margin:10px 0 18px!important;gap:9px!important}
  .structure-showcase{display:flex!important;overflow:hidden!important;gap:5px!important;padding:0 2px}
  .structure-showcase img{flex:1 1 0!important;width:33%!important;height:82px!important;border-radius:7px!important;box-shadow:none!important;object-fit:cover!important}
  .structure-showcase img:nth-child(4){display:none!important}
  .structure-highlights{grid-template-columns:1fr!important;gap:6px!important}
  .highlight{min-height:70px!important;padding:11px 12px!important;display:grid!important;grid-template-columns:44px 1fr!important;column-gap:10px!important;align-items:center!important;border-radius:9px!important;box-shadow:0 6px 16px rgba(8,31,76,.04)!important}
  .highlight .vector-icon{grid-row:1/3;width:34px!important;height:34px!important;margin:0!important}
  .highlight h3{font-size:11px!important;margin:0 0 1px!important}
  .highlight p{font-size:9px!important}

  .local-service{margin:10px 0 14px!important;padding:13px 12px!important;border-radius:8px!important;justify-content:flex-start!important;gap:10px!important}
  .local-pin{width:36px!important;height:36px!important}
  .local-service h2{font-size:13px!important;margin-bottom:2px!important}
  .local-service p{font-size:8.5px!important;line-height:1.3!important}

  .trust-section{margin:12px 0 17px!important}
  .trust-section>.section-title{font-size:16px!important;margin-bottom:9px!important}
  .trust-grid{grid-template-columns:repeat(3,1fr)!important;gap:7px!important}
  .trust-card{min-height:100px!important;padding:12px 7px!important;border-radius:8px!important;gap:7px!important}
  .trust-card .vector-icon{width:34px!important;height:34px!important}
  .trust-card h3{font-size:8.5px!important;line-height:1.25!important}

  .faq-section{margin:12px 0 16px!important}
  .faq-section>.section-title{font-size:16px!important;margin-bottom:8px!important;display:flex;align-items:center;justify-content:center}
  .faq-icon{width:19px!important;height:19px!important;margin-right:6px!important}
  .faq-list{gap:4px!important}
  .faq-list details{border-radius:6px!important}
  .faq-list summary{font-size:8.5px!important;padding:8px 10px!important}
  .faq-list summary::after{right:9px;top:5px;font-size:14px}
  .faq-list p{font-size:8px!important;padding:0 10px 8px!important}

  .cta-strip{margin:10px 0 14px!important;padding:12px 10px!important;display:grid!important;grid-template-columns:68px 1fr!important;gap:8px!important;border-radius:10px!important;text-align:left!important;justify-items:stretch!important}
  .cta-strip .footer-seal{width:60px!important;height:60px!important;margin:0!important;grid-row:1/3!important}
  .cta-strip .footer-seal strong{font-size:27px!important}
  .cta-strip .footer-seal small{font-size:7px!important}
  .cta-copy h2{font-size:13px!important;margin-bottom:2px!important}
  .cta-copy p{font-size:8px!important;line-height:1.35!important}
  .cta-buttons{grid-column:1/3!important;width:100%!important;display:grid!important;grid-template-columns:1fr!important;gap:6px!important}
  .btn-whats-large,.btn-call-large{min-height:36px!important;padding:8px 10px!important;border-radius:6px!important;font-size:10px!important}
  .btn-whats-large .icon-chip{width:25px;height:25px}
  .btn-whats-large strong{font-size:11px}
  .btn-whats-large small{font-size:7px!important}

  .site-footer{grid-template-columns:1fr!important;gap:10px!important;padding:10px 6px!important;text-align:center!important}
  .site-footer>div:nth-child(2),.site-footer>div:nth-child(3),.site-footer>div:nth-child(4){display:none!important}
  .footer-logo{width:145px!important;margin:0 auto 5px!important}
  .site-footer p{font-size:8.5px!important;margin-bottom:5px!important}
  .site-footer .socials{justify-content:center!important;margin-top:6px!important}
  .site-footer .socials a{width:28px!important;height:28px!important}
  .copyright{font-size:7px!important;padding:4px 0 0!important}
  .floating-socials{display:none!important}
}
@media (max-width:700px){
  .hero-media img{content:url('assets/about-pool-panorama.png')!important;object-position:center 54%!important}
}


/* Dedicated mobile version faithful to approved preview */
.mobile-preview-page{display:none}
.mobile-hero-card,.mobile-about-card,.mobile-unit,.mobile-help-card,.mobile-brand-card{overflow:hidden}
.mobile-block-title{font-size:24px;line-height:1.15;margin:0 0 12px}
.mobile-hero-card{background:#0b3d91;border-radius:18px;box-shadow:var(--shadow);margin-bottom:14px}
.mobile-hero-image-wrap{padding:12px 12px 0}
.mobile-hero-image{width:100%;height:132px;object-fit:cover;border-radius:14px 14px 0 0}
.mobile-hero-panel{padding:12px;background:#0b3d91;color:#fff;border-radius:0 0 18px 18px}
.mobile-hero-panel .eyebrow{color:#4bd173;font-size:11px;margin:0 0 8px}
.mobile-hero-panel h1{margin:0 0 8px;font-size:26px;line-height:1.1;color:#fff}
.mobile-hero-subtitle{margin:0 0 10px;color:#dce8ff;font-size:13px;line-height:1.35}
.mobile-checks{list-style:none;padding:0;margin:0 0 12px;display:grid;gap:6px}
.mobile-checks li{position:relative;padding-left:18px;color:#fff;font-size:13px}
.mobile-checks li::before{content:"✓";position:absolute;left:0;top:0;color:#2eda67;font-weight:900}
.mobile-hero-contact{display:grid;grid-template-columns:68px 1fr;gap:10px;align-items:center;margin-bottom:12px}
.mobile-seal-24{width:68px;height:68px;margin:0 auto}.mobile-seal-24 strong{font-size:33px}.mobile-seal-24 small{font-size:10px}
.mobile-wa-box{display:flex;align-items:center;gap:10px;background:#fff;border:1px solid #d5dfef;border-radius:14px;padding:12px 10px;color:var(--blue)}
.mobile-wa-box strong{display:block;font-size:15px;line-height:1.1}.mobile-wa-box small{display:block;font-size:11px;color:#597194;line-height:1.2;margin-top:2px}
.mobile-hero-buttons{display:grid;gap:8px}.mobile-hero-buttons .btn{width:100%;padding:13px 12px}
.mobile-hero-buttons .btn-light{background:#fff;color:var(--blue);border-color:#fff}
.mobile-feature-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:10px;margin:0 0 14px}
.mobile-feature{padding:14px 10px;min-height:118px;text-align:center}.mobile-feature .vector-icon{width:28px;height:28px;margin:0 auto 8px}.mobile-feature h3{font-size:12px;line-height:1.2;margin:0 0 4px;color:var(--blue)}.mobile-feature p{margin:0;font-size:10px;line-height:1.3;color:#60708a}
.mobile-about-card{padding:14px;margin-bottom:14px}.mobile-about-card .section-tag{margin-bottom:6px;font-size:11px}.mobile-about-card h2{font-size:24px;line-height:1.15;margin:0 0 10px}.mobile-about-card h2 span{color:var(--green)}.mobile-about-card p{font-size:13px;line-height:1.45;color:#304160;margin:0 0 10px}.mobile-about-card img{margin-top:12px;height:130px;width:100%;object-fit:cover;border-radius:14px}
.mobile-units-block,.mobile-team-block{margin-bottom:16px}.mobile-units-block .section-tag,.mobile-team-block .section-tag{margin-bottom:6px;font-size:11px}.mobile-units-block .mobile-block-title,.mobile-team-block .mobile-block-title{font-size:24px}
.mobile-unit img{width:100%;height:128px;object-fit:cover}.mobile-unit-body{padding:14px}.mobile-unit-body h3{font-size:19px;line-height:1.12;margin:0 0 8px}.mobile-unit-body ul{list-style:none;padding:0;margin:0 0 12px;display:grid;gap:7px}.mobile-unit-body li{position:relative;padding-left:18px;font-size:12px;color:#304160}.mobile-unit-body li::before{content:"";position:absolute;left:0;top:5px;width:9px;height:9px;border-radius:50%;background:#23c056;box-shadow:0 0 0 3px rgba(35,192,86,.15)}
.mobile-dots{display:flex;justify-content:center;gap:8px;margin-top:8px}.mobile-dots span{width:8px;height:8px;border-radius:999px;background:#d2dcf0}.mobile-dots .active{background:var(--blue)}
.mobile-team-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:14px 10px}.mobile-team-grid article{text-align:center}.mobile-team-grid .vector-icon{width:52px;height:52px;padding:12px;border-radius:999px;border:1px solid #e8edf6;background:#fff;box-shadow:0 8px 18px rgba(8,31,76,.04)}.mobile-team-grid small{display:block;margin-top:6px;font-size:10px;line-height:1.2;color:#2f4163;font-weight:700}
.mobile-help-card{padding:16px;background:linear-gradient(180deg,#0b3d91,#08316f);color:#fff;margin-bottom:14px}.mobile-help-card h3{font-size:20px;line-height:1.25;margin:0 0 12px;text-align:center}.mobile-help-card .btn{margin-bottom:8px}
.mobile-brand-card{padding:16px;text-align:center}.mobile-brand-card .sidebar-logo{width:140px;margin:0 auto 8px}.mobile-brand-card p{font-size:13px;color:#334566;margin:0 0 8px}

@media (max-width:700px){
  body{background:#f4f7fb}
  .page-grid{display:block;padding:10px 0 18px}
  .mobile-preview-page{display:block}
  .primary-column{display:none}
  .floating-socials{right:8px;bottom:16px;gap:8px}
  .social-float{width:40px;height:40px}
  .site-header{position:sticky;top:0;background:#fff}
  .site-header .header-wrap{padding:8px 0;gap:10px}
  .brand img{width:118px}
  .mobile-wa-header{width:34px;height:34px;margin-left:auto}
  .menu-toggle{width:34px;height:34px}
  .menu-toggle span{width:18px}
  .mobile-nav{font-size:14px}
  .mobile-preview-page .section-tag.text-center,.mobile-preview-page .mobile-block-title.text-center{text-align:center}
}


/* V7 mobile fidelity adjustments */
@media (max-width:700px){
  .page-grid{display:block;padding:10px 0 24px}
  .mobile-preview-page{display:block}
  .primary-column{display:none}

  .mobile-preview-page{display:grid;gap:14px}
  .mobile-hero-card{background:#fff;border-radius:18px;overflow:hidden}
  .mobile-hero-image-wrap{padding:0}
  .mobile-hero-image{display:block;width:100%;height:190px;object-fit:cover;border-radius:16px 16px 0 0}
  .mobile-hero-panel{background:#fff;color:var(--blue);padding:14px 14px 12px}
  .mobile-hero-panel .eyebrow{font-size:11px;font-weight:900;color:#10a44b;text-transform:uppercase;letter-spacing:.06em;margin:0 0 10px}
  .mobile-hero-panel h1{font-size:22px;line-height:1.08;margin:0 0 10px;color:#0b2c65}
  .mobile-hero-subtitle{font-size:13px;line-height:1.45;color:#31476c;margin:0 0 12px}
  .mobile-checks{display:grid;gap:8px;margin:0 0 12px;padding:0;list-style:none}
  .mobile-checks li{font-size:13px;color:#0e2d64;padding-left:20px;position:relative;font-weight:600}
  .mobile-checks li::before{content:"✓";position:absolute;left:0;top:0;color:#27bd5a;font-weight:900}
  .mobile-hero-contact{display:grid;grid-template-columns:72px 1fr;gap:10px;align-items:center;margin-bottom:12px}
  .mobile-seal-24{width:72px;height:72px}.mobile-seal-24 strong{font-size:35px}.mobile-seal-24 small{font-size:10px}
  .mobile-wa-box{display:flex;align-items:center;gap:10px;border:1px solid #d7dfec;background:#fff;border-radius:16px;padding:12px 10px;color:#0b2c65;box-shadow:none}
  .mobile-wa-box strong{display:block;font-size:16px;line-height:1.1}
  .mobile-wa-box small{display:block;color:#6a7a93;font-size:11px;line-height:1.2;margin-top:3px}
  .mobile-hero-buttons{display:grid;gap:10px}
  .mobile-hero-buttons .btn{padding:14px 12px;font-size:16px}
  .mobile-hero-buttons .btn-light{background:#fff;color:#0b2c65;border:1px solid #d7dfec}

  .mobile-feature-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:10px}
  .mobile-feature{padding:16px 12px;min-height:118px;text-align:center}
  .mobile-feature .vector-icon{width:28px;height:28px;margin:0 auto 8px}
  .mobile-feature h3{font-size:13px;line-height:1.2;color:#113878;margin:0 0 4px}
  .mobile-feature p{font-size:10px;line-height:1.35;color:#73849c;margin:0}

  .mobile-about-card{padding:16px}
  .mobile-about-card .section-tag{font-size:11px;margin-bottom:8px}
  .mobile-about-card h2{font-size:24px;line-height:1.1;margin:0 0 10px;color:#0b2c65}
  .mobile-about-card h2 span{color:#24b65a}
  .mobile-about-card p{font-size:13px;line-height:1.5;color:#31476c;margin:0 0 10px}

  .mobile-structure-gallery{margin-top:-2px}
  .mobile-gallery-grid{display:grid;grid-template-columns:1fr 1fr;gap:8px}
  .mobile-gallery-grid img{width:100%;height:108px;object-fit:cover;border-radius:14px;display:block;box-shadow:var(--shadow)}
  .mobile-gallery-grid img.wide{grid-column:1 / -1;height:150px}

  .mobile-units-block .mobile-block-title,.mobile-team-block .mobile-block-title,.mobile-approach-block .mobile-block-title,.mobile-trust-block .mobile-block-title,.mobile-faq-block .mobile-block-title{font-size:22px;line-height:1.15;margin:0 0 12px;color:#0b2c65}
  .text-center{text-align:center}
  .mobile-unit img{display:block;width:100%;height:145px;object-fit:cover;border-radius:16px 16px 0 0}
  .mobile-unit-body{padding:14px}
  .mobile-unit-body h3{font-size:18px;line-height:1.15;color:#0b2c65;margin:0 0 8px}
  .price-from{font-size:12px;color:#7c8da3;margin:0 0 3px}
  .price-now{font-size:28px;font-weight:900;color:#0b2c65;line-height:1;margin:0 0 10px}
  .mobile-unit-body ul{list-style:none;padding:0;margin:0 0 12px;display:grid;gap:7px}
  .mobile-unit-body li{position:relative;padding-left:18px;font-size:12px;line-height:1.35;color:#31476c}
  .mobile-unit-body li::before{content:"";position:absolute;left:0;top:5px;width:8px;height:8px;border-radius:50%;background:#26be5a}
  .mobile-dots{display:flex;justify-content:center;gap:6px;margin-top:8px}.mobile-dots span{width:8px;height:8px;border-radius:999px;background:#d2dcf0}.mobile-dots .active{background:#0b3d91}

  .mobile-team-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:14px 10px}
  .mobile-team-grid article{text-align:center}
  .mobile-team-grid .vector-icon{width:52px;height:52px;padding:12px;background:#fff;border:1px solid #e8edf6;border-radius:999px;box-shadow:0 8px 18px rgba(8,31,76,.05)}
  .mobile-team-grid small{display:block;margin-top:6px;font-size:10px;line-height:1.2;font-weight:700;color:#31476c}

  .mobile-approach-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:12px 10px;margin-bottom:14px}
  .mobile-approach-grid article{display:grid;grid-template-columns:22px 1fr;gap:8px;align-items:start}
  .mobile-approach-grid .vector-icon{width:22px;height:22px;margin-top:2px}
  .mobile-approach-grid h3{font-size:12px;margin:0 0 2px;color:#0b2c65}
  .mobile-approach-grid p{font-size:10px;line-height:1.35;color:#6d7f98;margin:0}
  .mobile-strip-images{display:grid;grid-template-columns:repeat(2,1fr);gap:8px;margin-bottom:12px}
  .mobile-strip-images img{width:100%;height:88px;object-fit:cover;border-radius:12px;display:block}
  .mobile-benefit-grid{display:grid;grid-template-columns:1fr;gap:8px}
  .mobile-benefit-grid article{padding:12px;border-radius:14px}
  .mobile-benefit-grid .vector-icon{width:22px;height:22px;margin-bottom:6px}
  .mobile-benefit-grid h3{font-size:13px;line-height:1.2;margin:0 0 3px;color:#0b2c65}
  .mobile-benefit-grid p{font-size:11px;line-height:1.35;color:#6d7f98;margin:0}

  .mobile-region-card{display:grid;grid-template-columns:40px 1fr;gap:10px;align-items:center;padding:16px;background:#eef4fb;border:1px solid #e0e8f4}
  .mobile-region-card .large{width:34px;height:34px}
  .mobile-region-card h3{font-size:18px;line-height:1.2;margin:0 0 4px;color:#0b2c65}
  .mobile-region-card p{font-size:12px;line-height:1.4;color:#5d708d;margin:0}

  .mobile-trust-grid{display:grid;gap:10px}
  .mobile-trust-grid article{padding:16px;text-align:center}
  .mobile-trust-grid .vector-icon{width:52px;height:52px;margin:0 auto 8px}
  .mobile-trust-grid h3{font-size:14px;line-height:1.25;margin:0;color:#0b2c65}

  .mobile-faq-list{display:grid;gap:8px}
  .mobile-faq-list details{padding:12px 14px}
  .mobile-faq-list summary{list-style:none;cursor:pointer;font-weight:800;color:#0b2c65;font-size:13px;position:relative;padding-right:18px}
  .mobile-faq-list summary::-webkit-details-marker{display:none}
  .mobile-faq-list summary::after{content:'+';position:absolute;right:0;top:0;font-size:18px;line-height:1}
  .mobile-faq-list details[open] summary::after{content:'−'}
  .mobile-faq-list p{font-size:12px;line-height:1.45;color:#5d708d;margin:10px 0 0}

  .mobile-help-card{padding:14px;background:#0b3d91;color:#fff;border-radius:18px}
  .mobile-help-top{display:grid;grid-template-columns:72px 1fr;gap:12px;align-items:center;margin-bottom:12px}
  .mobile-seal-bottom{width:72px;height:72px}.mobile-seal-bottom strong{font-size:35px}.mobile-seal-bottom small{font-size:10px}
  .mobile-help-card h3{margin:0 0 4px;font-size:22px;line-height:1.1;color:#fff}
  .mobile-help-card p{margin:0 0 4px;font-size:14px;font-weight:700}
  .mobile-help-card small{display:block;font-size:10px;line-height:1.35;color:#e6eeff}

  .mobile-footer{padding:16px}
  .mobile-footer-brand{text-align:left;margin-bottom:12px}
  .mobile-footer-brand .footer-logo{width:135px;margin-bottom:8px}
  .mobile-footer-brand p{margin:0 0 8px;font-size:12px;line-height:1.4;color:#5d708d}
  .mobile-footer .socials{display:flex;gap:10px}
  .mobile-footer-columns{display:grid;gap:12px}
  .mobile-footer-columns h4{font-size:13px;margin:0 0 6px;color:#0b2c65}
  .mobile-footer-columns ul{margin:0;padding-left:16px;color:#5d708d}
  .mobile-footer-columns li{font-size:11px;line-height:1.45;margin:2px 0}
  .mobile-copy{margin:12px 0 0;font-size:10px;color:#6f8099;text-align:center}

  .section-tag{text-transform:uppercase;letter-spacing:.08em;font-weight:900;color:#0b3d91}
  .floating-socials{right:8px;bottom:16px}
  .social-float{width:40px;height:40px}
}


/* V8 mobile refinement */
@media (max-width:700px){
  .mobile-hero-image{height:210px;object-position:center}
  .mobile-years-card{display:grid;grid-template-columns:92px 1fr;gap:14px;align-items:center;padding:16px;background:linear-gradient(180deg,#fff,#f5f8fd);border:1px solid #e0e8f4}
  .years-badge{width:84px;height:84px;border-radius:999px;background:radial-gradient(circle at 30% 30%, #ffe58f, #f2b420 65%, #d98a00 100%);color:#0b2c65;display:grid;place-items:center;box-shadow:0 10px 24px rgba(242,180,32,.35), inset 0 0 0 4px rgba(255,255,255,.35)}
  .years-badge strong{display:block;font-size:34px;line-height:1;font-weight:900}
  .years-badge span{display:block;margin-top:-4px;font-size:15px;font-weight:800;text-transform:uppercase}
  .years-copy h3{margin:4px 0 6px;font-size:22px;line-height:1.1;color:#0b2c65}
  .years-copy p:last-child{margin:0;font-size:12px;line-height:1.45;color:#5d708d}

  .mobile-units-list{display:grid;gap:12px}
  .mobile-units-block{padding-inline:0}
  .mobile-unit{border:1px solid #e3ebf6;border-radius:18px;overflow:hidden;box-shadow:var(--shadow)}
  .mobile-unit img{height:140px}
  .mobile-unit-body .btn-card{width:100%;justify-content:center;padding:14px 12px;border-radius:12px}

  .mobile-approach-block{padding-inline:2px}
  .mobile-approach-grid{grid-template-columns:repeat(2,1fr);gap:10px;margin-bottom:14px}
  .mobile-approach-grid article{display:block;padding:14px 12px;border:1px solid #e3ebf6;border-radius:16px;background:#fff;box-shadow:0 8px 20px rgba(10,44,101,.05)}
  .mobile-approach-grid .vector-icon{width:24px;height:24px;margin:0 0 8px}
  .mobile-approach-grid h3{font-size:14px;line-height:1.2;margin:0 0 4px;color:#0b2c65}
  .mobile-approach-grid p{font-size:11px;line-height:1.4;color:#6b7d97;margin:0}
  .mobile-strip-images{margin:2px 0 12px}
  .mobile-strip-images img{height:92px;border:1px solid #e6edf8}
  .mobile-benefit-grid{grid-template-columns:1fr;gap:8px}
  .mobile-benefit-grid article{padding:14px;border:1px solid #e3ebf6;box-shadow:0 8px 20px rgba(10,44,101,.05)}
  .mobile-benefit-grid h3{font-size:14px}
  .mobile-benefit-grid p{font-size:11px}
}


/* Image focus / unit corrections */
.clickable-image{cursor:zoom-in}
.gallery-dialog{width:min(1280px,100%);padding:18px;background:#ffffff;color:#0b2c65;border:1px solid #dbe4f3;box-shadow:0 24px 64px rgba(7,24,55,.24)}
.gallery-close{background:#eef4fb;color:#0b2c65;box-shadow:none}
.gallery-heading p{color:#6d84ad}
.gallery-stage-wrap{grid-template-columns:56px minmax(0,1fr) 56px;gap:14px}
.gallery-stage{min-height:72vh;background:#f5f8fc;border:1px solid #e5edf7;border-radius:20px;padding:10px}
.gallery-stage img{max-width:100%;max-height:70vh;width:100%;height:auto;object-fit:contain;border-radius:14px;background:#fff}
.gallery-nav{background:#fff;color:#0b2c65;border:1px solid #dbe4f3;box-shadow:0 10px 24px rgba(9,38,87,.12)}
.gallery-count{color:#4e6387}
.gallery-thumbs{display:flex;gap:12px;overflow:auto;padding:4px 2px 2px}
.gallery-thumbs img{width:132px;height:90px;object-fit:cover;border-radius:14px;border:2px solid transparent;background:#eef4fb}
.gallery-thumbs img.active{border-color:#0b5be1;box-shadow:0 0 0 3px rgba(11,91,225,.14)}
.gallery-modal.single-image .gallery-heading h3{font-size:28px}
.units-cards{align-items:stretch}
.unit-card>img,.mobile-unit img{cursor:pointer}

@media (max-width:700px){
  .gallery-modal{padding:10px}
  .gallery-dialog{padding:14px;border-radius:18px}
  .gallery-heading h3{font-size:24px}
  .gallery-stage-wrap{grid-template-columns:42px minmax(0,1fr) 42px;gap:8px}
  .gallery-stage{min-height:56vh;padding:6px;background:#f6f9fd}
  .gallery-stage img{max-height:52vh}
  .gallery-nav{width:42px;height:42px;border-radius:14px;font-size:24px}
  .gallery-thumbs img{width:96px;height:72px}
  .mobile-units-list{display:grid;gap:14px}
  .mobile-unit{overflow:hidden;border:1px solid #e3ebf6;border-radius:18px}
  .mobile-unit img{height:170px;width:100%;object-fit:cover}
}


/* Requested live update: real logo + additional contacts */
.brand img,.footer-logo{object-fit:contain}
.extra-contact-list{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:8px;margin:8px 0}
.extra-contact-list a{display:flex;align-items:center;justify-content:center;gap:6px;padding:9px 10px;border-radius:10px;border:1px solid rgba(255,255,255,.28);color:inherit;font-size:12px;font-weight:800;text-decoration:none}
.mobile-help-card .extra-contact-list a{background:rgba(255,255,255,.09);color:#fff}
.desktop-extra-contacts a{background:#fff;color:#0b3d91;border-color:#d9e2ef}
@media(max-width:700px){.extra-contact-list{grid-template-columns:1fr}.brand img{width:128px}}


/* Real logo refinement */
.brand{padding:4px 0}
.brand img{width:220px;max-width:100%;height:auto;display:block;object-fit:contain}
.footer-logo{width:190px;max-width:100%;height:auto;display:block;object-fit:contain}
.sidebar-header-logo img,.sidebar-logo{width:120px;max-width:100%;height:auto;object-fit:contain}
.mobile-footer-brand .footer-logo{width:128px!important;height:auto!important}
@media (max-width:900px){.brand img{width:180px}.footer-logo{width:165px}}
@media (max-width:700px){.brand img{width:124px}.sidebar-header-logo img,.sidebar-logo{width:108px}.footer-logo{width:130px}}

/* Mobile floating social buttons visibility fix */
@media (max-width:700px){
  .floating-socials{
    display:flex!important;
    position:fixed!important;
    right:10px!important;
    bottom:14px!important;
    z-index:9999!important;
    flex-direction:column!important;
    gap:9px!important;
    pointer-events:auto!important;
  }
  .social-float{
    display:grid!important;
    width:44px!important;
    height:44px!important;
    opacity:1!important;
    visibility:visible!important;
    pointer-events:auto!important;
  }
}