:root{
  --primary:#0754b8;
  --primary-600:#0a63d5;
  --primary-dark:#063274;
  --navy:#031f4b;
  --navy-2:#072b61;
  --primary-soft:#eaf4ff;
  --surface:#ffffff;
  --surface-soft:#f4f8fd;
  --text:#111827;
  --muted:#5f6b7a;
  --border:#d9e4f0;
  --whatsapp:#25d366;
  --shadow:0 18px 48px rgba(4, 50, 116, .10);
  --shadow-sm:0 10px 24px rgba(4, 50, 116, .08);
  --radius:24px;
  --radius-md:18px;
  --radius-sm:14px;
  --container:1280px;
}
*{box-sizing:border-box}
html{scroll-behavior:smooth}
body{margin:0;font-family:Inter,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,"Segoe UI",Arial,sans-serif;color:var(--text);background:var(--surface);line-height:1.6;-webkit-font-smoothing:antialiased;overflow-x:hidden}
body.menu-open{overflow:hidden}
img{display:block;max-width:100%;height:auto}
a{color:inherit;text-decoration:none}
button,input,select{font:inherit}
button{cursor:pointer}
.container{width:min(calc(100% - 40px),var(--container));margin-inline:auto}
.skip-link{position:absolute;left:-9999px;top:auto;width:1px;height:1px;overflow:hidden}.skip-link:focus{left:16px;top:16px;width:auto;height:auto;padding:10px 14px;background:#fff;border-radius:8px;z-index:9999}
.sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}
:focus-visible{outline:3px solid rgba(10,99,213,.32);outline-offset:3px}

