:root{
  --blue:#0b3f82;
  --blue-2:#1266b3;
  --light-blue:#eaf4ff;
  --ink:#172033;
  --muted:#667085;
  --line:#e7e9ee;
  --white:#fff;
  --soft:#f7f8fa;
  --whatsapp:#25d366;
}
*{box-sizing:border-box;margin:0;padding:0}
html{scroll-behavior:smooth}
body{font-family:Arial,Helvetica,sans-serif;color:var(--ink);background:#fff}
img{display:block;max-width:100%}
a{text-decoration:none;color:inherit}
button{font:inherit}

.topbar{
  min-height:34px;background:#16202b;color:#fff;
  display:flex;align-items:center;justify-content:space-between;
  padding:0 5%;font-size:12px
}
.header{
  height:98px;display:flex;align-items:center;gap:28px;
  padding:0 5%;background:#fff;border-bottom:1px solid var(--line);
  position:sticky;top:0;z-index:100
}
.brand{width:174px;height:90px;display:flex;align-items:center;justify-content:center;flex:0 0 auto}
.brand img{width:100%;height:100%;object-fit:contain;object-position:center}
.nav{display:flex;gap:26px;align-items:center;margin-left:auto}
.nav a{font-size:13px;font-weight:700;text-transform:uppercase;color:#15375e;transition:.2s}
.nav a:hover{color:var(--blue-2)}
.header-whatsapp{
  background:var(--blue);color:#fff;padding:12px 18px;border-radius:999px;
  font-size:13px;font-weight:700
}
.menu-toggle{display:none;border:0;background:none;font-size:28px;color:var(--blue)}

.hero{background:#000}
.carousel{position:relative;height:min(680px,72vw);min-height:470px;overflow:hidden}
.slide{position:absolute;inset:0;opacity:0;transition:opacity .55s ease;pointer-events:none}
.slide.active{opacity:1;pointer-events:auto}
.slide img{width:100%;height:100%;object-fit:cover;object-position:center}
.slide-overlay{
  position:absolute;inset:0;
  background:linear-gradient(90deg,rgba(3,16,38,.78) 0%,rgba(3,16,38,.38) 48%,rgba(3,16,38,.08) 75%)
}
.slide-copy{
  position:absolute;left:7%;top:50%;transform:translateY(-50%);
  color:#fff;max-width:620px
}
.eyebrow,.section-kicker{
  display:block;color:#5bb3ff;font-size:12px;font-weight:800;letter-spacing:.18em;
  text-transform:uppercase;margin-bottom:14px
}
.slide-copy h1,.slide-copy h2{font-size:clamp(38px,5vw,72px);line-height:1.02;margin-bottom:18px}
.slide-copy p{font-size:clamp(16px,1.4vw,20px);line-height:1.6;max-width:540px;margin-bottom:28px}
.btn{
  display:inline-flex;align-items:center;justify-content:center;
  min-height:46px;padding:0 24px;border-radius:999px;font-weight:800;font-size:14px
}
.btn-primary{background:var(--blue-2);color:#fff}
.btn-primary:hover{background:var(--blue)}
.carousel-btn{
  position:absolute;top:50%;transform:translateY(-50%);z-index:5;
  width:46px;height:46px;border-radius:50%;border:1px solid rgba(255,255,255,.55);
  background:rgba(0,0,0,.2);color:#fff;font-size:34px;cursor:pointer
}
.carousel-btn.prev{left:25px}.carousel-btn.next{right:25px}
.carousel-dots{position:absolute;left:50%;bottom:22px;transform:translateX(-50%);display:flex;gap:8px;z-index:5}
.dot{width:9px;height:9px;border:0;border-radius:50%;background:rgba(255,255,255,.5);cursor:pointer}
.dot.active{background:#fff;transform:scale(1.3)}

.benefits{
  width:min(1200px,90%);margin:-42px auto 0;position:relative;z-index:10;
  display:grid;grid-template-columns:repeat(4,1fr);background:#fff;
  border:1px solid var(--line);box-shadow:0 16px 45px rgba(22,34,50,.14)
}
.benefit{padding:23px;display:flex;gap:14px;align-items:center;border-right:1px solid var(--line)}
.benefit:last-child{border-right:0}
.benefit span{font-size:26px}.benefit strong{display:block;color:#1b365d;margin-bottom:4px}
.benefit small{color:var(--muted);font-size:12px}

.promotion-spotlight{width:min(1180px,90%);margin:75px auto 95px;display:grid;gap:24px}
.spotlight-card{display:grid;grid-template-columns:minmax(300px,.9fr) minmax(0,1.1fr);min-height:430px;overflow:hidden;border-radius:14px;box-shadow:0 20px 50px rgba(13,55,105,.18)}
.spotlight-image{background:#eef3f9;min-height:430px}
.spotlight-image img{width:100%;height:100%;object-fit:cover}
.spotlight-copy{padding:clamp(34px,5vw,68px);display:flex;flex-direction:column;align-items:flex-start;justify-content:center;color:#fff}
.spotlight-copy h2{font-size:clamp(34px,4.5vw,58px);line-height:1.02;margin-bottom:18px}
.spotlight-copy p{font-size:17px;line-height:1.7;max-width:650px;margin-bottom:26px;color:#e7f1fb}
.flagship-promo .spotlight-copy{background:linear-gradient(135deg,#0b2f60,#1266b3)}
.referral-promo{grid-template-columns:minmax(300px,.8fr) minmax(0,1.2fr)}
.referral-promo .spotlight-copy{background:linear-gradient(135deg,#123d72,#0b3f82)}

.quick-sections{
  width:min(1180px,90%);margin:75px auto 95px;
  display:grid;grid-template-columns:repeat(4,1fr);gap:18px
}
.quick-card{position:relative;height:360px;overflow:hidden;border-radius:8px;background:#ddd}
.quick-card img{width:100%;height:100%;object-fit:cover;transition:.4s}
.quick-card:hover img{transform:scale(1.04)}
.quick-label{
  position:absolute;left:0;right:0;bottom:0;padding:22px;
  color:#fff;font-size:22px;font-weight:700;text-align:center;
  background:linear-gradient(transparent,rgba(5,17,37,.9))
}

.section{width:min(1180px,90%);margin:0 auto;padding:15px 0 95px}
.section-heading{display:flex;align-items:end;justify-content:space-between;gap:30px;margin-bottom:34px}
.section-heading h2,.feature-copy h2,.contact-section h2{font-size:clamp(32px,4vw,48px);color:#123d72;margin-bottom:10px}
.section-heading p{color:var(--muted);max-width:660px;line-height:1.65}
.text-link{font-size:13px;font-weight:800;color:var(--blue);white-space:nowrap}
.catalog-link{white-space:nowrap}

.product-grid{display:grid;grid-template-columns:repeat(4,1fr);grid-auto-rows:1fr;gap:18px}
.product-card{background:#fff;border:1px solid var(--line);transition:.25s;display:flex;flex-direction:column}
.product-card:hover{transform:translateY(-4px);box-shadow:0 14px 30px rgba(22,34,50,.1)}
.product-image{height:260px;background:#f7f9fc;overflow:hidden;padding:18px;display:flex;align-items:center;justify-content:center}
.product-image img{width:100%;height:100%;object-fit:contain;object-position:center}
.product-info{padding:18px;display:flex;flex:1;flex-direction:column;align-items:flex-start}
.tag{
  display:inline-block;padding:5px 9px;border:1px solid #b9c9dc;border-radius:4px;
  color:var(--blue);font-size:10px;font-weight:800;letter-spacing:.08em;margin-bottom:10px
}
.product-info h3{font-size:18px;color:#123d72;margin-bottom:6px}
.product-info p{font-size:13px;color:var(--muted);min-height:38px;line-height:1.5;margin-bottom:16px}
.product-wa{
  width:100%;border:0;background:#123d72;color:#fff;padding:12px;border-radius:4px;
  font-weight:700;cursor:pointer
}
.product-wa:hover{background:#0b2d55}

.stores{padding-top:80px}
.stores-heading{margin-bottom:30px}
.stores-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:24px}
.store-card{overflow:hidden;border:1px solid var(--line);border-radius:10px;background:#fff;box-shadow:0 12px 35px rgba(20,48,82,.08)}
.store-info{min-height:112px;padding:24px;display:flex;align-items:center;gap:16px}
.store-number{flex:0 0 44px;height:44px;border-radius:50%;display:flex;align-items:center;justify-content:center;background:var(--light-blue);color:var(--blue);font-size:12px;font-weight:800}
.store-info h3{color:#123d72;font-size:21px;margin-bottom:6px}
.store-info p{color:var(--muted);font-size:13px;line-height:1.5}
.store-photo{height:360px;background:#eef2f6;overflow:hidden}
.store-photo img{width:100%;height:100%;object-fit:cover;object-position:center}
.store-route{display:block;padding:16px 24px;color:var(--blue);font-size:13px;font-weight:800;border-top:1px solid var(--line)}
.store-route:hover{background:var(--light-blue)}
.store-interiors{margin-top:28px;display:grid;grid-template-columns:.8fr 1fr 1fr;gap:16px;align-items:stretch}
.store-interiors-copy{padding:30px;background:var(--light-blue);display:flex;flex-direction:column;justify-content:center;border-radius:10px}
.store-interiors-copy h3{color:#123d72;font-size:25px;line-height:1.15;margin-bottom:12px}
.store-interiors-copy p{color:var(--muted);font-size:14px;line-height:1.6}
.store-interiors img{width:100%;height:260px;object-fit:cover;border-radius:10px}
.map-frame{height:360px;background:#eef2f6}
.map-frame iframe{width:100%;height:100%;display:block;border:0}

.feature-banner{
  width:min(1180px,90%);margin:0 auto 90px;
  display:grid;grid-template-columns:1.15fr .85fr;min-height:440px;
  border:1px solid var(--line);background:var(--soft)
}
.feature-banner.reverse{grid-template-columns:.85fr 1.15fr}
.feature-banner.reverse .feature-image{order:2}
.feature-image img{width:100%;height:100%;object-fit:cover}
.feature-copy{padding:55px;display:flex;flex-direction:column;align-items:flex-start;justify-content:center}
.feature-copy p{color:var(--muted);line-height:1.7;margin:0 0 24px}

.promo-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:20px}
.promo-card{border:1px solid var(--line);background:#fff}
.promo-card img{width:100%;height:330px;object-fit:cover}
.promo-copy{padding:20px}.promo-copy h3{color:#123d72;margin-bottom:8px}.promo-copy p{color:var(--muted);font-size:14px;margin-bottom:12px}
.promo-copy a{font-size:13px;color:var(--blue);font-weight:800}
.referral-visual{
  min-height:430px;background:linear-gradient(145deg,#0b3f82,#1266b3 58%,#58b7ed);
  color:#fff;display:flex;flex-direction:column;align-items:center;justify-content:center;
  position:relative;overflow:hidden;text-align:center
}
.referral-visual::before,.referral-visual::after{content:"";position:absolute;border:1px solid rgba(255,255,255,.22);border-radius:50%}
.referral-visual::before{width:250px;height:250px;right:-70px;top:-90px}
.referral-visual::after{width:180px;height:180px;left:-65px;bottom:-70px}
.referral-logo{width:150px;height:88px;object-fit:contain;filter:drop-shadow(0 8px 18px rgba(0,0,0,.2));position:relative;z-index:1;margin-bottom:22px}
.referral-people{display:flex;justify-content:center;position:relative;z-index:1;margin-bottom:14px}
.referral-people span{width:54px;height:54px;margin-left:-7px;border:3px solid #fff;border-radius:50%;display:flex;align-items:center;justify-content:center;background:linear-gradient(145deg,#fff,#d9efff);color:var(--blue);font-size:20px;font-weight:900;box-shadow:0 8px 18px rgba(1,27,61,.22)}
.referral-people span:first-child{margin-left:0}
.referral-label{font-size:20px;font-weight:900;text-transform:uppercase;letter-spacing:.09em;position:relative;z-index:1}
.referral-arrow{font-size:30px;line-height:1;margin:9px 0;position:relative;z-index:1;animation:referral-bounce 1.7s ease-in-out infinite}
.referral-gift{padding:11px 19px;border-radius:999px;background:#fff;color:var(--blue);font-weight:900;position:relative;z-index:1;box-shadow:0 12px 28px rgba(1,27,61,.2)}
@keyframes referral-bounce{0%,100%{transform:translateY(0)}50%{transform:translateY(6px)}}

.colors-showcase{width:min(1180px,90%);margin:0 auto 100px;display:grid;grid-template-columns:minmax(280px,.7fr) minmax(0,1.3fr);gap:48px;align-items:center;padding:60px;border-radius:18px;background:linear-gradient(145deg,#f8fbff,#eef5fb);overflow:hidden}
.colors-heading h2{font-family:Georgia,"Times New Roman",serif;font-size:clamp(38px,5vw,64px);line-height:1;color:#123d72;margin-bottom:20px}
.colors-heading p{color:var(--muted);font-size:17px;line-height:1.7;margin-bottom:26px}
.colors-collage{display:grid;grid-template-columns:1.2fr .8fr;grid-template-rows:repeat(3,126px);gap:12px}
.colors-collage figure{overflow:hidden;border-radius:12px;background:#fff;box-shadow:0 14px 30px rgba(20,48,82,.12)}
.colors-collage .colors-main{grid-row:1 / 4}
.colors-collage img{width:100%;height:100%;object-fit:cover;transition:transform .4s ease}
.colors-collage figure:hover img{transform:scale(1.035)}

.contact-section{
  background:#0d3769;color:#fff;padding:65px max(5%,calc((100% - 1180px)/2));
  display:flex;align-items:center;justify-content:space-between;gap:40px
}
.contact-section h2{color:#fff}.contact-section p{max-width:700px;color:#d8e5f4;line-height:1.65}
.section-kicker.light{color:#9ed2ff}
.btn-light{background:#fff;color:#0d3769;white-space:nowrap}

.footer{
  min-height:130px;background:#091c34;color:#fff;padding:35px 5%;
  display:flex;align-items:center;justify-content:space-between;gap:30px
}
.footer p{font-size:13px;color:#adc0d5;margin-top:6px}
.developed{opacity:.75}

.floating-wa{
  position:fixed;right:22px;bottom:22px;width:58px;height:58px;border-radius:50%;
  background:var(--whatsapp);display:flex;align-items:center;justify-content:center;
  font-size:27px;z-index:80;box-shadow:0 8px 25px rgba(0,0,0,.25)
}

@media (max-width:980px){
  .nav{display:none;position:absolute;top:98px;left:0;right:0;background:#fff;padding:22px 5%;
    flex-direction:column;align-items:flex-start;border-bottom:1px solid var(--line)}
  .nav.active{display:flex}.menu-toggle{display:block;margin-left:auto}.header-whatsapp{display:none}
  .benefits{grid-template-columns:repeat(2,1fr)}
  .benefit:nth-child(2){border-right:0}.benefit:nth-child(-n+2){border-bottom:1px solid var(--line)}
  .quick-sections{grid-template-columns:repeat(2,1fr)}
  .spotlight-card,.referral-promo{grid-template-columns:1fr}.spotlight-image{min-height:360px}.referral-visual{min-height:360px}
  .colors-showcase{grid-template-columns:1fr;padding:42px}.colors-collage{grid-template-rows:repeat(3,150px)}
  .product-grid{grid-template-columns:repeat(2,1fr)}
  .feature-banner,.feature-banner.reverse{grid-template-columns:1fr}
  .feature-banner.reverse .feature-image{order:0}
  .promo-grid{grid-template-columns:1fr 1fr}
  .stores-grid{grid-template-columns:1fr}
  .store-interiors{grid-template-columns:1fr 1fr}.store-interiors-copy{grid-column:1 / 3}
}
@media (max-width:620px){
  .topbar{display:none}.header{height:82px;padding:0 18px}.brand{width:138px;height:76px}.brand img{height:100%}
  .nav{top:82px}.carousel{height:560px;min-height:0}
  .slide img{object-position:center}.slide-overlay{background:linear-gradient(rgba(3,16,38,.25),rgba(3,16,38,.82))}
  .slide-copy{left:24px;right:24px;top:auto;bottom:72px;transform:none}
  .slide-copy h1,.slide-copy h2{font-size:38px}
  .carousel-btn{width:38px;height:38px;font-size:27px}.carousel-btn.prev{left:10px}.carousel-btn.next{right:10px}
  .benefits{margin:0;width:100%;grid-template-columns:1fr}.benefit{border-right:0;border-bottom:1px solid var(--line)}
  .promotion-spotlight{width:100%;margin:0 0 70px;gap:0}.spotlight-card{border-radius:0;box-shadow:none}.spotlight-image{min-height:300px}.spotlight-copy{padding:38px 24px}.referral-visual{min-height:320px}
  .referral-logo{width:125px;height:70px;margin-bottom:16px}.referral-people span{width:46px;height:46px}.referral-label{font-size:16px}
  .colors-showcase{width:100%;margin-bottom:70px;padding:42px 20px;border-radius:0;gap:30px}.colors-collage{grid-template-columns:1fr 1fr;grid-template-rows:240px 150px 150px}.colors-collage .colors-main{grid-column:1 / 3;grid-row:auto}.colors-collage figure:last-child{grid-column:1 / 3}.colors-heading h2{font-size:40px}
  .quick-sections{grid-template-columns:1fr 1fr;margin-top:45px}.quick-card{height:240px}.quick-label{font-size:17px}
  .section-heading{align-items:flex-start;flex-direction:column}
  .product-grid{grid-template-columns:1fr}.product-image{height:315px;padding:22px}
  .map-frame,.store-photo{height:300px}
  .store-interiors{grid-template-columns:1fr}.store-interiors-copy{grid-column:auto}.store-interiors img{height:230px}
  .feature-copy{padding:34px 25px}.promo-grid{grid-template-columns:1fr}.promo-card img{height:auto}
  .contact-section,.footer{flex-direction:column;align-items:flex-start}
}