.topbar{background:var(--navy);color:#fff;font-size:12px}
.topbar-inner{min-height:38px;display:flex;align-items:center;justify-content:space-between;gap:24px}
.topbar-list{display:flex;align-items:center;gap:22px;white-space:nowrap}
.topbar a:hover{text-decoration:underline}

.site-header{background:#fff;border-bottom:1px solid #edf2f8;position:relative;z-index:40}
.header-main{min-height:100px;display:grid;grid-template-columns:260px minmax(340px,1fr) auto;align-items:center;gap:26px}
.brand{display:flex;align-items:center;gap:14px;min-width:0}
.brand-logo{width:66px;height:66px;border-radius:16px;object-fit:cover;background:#000;box-shadow:0 8px 22px rgba(3,31,75,.16);flex:0 0 auto}
.brand-copy{display:flex;flex-direction:column;min-width:0}
.brand-title{display:block;font-size:20px;line-height:1.02;font-weight:950;color:var(--navy);letter-spacing:-.03em}
.brand-sub{display:block;margin-top:4px;font-size:11px;font-weight:900;letter-spacing:.16em;color:var(--primary);text-transform:uppercase}
.search-form{width:100%;display:grid;grid-template-columns:1fr 82px;border:1px solid var(--border);border-radius:16px;overflow:hidden;background:#fff;box-shadow:0 8px 16px rgba(15,23,42,.03)}
.search-form:focus-within{border-color:#90b8ec;box-shadow:0 0 0 4px rgba(7,84,184,.09)}
.search-form input{min-width:0;height:54px;padding:0 20px;border:0;outline:0;color:var(--text);background:transparent}
.search-form button{border:0;background:var(--primary);color:#fff;font-weight:900;display:flex;align-items:center;justify-content:center;gap:6px}.search-form button:hover{background:var(--primary-dark)}
.search-form button img{width:18px;height:18px;filter:brightness(0) invert(1)}
.header-actions{display:flex;align-items:center;gap:10px}
.header-action{height:48px;min-width:92px;padding:0 14px;border:1px solid var(--border);border-radius:14px;display:flex;align-items:center;justify-content:center;gap:8px;background:#fff;font-size:13px;font-weight:850;color:var(--navy);transition:.18s ease}
.header-action:hover{border-color:#a8c7ed;color:var(--primary);transform:translateY(-1px)}
.header-action img{width:18px;height:18px}.header-action.whatsapp{color:#167b3b}

.nav-wrap{background:linear-gradient(135deg,#031f4b 0%,#064596 52%,#0a63d5 100%);color:#fff;box-shadow:0 16px 34px rgba(3,31,75,.14);position:relative;z-index:30;padding:12px 0}
.nav-wrap::before{content:"";position:absolute;inset:0;background:radial-gradient(circle at 14% 50%,rgba(255,255,255,.18),transparent 28%),radial-gradient(circle at 88% 20%,rgba(255,255,255,.12),transparent 22%);pointer-events:none;opacity:.9}
.nav-inner{min-height:68px;display:flex;align-items:center;gap:12px;position:relative;padding:8px;background:rgba(255,255,255,.08);border:1px solid rgba(255,255,255,.16);border-radius:24px;backdrop-filter:blur(10px);-webkit-backdrop-filter:blur(10px);box-shadow:0 18px 36px rgba(2,20,49,.18)}
.nav-category{height:50px;padding:0 18px;display:flex;align-items:center;gap:9px;background:linear-gradient(135deg,rgba(255,255,255,.18),rgba(255,255,255,.08));border:1px solid rgba(255,255,255,.14);border-radius:16px;font-weight:900;font-size:13px;white-space:nowrap;letter-spacing:.01em;transition:.18s ease;box-shadow:inset 0 1px 0 rgba(255,255,255,.12)}
.nav-category:hover{transform:translateY(-1px);background:linear-gradient(135deg,rgba(255,255,255,.24),rgba(255,255,255,.10));box-shadow:0 12px 24px rgba(2,20,49,.16)}
.nav-category img,.menu-toggle img{width:18px;height:18px;filter:brightness(0) invert(1)}
.desktop-nav{display:flex;align-items:center;gap:6px;flex:1;min-width:0;overflow-x:auto;scrollbar-width:none;-ms-overflow-style:none}
.desktop-nav::-webkit-scrollbar{display:none}
.desktop-nav a{display:flex;align-items:center;justify-content:center;min-height:50px;padding:0 16px;font-size:13px;font-weight:850;white-space:nowrap;color:rgba(255,255,255,.94);border-radius:14px;border:1px solid transparent;transition:.18s ease;letter-spacing:.01em}
.desktop-nav a:hover{background:rgba(255,255,255,.11);border-color:rgba(255,255,255,.12);transform:translateY(-1px)}
.desktop-nav a[aria-current="page"]{background:#fff;color:var(--primary-dark);border-color:rgba(255,255,255,.22);box-shadow:0 14px 28px rgba(2,20,49,.18)}
.menu-toggle{display:none;min-height:50px;padding:0 18px;color:#fff;background:linear-gradient(135deg,rgba(255,255,255,.18),rgba(255,255,255,.08));border:1px solid rgba(255,255,255,.14);border-radius:16px;font-weight:900;align-items:center;gap:9px;box-shadow:inset 0 1px 0 rgba(255,255,255,.12)}
.mobile-nav{display:none}

.hero{background:
  radial-gradient(circle at 16% 10%, rgba(255,255,255,.95) 0, rgba(255,255,255,0) 30%),
  radial-gradient(circle at 85% 22%, rgba(207,230,255,.9) 0, rgba(207,230,255,0) 24%),
  linear-gradient(120deg,#f7fbff 0%,#edf6ff 48%,#e8f2ff 100%);
  border-bottom:1px solid #e5edf7;
}
.hero-grid{min-height:560px;display:grid;grid-template-columns:minmax(390px,.82fr) minmax(540px,1.18fr);align-items:center;gap:48px;padding-block:46px 52px}
.eyebrow{display:inline-block;margin-bottom:14px;font-size:12px;font-weight:950;color:var(--primary);letter-spacing:.16em;text-transform:uppercase}
.eyebrow.light{color:#d6e8ff}
.hero h1{font-size:clamp(54px,5vw,80px);line-height:.94;letter-spacing:-.055em;margin:0;color:#0f1f38;max-width:660px}
.hero h1 span{color:var(--primary)}
.hero-copy{max-width:640px;font-size:18px;color:#52657b;margin:24px 0 30px}
.actions{display:flex;flex-wrap:wrap;gap:14px}
.btn{min-height:50px;padding:0 22px;border-radius:14px;display:inline-flex;align-items:center;justify-content:center;gap:9px;font-weight:900;font-size:14px;border:1px solid transparent;transition:.18s ease}
.btn:hover{transform:translateY(-1px)}
.btn-primary{background:var(--primary);color:#fff;box-shadow:0 10px 24px rgba(7,84,184,.18)}.btn-primary:hover{background:var(--primary-dark)}
.btn-outline{background:#fff;color:var(--primary-dark);border-color:#a9c8ee}
.btn-whatsapp{background:var(--whatsapp);color:#062d16;box-shadow:0 10px 22px rgba(37,211,102,.22)}
.btn img{width:18px;height:18px}.btn-whatsapp img{filter:brightness(0) invert(1)}

.hero-media{position:relative;min-width:0;display:flex;align-items:center;justify-content:center}
.hero-stage{position:relative;width:100%;aspect-ratio:5/3;border-radius:30px;border:1px solid #cfe0f4;background:#eef5ff;overflow:hidden;box-shadow:0 24px 58px rgba(3,31,75,.14)}
.hero-stage::after{content:"";position:absolute;inset:0;pointer-events:none;border-radius:inherit;box-shadow:inset 0 0 0 1px rgba(255,255,255,.35)}
.hero-main-image{width:100%;height:100%;object-fit:cover;object-position:center;display:block}


.marquee-section{background:#fff;padding:16px 0 0}
.marquee-shell{border:1px solid var(--border);border-radius:18px;background:linear-gradient(90deg,#fff,#f7fbff);overflow:hidden;box-shadow:var(--shadow-sm)}
.marquee-track{display:flex;align-items:center;width:max-content;min-width:100%;white-space:nowrap;will-change:transform;animation:marquee 28s linear infinite}
.marquee-group{display:flex;align-items:center;gap:28px;flex-shrink:0;padding:18px 28px 18px 0}
.marquee-track span{display:inline-flex;align-items:center;gap:12px;font-size:14px;font-weight:900;color:var(--navy)}
.marquee-track span::before{content:"";width:9px;height:9px;border-radius:50%;background:var(--primary);box-shadow:0 0 0 6px rgba(7,84,184,.08)}

.section{padding:76px 0}.section-soft{background:var(--surface-soft)}
.section-heading{display:flex;align-items:end;justify-content:space-between;gap:20px;margin-bottom:28px}.section-heading h2{margin:0;font-size:42px;letter-spacing:-.045em;color:#101a2f}.section-heading p{margin:9px 0 0;color:var(--muted);font-size:16px;max-width:760px}.text-link{font-size:13px;font-weight:900;color:var(--primary);white-space:nowrap}.text-link:hover{text-decoration:underline}

.category-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:18px}
.category-card{min-width:0;border:1px solid var(--border);border-radius:20px;background:#fff;padding:12px;transition:.18s ease;box-shadow:0 5px 16px rgba(3,31,75,.035);display:flex;flex-direction:column}
.category-card:hover{transform:translateY(-4px);border-color:#9ec2ed;box-shadow:var(--shadow-sm)}
.category-media{aspect-ratio:1/1;border-radius:16px;overflow:hidden;background:linear-gradient(180deg,#f4f8fc,#eef4fa)}
.category-media img{width:100%;height:100%;object-fit:cover}
.category-content{padding:14px 8px 6px}.category-card h3{margin:0 0 6px;font-size:18px;color:#15233b;letter-spacing:-.02em}.category-card p{margin:0;font-size:13px;line-height:1.55;color:var(--muted)}

.product-grid,.catalog-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:18px}
.product-card{min-width:0;background:#fff;border:1px solid var(--border);border-radius:20px;overflow:hidden;display:flex;flex-direction:column;transition:.18s ease;box-shadow:0 6px 16px rgba(3,31,75,.035)}
.product-card:hover{transform:translateY(-4px);box-shadow:var(--shadow-sm);border-color:#b8d1ef}
.product-media{aspect-ratio:1/1;background:linear-gradient(180deg,#f5f8fc,#eef5fb);overflow:hidden;padding:12px}
.product-media img{width:100%;height:100%;object-fit:contain}
.product-body{padding:18px;display:flex;flex-direction:column;flex:1}
.product-meta{display:flex;align-items:center;justify-content:space-between;gap:8px;margin-bottom:10px;font-size:10px;font-weight:900;text-transform:uppercase;letter-spacing:.05em;color:var(--primary)}
.product-brand{color:#6d7d8d}
.product-card h3{margin:0 0 9px;font-size:18px;line-height:1.28;color:#122039;letter-spacing:-.02em}
.product-card p{margin:0;color:var(--muted);font-size:13px;line-height:1.58;display:-webkit-box;-webkit-line-clamp:3;-webkit-box-orient:vertical;overflow:hidden}
.product-footer{margin-top:auto;padding-top:16px;display:flex;align-items:center;justify-content:space-between;gap:10px}
.price-label{font-size:12px;font-weight:850;color:var(--navy)}
.product-wa{min-height:38px;padding:0 13px;border-radius:10px;background:var(--whatsapp);color:#052814;font-size:12px;font-weight:900;display:inline-flex;align-items:center;gap:6px}
.product-wa img{width:15px;height:15px;filter:brightness(0) invert(1)}

.why-box{position:relative;overflow:hidden;background:linear-gradient(135deg,var(--primary-dark),var(--primary));border-radius:30px;padding:36px;color:#fff;box-shadow:var(--shadow)}
.why-box::before{content:"";position:absolute;right:-6%;top:-16%;width:34%;aspect-ratio:1/1;border-radius:50%;background:rgba(255,255,255,.08)}
.why-box::after{content:"";position:absolute;left:-9%;bottom:-32%;width:36%;aspect-ratio:1/1;border-radius:50%;background:rgba(255,255,255,.06)}
.why-head{position:relative;z-index:1;max-width:860px;text-align:center;margin:0 auto 28px}
.why-head h2{margin:0 0 10px;font-size:46px;letter-spacing:-.04em}
.why-head p{margin:0;color:#d7e8ff;font-size:16px}
.why-grid{position:relative;z-index:1;display:grid;grid-template-columns:repeat(5,1fr);gap:16px}
.why-item{padding:18px 16px;background:rgba(255,255,255,.08);border:1px solid rgba(255,255,255,.15);border-radius:16px;backdrop-filter:blur(8px)}
.why-item strong{display:block;font-size:15px;margin:10px 0 5px}.why-item span{font-size:13px;color:#dceaff}.why-item img{width:22px;height:22px;filter:brightness(0) invert(1)}

.feature-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:20px}
.feature-card{background:#edf6ff;border:1px solid #cfe2f6;border-radius:24px;overflow:hidden;display:grid;grid-template-columns:minmax(0,.72fr) minmax(0,1.28fr);min-height:330px;box-shadow:0 8px 18px rgba(3,31,75,.04);align-items:stretch}
.feature-copy{padding:28px 26px;display:flex;flex-direction:column;justify-content:center;min-width:0}
.feature-kicker{font-size:11px;font-weight:950;color:var(--primary);text-transform:uppercase;letter-spacing:.12em}
.feature-copy h3{font-size:clamp(27px,2vw,34px);line-height:1.06;margin:10px 0 12px;letter-spacing:-.04em;max-width:12ch}
.feature-copy p{font-size:14px;line-height:1.6;color:#5c6c82;margin:0 0 18px;max-width:360px}
.feature-copy .btn{min-height:46px;padding-inline:18px;font-size:13px}
.feature-media{position:relative;min-width:0;min-height:330px;padding:12px;background:linear-gradient(145deg,#ffffff,#eaf4ff);display:flex;align-items:stretch;justify-content:stretch;overflow:hidden}
.feature-media::before{content:"";position:absolute;inset:8px;border-radius:18px;border:1px solid #d5e4f4;pointer-events:none}
.feature-media img{position:relative;z-index:1;display:block;width:100%;height:100%;min-height:306px;object-fit:cover;object-position:center;border-radius:16px;filter:drop-shadow(0 12px 24px rgba(3,31,75,.12));background:#fff}
.feature-card:first-child .feature-media img{object-position:28% center}
.feature-card:nth-child(2) .feature-media img{object-position:72% center}

.brand-grid{display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:16px;align-items:stretch}
.brand-button{position:relative;isolation:isolate;min-height:154px;height:auto;border:1px solid #d6e3f2;border-radius:20px;background:linear-gradient(180deg,#ffffff 0%,#fbfdff 100%);color:var(--navy);padding:16px 14px 14px;display:flex;flex-direction:column;align-items:center;justify-content:space-between;gap:12px;overflow:hidden;cursor:pointer;transition:transform .22s ease,border-color .22s ease,box-shadow .22s ease,background .22s ease;box-shadow:0 8px 22px rgba(3,31,75,.055)}
.brand-button::before{content:"";position:absolute;z-index:-1;inset:-45% -25% auto;height:78%;background:radial-gradient(circle at 50% 50%,rgba(19,111,224,.12),rgba(19,111,224,0) 68%);opacity:0;transform:translateY(-10px);transition:opacity .22s ease,transform .22s ease;pointer-events:none}
.brand-button:hover{transform:translateY(-4px);border-color:#9fc4ef;background:#fff;box-shadow:0 16px 34px rgba(3,52,116,.12)}
.brand-button:hover::before,.brand-button.is-active::before{opacity:1;transform:translateY(0)}
.brand-button.is-active{border-color:#79aee9;background:linear-gradient(180deg,#f8fbff 0%,#eef6ff 100%);box-shadow:0 14px 30px rgba(7,84,184,.12),inset 0 0 0 1px rgba(20,101,205,.05)}
.brand-button:focus-visible{outline:3px solid rgba(19,111,224,.24);outline-offset:3px}
.brand-logo-wrap{width:100%;height:78px;display:flex;align-items:center;justify-content:center;padding:4px 8px}
.brand-logo-img{display:block;width:auto;height:auto;max-width:100%;max-height:66px;object-fit:contain;filter:drop-shadow(0 3px 7px rgba(3,31,75,.06))}
.brand-logo-wrap--wide{height:78px;padding:0 2px;overflow:hidden;border-radius:12px}
.brand-logo-img--wide{max-height:74px;max-width:108%;}
.brand-cta{display:inline-flex;align-items:center;justify-content:center;gap:8px;min-height:34px;padding:0 14px;border:1px solid rgba(17,99,205,.14);border-radius:999px;background:linear-gradient(180deg,#f5f9ff,#eaf3ff);color:#0754b8;font-size:11px;font-weight:900;letter-spacing:.01em;white-space:nowrap;box-shadow:inset 0 1px 0 rgba(255,255,255,.95);transition:background .22s ease,color .22s ease,transform .22s ease,box-shadow .22s ease}
.brand-button:hover .brand-cta,.brand-button.is-active .brand-cta{background:linear-gradient(135deg,#0d73e9,#0754b8);border-color:transparent;color:#fff;box-shadow:0 8px 18px rgba(7,84,184,.22)}
.brand-showcase{margin-top:22px;border:1px solid var(--border);border-radius:22px;background:#fff;padding:24px;box-shadow:0 8px 18px rgba(3,31,75,.035)}.brand-showcase[hidden]{display:none}
.brand-showcase-head{display:flex;justify-content:space-between;align-items:center;gap:16px;margin-bottom:18px}.brand-showcase-head h3{margin:0;font-size:26px}.brand-showcase-head a{font-size:12px;font-weight:900;color:var(--primary)}
.brand-products{display:grid;grid-template-columns:repeat(4,1fr);gap:14px}
.brand-products.is-two{grid-template-columns:repeat(2,minmax(0,320px));justify-content:start}
.brand-products.is-three{grid-template-columns:repeat(3,minmax(0,1fr))}
.brand-products.is-five{grid-template-columns:repeat(5,minmax(0,1fr))}.brand-products.is-six{grid-template-columns:repeat(3,minmax(0,1fr))}
.brand-product{border:1px solid var(--border);border-radius:16px;overflow:hidden;background:#fff;display:flex;flex-direction:column;min-width:0;transition:.18s ease}.brand-product:hover{transform:translateY(-3px);border-color:#a9c8ee;box-shadow:var(--shadow-sm)}
.brand-product img{width:100%;aspect-ratio:1/1;object-fit:cover;background:linear-gradient(180deg,#f5f8fc,#eef5fb)}
.brand-product div{padding:14px;display:flex;flex-direction:column;flex:1}.brand-product strong{display:block;font-size:14px;line-height:1.35;color:var(--navy);min-height:38px}.brand-product span{font-size:12px;line-height:1.55;color:var(--muted);margin-top:7px}.brand-product-wa{margin-top:auto;padding-top:12px;display:inline-flex;align-items:center;justify-content:center;gap:7px;color:#06361b;font-size:12px;font-weight:900}.brand-product-wa img{width:16px;height:16px;aspect-ratio:auto;object-fit:contain;background:none;filter:brightness(0) invert(1)}.brand-product-wa{background:var(--whatsapp);border-radius:10px;min-height:38px;padding:0 12px;margin-top:14px}

.about-grid{display:grid;grid-template-columns:1fr 1fr;gap:28px;align-items:stretch}
.about-copy{background:#edf6ff;border:1px solid #cfe1f5;border-radius:24px;padding:42px;display:flex;flex-direction:column;justify-content:center}
.about-copy h2{font-size:clamp(34px,3vw,48px);line-height:1.04;margin:0 0 18px;letter-spacing:-.045em;max-width:13ch}.about-copy p{font-size:16px;color:#52657d;margin:0 0 24px}
.service-region-list{display:flex;flex-wrap:wrap;gap:10px;margin:0 0 24px}.service-region-list span{padding:10px 14px;border-radius:999px;background:#fff;border:1px solid #d5e4f4;font-size:13px;font-weight:800;color:#21406e;box-shadow:0 6px 14px rgba(3,31,75,.04)}
.service-region-list.big span{font-size:14px;padding:10px 16px}
.about-media{border-radius:24px;overflow:hidden;border:1px solid var(--border);background:#dce9f7;padding:0;display:flex;align-items:stretch;justify-content:stretch;aspect-ratio:12/11}
.about-media img{display:block;width:100%;height:100%;object-fit:contain;object-position:center;filter:none}

.contact-layout{display:grid;grid-template-columns:1.08fr .92fr;gap:22px;align-items:stretch}
.map-card,.contact-panel{border:1px solid var(--border);border-radius:24px;background:#fff;padding:24px;box-shadow:0 8px 18px rgba(3,31,75,.035)}
.map-card{display:flex;flex-direction:column}
.map-head h3,.contact-panel-head h3{margin:0;font-size:30px;letter-spacing:-.035em}.contact-panel-head{margin-bottom:18px}
.map-frame{margin:18px 0;border-radius:18px;overflow:hidden;border:1px solid #dbe6f3;min-height:420px;background:#eef5fb}
.map-frame iframe{width:100%;height:420px;border:0;display:block}
.map-card-bottom{display:grid;gap:16px;margin-top:auto}
.map-bottom-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:14px}
.map-bottom-item{border:1px solid var(--border);border-radius:16px;background:linear-gradient(180deg,#f8fbff,#f1f7ff);padding:16px 18px;min-height:96px}
.map-bottom-item strong{display:block;font-size:15px;color:var(--navy);margin-bottom:6px}
.map-bottom-item span{display:block;font-size:13px;line-height:1.55;color:var(--muted)}
.contact-quick-grid{display:grid;grid-template-columns:1fr;gap:14px;margin-bottom:20px}
.contact-card{border:1px solid var(--border);background:#fff;border-radius:16px;padding:20px;min-height:128px}
.contact-card .mini-icon{width:42px;height:42px;border-radius:12px;background:var(--primary-soft);display:grid;place-items:center;margin-bottom:12px}.contact-card .mini-icon img{width:20px;height:20px}
.contact-card strong{display:block;font-size:18px;color:var(--navy);line-height:1.35}.contact-card p,.contact-card a{margin:8px 0 0;font-size:14px;color:var(--muted)}.contact-card a:hover{color:var(--primary);text-decoration:underline}

.guide-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:16px}
.guide-card{border:1px solid var(--border);border-radius:18px;background:#fff;padding:22px;box-shadow:0 6px 16px rgba(3,31,75,.03)}
.guide-card span{font-size:10px;color:var(--primary);font-weight:950;text-transform:uppercase;letter-spacing:.11em}.guide-card h3{font-size:20px;line-height:1.35;margin:10px 0 10px}.guide-card p{font-size:14px;color:var(--muted);margin:0}.guide-card button{margin-top:14px;border:0;background:transparent;color:var(--primary);font-weight:900;font-size:13px;padding:0}.guide-panel{margin-top:16px;padding-top:16px;border-top:1px solid var(--border);font-size:13px;color:#52657d}.guide-panel[hidden]{display:none}

.cta{background:linear-gradient(90deg,var(--primary-dark),var(--primary));border-radius:22px;color:#fff;padding:30px 34px;display:flex;align-items:center;justify-content:space-between;gap:24px;box-shadow:var(--shadow)}
.cta h2{font-size:32px;margin:0 0 6px;letter-spacing:-.035em}.cta p{margin:0;color:#dceaff;font-size:14px}.cta-actions{display:flex;gap:12px;flex-wrap:wrap}.cta .btn-outline{border-color:rgba(255,255,255,.58);color:#fff;background:transparent}

.footer{background:var(--navy);color:#fff;padding:54px 0 22px}
.footer-grid{display:grid;grid-template-columns:1.3fr .8fr .9fr 1.1fr;gap:42px}
.footer-brand{display:flex;align-items:center;gap:14px}.footer-logo{width:84px;height:84px;border-radius:18px;object-fit:cover;background:#000;border:1px solid rgba(255,255,255,.18)}.footer-brand strong{font-size:20px;display:block}.footer-brand span{font-size:10px;letter-spacing:.14em;color:#bdd4f0;text-transform:uppercase}.footer-desc{max-width:360px;font-size:13px;color:#c7d7ea;margin:16px 0 0}
.footer h3{font-size:16px;margin:0 0 15px}.footer-links{display:grid;gap:10px}.footer-links a,.footer-links span{font-size:13px;color:#d1e0f3}.footer-links a:hover{color:#fff;text-decoration:underline}
.footer-bottom{margin-top:34px;padding-top:18px;border-top:1px solid rgba(255,255,255,.14);display:flex;align-items:center;justify-content:space-between;gap:20px;color:#9fb8d6;font-size:12px}
.footer-wa{display:inline-flex;align-items:center;gap:8px;color:#fff;font-weight:900}.footer-wa img{width:20px;height:20px;filter:brightness(0) invert(1)}
.floating-wa{position:fixed;right:22px;bottom:22px;width:62px;height:62px;border-radius:50%;background:var(--whatsapp);display:grid;place-items:center;z-index:70;box-shadow:0 12px 28px rgba(37,211,102,.34);border:3px solid #fff}.floating-wa img{width:30px;height:30px;filter:brightness(0) invert(1)}.floating-wa:hover{transform:translateY(-2px)}

.page-hero{padding:58px 0 42px;background:linear-gradient(115deg,#f8fbff,#eaf4ff);border-bottom:1px solid #e5edf7}.page-hero h1{font-size:52px;letter-spacing:-.045em;margin:0 0 10px}.page-hero p{color:var(--muted);margin:0;font-size:16px;max-width:900px}
.catalog-toolbar{display:grid;grid-template-columns:1fr 220px 220px 180px;gap:12px;margin-bottom:18px}.field{height:50px;border:1px solid var(--border);border-radius:14px;background:#fff;padding:0 14px;outline:none;color:var(--text)}.field:focus{border-color:#91b7e8;box-shadow:0 0 0 3px rgba(7,84,184,.08)}.catalog-meta{display:flex;align-items:center;justify-content:space-between;margin-bottom:18px;gap:12px}.catalog-meta span{font-size:13px;color:var(--muted)}.empty-state{grid-column:1/-1;text-align:center;padding:52px;border:1px dashed #b7cde7;border-radius:18px;color:var(--muted)}

@keyframes floatY{0%,100%{transform:translateY(0)}50%{transform:translateY(-10px)}}
@keyframes marquee{0%{transform:translateX(0)}100%{transform:translateX(-50%)}}

@media (max-width:1180px){
  .header-main{grid-template-columns:230px 1fr}
  .header-actions{grid-column:1/-1;justify-content:flex-end;margin-top:-10px;padding-bottom:14px}
  .hero-grid{grid-template-columns:1fr 1fr;gap:34px}
  .category-grid{grid-template-columns:repeat(3,1fr)}
  .product-grid,.catalog-grid{grid-template-columns:repeat(3,1fr)}
  .why-grid{grid-template-columns:repeat(3,1fr)}
  .feature-grid,.about-grid,.contact-layout{grid-template-columns:1fr}
  .brand-grid{grid-template-columns:repeat(4,1fr)}
  .footer-grid{grid-template-columns:1.2fr 1fr 1fr}
  .footer-grid>div:last-child{grid-column:1/-1}
  .catalog-toolbar{grid-template-columns:1fr 1fr 1fr}
  .catalog-toolbar select:last-child{grid-column:3}
}
@media (max-width:920px){
  .container{width:min(calc(100% - 28px),var(--container))}
  .topbar-list:first-child span:first-child{display:none}
  .topbar-list{gap:12px}
  .header-main{grid-template-columns:1fr auto;min-height:88px;gap:12px;padding-block:10px}
  .brand{grid-column:1;grid-row:1}
  .brand-logo{width:58px;height:58px}
  .brand-title{font-size:18px}.brand-sub{font-size:10px}
  .search-form{grid-column:1/-1;grid-row:2}
  .header-actions{grid-column:2;grid-row:1;margin:0;padding:0;gap:7px}.header-action{height:44px;min-width:44px;width:44px;padding:0}.header-action span{display:none}
  .nav-category,.desktop-nav{display:none}.menu-toggle{display:flex}.nav-inner{min-height:60px;justify-content:space-between;padding:6px 8px}
  .mobile-nav{position:absolute;left:0;right:0;top:calc(100% + 10px);background:rgba(255,255,255,.98);backdrop-filter:blur(14px);-webkit-backdrop-filter:blur(14px);color:var(--text);border:1px solid var(--border);border-radius:22px;box-shadow:0 24px 54px rgba(3,31,75,.16);padding:16px;z-index:60}
  .mobile-nav.is-open{display:block}
  .mobile-nav-head{display:flex;flex-direction:column;gap:2px;padding:2px 4px 14px;border-bottom:1px solid #e8eff8}.mobile-nav-head strong{font-size:20px;color:var(--navy);letter-spacing:-.02em}.mobile-nav-head span{font-size:12px;font-weight:800;color:var(--primary);letter-spacing:.10em;text-transform:uppercase}
  .mobile-nav-links{display:grid;gap:10px;padding-top:14px}.mobile-nav a{border-radius:14px}.mobile-nav-links a{padding:14px 16px;background:#f5f9ff;border:1px solid #e2ebf5;font-size:15px;font-weight:850;color:var(--navy);box-shadow:0 8px 18px rgba(3,31,75,.04)}.mobile-nav-links a:hover{background:var(--primary-soft);color:var(--primary);border-color:#c3daf5}
  .mobile-nav-actions{display:grid;grid-template-columns:repeat(3,1fr);gap:10px;margin-top:14px}
  .mobile-action{min-height:52px;border:1px solid var(--border);border-radius:14px;display:flex;align-items:center;justify-content:center;gap:8px;font-size:13px;font-weight:850;background:#fff;color:var(--navy);box-shadow:0 8px 18px rgba(3,31,75,.04)}.mobile-action.whatsapp{color:#167b3b}.mobile-action img{width:18px;height:18px}
  .hero-grid{grid-template-columns:1fr;min-height:auto;padding-block:34px 40px;gap:24px}
  .hero-content{max-width:680px}
  .hero-media{min-height:auto}.hero-stage{width:min(100%,760px);aspect-ratio:5/3}
  .section{padding:60px 0}.section-heading h2{font-size:34px}.section-heading p{font-size:15px}
  .category-grid{grid-template-columns:repeat(3,1fr)}
  .product-grid,.catalog-grid{grid-template-columns:repeat(2,1fr)}
  .feature-card{grid-template-columns:1fr;min-height:0}.feature-copy h3{font-size:32px;max-width:none}.feature-media{min-height:0;aspect-ratio:3/2;padding:12px}.feature-media img{min-height:0;height:100%;object-position:center}
  .brand-grid{grid-template-columns:repeat(3,minmax(0,1fr))}.brand-products,.brand-products.is-two,.brand-products.is-three,.brand-products.is-five,.brand-products.is-six{grid-template-columns:repeat(2,1fr);justify-content:stretch}
  .guide-grid{grid-template-columns:1fr}
  .footer-grid{grid-template-columns:1fr 1fr}.footer-grid>div:last-child{grid-column:auto}
  .catalog-toolbar{grid-template-columns:1fr 1fr}.catalog-toolbar input{grid-column:1/-1}
  .cta{align-items:flex-start;flex-direction:column}
}
@media (max-width:640px){
  .topbar-inner{min-height:34px}.topbar-list:first-child span:nth-child(2){display:none}.topbar-list:last-child a:first-child{display:none}.topbar{font-size:11px}
  .brand-logo{width:50px;height:50px}.brand-title{font-size:17px}.brand-sub{display:block;font-size:9px}
  .search-form input{height:48px;padding:0 16px}
  .hero h1{font-size:46px}.hero-copy{font-size:15px;margin:20px 0 24px}
  .hero-stage{width:100%;aspect-ratio:5/3;border-radius:22px}.hero-main-image{width:100%;height:100%;object-fit:cover;object-position:center}
  .marquee-group{gap:22px;padding:15px 22px 15px 0}.marquee-track span{font-size:12px}
  .section{padding:48px 0}.section-heading{align-items:flex-start}.section-heading h2{font-size:30px}.section-heading p{font-size:14px}
  .category-grid{grid-template-columns:repeat(2,1fr);gap:12px}.category-card h3{font-size:15px}.category-card p{font-size:12px}
  .product-grid,.catalog-grid{grid-template-columns:1fr;gap:12px}.product-card h3{font-size:17px}.product-card p{font-size:12px;-webkit-line-clamp:2}.product-footer{display:grid;grid-template-columns:1fr}.product-wa{width:100%;justify-content:center}
  .why-box{padding:24px 18px}.why-head h2{font-size:34px}.why-head p{font-size:14px}.why-grid{grid-template-columns:1fr 1fr;gap:10px}.why-item strong{font-size:13px}.why-item span{font-size:11px}
  .feature-copy{padding:24px}.feature-copy h3{font-size:28px;max-width:none}.feature-copy p{font-size:14px}.feature-media{padding:10px;min-height:0;aspect-ratio:3/2}.feature-media img{width:100%;height:100%;min-height:0;object-fit:cover;object-position:center}
  .brand-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:12px}.brand-button{min-height:136px;padding:13px 10px 12px;border-radius:17px}.brand-logo-wrap{height:66px}.brand-logo-img{max-height:56px}.brand-logo-wrap--wide{height:66px}.brand-logo-img--wide{max-height:62px}.brand-cta{min-height:32px;padding:0 11px;font-size:10px}.brand-products,.brand-products.is-two,.brand-products.is-three,.brand-products.is-five,.brand-products.is-six{grid-template-columns:1fr;justify-content:stretch}
  .about-copy{padding:28px}.about-copy h2{font-size:32px;max-width:none}.about-copy p{font-size:14px}.about-media{padding:0;aspect-ratio:12/11}.about-media img{width:100%;height:100%;object-fit:contain}.service-region-list.big span{font-size:12px}
  .map-card,.contact-panel{padding:18px}.map-head h3,.contact-panel-head h3{font-size:24px}.map-frame{min-height:300px}.map-frame iframe{height:300px}.map-bottom-grid{grid-template-columns:1fr}.contact-card strong{font-size:16px}.contact-card p,.contact-card a{font-size:13px}
  .guide-card{padding:18px}.guide-card h3{font-size:18px}.guide-card p{font-size:13px}
  .cta{padding:24px 20px}.cta h2{font-size:28px}.cta p{font-size:13px}
  .footer-grid{grid-template-columns:1fr;gap:28px}.footer-bottom{align-items:flex-start;flex-direction:column;font-size:11px}
  .catalog-toolbar{grid-template-columns:1fr}.catalog-toolbar input,.catalog-toolbar select:last-child{grid-column:auto}.page-hero h1{font-size:40px}.page-hero p{font-size:14px}
  .mobile-nav-actions{grid-template-columns:1fr}
  .floating-wa{right:14px;bottom:14px;width:56px;height:56px}
}
@media (prefers-reduced-motion:reduce){*{scroll-behavior:auto!important;transition:none!important;animation:none!important}}

/* =========================================================
   V6 PREMIUM HEADER / NAVIGATION / HERO
   Only the header, navigation and homepage hero are restyled.
   ========================================================= */
.premium-topbar{background:#021c43;border-bottom:1px solid rgba(255,255,255,.08)}
.premium-topbar-inner{min-height:42px}
.topbar-wa,.topbar-right,.topbar-location,.social-link{display:flex;align-items:center}
.topbar-wa{gap:8px;font-weight:850;color:#fff}
.topbar-wa img{width:16px;height:16px}
.topbar-right{gap:22px;font-size:12px;font-weight:750;color:#dce9f9}
.topbar-right>a{transition:.18s ease}.topbar-right>a:hover{color:#fff;text-decoration:none}
.topbar-divider{width:1px;height:18px;background:rgba(255,255,255,.22)}
.social-link{width:28px;height:28px;justify-content:center;border-radius:9px;color:#fff;opacity:.88;transition:.18s ease}
.social-link:hover{background:rgba(255,255,255,.1);opacity:1;transform:translateY(-1px)}
.social-link img{width:17px;height:17px;filter:brightness(0) invert(1)}
.social-link.social-wa img{filter:none}
.topbar-location{gap:6px}.topbar-location img{filter:brightness(0) invert(1)}

.premium-header{border-bottom:0;box-shadow:0 8px 30px rgba(3,31,75,.06)}
.premium-header-main{min-height:112px;grid-template-columns:250px minmax(390px,1fr) auto;gap:24px}
.premium-brand .brand-logo{width:72px;height:72px;border-radius:22px;box-shadow:0 12px 26px rgba(3,31,75,.18)}
.premium-brand .brand-title{font-size:22px}.premium-brand .brand-sub{font-size:11px}
.premium-search{grid-template-columns:auto minmax(180px,1fr) 64px;border-radius:20px;height:60px;box-shadow:0 12px 30px rgba(3,31,75,.06);background:#fff}
.search-category{display:flex;align-items:center;gap:9px;padding:0 18px;color:var(--navy);font-size:13px;font-weight:900;border-right:1px solid #e6edf6;white-space:nowrap}
.search-category img{width:18px;height:18px;opacity:.82}
.premium-search input{height:58px;padding:0 18px}
.premium-search button{width:64px;border-radius:15px;margin:5px;height:48px;align-self:center;background:linear-gradient(135deg,#0b68da,#0754b8);box-shadow:0 10px 20px rgba(7,84,184,.22)}
.premium-search button span{display:none}
.premium-search button:hover{background:linear-gradient(135deg,#0d75f1,#063b86)}
.premium-header-actions{gap:10px}
.header-contact-card{min-width:142px;min-height:60px;padding:9px 12px;border:1px solid #d9e6f4;border-radius:18px;background:#fff;display:flex;align-items:center;gap:10px;color:var(--navy);box-shadow:0 8px 22px rgba(3,31,75,.045);transition:.2s ease}
.header-contact-card:hover{transform:translateY(-2px);border-color:#a8c8ee;box-shadow:0 14px 28px rgba(3,31,75,.09)}
.header-contact-card .contact-icon{width:38px;height:38px;display:grid;place-items:center;border-radius:12px;background:#f1f7ff;flex:0 0 auto}
.header-contact-card .contact-icon img{width:20px;height:20px}
.header-contact-card.whatsapp .contact-icon{background:#ecfff4}
.header-contact-card span:last-child{display:flex;flex-direction:column;line-height:1.15}
.header-contact-card strong{font-size:12px}.header-contact-card small{font-size:10px;color:#6d7d91;margin-top:5px;white-space:nowrap}


.premium-nav-wrap{position:relative;z-index:55;margin-bottom:-34px;padding:0;background:transparent;box-shadow:none;border:0}
.premium-nav-wrap::before{display:none}
.premium-nav-inner{min-height:70px;padding:8px 10px;background:linear-gradient(180deg,rgba(3,31,75,.97),rgba(2,24,61,.94));border:1px solid rgba(94,177,255,.28);border-radius:22px;box-shadow:0 20px 42px rgba(0,18,49,.34),inset 0 1px 0 rgba(255,255,255,.08);backdrop-filter:blur(15px);-webkit-backdrop-filter:blur(15px)}
.premium-nav-inner .nav-category{height:52px;min-width:205px;border-radius:15px;padding:0 17px;background:linear-gradient(135deg,#0d78ed 0%,#0754b8 100%);border:1px solid rgba(115,204,255,.62);box-shadow:0 0 0 1px rgba(255,255,255,.06) inset,0 0 24px rgba(0,132,255,.24),0 10px 24px rgba(0,17,48,.22);font-size:13px;color:#fff}
.premium-nav-inner .nav-category:hover{background:linear-gradient(135deg,#168aff,#0754b8);box-shadow:0 0 30px rgba(43,154,255,.4),0 12px 26px rgba(0,17,48,.24)}
.nav-chevron{font-size:18px;margin-left:auto;opacity:.88;transform:translateY(-1px)}
.premium-nav-inner .desktop-nav{justify-content:space-between;gap:3px;overflow:visible}
.premium-nav-inner .desktop-nav a{position:relative;min-height:52px;padding:0 16px;color:#f8fbff;font-size:13px;font-weight:820;border-radius:13px;transition:background .2s ease,color .2s ease,text-shadow .2s ease;letter-spacing:.005em}
.premium-nav-inner .desktop-nav a::before{content:"";position:absolute;left:21%;right:21%;bottom:4px;height:2px;border-radius:999px;background:linear-gradient(90deg,transparent,#72d4ff 28%,#fff 50%,#72d4ff 72%,transparent);opacity:0;transform:scaleX(.36);transition:.24s ease;box-shadow:0 0 14px rgba(84,200,255,.9)}
.premium-nav-inner .desktop-nav a:hover{background:rgba(255,255,255,.055);color:#fff;text-shadow:0 0 15px rgba(137,218,255,.36)}
.premium-nav-inner .desktop-nav a:hover::before,.premium-nav-inner .desktop-nav a[aria-current="page"]::before{opacity:1;transform:scaleX(1)}
.premium-nav-inner .desktop-nav a[aria-current="page"]{background:linear-gradient(180deg,rgba(13,111,230,.32),rgba(7,84,184,.18));color:#fff;text-shadow:0 0 18px rgba(125,211,255,.48)}
.premium-nav-inner .menu-toggle{min-height:50px;border-radius:15px;background:linear-gradient(135deg,#0d78ed,#0754b8);border:1px solid rgba(95,184,255,.56);box-shadow:0 0 22px rgba(0,125,255,.22);padding:0 18px}

.mobile-nav-backdrop{position:fixed;inset:0;border:0;background:rgba(0,10,28,.74);backdrop-filter:blur(6px);-webkit-backdrop-filter:blur(6px);z-index:1090;opacity:0;visibility:hidden;pointer-events:none;transition:opacity .28s ease,visibility .28s ease}
.mobile-nav-backdrop.is-open{opacity:1;visibility:visible;pointer-events:auto}
.premium-mobile-drawer{display:flex!important;position:fixed!important;left:0!important;right:auto!important;top:0!important;bottom:0!important;width:min(88vw,380px)!important;height:100dvh!important;z-index:1100!important;padding:22px 18px 24px!important;border:0!important;border-right:1px solid rgba(105,196,255,.38)!important;border-radius:0 30px 30px 0!important;background:radial-gradient(circle at 5% 2%,rgba(22,128,255,.60),transparent 31%),radial-gradient(circle at 88% 94%,rgba(6,84,184,.48),transparent 35%),linear-gradient(180deg,#073b86 0%,#03275c 44%,#021a3f 100%)!important;color:#fff!important;box-shadow:26px 0 70px rgba(0,9,28,.48)!important;overflow-y:auto!important;transform:translateX(-103%);visibility:hidden;transition:transform .36s cubic-bezier(.2,.8,.2,1),visibility .36s ease}
.premium-mobile-drawer.is-open{transform:translateX(0);visibility:visible}
.drawer-top{display:flex;align-items:center;justify-content:space-between;gap:14px;padding-bottom:18px;border-bottom:1px solid rgba(255,255,255,.16)}
.drawer-brand{display:flex;align-items:center;gap:12px}.drawer-brand>img{width:70px;height:70px;border-radius:21px;object-fit:cover;box-shadow:0 12px 26px rgba(0,0,0,.28),0 0 0 1px rgba(255,255,255,.08)}
.drawer-brand div{display:flex;flex-direction:column;line-height:1.02}.drawer-brand strong{font-size:19px;letter-spacing:.02em}.drawer-brand span{margin-top:6px;color:#5fc9ff;font-size:11px;font-weight:950;letter-spacing:.14em}
.drawer-close{width:44px;height:44px;border-radius:50%;border:1px solid rgba(255,255,255,.30);background:rgba(255,255,255,.08);display:grid;place-items:center;color:#fff;box-shadow:inset 0 1px 0 rgba(255,255,255,.06)}.drawer-close img{width:21px;height:21px;filter:brightness(0) invert(1)}
.drawer-welcome{padding:19px 2px 16px;display:flex;flex-direction:column}.drawer-welcome span{font-size:13px;color:#bddfff}.drawer-welcome strong{font-size:21px;margin-top:2px;text-shadow:0 0 18px rgba(86,190,255,.25)}
.premium-drawer-links{display:grid;gap:10px;padding:0!important}
.premium-drawer-links a{min-height:59px;padding:0 15px!important;border-radius:17px!important;background:linear-gradient(100deg,rgba(255,255,255,.105),rgba(255,255,255,.035))!important;border:1px solid rgba(143,205,255,.23)!important;color:#fff!important;display:grid!important;grid-template-columns:39px 1fr auto;align-items:center;gap:10px;font-size:14px!important;font-weight:850!important;box-shadow:inset 0 1px 0 rgba(255,255,255,.055),0 8px 18px rgba(0,12,36,.08)!important;transition:.18s ease}
.premium-drawer-links a:hover,.premium-drawer-links a[aria-current="page"]{background:linear-gradient(100deg,rgba(17,125,255,.76),rgba(10,88,190,.46))!important;border-color:rgba(114,199,255,.68)!important;transform:translateX(3px);box-shadow:0 0 24px rgba(20,132,255,.18),inset 0 1px 0 rgba(255,255,255,.08)!important}
.drawer-link-icon{width:37px;height:37px;border-radius:11px;background:rgba(255,255,255,.09);display:grid;place-items:center}.drawer-link-icon img{width:20px;height:20px;filter:brightness(0) invert(1)}
.premium-drawer-links b{font-size:25px;font-weight:400;color:#a9dbff;line-height:1}
.drawer-contact-card{margin-top:18px;padding:15px;border-radius:19px;background:linear-gradient(135deg,rgba(19,125,255,.58),rgba(4,65,143,.68));border:1px solid rgba(113,194,255,.38);display:flex;align-items:center;gap:12px;box-shadow:0 14px 30px rgba(0,0,0,.16),inset 0 1px 0 rgba(255,255,255,.06)}
.drawer-contact-icon{width:49px;height:49px;border-radius:50%;background:rgba(255,255,255,.10);display:grid;place-items:center;flex:0 0 auto}.drawer-contact-icon img{width:22px;height:22px;filter:brightness(0) invert(1)}
.drawer-contact-card div{display:flex;flex-direction:column}.drawer-contact-card small{color:#b9dbfb;font-size:11px}.drawer-contact-card a{font-size:17px;font-weight:950;color:#fff}.drawer-contact-card div>span{font-size:11px;color:#b9dbfb;margin-top:1px}
.drawer-socials{display:flex;gap:10px;margin-top:16px}.drawer-socials a{width:45px;height:45px;border-radius:14px;background:rgba(255,255,255,.09);border:1px solid rgba(255,255,255,.15);display:grid;place-items:center;box-shadow:inset 0 1px 0 rgba(255,255,255,.04)}.drawer-socials img{width:21px;height:21px;filter:brightness(0) invert(1)}.drawer-socials .wa img{filter:none}

.hero-premium{position:relative;isolation:isolate;min-height:720px;overflow:hidden;background:#02183a;border-bottom:1px solid rgba(120,193,255,.24);padding-top:30px}
.hero-background{position:absolute;inset:0;z-index:-5;display:block;width:100%;height:100%}
.hero-background img{width:100%;height:100%;object-fit:cover;object-position:center center;filter:saturate(1.08) contrast(1.06) brightness(.95);transform:scale(1.002)}
.hero-vignette{position:absolute;inset:0;z-index:-4;background:linear-gradient(90deg,rgba(0,13,36,.97) 0%,rgba(0,18,48,.91) 20%,rgba(0,26,67,.69) 36%,rgba(0,26,67,.27) 53%,rgba(0,13,35,.05) 72%,rgba(0,11,30,.14) 100%),linear-gradient(180deg,rgba(0,18,46,.17) 0%,rgba(0,11,30,.16) 65%,rgba(0,12,32,.42) 100%);pointer-events:none}
.hero-premium::before{content:"";position:absolute;inset:0;z-index:-3;background:radial-gradient(circle at 22% 48%,rgba(19,120,255,.13),transparent 29%),radial-gradient(circle at 74% 65%,rgba(49,167,255,.09),transparent 34%);pointer-events:none}
.hero-premium::after{content:"";position:absolute;left:0;right:0;bottom:0;height:120px;z-index:-2;background:linear-gradient(180deg,transparent,rgba(0,10,28,.20));pointer-events:none}
.hero-light-sweep{position:absolute;z-index:-1;top:-30%;left:-34%;width:34%;height:165%;transform:skewX(-18deg);background:linear-gradient(90deg,transparent,rgba(104,200,255,.025),rgba(255,255,255,.105),rgba(88,190,255,.05),transparent);filter:blur(2px);animation:heroSweep 8s ease-in-out infinite;pointer-events:none}
.hero-premium-inner{min-height:690px;display:flex;align-items:center;padding-top:72px;padding-bottom:62px}
.hero-premium-content{width:min(700px,48.5%);color:#fff;position:relative}
.hero-eyebrow{margin-bottom:20px;color:#f4fbff;font-size:13px;letter-spacing:.24em;text-shadow:0 0 19px rgba(96,195,255,.34);font-weight:900}
.hero-title{margin:0;font-size:clamp(78px,6.55vw,112px);line-height:.86;letter-spacing:-.067em;display:flex;flex-direction:column;align-items:flex-start;max-width:760px}
.hero-premium .hero-title span{position:relative;font-weight:950;color:#fff!important;-webkit-text-fill-color:#fff!important;background:none!important;text-shadow:0 0 13px rgba(255,255,255,.20),0 4px 24px rgba(0,0,0,.30)!important}
.hero-premium .hero-title strong{position:relative;display:inline-block;font-weight:950;color:transparent;background:linear-gradient(105deg,#73c6ff 0%,#dff7ff 20%,#66c0ff 37%,#ffffff 50%,#65c1ff 62%,#d8f4ff 80%,#62b9ff 100%);background-size:260% 100%;background-clip:text;-webkit-background-clip:text;-webkit-text-fill-color:transparent;filter:drop-shadow(0 0 9px rgba(70,178,255,.45));text-shadow:none;animation:titleShimmer 5s linear infinite,heroGlow 3.4s ease-in-out infinite}
.hero-premium .hero-title strong::before,.hero-premium .hero-title strong::after{content:"";position:absolute;width:7px;height:7px;border-radius:50%;background:#fff;box-shadow:0 0 8px 3px rgba(255,255,255,.72),0 0 18px 7px rgba(67,177,255,.58);pointer-events:none;opacity:.45;animation:titleSpark 4.8s ease-in-out infinite}
.hero-premium .hero-title strong::before{left:18%;top:55%;animation-delay:-1.3s}.hero-premium .hero-title strong::after{right:9%;bottom:11%;animation-delay:-3s}
.hero-premium .hero-copy{max-width:620px;margin:29px 0 31px;color:#f2f7ff;font-size:18px;line-height:1.62;text-shadow:0 2px 12px rgba(0,0,0,.36)}
.hero-actions{gap:15px}.hero-actions .btn{min-height:60px;border-radius:16px;padding:0 24px;font-size:15px}
.hero-btn-primary{background:linear-gradient(135deg,#0d7aee,#0754b8);color:#fff;border:1px solid rgba(113,202,255,.76);box-shadow:0 0 0 1px rgba(255,255,255,.05) inset,0 0 28px rgba(22,129,255,.34),0 16px 34px rgba(0,17,48,.26)}
.hero-btn-primary:hover{background:linear-gradient(135deg,#168dff,#0754b8);box-shadow:0 0 38px rgba(34,144,255,.52),0 18px 36px rgba(0,17,48,.27)}
.btn-icon-box{width:32px;height:32px;border-radius:9px;display:grid;place-items:center;background:rgba(255,255,255,.10)}.btn-icon-box img{width:17px;height:17px;filter:brightness(0) invert(1)}
.btn-arrow{font-size:25px;line-height:1;margin-left:6px}
.hero-btn-whatsapp{background:linear-gradient(135deg,#30df77,#1aaf54);color:#042a15;border:1px solid rgba(113,255,170,.72);box-shadow:0 0 30px rgba(37,211,102,.26),0 16px 34px rgba(0,17,48,.22)}
.hero-btn-whatsapp:hover{background:linear-gradient(135deg,#40ef86,#18ad52);box-shadow:0 0 38px rgba(37,211,102,.40),0 18px 36px rgba(0,17,48,.25)}
.hero-proof{display:flex;align-items:center;gap:0;margin-top:37px;color:#e8f3ff;font-size:12px;font-weight:850;text-transform:uppercase;letter-spacing:.03em}
.hero-proof span{display:flex;align-items:center;gap:9px;padding:0 22px;border-right:1px solid rgba(255,255,255,.26)}.hero-proof span:first-child{padding-left:0}.hero-proof span:last-child{border-right:0}
.hero-proof img{width:20px;height:20px;filter:brightness(0) invert(1);opacity:.95}.hero-proof span:last-child img{filter:none}

@keyframes titleShimmer{0%{background-position:220% 0}100%{background-position:-40% 0}}
@keyframes heroGlow{0%,100%{filter:drop-shadow(0 0 8px rgba(66,174,255,.40))}50%{filter:drop-shadow(0 0 20px rgba(122,216,255,.78))}}
@keyframes titleSpark{0%,70%,100%{transform:scale(.55);opacity:.16}80%{transform:scale(1.45);opacity:.9}88%{transform:scale(.75);opacity:.35}}
@keyframes heroSweep{0%,20%{transform:translateX(-25%) skewX(-18deg);opacity:0}42%{opacity:1}70%,100%{transform:translateX(450%) skewX(-18deg);opacity:0}}

@media (max-width:1180px){
  .premium-header-main{grid-template-columns:220px minmax(340px,1fr) auto;gap:14px}
  .premium-header-actions{grid-column:auto;margin:0;padding:0;gap:7px}
  .header-contact-card{min-width:52px;width:52px;padding:0;justify-content:center}.header-contact-card>span:last-child{display:none}.header-contact-card .contact-icon{width:38px;height:38px}
  .premium-nav-inner .desktop-nav a{padding:0 10px;font-size:12px}.premium-nav-inner .nav-category{min-width:182px;padding:0 14px}
  .hero-premium-content{width:min(650px,54%)}
  .hero-title{font-size:clamp(72px,6.2vw,96px)}
}

@media (max-width:920px){
  .premium-topbar-inner{min-height:38px}.premium-topbar .topbar-right>a:not(.social-link):not(.topbar-location),.premium-topbar .topbar-divider{display:none}.topbar-right{gap:8px}.topbar-location{font-size:0;width:28px;height:28px;justify-content:center}.topbar-location img{width:17px;height:17px}
  .premium-header-main{grid-template-columns:1fr auto;min-height:92px;gap:10px;padding:10px 0 12px}.premium-brand{grid-column:1;grid-row:1}.premium-brand .brand-logo{width:56px;height:56px;border-radius:17px}.premium-brand .brand-title{font-size:18px}.premium-brand .brand-sub{font-size:9px}
  .premium-search{grid-column:1/-1;grid-row:2;height:52px;grid-template-columns:1fr 58px;border-radius:17px}.premium-search .search-category{display:none}.premium-search input{height:50px}.premium-search button{width:52px;height:42px;margin:4px;border-radius:13px}
  .premium-header-actions{grid-column:2;grid-row:1;display:flex;margin:0;padding:0}.header-contact-card{width:44px;min-width:44px;height:44px;min-height:44px;border-radius:13px}.header-contact-card .contact-icon{width:38px;height:38px;background:transparent}.header-contact-card .contact-icon img{width:19px;height:19px}
  .premium-nav-wrap{margin-bottom:-22px;padding:0;background:transparent}.premium-nav-inner{min-height:60px;padding:6px 7px;border-radius:18px}.premium-nav-inner .nav-category,.premium-nav-inner .desktop-nav{display:none}.premium-nav-inner .menu-toggle{display:flex;width:100%;justify-content:flex-start;min-height:48px;border-radius:13px;font-size:14px}.premium-nav-inner .menu-toggle span{display:inline}
  .hero-premium{min-height:840px;padding-top:22px}.hero-premium-inner{min-height:818px;align-items:flex-start;padding-top:66px;padding-bottom:40px}.hero-background img{object-position:center center;filter:saturate(1.07) contrast(1.04) brightness(.92)}.hero-vignette{background:linear-gradient(180deg,rgba(1,18,47,.90) 0%,rgba(2,27,67,.74) 28%,rgba(1,20,50,.28) 52%,rgba(0,10,27,.42) 100%)}
  .hero-premium-content{width:100%;max-width:570px}.hero-eyebrow{font-size:11px;letter-spacing:.18em;margin-bottom:13px}.hero-title{font-size:clamp(52px,13vw,70px);line-height:.90;max-width:100%}.hero-premium .hero-copy{font-size:14px;line-height:1.58;margin:21px 0 22px;max-width:520px}.hero-actions{display:grid;grid-template-columns:1fr;max-width:325px}.hero-actions .btn{width:100%;min-height:52px}.hero-proof{margin-top:22px;gap:9px;flex-wrap:wrap;text-transform:none;font-size:11px}.hero-proof span{padding:7px 10px;border:1px solid rgba(255,255,255,.16);border-radius:999px;background:rgba(0,33,78,.46);backdrop-filter:blur(8px)}.hero-proof span:first-child{padding-left:10px}.hero-proof img{width:17px;height:17px}
}

@media (max-width:640px){
  .premium-topbar .topbar-wa{font-size:11px}.premium-topbar .topbar-right .social-link:nth-of-type(1){display:none}
  .premium-brand .brand-logo{width:52px;height:52px}.premium-brand .brand-title{font-size:17px}.premium-brand .brand-sub{font-size:8px}
  .hero-premium{min-height:810px}.hero-premium-inner{min-height:788px;padding-top:58px}.hero-title{font-size:52px}.hero-premium .hero-copy{font-size:13.5px;max-width:350px}.hero-actions{max-width:290px}.hero-proof{max-width:340px}.hero-proof span:nth-child(2){display:none}
  .premium-mobile-drawer{width:min(91vw,360px)!important;padding:18px 15px 22px!important;border-radius:0 24px 24px 0!important}.drawer-brand>img{width:60px;height:60px}.drawer-brand strong{font-size:17px}.drawer-welcome strong{font-size:19px}.premium-drawer-links a{min-height:54px!important}
}

@media (prefers-reduced-motion:reduce){
  .hero-title strong,.hero-light-sweep{animation:none!important}.premium-mobile-drawer,.mobile-nav-backdrop{transition:none!important}
}

/* =========================================================
   V6.2 HOME ENTRANCE — REFERENCE MATCH
   Scope: homepage topbar + header + nav + hero only.
   Lower homepage sections and all other pages remain untouched.
   ========================================================= */
.home-page .premium-topbar-inner,
.home-page .premium-header-main,
.home-page .premium-nav-inner{
  width:min(calc(100% - 80px),1590px);
  max-width:none;
  margin-inline:auto;
}
.home-page .hero-premium-inner{
  width:min(calc(100% - 120px),1550px);
  max-width:none;
  margin-inline:auto;
}

/* Top bar */
.home-page .premium-topbar{
  background:#021b42;
  border-bottom:1px solid rgba(255,255,255,.07);
}
.home-page .premium-topbar-inner{
  min-height:45px;
}
.home-page .topbar-wa{
  gap:9px;
  font-size:13px;
  font-weight:850;
  letter-spacing:.005em;
}
.home-page .topbar-right{
  gap:27px;
  font-size:12.5px;
  font-weight:650;
  color:#e4edf8;
}
.home-page .topbar-right>a:not(.social-link){
  position:relative;
  transition:color .18s ease;
}
.home-page .topbar-right>a:not(.social-link):hover{color:#fff;text-decoration:none}
.home-page .topbar-divider{height:20px;background:rgba(255,255,255,.23);margin-inline:1px 4px}
.home-page .social-link{width:31px;height:31px;border-radius:10px}
.home-page .social-link img{width:17px;height:17px}

/* White logo / search / contact row */
.home-page .premium-header{
  background:#fff;
  box-shadow:0 10px 28px rgba(3,31,75,.055);
  border-bottom:0;
}
.home-page .premium-header-main{
  min-height:138px;
  grid-template-columns:300px minmax(500px,1fr) 500px;
  gap:24px;
}
.home-page .premium-brand{gap:18px}
.home-page .premium-brand .brand-logo{
  width:94px;
  height:94px;
  border-radius:28px;
  box-shadow:0 14px 32px rgba(3,31,75,.18);
  object-fit:cover;
}
.home-page .premium-brand .brand-title{
  font-size:29px;
  line-height:.94;
  letter-spacing:-.045em;
  color:#09275c;
}
.home-page .premium-brand .brand-sub{
  margin-top:8px;
  font-size:13px;
  letter-spacing:.18em;
  color:#1260c6;
}
.home-page .premium-search{
  height:66px;
  grid-template-columns:auto minmax(200px,1fr) 68px;
  border:1px solid #d7e3f0;
  border-radius:21px;
  overflow:hidden;
  background:#fff;
  box-shadow:0 7px 22px rgba(3,31,75,.035);
}
.home-page .premium-search:focus-within{
  border-color:#9ebee5;
  box-shadow:0 0 0 4px rgba(7,84,184,.07),0 10px 26px rgba(3,31,75,.05);
}
.home-page .search-category{
  min-width:190px;
  padding:0 20px;
  gap:11px;
  justify-content:center;
  border-right:1px solid #e2e9f2;
  font-size:13px;
  font-weight:800;
  color:#0a2b61;
}
.home-page .search-category img{width:19px;height:19px;flex:0 0 auto}
.home-page .premium-search input{
  height:64px;
  padding:0 20px;
  font-size:14px;
  color:#17263d;
}
.home-page .premium-search input::placeholder{color:#7a8798;opacity:1}
.home-page .premium-search button{
  width:58px;
  height:54px;
  margin:5px;
  border-radius:16px;
  background:linear-gradient(145deg,#0b61ca,#074694);
  box-shadow:0 10px 23px rgba(7,84,184,.22),inset 0 1px 0 rgba(255,255,255,.18);
}
.home-page .premium-search button:hover{
  background:linear-gradient(145deg,#0c70e5,#06408c);
  transform:translateY(-1px);
}
.home-page .premium-header-actions{gap:10px}
.home-page .header-contact-card{
  width:160px;
  min-width:160px;
  min-height:66px;
  padding:9px 12px;
  border:1px solid #d8e4f1;
  border-radius:19px;
  box-shadow:none;
  background:#fff;
  gap:11px;
}
.home-page .header-contact-card:hover{
  transform:translateY(-1px);
  border-color:#b7cfea;
  box-shadow:0 10px 24px rgba(3,31,75,.06);
}
.home-page .header-contact-card .contact-icon{
  width:42px;
  height:42px;
  border-radius:13px;
  background:#f1f7ff;
}
.home-page .header-contact-card.whatsapp .contact-icon{background:#ecfff4}
.home-page .header-contact-card strong{font-size:12px;color:#08275a}
.home-page .header-contact-card small{font-size:10.5px;color:#63758a;margin-top:5px}

/* Floating dark navigation bar */
.home-page .premium-nav-wrap{
  position:relative;
  z-index:70;
  margin-bottom:-49px;
  padding:0;
  background:transparent;
  box-shadow:none;
}
.home-page .premium-nav-inner{
  min-height:68px;
  padding:7px 9px;
  gap:12px;
  border-radius:22px;
  border:1px solid rgba(75,164,255,.25);
  background:linear-gradient(180deg,rgba(2,33,79,.99) 0%,rgba(1,23,57,.985) 100%);
  box-shadow:0 18px 38px rgba(0,15,43,.26),0 0 24px rgba(20,119,230,.12),inset 0 1px 0 rgba(255,255,255,.065);
  backdrop-filter:blur(14px);
  -webkit-backdrop-filter:blur(14px);
}
.home-page .premium-nav-inner .nav-category{
  height:54px;
  min-width:230px;
  padding:0 22px;
  justify-content:center;
  border-radius:15px;
  background:linear-gradient(135deg,#0c70dd 0%,#0754b8 100%);
  border:1px solid rgba(90,187,255,.73);
  box-shadow:inset 0 1px 0 rgba(255,255,255,.15),0 0 22px rgba(16,124,242,.22);
  font-size:13.5px;
  font-weight:850;
}
.home-page .premium-nav-inner .nav-category img{width:19px;height:19px}
.home-page .premium-nav-inner .desktop-nav{
  height:54px;
  gap:3px;
  justify-content:space-between;
  overflow:visible;
}
.home-page .premium-nav-inner .desktop-nav a{
  min-height:54px;
  padding:0 18px;
  border-radius:11px;
  font-size:13px;
  font-weight:650;
  color:#f3f8ff;
  letter-spacing:0;
  background:transparent;
  text-shadow:none;
}
.home-page .premium-nav-inner .desktop-nav a:hover{
  background:rgba(255,255,255,.045);
  color:#fff;
  transform:none;
}
.home-page .premium-nav-inner .desktop-nav a[aria-current="page"]{
  background:transparent;
  color:#fff;
  font-weight:800;
  box-shadow:none;
}
.home-page .premium-nav-inner .desktop-nav a::before{
  left:22%;right:22%;bottom:2px;height:2px;
  background:linear-gradient(90deg,transparent,#4ec6ff 28%,#fff 50%,#4ec6ff 72%,transparent);
  box-shadow:0 0 8px #57caff,0 0 18px rgba(45,170,255,.82);
}

/* Hero */
.home-page .hero-premium{
  min-height:720px;
  padding-top:0;
  border-bottom:0;
  background:#021b43;
  overflow:hidden;
}
.home-page .hero-background{inset:0}
.home-page .hero-background img{
  width:100%;height:100%;
  object-fit:cover;
  object-position:center center;
  filter:saturate(1.03) contrast(1.015) brightness(1.01);
  transform:none;
}
.home-page .hero-vignette{
  background:linear-gradient(90deg,rgba(0,13,37,.18) 0%,rgba(0,13,37,.09) 31%,rgba(0,13,37,.025) 49%,transparent 68%);
}
.home-page .hero-premium::before,
.home-page .hero-premium::after{display:none}
.home-page .hero-light-sweep{display:none}
.home-page .hero-premium-inner{
  min-height:720px;
  display:flex;
  align-items:center;
  padding:76px 34px 48px;
}
.home-page .hero-premium-content{
  width:650px;
  max-width:650px;
  color:#fff;
}
.home-page .hero-eyebrow{
  margin-bottom:24px;
  color:#f8fbff;
  font-size:13.5px;
  font-weight:700;
  letter-spacing:.29em;
  text-shadow:0 2px 13px rgba(0,0,0,.30);
}
.home-page .hero-title{
  margin:0;
  max-width:720px;
  font-size:clamp(94px,6.9vw,116px);
  line-height:.86;
  letter-spacing:-.065em;
  display:flex;
  flex-direction:column;
  align-items:flex-start;
}
.home-page .hero-premium .hero-title span{
  color:#fff!important;
  -webkit-text-fill-color:#fff!important;
  background:none!important;
  font-weight:950;
  text-shadow:0 0 15px rgba(255,255,255,.26),0 3px 16px rgba(0,0,0,.28)!important;
}
.home-page .hero-premium .hero-title strong{
  color:transparent!important;
  -webkit-text-fill-color:transparent!important;
  background:linear-gradient(180deg,#ffffff 0%,#e8f8ff 22%,#94d7ff 54%,#2e94ff 100%)!important;
  background-clip:text!important;
  -webkit-background-clip:text!important;
  font-weight:950;
  filter:drop-shadow(0 0 9px rgba(78,178,255,.42));
  animation:none!important;
}
.home-page .hero-premium .hero-title strong::before,
.home-page .hero-premium .hero-title strong::after{display:none}
.home-page .hero-premium .hero-copy{
  max-width:610px;
  margin:31px 0 31px;
  color:#f3f7fc;
  font-size:18px;
  line-height:1.55;
  text-shadow:0 2px 10px rgba(0,0,0,.38);
}
.home-page .hero-actions{gap:16px}
.home-page .hero-actions .btn{
  min-height:61px;
  padding:0 25px;
  border-radius:14px;
  font-size:15px;
  font-weight:800;
}
.home-page .hero-btn-primary{
  min-width:265px;
  background:linear-gradient(135deg,#0c71e3 0%,#0754b8 100%);
  border:1px solid rgba(84,183,255,.78);
  box-shadow:0 12px 30px rgba(0,41,107,.28),inset 0 1px 0 rgba(255,255,255,.14);
}
.home-page .hero-btn-primary:hover{
  background:linear-gradient(135deg,#1280f4,#0754b8);
  transform:translateY(-2px);
  box-shadow:0 15px 34px rgba(0,50,128,.34);
}
.home-page .hero-btn-whatsapp{
  min-width:290px;
  color:#fff;
  background:linear-gradient(135deg,#21c95d 0%,#0da544 100%);
  border:1px solid rgba(85,241,142,.70);
  box-shadow:0 12px 30px rgba(3,90,39,.25),inset 0 1px 0 rgba(255,255,255,.12);
}
.home-page .hero-btn-whatsapp:hover{
  background:linear-gradient(135deg,#2edc6b,#0da544);
  transform:translateY(-2px);
  box-shadow:0 15px 34px rgba(3,101,45,.30);
}
.home-page .hero-proof{
  margin-top:40px;
  color:#edf6ff;
  font-size:12px;
  font-weight:650;
  letter-spacing:.015em;
  text-transform:uppercase;
}
.home-page .hero-proof span{
  min-height:26px;
  gap:10px;
  padding:0 28px;
  border-right:1px solid rgba(255,255,255,.34);
}
.home-page .hero-proof span:first-child{padding-left:0}
.home-page .hero-proof span:last-child{border-right:0;padding-right:0}
.home-page .hero-proof img{
  width:22px;height:22px;
  filter:brightness(0) invert(1);
  opacity:.92;
}

/* Mid desktop */
@media (max-width:1500px){
  .home-page .premium-topbar-inner,
  .home-page .premium-header-main,
  .home-page .premium-nav-inner{width:min(calc(100% - 48px),1420px)}
  .home-page .hero-premium-inner{width:min(calc(100% - 76px),1420px);padding-inline:12px}
  .home-page .premium-header-main{grid-template-columns:250px minmax(420px,1fr) 450px;gap:16px;min-height:124px}
  .home-page .premium-brand .brand-logo{width:78px;height:78px;border-radius:23px}
  .home-page .premium-brand .brand-title{font-size:24px}
  .home-page .premium-brand .brand-sub{font-size:11px}
  .home-page .header-contact-card{width:143px;min-width:143px}
  .home-page .premium-nav-inner .nav-category{min-width:205px}
  .home-page .premium-nav-inner .desktop-nav a{padding:0 12px;font-size:12.5px}
  .home-page .hero-premium-content{width:610px;max-width:610px}
  .home-page .hero-title{font-size:clamp(84px,6.8vw,104px)}
}

@media (max-width:1180px){
  .home-page .premium-topbar-inner,
  .home-page .premium-header-main,
  .home-page .premium-nav-inner{width:min(calc(100% - 36px),1080px)}
  .home-page .hero-premium-inner{width:min(calc(100% - 44px),1080px)}
  .home-page .premium-header-main{grid-template-columns:220px minmax(360px,1fr) auto;min-height:108px;gap:13px}
  .home-page .premium-brand .brand-logo{width:68px;height:68px;border-radius:20px}
  .home-page .premium-brand .brand-title{font-size:20px}.home-page .premium-brand .brand-sub{font-size:9px;margin-top:6px}
  .home-page .premium-search{height:58px;grid-template-columns:auto 1fr 58px}.home-page .search-category{min-width:158px;padding:0 14px;font-size:12px;justify-content:center}.home-page .premium-search input{height:56px;padding:0 14px}.home-page .premium-search button{width:48px;height:48px}
  .home-page .header-contact-card{width:50px;min-width:50px;height:50px;min-height:50px;padding:0;justify-content:center;border-radius:14px}.home-page .header-contact-card>span:last-child{display:none}.home-page .header-contact-card .contact-icon{background:transparent;width:40px;height:40px}
  .home-page .premium-nav-inner{gap:8px}.home-page .premium-nav-inner .nav-category{min-width:180px}.home-page .premium-nav-inner .desktop-nav a{padding:0 8px;font-size:11.5px}
  .home-page .hero-premium{min-height:640px}.home-page .hero-premium-inner{min-height:640px;padding-top:74px}.home-page .hero-premium-content{width:540px;max-width:54%}.home-page .hero-title{font-size:clamp(70px,7vw,86px)}.home-page .hero-premium .hero-copy{font-size:16px;max-width:510px}
  .home-page .hero-btn-primary{min-width:220px}.home-page .hero-btn-whatsapp{min-width:245px}.home-page .hero-actions .btn{min-height:56px;padding:0 19px}
}

/* Tablet / mobile — true responsive layout */
@media (max-width:920px){
  .home-page .premium-topbar-inner,
  .home-page .premium-header-main,
  .home-page .premium-nav-inner,
  .home-page .hero-premium-inner{width:calc(100% - 28px);max-width:none}
  .home-page .premium-topbar-inner{min-height:37px}
  .home-page .premium-topbar .topbar-right>a:not(.social-link),
  .home-page .premium-topbar .topbar-divider{display:none}
  .home-page .topbar-right{gap:7px}
  .home-page .premium-header-main{grid-template-columns:1fr auto;min-height:101px;padding:10px 0 11px;gap:10px}
  .home-page .premium-brand .brand-logo{width:58px;height:58px;border-radius:18px}
  .home-page .premium-brand .brand-title{font-size:18px}.home-page .premium-brand .brand-sub{font-size:8.5px;margin-top:4px}
  .home-page .premium-search{grid-column:1/-1;grid-row:2;height:52px;grid-template-columns:1fr 56px;border-radius:16px}
  .home-page .premium-search .search-category{display:none}
  .home-page .premium-search input{height:50px;font-size:13px;padding:0 16px}
  .home-page .premium-search button{width:46px;height:42px;margin:4px;border-radius:12px}
  .home-page .premium-header-actions{grid-column:2;grid-row:1;gap:7px}
  .home-page .header-contact-card{width:44px;min-width:44px;height:44px;min-height:44px;border-radius:13px}.home-page .header-contact-card .contact-icon{width:38px;height:38px}
  .home-page .premium-nav-wrap{margin-bottom:-17px}
  .home-page .premium-nav-inner{min-height:56px;padding:5px 6px;border-radius:17px}
  .home-page .premium-nav-inner .nav-category,.home-page .premium-nav-inner .desktop-nav{display:none}
  .home-page .premium-nav-inner .menu-toggle{display:flex;width:100%;min-height:44px;justify-content:flex-start;padding:0 15px;border-radius:12px;font-size:13px}
  .home-page .hero-premium{min-height:820px}
  .home-page .hero-background img{object-position:center 48%;filter:saturate(1.04) contrast(1.02) brightness(.98)}
  .home-page .hero-vignette{background:linear-gradient(180deg,rgba(2,25,62,.74) 0%,rgba(2,25,62,.45) 28%,rgba(2,22,53,.16) 52%,rgba(1,15,38,.58) 100%)}
  .home-page .hero-premium-inner{min-height:820px;align-items:flex-start;padding:68px 4px 34px}
  .home-page .hero-premium-content{width:100%;max-width:540px}
  .home-page .hero-eyebrow{font-size:10.5px;letter-spacing:.19em;margin-bottom:12px}
  .home-page .hero-title{font-size:clamp(50px,12vw,68px);line-height:.90;letter-spacing:-.055em}
  .home-page .hero-premium .hero-copy{font-size:14px;line-height:1.55;max-width:480px;margin:20px 0 21px}
  .home-page .hero-actions{display:grid;grid-template-columns:1fr;max-width:315px;gap:10px}
  .home-page .hero-btn-primary,.home-page .hero-btn-whatsapp{min-width:0;width:100%}
  .home-page .hero-actions .btn{min-height:52px;font-size:13.5px}
  .home-page .hero-proof{margin-top:21px;max-width:430px;display:flex;flex-wrap:wrap;gap:8px;text-transform:none;font-size:10.5px}
  .home-page .hero-proof span{padding:7px 10px;border:1px solid rgba(255,255,255,.16);border-radius:999px;background:rgba(0,28,70,.42);backdrop-filter:blur(6px)}
  .home-page .hero-proof span:first-child{padding-left:10px}.home-page .hero-proof span:last-child{padding-right:10px}
}

@media (max-width:640px){
  .home-page .premium-topbar-inner,
  .home-page .premium-header-main,
  .home-page .premium-nav-inner,
  .home-page .hero-premium-inner{width:calc(100% - 20px)}
  .home-page .premium-topbar .topbar-wa{font-size:10.5px}
  .home-page .premium-topbar .topbar-right .social-link:first-of-type{display:none}
  .home-page .premium-brand{gap:9px}.home-page .premium-brand .brand-logo{width:51px;height:51px;border-radius:15px}.home-page .premium-brand .brand-title{font-size:16px}.home-page .premium-brand .brand-sub{font-size:7.5px;letter-spacing:.14em}
  .home-page .premium-nav-wrap{margin-bottom:-14px}
  .home-page .hero-premium{min-height:790px}
  .home-page .hero-background img{object-position:center 48%}
  .home-page .hero-premium-inner{min-height:790px;padding-top:55px}
  .home-page .hero-premium-content{max-width:100%}
  .home-page .hero-title{font-size:clamp(45px,13.5vw,58px)}
  .home-page .hero-premium .hero-copy{font-size:13.2px;max-width:360px}
  .home-page .hero-actions{max-width:290px}
  .home-page .hero-proof{max-width:340px}
  .home-page .hero-proof span:nth-child(2){display:none}
}

@media (prefers-reduced-motion:reduce){
  .home-page .premium-nav-inner .desktop-nav a::before{transition:none!important}
}

/* V6.2 mobile drawer structural fix */
.home-page .premium-mobile-drawer{
  flex-direction:column!important;
  align-items:stretch!important;
}
.home-page .premium-mobile-drawer .drawer-top,
.home-page .premium-mobile-drawer .drawer-welcome,
.home-page .premium-mobile-drawer .premium-drawer-links,
.home-page .premium-mobile-drawer .drawer-contact-card,
.home-page .premium-mobile-drawer .drawer-socials{
  width:100%;
  flex:0 0 auto;
}
.home-page .premium-mobile-drawer .premium-drawer-links{grid-template-columns:1fr!important}
.home-page .hero-premium .hero-copy{max-width:560px}
@media (max-width:1180px){.home-page .hero-premium .hero-copy{max-width:500px}}
@media (max-width:920px){.home-page .hero-premium .hero-copy{max-width:470px}}
@media (max-width:640px){.home-page .hero-premium .hero-copy{max-width:350px}}

/* =========================================================
   V6.4 FINAL TOP AREA — MENU / HERO / LOGO
   Final polish requested by user. Scope intentionally limited
   to visible branding, navigation and homepage hero.
   ========================================================= */

/* New full lock-up logo */
.premium-brand{min-width:0}
.premium-brand .brand-logo{
  width:218px!important;
  height:auto!important;
  max-height:112px;
  object-fit:contain!important;
  object-position:left center;
  border-radius:0!important;
  background:transparent!important;
  box-shadow:none!important;
}
.footer-brand .footer-logo{
  width:210px;
  height:auto;
  max-height:150px;
  object-fit:contain;
  border-radius:0;
  background:transparent;
}
.footer-brand>div{display:none}
.drawer-brand{width:100%;justify-content:flex-start}
.drawer-brand>img{
  width:230px!important;
  height:auto!important;
  max-height:145px;
  object-fit:contain!important;
  object-position:left center;
  border-radius:0!important;
  box-shadow:none!important;
}

/* Reference-style desktop nav: icons + refined spacing */
.premium-nav-wrap{
  margin:0!important;
  padding:10px 0 14px!important;
  background:linear-gradient(180deg,#fff 0 34px,#031b42 34px 100%)!important;
  box-shadow:none!important;
}
.premium-nav-wrap::before{display:none!important}
.premium-nav-inner{
  min-height:78px!important;
  padding:10px 12px!important;
  gap:12px!important;
  border-radius:23px!important;
  border:1px solid rgba(89,174,255,.36)!important;
  background:linear-gradient(180deg,#052754 0%,#021a3f 100%)!important;
  box-shadow:0 18px 38px rgba(0,17,48,.28),0 0 28px rgba(27,132,255,.12),inset 0 1px 0 rgba(255,255,255,.08)!important;
  backdrop-filter:blur(16px)!important;
  -webkit-backdrop-filter:blur(16px)!important;
}
.premium-nav-inner .nav-category{
  min-width:232px!important;
  height:58px!important;
  padding:0 22px!important;
  justify-content:flex-start!important;
  gap:12px!important;
  border-radius:15px!important;
  color:#fff!important;
  background:linear-gradient(135deg,#1786f3 0%,#0865ce 54%,#0754b8 100%)!important;
  border:1px solid rgba(137,216,255,.72)!important;
  box-shadow:inset 0 1px 0 rgba(255,255,255,.18),0 10px 24px rgba(0,72,166,.28),0 0 22px rgba(25,139,255,.19)!important;
  font-size:13.5px!important;
  font-weight:900!important;
  letter-spacing:.005em!important;
}
.premium-nav-inner .nav-category:hover{
  transform:translateY(-1px);
  background:linear-gradient(135deg,#2594ff 0%,#0c6edb 55%,#0754b8 100%)!important;
  box-shadow:inset 0 1px 0 rgba(255,255,255,.22),0 13px 28px rgba(0,72,166,.32),0 0 30px rgba(35,151,255,.28)!important;
}
.premium-nav-inner .nav-category img{
  width:21px!important;
  height:21px!important;
  filter:brightness(0) invert(1)!important;
  flex:0 0 auto;
}
.premium-nav-inner .desktop-nav{
  display:grid!important;
  grid-template-columns:repeat(8,minmax(0,1fr));
  align-items:stretch!important;
  gap:2px!important;
  height:58px!important;
  flex:1;
  min-width:0;
  overflow:visible!important;
}
.premium-nav-inner .desktop-nav a{
  position:relative;
  min-width:0;
  min-height:58px!important;
  padding:0 10px!important;
  display:flex!important;
  align-items:center!important;
  justify-content:center!important;
  gap:9px!important;
  border-radius:13px!important;
  color:#f8fbff!important;
  background:transparent!important;
  border:1px solid transparent!important;
  font-size:13px!important;
  font-weight:780!important;
  white-space:nowrap;
  text-shadow:0 1px 8px rgba(0,0,0,.16)!important;
  transition:background .18s ease,border-color .18s ease,transform .18s ease,color .18s ease!important;
}
.premium-nav-inner .desktop-nav a:hover{
  background:rgba(255,255,255,.065)!important;
  border-color:rgba(255,255,255,.08)!important;
  transform:translateY(-1px)!important;
}
.premium-nav-inner .desktop-nav a[aria-current="page"]{
  background:rgba(7,84,184,.16)!important;
  border-color:rgba(83,178,255,.10)!important;
  color:#fff!important;
  box-shadow:none!important;
}
.premium-nav-inner .desktop-nav a::before{
  content:""!important;
  position:absolute!important;
  left:27%!important;
  right:27%!important;
  bottom:4px!important;
  height:2px!important;
  border-radius:999px!important;
  background:linear-gradient(90deg,transparent,#55cfff 26%,#fff 50%,#55cfff 74%,transparent)!important;
  box-shadow:0 0 8px #46c9ff,0 0 17px rgba(52,180,255,.72)!important;
  opacity:0!important;
  transform:scaleX(.38)!important;
  transition:opacity .2s ease,transform .2s ease!important;
}
.premium-nav-inner .desktop-nav a:hover::before,
.premium-nav-inner .desktop-nav a[aria-current="page"]::before{
  opacity:1!important;
  transform:scaleX(1)!important;
}
.nav-link-icon{
  width:21px;
  height:21px;
  flex:0 0 auto;
  filter:brightness(0) invert(1);
  opacity:.96;
}
.premium-nav-inner .desktop-nav a span{overflow:hidden;text-overflow:ellipsis}

/* Homepage: no pale/grey seam around nav and banner */
.home-page .premium-nav-wrap{
  margin:0!important;
  padding:10px 0 14px!important;
  background:linear-gradient(180deg,#fff 0 34px,#021a3d 34px 100%)!important;
}
.home-page .hero-premium{
  margin:0!important;
  padding:0!important;
  min-height:680px!important;
  background:#011934!important;
  border:0!important;
  overflow:hidden!important;
}
.home-page .hero-background{
  position:absolute!important;
  inset:0!important;
  width:100%!important;
  height:100%!important;
  overflow:hidden!important;
}
.home-page .hero-background img{
  display:block!important;
  width:100%!important;
  height:100%!important;
  object-fit:cover!important;
  object-position:center center!important;
  transform:scale(1.002)!important;
  filter:saturate(1.035) contrast(1.02) brightness(.99)!important;
}
.home-page .hero-vignette{
  inset:0!important;
  background:linear-gradient(90deg,rgba(0,12,33,.84) 0%,rgba(0,14,38,.72) 22%,rgba(0,17,43,.38) 39%,rgba(0,14,37,.08) 57%,rgba(0,9,26,0) 74%)!important;
}
.home-page .hero-premium-inner{
  min-height:680px!important;
  padding-top:58px!important;
  padding-bottom:44px!important;
  align-items:center!important;
}
.home-page .hero-premium-content{width:650px!important;max-width:46%!important}
.home-page .hero-title{font-size:clamp(88px,6.2vw,112px)!important}
.home-page .hero-premium .hero-title span{
  color:#fff!important;
  -webkit-text-fill-color:#fff!important;
  text-shadow:0 0 14px rgba(255,255,255,.22),0 4px 24px rgba(0,0,0,.28)!important;
}
.home-page .hero-premium .hero-title strong{
  color:transparent!important;
  -webkit-text-fill-color:transparent!important;
  background:linear-gradient(105deg,#70c5ff 0%,#ecfbff 18%,#72c8ff 35%,#ffffff 49%,#4aaaff 64%,#dff7ff 81%,#66bdff 100%)!important;
  background-size:260% 100%!important;
  background-clip:text!important;
  -webkit-background-clip:text!important;
  animation:titleShimmer 5.8s linear infinite,heroGlow 3.8s ease-in-out infinite!important;
  filter:drop-shadow(0 0 9px rgba(72,178,255,.44))!important;
}
.home-page .hero-premium .hero-copy{max-width:575px!important}

/* Mid desktop: preserve icon nav without crowding */
@media (max-width:1380px) and (min-width:921px){
  .premium-nav-inner .nav-category{min-width:190px!important;padding:0 16px!important;font-size:12.5px!important}
  .premium-nav-inner .desktop-nav a{padding:0 6px!important;font-size:11.8px!important;gap:6px!important}
  .nav-link-icon{width:17px;height:17px}
  .premium-brand .brand-logo{width:188px!important;max-height:102px}
}

/* Tablet/mobile — cleaner header + genuine left drawer */
@media (max-width:920px){
  .premium-brand .brand-logo{
    width:142px!important;
    max-height:78px!important;
  }
  .premium-nav-wrap,
  .home-page .premium-nav-wrap{
    padding:8px 0 10px!important;
    background:linear-gradient(180deg,#fff 0 22px,#021a3d 22px 100%)!important;
  }
  .premium-nav-inner{
    min-height:58px!important;
    padding:6px!important;
    border-radius:18px!important;
  }
  .premium-nav-inner .nav-category,
  .premium-nav-inner .desktop-nav{display:none!important}
  .premium-nav-inner .menu-toggle{
    display:flex!important;
    width:100%!important;
    min-height:46px!important;
    justify-content:flex-start!important;
    gap:10px!important;
    padding:0 16px!important;
    border-radius:13px!important;
    color:#fff!important;
    background:linear-gradient(135deg,#1786f3,#0754b8)!important;
    border:1px solid rgba(137,216,255,.64)!important;
    box-shadow:inset 0 1px 0 rgba(255,255,255,.17),0 8px 20px rgba(0,74,170,.24)!important;
  }
  .premium-nav-inner .menu-toggle img{width:20px;height:20px;filter:brightness(0) invert(1)}
  .premium-mobile-drawer{
    width:min(90vw,390px)!important;
    padding:20px 17px 24px!important;
    border-radius:0 28px 28px 0!important;
    background:radial-gradient(circle at 12% 0%,rgba(24,137,255,.60),transparent 28%),linear-gradient(180deg,#073f91 0%,#032c68 45%,#021a40 100%)!important;
  }
  .drawer-brand>img{width:215px!important;max-height:145px!important}
  .premium-drawer-links a{min-height:56px!important}
  .home-page .hero-premium{
    min-height:790px!important;
    padding:0!important;
  }
  .home-page .hero-background img{
    object-position:58% center!important;
    transform:none!important;
    filter:saturate(1.035) contrast(1.02) brightness(.97)!important;
  }
  .home-page .hero-vignette{
    background:linear-gradient(180deg,rgba(0,16,42,.72) 0%,rgba(0,18,47,.54) 27%,rgba(0,15,39,.18) 50%,rgba(0,10,28,.58) 100%),linear-gradient(90deg,rgba(0,12,34,.48),transparent 74%)!important;
  }
  .home-page .hero-premium-inner{
    min-height:790px!important;
    padding:54px 4px 32px!important;
    align-items:flex-start!important;
  }
  .home-page .hero-premium-content{width:100%!important;max-width:540px!important}
  .home-page .hero-title{font-size:clamp(48px,12.5vw,66px)!important}
  .home-page .hero-premium .hero-copy{max-width:470px!important}
}

@media (max-width:640px){
  .premium-brand .brand-logo{width:124px!important;max-height:70px!important}
  .drawer-brand>img{width:195px!important}
  .home-page .hero-premium{min-height:760px!important}
  .home-page .hero-premium-inner{min-height:760px!important;padding-top:46px!important}
  .home-page .hero-title{font-size:clamp(44px,13.6vw,57px)!important}
  .home-page .hero-premium .hero-copy{max-width:350px!important}
}

@media (prefers-reduced-motion:reduce){
  .home-page .hero-premium .hero-title strong{animation:none!important}
  .premium-nav-inner .desktop-nav a::before{transition:none!important}
}
/* V6.4 logo sizing refinement */
.premium-brand .brand-logo{width:185px!important;height:125px!important;max-height:none!important}
@media (max-width:1380px) and (min-width:921px){.premium-brand .brand-logo{width:166px!important;height:112px!important}}
@media (max-width:920px){.premium-brand .brand-logo{width:122px!important;height:82px!important}}
@media (max-width:640px){.premium-brand .brand-logo{width:112px!important;height:76px!important}}
@media (max-width:1240px) and (min-width:921px){
  .premium-nav-inner .nav-category{min-width:176px!important;padding:0 14px!important}
  .premium-nav-inner .desktop-nav a{padding:0 4px!important;font-size:11.3px!important;gap:0!important}
  .premium-nav-inner .desktop-nav .nav-link-icon{display:none}
}


/* =========================================================
   V6.5 MOBILE NAV STABILITY + MOBILE HERO FINAL
   Scope: mobile drawer behavior/layout and mobile hero image only.
   Desktop hero and desktop navigation are intentionally untouched.
   ========================================================= */
html.menu-open,body.menu-open{overflow:hidden!important;overscroll-behavior:none!important}
@media (max-width:920px){
  .premium-mobile-drawer,
  .home-page .premium-mobile-drawer{
    box-sizing:border-box!important;
    display:flex!important;
    flex-direction:column!important;
    align-items:stretch!important;
    justify-content:flex-start!important;
    width:min(92vw,390px)!important;
    max-width:calc(100vw - 18px)!important;
    height:100dvh!important;
    max-height:100dvh!important;
    padding:18px 16px 24px!important;
    overflow-x:hidden!important;
    overflow-y:auto!important;
    overscroll-behavior:contain!important;
    -webkit-overflow-scrolling:touch;
    transform:translate3d(-104%,0,0)!important;
    visibility:hidden!important;
    pointer-events:none!important;
    contain:layout paint;
  }
  .premium-mobile-drawer.is-open,
  .home-page .premium-mobile-drawer.is-open{
    transform:translate3d(0,0,0)!important;
    visibility:visible!important;
    pointer-events:auto!important;
  }
  .premium-mobile-drawer .drawer-top,
  .premium-mobile-drawer .drawer-welcome,
  .premium-mobile-drawer .premium-drawer-links,
  .premium-mobile-drawer .drawer-contact-card,
  .premium-mobile-drawer .drawer-socials{
    width:100%!important;
    min-width:0!important;
    max-width:100%!important;
    flex:0 0 auto!important;
    box-sizing:border-box!important;
  }
  .premium-mobile-drawer .premium-drawer-links{
    display:grid!important;
    grid-template-columns:minmax(0,1fr)!important;
    gap:10px!important;
    padding:0!important;
  }
  .premium-mobile-drawer .premium-drawer-links a{
    width:100%!important;
    min-width:0!important;
    box-sizing:border-box!important;
    grid-template-columns:40px minmax(0,1fr) 18px!important;
    transform:none!important;
  }
  .premium-mobile-drawer .premium-drawer-links a:hover,
  .premium-mobile-drawer .premium-drawer-links a[aria-current="page"]{
    transform:none!important;
  }
  .mobile-nav-backdrop{touch-action:none!important}
}

/* New supplied mobile banner. Desktop background is not changed. */
@media (max-width:700px){
  .home-page .hero-background img{
    width:100%!important;
    height:100%!important;
    object-fit:cover!important;
    object-position:58% center!important;
    transform:none!important;
  }
  .home-page .hero-vignette{
    background:
      linear-gradient(180deg,rgba(0,15,40,.72) 0%,rgba(0,18,48,.48) 26%,rgba(0,16,43,.14) 49%,rgba(0,11,31,.62) 100%),
      linear-gradient(90deg,rgba(0,12,35,.55),rgba(0,12,35,.08) 76%)!important;
  }
}


/* =========================================================
   V6.7 FINAL — NEW LOGO / FAVICON / EXACT HERO FIT
   ========================================================= */
html,body{max-width:100%;overflow-x:clip}
.premium-brand .brand-logo,.drawer-brand>img,.footer-brand .footer-logo{object-fit:contain!important;object-position:center!important;background:transparent!important;box-shadow:none!important}
.premium-brand .brand-logo{width:230px!important;height:auto!important;max-height:112px!important;border-radius:0!important}
.drawer-brand>img{width:242px!important;height:auto!important;max-height:150px!important;border-radius:0!important}
.footer-brand .footer-logo{width:235px!important;height:auto!important;max-height:148px!important;border-radius:0!important}

.home-page .premium-nav-wrap{margin:0!important;padding:10px 0 0!important;background:#fff!important;position:relative!important;z-index:30!important;box-shadow:none!important}
.home-page .premium-nav-inner{margin-bottom:-1px!important}
.home-page .hero-premium{position:relative!important;width:100%!important;max-width:none!important;min-height:0!important;height:auto!important;aspect-ratio:8/3!important;margin:0!important;padding:0!important;background:#011934!important;border:0!important;overflow:hidden!important;isolation:isolate!important}
.home-page .hero-background{position:absolute!important;inset:0!important;width:100%!important;height:100%!important;margin:0!important;padding:0!important;overflow:hidden!important}
.home-page .hero-background img{display:block!important;width:100%!important;height:100%!important;max-width:none!important;object-fit:cover!important;object-position:center center!important;transform:none!important;margin:0!important;padding:0!important}
.home-page .hero-vignette{z-index:1!important;inset:0!important}
.home-page .hero-premium-inner{position:relative!important;z-index:3!important;width:min(calc(100% - 64px),1420px)!important;height:100%!important;min-height:0!important;padding:clamp(34px,3.1vw,62px) 12px clamp(28px,2.4vw,48px)!important;align-items:center!important}
.home-page .hero-premium-content{z-index:3!important}

@media (max-width:1179px) and (min-width:701px){
  .home-page .hero-premium{aspect-ratio:auto!important;min-height:560px!important}
  .home-page .hero-premium-inner{min-height:560px!important;width:calc(100% - 36px)!important;padding:54px 8px 34px!important}
  .home-page .hero-background img{object-fit:cover!important;object-position:center center!important}
  .home-page .hero-premium-content{max-width:54%!important;width:560px!important}
  .home-page .hero-title{font-size:clamp(62px,7vw,84px)!important}
}
@media (max-width:700px){
  .home-page .premium-nav-wrap{padding:8px 0 0!important;background:#fff!important}
  .home-page .hero-premium{aspect-ratio:887/1774!important;min-height:0!important;height:auto!important;width:100%!important}
  .home-page .hero-background img{width:100%!important;height:100%!important;object-fit:cover!important;object-position:center center!important;transform:none!important}
  .home-page .hero-vignette{background:linear-gradient(180deg,rgba(0,13,36,.78) 0%,rgba(0,18,46,.50) 25%,rgba(0,17,44,.16) 48%,rgba(0,11,31,.34) 71%,rgba(0,8,24,.62) 100%)!important}
  .home-page .hero-premium-inner{width:calc(100% - 24px)!important;height:100%!important;min-height:0!important;padding:clamp(36px,10vw,58px) 2px 26px!important;align-items:flex-start!important}
  .home-page .hero-premium-content{width:100%!important;max-width:100%!important}
  .home-page .hero-title{font-size:clamp(45px,13vw,60px)!important}
  .home-page .hero-premium .hero-copy{max-width:360px!important}
  .premium-brand .brand-logo{width:150px!important;max-height:82px!important}
}
@media (max-width:420px){
  .home-page .hero-premium-inner{width:calc(100% - 18px)!important;padding-top:38px!important}
  .home-page .hero-title{font-size:clamp(43px,13.2vw,56px)!important}
  .home-page .hero-premium .hero-copy{font-size:13px!important;line-height:1.52!important;max-width:345px!important}
  .home-page .hero-actions{max-width:286px!important}
  .premium-brand .brand-logo{width:138px!important;max-height:76px!important}
}

/* =========================================================
   V6.8 NAV → HERO SEAM FIX
   Hero artwork now begins directly under / behind the floating
   navigation card. Removes the empty band below the menu on
   desktop and mobile without touching the rest of the site.
   ========================================================= */
.home-page .premium-nav-wrap{
  position:relative!important;
  z-index:30!important;
  margin-bottom:-50px!important;
  padding:10px 0 0!important;
  background:linear-gradient(180deg,#fff 0 30px,transparent 30px 100%)!important;
  box-shadow:none!important;
}
.home-page .premium-nav-inner{
  position:relative!important;
  z-index:2!important;
}
.home-page .hero-premium{
  position:relative!important;
  z-index:1!important;
  margin-top:0!important;
}
.home-page .hero-premium-inner{
  align-items:flex-start!important;
  padding-top:86px!important;
  padding-bottom:44px!important;
}
.home-page .hero-background img{
  object-position:center 54%!important;
}

@media (max-width:920px){
  .home-page .premium-nav-wrap{
    margin-bottom:-36px!important;
    padding:8px 0 0!important;
    background:linear-gradient(180deg,#fff 0 18px,transparent 18px 100%)!important;
  }
  .home-page .hero-premium-inner{
    padding-top:64px!important;
  }
  .home-page .hero-background img{
    object-position:center 58%!important;
    transform:scale(1.055)!important;
    transform-origin:center center!important;
  }
}

@media (max-width:640px){
  .home-page .premium-nav-wrap{margin-bottom:-34px!important}
  .home-page .hero-premium-inner{padding-top:55px!important}
  .home-page .hero-background img{
    object-position:center 60%!important;
    transform:scale(1.07)!important;
  }
}


/* =========================================================
   V6.9 MOBILE/NAV SURFACE + ÇAPA PRODUCT INTEGRATION
   - Removes pale/cream seam around navigation on homepage.
   - Keeps menu visually connected to hero on desktop/mobile.
   - Stabilizes square category/product images.
   ========================================================= */
.home-page .premium-nav-wrap{
  background:#021a3d!important;
  border:0!important;
  box-shadow:none!important;
}
.home-page .premium-nav-wrap::after{
  content:"";position:absolute;left:0;right:0;bottom:-2px;height:4px;
  background:#021a3d;pointer-events:none;z-index:0;
}
.home-page .premium-nav-inner{z-index:2!important}
.home-page .hero-premium{background:#021a3d!important}
.category-media,.product-media{background:#f7fbff}
.category-media img{object-fit:cover;object-position:center}
.product-media img{object-fit:contain;object-position:center}

@media (max-width:920px){
  .home-page .premium-nav-wrap{
    background:#021a3d!important;
    padding-top:8px!important;
  }
}
@media (max-width:640px){
  .home-page .premium-nav-wrap{
    background:#021a3d!important;
  }
  .category-card,.product-card{border-radius:18px}
  .category-media,.product-media{border-radius:14px}
}

/* V6.11 — Product-specific WhatsApp deep-link feedback */
.product-card.is-shared-product,.brand-product.is-shared-product{outline:2px solid rgba(7,84,184,.42);outline-offset:3px;box-shadow:0 16px 38px rgba(7,84,184,.16)}
@media (prefers-reduced-motion:no-preference){.product-card.is-shared-product,.brand-product.is-shared-product{animation:sharedProductPulse 1.4s ease-out 1}}
@keyframes sharedProductPulse{0%{box-shadow:0 0 0 0 rgba(7,84,184,.28)}100%{box-shadow:0 0 0 18px rgba(7,84,184,0)}}

/* V6.25 PREMIUM E-COMMERCE HERO — homepage only */
.home-page .hero-premium.hero-v725{position:relative!important;min-height:690px!important;height:auto!important;aspect-ratio:auto!important;padding:0!important;margin:0!important;overflow:hidden!important;background:#03172f!important;border-bottom:1px solid rgba(88,170,255,.18)!important}
.home-page .hero-v725 .hero-background{position:absolute!important;inset:0!important;width:100%!important;height:100%!important;z-index:-4!important}
.home-page .hero-v725 .hero-background img{width:100%!important;height:100%!important;object-fit:cover!important;object-position:center 58%!important;transform:none!important;filter:saturate(1.04) contrast(1.04) brightness(.84)!important}
.home-page .hero-v725 .hero-vignette{z-index:-3!important;background:linear-gradient(90deg,rgba(1,14,35,.98) 0%,rgba(2,21,50,.94) 25%,rgba(2,23,53,.76) 42%,rgba(2,19,45,.28) 61%,rgba(1,13,33,.10) 79%,rgba(1,12,30,.18) 100%),linear-gradient(180deg,rgba(0,14,34,.12),rgba(0,13,32,.28))!important}
.home-page .hero-v725::before{display:block!important;content:""!important;position:absolute!important;inset:0!important;z-index:-2!important;pointer-events:none!important;background:radial-gradient(circle at 18% 42%,rgba(24,130,255,.16),transparent 35%),linear-gradient(180deg,rgba(255,255,255,.03),transparent 22%,transparent 78%,rgba(0,8,24,.35))}
.home-page .hero-v725::after{display:none!important}.home-page .hero-v725 .hero-light-sweep{display:block!important;opacity:.42!important}
.home-page .hero-v725 .hero-premium-inner{min-height:690px!important;height:auto!important;width:min(calc(100% - 80px),1420px)!important;padding:88px 10px 66px!important;align-items:center!important}
.home-page .hero-v725 .hero-v725-content{width:min(650px,49%)!important;max-width:650px!important;padding:30px 32px 28px!important;border:1px solid rgba(139,202,255,.17)!important;border-radius:28px!important;background:linear-gradient(135deg,rgba(3,26,61,.78),rgba(3,28,66,.42))!important;box-shadow:0 24px 70px rgba(0,8,25,.34),inset 0 1px 0 rgba(255,255,255,.06)!important;backdrop-filter:blur(10px)!important;-webkit-backdrop-filter:blur(10px)!important}
.home-page .hero-kicker{display:inline-flex;align-items:center;gap:9px;margin:0 0 18px;color:#dcebff;font-size:12px;font-weight:850;letter-spacing:.13em;text-transform:uppercase}
.home-page .hero-kicker-dot{width:8px;height:8px;border-radius:50%;background:#38a7ff;box-shadow:0 0 0 5px rgba(56,167,255,.12),0 0 18px rgba(56,167,255,.65)}
.home-page .hero-v725-title{display:flex!important;flex-direction:column!important;gap:2px!important;margin:0!important;font-size:clamp(58px,4.9vw,82px)!important;line-height:.93!important;letter-spacing:-.055em!important}
.home-page .hero-v725-title span{color:#fff!important;-webkit-text-fill-color:#fff!important;font-weight:930!important;text-shadow:0 8px 30px rgba(0,0,0,.28)!important}
.home-page .hero-v725-title strong{color:transparent!important;background:linear-gradient(105deg,#54aaff 0%,#cdeeff 28%,#ffffff 49%,#75c5ff 73%,#3d97f5 100%)!important;background-size:220% 100%!important;background-clip:text!important;-webkit-background-clip:text!important;-webkit-text-fill-color:transparent!important;font-weight:950!important;filter:drop-shadow(0 0 12px rgba(76,172,255,.32))!important;animation:titleShimmer 6s linear infinite!important}
.home-page .hero-v725-copy{margin:22px 0 18px!important;max-width:570px!important;color:#e8f2ff!important;font-size:16px!important;line-height:1.65!important;text-shadow:0 2px 12px rgba(0,0,0,.28)!important}
.home-page .hero-quick-tags{display:flex;flex-wrap:wrap;gap:8px;margin:0 0 22px}.home-page .hero-quick-tags span{padding:7px 11px;border-radius:999px;border:1px solid rgba(117,190,255,.22);background:rgba(9,55,106,.34);color:#dceeff;font-size:11px;font-weight:750;letter-spacing:.02em}
.home-page .hero-v725-actions{display:flex!important;gap:12px!important;margin:0!important;max-width:none!important}.home-page .hero-v725-actions .btn{min-height:56px!important;border-radius:15px!important;font-size:14px!important;padding:0 21px!important}.home-page .hero-v725-actions .hero-btn-primary{min-width:195px!important}.home-page .hero-v725-actions .hero-btn-whatsapp{min-width:232px!important}
.home-page .hero-v725-proof{margin-top:24px!important;font-size:10.5px!important;letter-spacing:.02em!important;color:#dceaff!important}.home-page .hero-v725-proof span{padding:0 15px!important;gap:7px!important}.home-page .hero-v725-proof span:first-child{padding-left:0!important}.home-page .hero-v725-proof img{width:17px!important;height:17px!important}
@media (max-width:1180px){.home-page .hero-premium.hero-v725{min-height:650px!important}.home-page .hero-v725 .hero-premium-inner{min-height:650px!important;width:calc(100% - 44px)!important;padding-top:72px!important}.home-page .hero-v725 .hero-v725-content{width:580px!important;max-width:52%!important;padding:26px!important}.home-page .hero-v725-title{font-size:clamp(54px,5.6vw,72px)!important}}
@media (max-width:920px){.home-page .hero-premium.hero-v725{min-height:760px!important}.home-page .hero-v725 .hero-background img{object-position:center center!important;filter:saturate(1.02) contrast(1.03) brightness(.78)!important}.home-page .hero-v725 .hero-vignette{background:linear-gradient(180deg,rgba(1,16,41,.93) 0%,rgba(1,17,44,.76) 36%,rgba(1,16,41,.42) 64%,rgba(0,10,28,.72) 100%)!important}.home-page .hero-v725 .hero-premium-inner{min-height:760px!important;width:calc(100% - 30px)!important;padding:66px 0 38px!important;align-items:flex-start!important}.home-page .hero-v725 .hero-v725-content{width:100%!important;max-width:570px!important;padding:25px!important;border-radius:24px!important;background:linear-gradient(180deg,rgba(2,25,60,.80),rgba(2,23,57,.48))!important}.home-page .hero-v725-title{font-size:clamp(48px,11vw,64px)!important}.home-page .hero-v725-copy{font-size:14px!important;max-width:500px!important}.home-page .hero-v725-actions{display:grid!important;grid-template-columns:1fr 1fr!important;max-width:500px!important}.home-page .hero-v725-actions .btn{width:100%!important;min-width:0!important}}
@media (max-width:640px){.home-page .hero-premium.hero-v725{min-height:0!important;height:auto!important;aspect-ratio:1080/1350!important}.home-page .hero-v725 .hero-background img{object-fit:cover!important;object-position:center center!important;transform:none!important;filter:saturate(1.02) contrast(1.03) brightness(.92)!important}.home-page .hero-v725 .hero-vignette{background:linear-gradient(180deg,rgba(1,15,39,.78) 0%,rgba(1,17,45,.62) 29%,rgba(1,18,46,.28) 53%,rgba(1,14,37,.70) 76%,rgba(0,9,26,.92) 100%)!important}.home-page .hero-v725 .hero-premium-inner{height:100%!important;min-height:0!important;width:calc(100% - 20px)!important;padding:40px 0 26px!important;align-items:flex-start!important}.home-page .hero-v725 .hero-v725-content{width:100%!important;max-width:100%!important;padding:21px 18px 19px!important;border-radius:22px!important;background:linear-gradient(180deg,rgba(3,25,60,.76),rgba(3,24,58,.38))!important;backdrop-filter:blur(7px)!important}.home-page .hero-kicker{font-size:9.5px!important;letter-spacing:.10em!important;margin-bottom:11px!important}.home-page .hero-v725-title{font-size:clamp(41px,12.2vw,54px)!important;line-height:.92!important}.home-page .hero-v725-copy{font-size:12.8px!important;line-height:1.52!important;margin:15px 0 13px!important;max-width:100%!important}.home-page .hero-quick-tags{gap:6px!important;margin-bottom:15px!important}.home-page .hero-quick-tags span{font-size:9.5px!important;padding:6px 8px!important}.home-page .hero-v725-actions{display:grid!important;grid-template-columns:1fr!important;gap:8px!important;max-width:100%!important}.home-page .hero-v725-actions .btn{min-height:48px!important;font-size:13px!important;border-radius:13px!important}.home-page .hero-v725-proof{margin-top:15px!important;display:grid!important;grid-template-columns:1fr 1fr!important;gap:7px!important;max-width:100%!important}.home-page .hero-v725-proof span{padding:7px 8px!important;border:1px solid rgba(255,255,255,.13)!important;border-radius:12px!important;background:rgba(1,29,68,.46)!important;text-transform:none!important;justify-content:flex-start!important}.home-page .hero-v725-proof span:first-child{padding-left:8px!important}.home-page .hero-v725-proof span:last-child{grid-column:1/-1!important}}
@media (prefers-reduced-motion:reduce){.home-page .hero-v725-title strong{animation:none!important}}

/* =========================================================
   V6.26 — UNIFIED DESKTOP HEADER + CINEMATIC RESPONSIVE HERO
   Homepage top area only. All lower sections remain untouched.
   ========================================================= */
.hero-desktop-header{display:none}
.hero-value-grid{display:none}

@media (min-width:921px){
  .home-page{position:relative}
  .home-page>.premium-topbar,
  .home-page>.premium-header,
  .home-page>.premium-nav-wrap{display:none!important}

  .hero-desktop-header{
    display:block;
    position:absolute;
    inset:24px 0 auto;
    z-index:120;
    pointer-events:none;
  }
  .hero-desktop-header__inner{
    width:min(calc(100% - 40px),1500px);
    min-height:78px;
    margin-inline:auto;
    padding:8px 12px;
    display:grid;
    grid-template-columns:132px 176px minmax(0,1fr) 150px;
    align-items:center;
    gap:8px;
    border:1px solid rgba(111,190,255,.26);
    border-radius:24px;
    background:linear-gradient(180deg,rgba(3,25,59,.90),rgba(2,18,45,.84));
    box-shadow:0 22px 54px rgba(0,8,25,.34),inset 0 1px 0 rgba(255,255,255,.08);
    backdrop-filter:blur(18px) saturate(1.12);
    -webkit-backdrop-filter:blur(18px) saturate(1.12);
    pointer-events:auto;
  }
  .hero-desktop-logo{
    height:60px;
    padding:1px 12px 1px 5px;
    display:flex;
    align-items:center;
    justify-content:center;
    border-right:1px solid rgba(255,255,255,.10);
  }
  .hero-desktop-logo img{width:112px;height:58px;object-fit:contain;filter:drop-shadow(0 8px 14px rgba(0,0,0,.32))}
  .hero-desktop-category{
    min-height:54px;
    padding:0 16px;
    display:flex;
    align-items:center;
    justify-content:center;
    gap:11px;
    color:#fff;
    font-size:13px;
    font-weight:850;
    white-space:nowrap;
    border:1px solid rgba(116,193,255,.34);
    border-radius:15px;
    background:linear-gradient(135deg,rgba(18,126,239,.94),rgba(6,78,168,.94));
    box-shadow:0 12px 28px rgba(0,78,174,.28),inset 0 1px 0 rgba(255,255,255,.14);
    transition:.2s ease;
  }
  .hero-desktop-category:hover{transform:translateY(-1px);border-color:rgba(143,214,255,.72);box-shadow:0 16px 34px rgba(0,97,211,.34)}
  .hero-desktop-category img{filter:brightness(0) invert(1)}
  .hero-desktop-nav{height:100%;display:flex;align-items:center;justify-content:center;min-width:0;gap:2px}
  .hero-desktop-nav a{
    position:relative;
    min-height:48px;
    padding:0 13px;
    display:flex;
    align-items:center;
    justify-content:center;
    color:#eaf4ff;
    font-size:12.5px;
    font-weight:760;
    white-space:nowrap;
    border-radius:12px;
    transition:background .18s ease,color .18s ease;
  }
  .hero-desktop-nav a::after{content:"";position:absolute;left:28%;right:28%;bottom:4px;height:2px;border-radius:99px;background:#55c6ff;opacity:0;transform:scaleX(.3);box-shadow:0 0 12px rgba(85,198,255,.88);transition:.2s ease}
  .hero-desktop-nav a:hover,.hero-desktop-nav a[aria-current="page"]{color:#fff;background:rgba(255,255,255,.055)}
  .hero-desktop-nav a:hover::after,.hero-desktop-nav a[aria-current="page"]::after{opacity:1;transform:scaleX(1)}
  .hero-desktop-actions{height:54px;padding-left:9px;display:flex;align-items:center;justify-content:flex-end;gap:8px;border-left:1px solid rgba(255,255,255,.10)}
  .hero-desktop-actions a{width:42px;height:42px;display:grid;place-items:center;border:1px solid rgba(137,197,255,.22);border-radius:13px;background:rgba(255,255,255,.055);transition:.2s ease}
  .hero-desktop-actions a:hover{transform:translateY(-2px);border-color:rgba(125,204,255,.52);background:rgba(37,137,239,.17)}
  .hero-desktop-actions a.is-whatsapp{background:rgba(37,211,102,.10);border-color:rgba(70,226,131,.22)}
  .hero-desktop-actions img{filter:brightness(0) invert(1)}
  .hero-desktop-actions .is-whatsapp img{filter:none}

  .home-page .hero-premium.hero-v725{
    min-height:900px!important;
    height:900px!important;
    overflow:hidden!important;
    border-bottom:1px solid rgba(98,181,255,.22)!important;
  }
  .home-page .hero-v725 .hero-background img{
    object-position:center center!important;
    filter:saturate(1.06) contrast(1.05) brightness(.82)!important;
  }
  .home-page .hero-v725 .hero-vignette{
    background:
      linear-gradient(90deg,rgba(0,11,29,.96) 0%,rgba(0,17,43,.91) 21%,rgba(1,22,52,.65) 38%,rgba(1,18,43,.18) 58%,rgba(0,12,31,.04) 78%),
      linear-gradient(180deg,rgba(0,10,27,.18) 0%,rgba(0,11,29,.04) 56%,rgba(0,9,25,.72) 100%)!important;
  }
  .home-page .hero-v725::before{background:radial-gradient(circle at 18% 44%,rgba(16,114,234,.16),transparent 34%),linear-gradient(180deg,rgba(0,0,0,.02),transparent 64%,rgba(0,6,20,.58))!important}
  .home-page .hero-v725 .hero-light-sweep{display:none!important}
  .home-page .hero-v725 .hero-premium-inner{
    min-height:900px!important;
    height:900px!important;
    width:min(calc(100% - 80px),1500px)!important;
    padding:155px 12px 178px!important;
    align-items:center!important;
  }
  .home-page .hero-v725 .hero-v725-content{
    width:620px!important;
    max-width:43%!important;
    margin:0!important;
    padding:0!important;
    border:0!important;
    border-radius:0!important;
    background:transparent!important;
    box-shadow:none!important;
    backdrop-filter:none!important;
    -webkit-backdrop-filter:none!important;
  }
  .home-page .hero-kicker{margin-bottom:18px!important;font-size:11px!important;letter-spacing:.14em!important}
  .home-page .hero-v725-title{font-size:clamp(62px,4.35vw,82px)!important;line-height:.93!important;text-transform:uppercase!important;letter-spacing:-.058em!important}
  .home-page .hero-v725-title span{text-shadow:0 10px 32px rgba(0,0,0,.38),0 0 14px rgba(255,255,255,.10)!important}
  .home-page .hero-v725-copy{max-width:550px!important;margin:24px 0 25px!important;font-size:16px!important;line-height:1.62!important;color:#e9f3ff!important}
  .home-page .hero-quick-tags{display:none!important}
  .home-page .hero-v725-actions{gap:14px!important}
  .home-page .hero-v725-actions .btn{min-height:58px!important;border-radius:15px!important}
  .home-page .hero-v725-proof{margin-top:29px!important;font-size:10px!important}
  .home-page .hero-v725-proof span{padding:0 18px!important}
  .home-page .hero-v725-proof span:first-child{padding-left:0!important}

  .hero-value-grid{
    position:absolute;
    left:12px;
    bottom:42px;
    width:min(940px,68vw);
    display:grid;
    grid-template-columns:repeat(4,minmax(0,1fr));
    gap:12px;
  }
  .hero-value-card{
    min-height:126px;
    padding:18px;
    display:flex;
    align-items:flex-start;
    gap:14px;
    color:#fff;
    border:1px solid rgba(142,199,255,.18);
    border-radius:21px;
    background:linear-gradient(145deg,rgba(13,31,55,.85),rgba(10,24,46,.64));
    box-shadow:0 18px 40px rgba(0,7,22,.26),inset 0 1px 0 rgba(255,255,255,.055);
    backdrop-filter:blur(13px);
    -webkit-backdrop-filter:blur(13px);
  }
  .hero-value-icon{width:50px;height:50px;flex:0 0 50px;display:grid;place-items:center;border-radius:50%;border:1px solid rgba(255,255,255,.10)}
  .hero-value-icon img{width:23px;height:23px;filter:brightness(0) invert(1)}
  .hero-value-icon--blue{background:rgba(0,119,255,.18);box-shadow:0 0 24px rgba(0,120,255,.17)}
  .hero-value-icon--green{background:rgba(25,200,99,.16);box-shadow:0 0 24px rgba(25,200,99,.14)}
  .hero-value-icon--amber{background:rgba(255,174,0,.16);box-shadow:0 0 24px rgba(255,174,0,.12)}
  .hero-value-icon--violet{background:rgba(132,75,255,.17);box-shadow:0 0 24px rgba(132,75,255,.13)}
  .hero-value-card strong{display:block;margin:4px 0 6px;font-size:15px;line-height:1.28;letter-spacing:-.01em}
  .hero-value-card small{display:block;color:#bdcad9;font-size:11px;line-height:1.48}
}

@media (max-width:1260px) and (min-width:921px){
  .hero-desktop-header__inner{grid-template-columns:114px 156px minmax(0,1fr) 124px;width:calc(100% - 28px)}
  .hero-desktop-logo img{width:100px}
  .hero-desktop-category{padding-inline:11px;font-size:12px}
  .hero-desktop-nav a{padding-inline:8px;font-size:11.2px}
  .hero-desktop-nav a:nth-last-child(-n+2){display:none}
  .hero-desktop-actions a{width:36px;height:36px;border-radius:11px}
  .home-page .hero-v725 .hero-premium-inner{width:calc(100% - 46px)!important}
  .home-page .hero-v725 .hero-v725-content{max-width:52%!important}
  .hero-value-grid{width:min(850px,74vw)}
  .hero-value-card{padding:15px;gap:10px}
  .hero-value-icon{width:42px;height:42px;flex-basis:42px}
}

@media (max-width:920px){
  .hero-desktop-header{display:none!important}
  .hero-value-grid{display:none!important}
  .home-page>.premium-topbar,
  .home-page>.premium-header,
  .home-page>.premium-nav-wrap{display:block!important}
  .home-page .premium-nav-wrap{
    position:relative!important;
    z-index:30!important;
    margin:0!important;
    padding:8px 0!important;
    background:#021a3d!important;
  }
  .home-page .premium-nav-wrap::after{display:none!important}
  .home-page .premium-nav-inner{margin:0 auto!important}
  .home-page .hero-premium.hero-v725{margin:0!important;min-height:720px!important;height:auto!important;aspect-ratio:auto!important}
  .home-page .hero-v725 .hero-premium-inner{min-height:720px!important;height:auto!important;padding:44px 0 34px!important;align-items:flex-start!important}
  .home-page .hero-v725 .hero-v725-content{
    width:100%!important;
    max-width:580px!important;
    padding:0 8px!important;
    border:0!important;
    border-radius:0!important;
    background:transparent!important;
    box-shadow:none!important;
    backdrop-filter:none!important;
    -webkit-backdrop-filter:none!important;
  }
  .home-page .hero-v725 .hero-vignette{background:linear-gradient(180deg,rgba(0,13,35,.80) 0%,rgba(0,17,43,.57) 33%,rgba(0,16,41,.20) 57%,rgba(0,9,26,.80) 100%)!important}
  .home-page .hero-v725-title{text-transform:uppercase!important}
}

@media (max-width:700px){
  .home-page .hero-premium.hero-v725{min-height:0!important;height:auto!important;aspect-ratio:941/1672!important}
  .home-page .hero-v725 .hero-background img{object-fit:cover!important;object-position:center center!important;transform:none!important;filter:saturate(1.04) contrast(1.04) brightness(.86)!important}
  .home-page .hero-v725 .hero-vignette{background:linear-gradient(180deg,rgba(0,12,33,.84) 0%,rgba(0,15,40,.60) 30%,rgba(0,14,37,.15) 54%,rgba(0,9,26,.78) 100%)!important}
  .home-page .hero-v725 .hero-premium-inner{height:100%!important;min-height:0!important;width:calc(100% - 28px)!important;padding:34px 0 24px!important}
  .home-page .hero-v725 .hero-v725-content{padding:0!important;max-width:100%!important}
  .home-page .hero-kicker{font-size:9px!important;margin-bottom:10px!important}
  .home-page .hero-v725-title{font-size:clamp(38px,11.8vw,50px)!important;line-height:.94!important}
  .home-page .hero-v725-copy{max-width:355px!important;margin:15px 0!important;font-size:12.5px!important;line-height:1.5!important}
  .home-page .hero-quick-tags{display:flex!important;margin-bottom:14px!important}
  .home-page .hero-quick-tags span{font-size:9px!important;padding:5px 8px!important}
  .home-page .hero-v725-actions{gap:8px!important}
  .home-page .hero-v725-actions .btn{min-height:47px!important}
  .home-page .hero-v725-proof{margin-top:13px!important;display:flex!important;flex-wrap:wrap!important;gap:6px!important}
  .home-page .hero-v725-proof span{padding:6px 8px!important;font-size:8.7px!important;border-radius:999px!important}
  .home-page .hero-v725-proof span:last-child{grid-column:auto!important}
}

/* V6.27 — MOBILE HEADER + HERO STABILITY HOTFIX */
@media (max-width:700px){
  .home-page>.premium-topbar{display:none!important}
  .home-page>.premium-header{display:block!important;background:#021a3d!important;border:0!important;box-shadow:0 10px 28px rgba(0,10,30,.22)!important}
  .home-page .premium-header-main{width:calc(100% - 24px)!important;min-height:78px!important;padding:8px 0!important;display:grid!important;grid-template-columns:112px minmax(0,1fr)!important;align-items:center!important;gap:8px!important}
  .home-page .premium-brand{grid-column:1!important;grid-row:1!important;min-width:0!important}
  .home-page .premium-brand .brand-logo{width:108px!important;height:60px!important;object-fit:contain!important;border-radius:0!important;background:transparent!important;box-shadow:none!important}
  .home-page .premium-brand .brand-copy{display:none!important}
  .home-page .premium-search{display:none!important}
  .home-page .premium-header-actions{grid-column:2!important;grid-row:1!important;display:flex!important;justify-content:flex-end!important;gap:7px!important;margin:0!important;padding:0!important}
  .home-page .header-contact-card{width:40px!important;min-width:40px!important;height:40px!important;min-height:40px!important;padding:0!important;border-radius:12px!important;border-color:rgba(133,199,255,.22)!important;background:rgba(255,255,255,.06)!important;box-shadow:none!important}
  .home-page .header-contact-card .contact-icon{width:38px!important;height:38px!important;background:transparent!important}
  .home-page .header-contact-card .contact-icon img{width:18px!important;height:18px!important;filter:brightness(0) invert(1)!important}
  .home-page .header-contact-card.whatsapp .contact-icon img{filter:none!important}
  .home-page .premium-nav-wrap{margin:0!important;padding:7px 0!important;background:#021a3d!important}
  .home-page .premium-nav-inner{width:calc(100% - 20px)!important;min-height:56px!important;margin:0 auto!important;padding:5px!important;border-radius:17px!important}
  .home-page .premium-nav-inner .menu-toggle{min-height:44px!important;border-radius:12px!important}
  .home-page .hero-premium.hero-v725{min-height:680px!important;height:auto!important;aspect-ratio:auto!important;overflow:hidden!important}
  .home-page .hero-v725 .hero-premium-inner{width:calc(100% - 28px)!important;min-height:680px!important;height:auto!important;padding:34px 0 28px!important;align-items:flex-start!important}
  .home-page .hero-v725 .hero-v725-content{width:100%!important;max-width:100%!important;padding:0!important}
  .home-page .hero-v725-title{font-size:clamp(38px,11.4vw,48px)!important;line-height:.95!important}
  .home-page .hero-v725-copy{max-width:355px!important;margin:15px 0!important;font-size:12.5px!important;line-height:1.5!important}
  .home-page .hero-v725-actions{grid-template-columns:1fr!important;width:100%!important;max-width:100%!important}
  .home-page .hero-v725-proof{max-width:100%!important}
}

@media (max-width:360px){
  .home-page .premium-header-main{grid-template-columns:96px minmax(0,1fr)!important}
  .home-page .premium-brand .brand-logo{width:94px!important;height:54px!important}
  .home-page .premium-header-actions{gap:5px!important}
  .home-page .header-contact-card{width:37px!important;min-width:37px!important;height:37px!important;min-height:37px!important}
  .home-page .hero-premium.hero-v725,.home-page .hero-v725 .hero-premium-inner{min-height:660px!important}
  .home-page .hero-v725-title{font-size:39px!important}
  .home-page .hero-v725-proof span{font-size:8.3px!important;padding:6px 7px!important}
}

/* V6.28 — PREMIUM MOBILE HERO REFINEMENT */
.hero-kicker-mobile,.hero-copy-mobile,.hero-btn-label-mobile{display:none}

@media (max-width:700px){
  .hero-kicker-desktop,.hero-copy-desktop,.hero-btn-label-desktop{display:none!important}
  .hero-kicker-mobile,.hero-copy-mobile,.hero-btn-label-mobile{display:inline!important}

  .home-page .premium-nav-wrap{padding:6px 0 8px!important;background:linear-gradient(180deg,#031c40 0%,#02162f 100%)!important}
  .home-page .premium-nav-inner{width:calc(100% - 24px)!important;min-height:52px!important;padding:4px!important;border-radius:16px!important;border:1px solid rgba(101,181,255,.24)!important;background:rgba(5,38,82,.78)!important;box-shadow:0 12px 30px rgba(0,8,27,.24),inset 0 1px 0 rgba(255,255,255,.06)!important}
  .home-page .premium-nav-inner .menu-toggle{min-height:42px!important;padding:0 14px!important;border:0!important;border-radius:12px!important;gap:9px!important;background:linear-gradient(135deg,rgba(21,126,231,.88),rgba(7,82,176,.90))!important;box-shadow:inset 0 1px 0 rgba(255,255,255,.16)!important;font-size:13px!important;font-weight:850!important;letter-spacing:.01em!important}
  .home-page .premium-nav-inner .menu-toggle img{width:18px!important;height:18px!important}

  .home-page .hero-premium.hero-v725{min-height:610px!important;height:610px!important;aspect-ratio:auto!important;border-bottom:1px solid rgba(89,171,255,.18)!important}
  .home-page .hero-v725 .hero-background img{object-position:center 58%!important;filter:saturate(1.05) contrast(1.06) brightness(.80)!important}
  .home-page .hero-v725 .hero-vignette{background:linear-gradient(180deg,rgba(0,11,31,.82) 0%,rgba(0,15,39,.54) 36%,rgba(0,13,34,.12) 59%,rgba(0,8,24,.72) 100%),linear-gradient(90deg,rgba(0,11,31,.42),transparent 78%)!important}
  .home-page .hero-v725 .hero-light-sweep{display:block!important;z-index:2!important;opacity:.55!important;width:28%!important;animation:heroSweep 7s ease-in-out infinite!important;mix-blend-mode:screen!important}
  .home-page .hero-v725 .hero-premium-inner{width:calc(100% - 28px)!important;min-height:610px!important;height:610px!important;padding:26px 0 24px!important;align-items:flex-start!important}
  .home-page .hero-v725 .hero-v725-content{width:100%!important;max-width:420px!important;padding:20px 18px 18px!important;border:1px solid rgba(137,204,255,.18)!important;border-radius:24px!important;background:linear-gradient(145deg,rgba(2,25,58,.80),rgba(3,31,70,.50))!important;box-shadow:0 22px 55px rgba(0,7,23,.30),inset 0 1px 0 rgba(255,255,255,.07)!important;backdrop-filter:blur(10px)!important;-webkit-backdrop-filter:blur(10px)!important}
  .home-page .hero-kicker{margin-bottom:11px!important;gap:8px!important;font-size:8.5px!important;letter-spacing:.13em!important;color:#dceeff!important}
  .home-page .hero-kicker-dot{width:6px!important;height:6px!important;box-shadow:0 0 0 4px rgba(56,167,255,.11),0 0 14px rgba(56,167,255,.58)!important}
  .home-page .hero-v725-title{font-size:clamp(34px,9.7vw,42px)!important;line-height:.98!important;letter-spacing:-.045em!important;text-transform:none!important;gap:1px!important}
  .home-page .hero-v725-title span{text-shadow:0 7px 25px rgba(0,0,0,.35)!important}
  .home-page .hero-v725-title strong{animation:titleShimmer 5.8s linear infinite,heroGlow 4s ease-in-out infinite!important}
  .home-page .hero-v725-copy{max-width:330px!important;margin:14px 0 16px!important;font-size:12px!important;line-height:1.55!important;color:rgba(238,247,255,.92)!important;text-shadow:0 2px 10px rgba(0,0,0,.28)!important}
  .home-page .hero-quick-tags{display:none!important}
  .home-page .hero-v725-actions{display:grid!important;grid-template-columns:minmax(0,1fr) minmax(0,1fr)!important;width:100%!important;max-width:100%!important;gap:8px!important}
  .home-page .hero-v725-actions .btn{width:100%!important;min-width:0!important;min-height:44px!important;padding:0 10px!important;border-radius:13px!important;font-size:12px!important;font-weight:850!important;gap:7px!important;box-shadow:inset 0 1px 0 rgba(255,255,255,.14),0 10px 22px rgba(0,10,30,.18)!important}
  .home-page .hero-v725-actions .hero-btn-primary{background:linear-gradient(135deg,#1684ed,#0756b7)!important;border:1px solid rgba(143,215,255,.42)!important}
  .home-page .hero-v725-actions .hero-btn-whatsapp{background:linear-gradient(135deg,rgba(22,177,83,.92),rgba(8,132,64,.94))!important;border:1px solid rgba(111,245,163,.28)!important}
  .home-page .hero-v725-actions .btn-icon-box{width:28px!important;height:28px!important;border-radius:9px!important}
  .home-page .hero-v725-actions img{width:17px!important;height:17px!important}
  .home-page .hero-v725-proof{display:none!important}
}

@media (max-width:370px){
  .home-page .hero-premium.hero-v725,.home-page .hero-v725 .hero-premium-inner{min-height:590px!important;height:590px!important}
  .home-page .hero-v725 .hero-v725-content{padding:18px 15px 16px!important;border-radius:21px!important}
  .home-page .hero-v725-title{font-size:33px!important}
  .home-page .hero-v725-copy{font-size:11.5px!important}
  .home-page .hero-v725-actions .btn{font-size:11.5px!important;padding-inline:8px!important}
}

/* V6.29 — OPEN MOBILE COMPOSITION / SUBJECT-SAFE HERO */
@media (max-width:700px){
  .home-page .hero-premium.hero-v725{
    min-height:680px!important;
    height:680px!important;
    aspect-ratio:auto!important;
    background:#020f24!important;
    overflow:hidden!important
  }
  .home-page .hero-v725 .hero-background{inset:0!important}
  .home-page .hero-v725 .hero-background img{
    width:100%!important;
    height:100%!important;
    object-fit:cover!important;
    object-position:center top!important;
    filter:saturate(1.07) contrast(1.05) brightness(.86)!important
  }
  .home-page .hero-v725 .hero-vignette{
    background:
      linear-gradient(180deg,rgba(0,11,30,.90) 0%,rgba(0,14,37,.68) 23%,rgba(0,15,39,.28) 43%,rgba(0,11,31,.08) 58%,rgba(0,8,24,.50) 100%),
      linear-gradient(90deg,rgba(0,12,34,.52) 0%,rgba(0,12,34,.16) 70%,transparent 100%)!important
  }
  .home-page .hero-v725::before{
    display:block!important;
    z-index:-2!important;
    background:radial-gradient(circle at 18% 20%,rgba(31,134,246,.14),transparent 32%),linear-gradient(180deg,transparent 66%,rgba(0,7,21,.32))!important
  }
  .home-page .hero-v725 .hero-light-sweep{
    display:block!important;
    z-index:2!important;
    width:27%!important;
    opacity:.52!important;
    mix-blend-mode:screen!important;
    animation:heroSweep 7s ease-in-out infinite!important
  }
  .home-page .hero-v725 .hero-premium-inner{
    width:calc(100% - 32px)!important;
    min-height:680px!important;
    height:680px!important;
    padding:24px 0 22px!important;
    align-items:flex-start!important
  }
  .home-page .hero-v725 .hero-v725-content{
    width:100%!important;
    max-width:390px!important;
    margin:0!important;
    padding:0 2px!important;
    border:0!important;
    border-radius:0!important;
    background:transparent!important;
    box-shadow:none!important;
    backdrop-filter:none!important;
    -webkit-backdrop-filter:none!important
  }
  .home-page .hero-kicker{
    margin:0 0 10px!important;
    font-size:8.5px!important;
    letter-spacing:.14em!important;
    color:#e4f2ff!important;
    text-shadow:0 2px 12px rgba(0,0,0,.55)!important
  }
  .home-page .hero-v725-title{
    max-width:355px!important;
    font-size:clamp(38px,10.4vw,44px)!important;
    line-height:.96!important;
    letter-spacing:-.05em!important;
    text-transform:none!important
  }
  .home-page .hero-v725-title span{color:#fff!important;-webkit-text-fill-color:#fff!important;text-shadow:0 8px 28px rgba(0,0,0,.52),0 0 15px rgba(255,255,255,.10)!important}
  .home-page .hero-v725-title strong{animation:titleShimmer 5.8s linear infinite,heroGlow 4s ease-in-out infinite!important}
  .home-page .hero-v725-copy{
    max-width:340px!important;
    margin:14px 0 16px!important;
    color:rgba(241,248,255,.94)!important;
    font-size:12px!important;
    line-height:1.55!important;
    text-shadow:0 2px 13px rgba(0,0,0,.62)!important
  }
  .home-page .hero-quick-tags,.home-page .hero-v725-proof{display:none!important}
  .home-page .hero-v725-actions{
    display:grid!important;
    grid-template-columns:minmax(0,1fr) minmax(0,1fr)!important;
    width:100%!important;
    max-width:340px!important;
    gap:8px!important
  }
  .home-page .hero-v725-actions .btn{
    min-height:44px!important;
    padding:0 10px!important;
    border-radius:13px!important;
    font-size:12px!important;
    box-shadow:0 10px 24px rgba(0,8,28,.24),inset 0 1px 0 rgba(255,255,255,.15)!important
  }
}

@media (max-width:360px){
  .home-page .hero-premium.hero-v725,.home-page .hero-v725 .hero-premium-inner{min-height:650px!important;height:650px!important}
  .home-page .hero-v725 .hero-premium-inner{width:calc(100% - 26px)!important;padding-top:22px!important}
  .home-page .hero-v725-title{font-size:37px!important}
  .home-page .hero-v725-copy{font-size:11.5px!important;margin-block:12px 14px!important}
}

/* V6.30 — LIGHTWEIGHT MOBILE HERO CROP */
@media (max-width:700px){
  .home-page .hero-premium.hero-v725{
    min-height:560px!important;
    height:560px!important
  }
  .home-page .hero-v725 .hero-premium-inner{
    min-height:560px!important;
    height:560px!important;
    padding-top:22px!important;
    padding-bottom:18px!important
  }
  .home-page .hero-v725 .hero-background img{
    object-position:center top!important
  }
}

@media (max-width:360px){
  .home-page .hero-premium.hero-v725,
  .home-page .hero-v725 .hero-premium-inner{
    min-height:540px!important;
    height:540px!important
  }
}