/* ============================================================
   LEXO HOMECARE — Main Stylesheet
   ============================================================ */
@import url('https://fonts.googleapis.com/css2?family=Playfair+Display:ital,wght@0,700;0,800;0,900;1,700;1,800&family=Poppins:wght@300;400;500;600;700;800;900&family=Montserrat:wght@700;800;900&display=swap');

:root {
  --blue:#1a6fd4; --blue-dark:#1054a8; --blue-light:#e8f2ff;
  --lav:#7c5cbf;  --lav-light:#f0ebff; --sky:#deeeff;
  --text:#1a2040; --muted:#6a7a9a;
}

/* RESET */
*{margin:0;padding:0;box-sizing:border-box;}
html{scroll-behavior:smooth;}
body{font-family:"Poppins",sans-serif;color:var(--text);overflow-x:hidden;background:#fff;}

/* ANIMATIONS */
@keyframes floatA{0%,100%{transform:translateY(0) rotate(0deg);}33%{transform:translateY(-26px) rotate(10deg);}66%{transform:translateY(-12px) rotate(-6deg);}}
@keyframes floatB{0%,100%{transform:translateY(0) rotate(0deg);}40%{transform:translateY(-22px) rotate(-14deg);}70%{transform:translateY(-32px) rotate(8deg);}}
@keyframes floatC{0%,100%{transform:translateY(0) rotate(0deg);}50%{transform:translateY(-18px) rotate(16deg);}}
@keyframes floatD{0%,100%{transform:translateY(0) scale(1);}50%{transform:translateY(-24px) scale(1.07) rotate(-10deg);}}
@keyframes marqueeRun{from{transform:translateX(0);}to{transform:translateX(-50%);}}
@keyframes fadeUp{from{opacity:0;transform:translateY(40px);}to{opacity:1;transform:translateY(0);}}
@keyframes heroFloat{0%,100%{transform:translateY(0);}50%{transform:translateY(-18px);}}
@keyframes pulseDot{0%,100%{box-shadow:0 0 0 0 rgba(124,92,191,.5);}70%{box-shadow:0 0 0 12px rgba(124,92,191,0);}}
@keyframes lb1{0%{opacity:0;transform:translate(0,0)scale(0)rotate(0);}25%{opacity:1;}100%{opacity:0;transform:translate(-75px,-88px)scale(1.1)rotate(-32deg);}}
@keyframes lb2{0%{opacity:0;transform:translate(0,0)scale(0)rotate(0);}25%{opacity:1;}100%{opacity:0;transform:translate(75px,-92px)scale(1.2)rotate(28deg);}}
@keyframes lb3{0%{opacity:0;transform:translate(0,0)scale(0)rotate(0);}25%{opacity:1;}100%{opacity:0;transform:translate(-50px,80px)scale(.95)rotate(45deg);}}
@keyframes lb4{0%{opacity:0;transform:translate(0,0)scale(0)rotate(0);}25%{opacity:1;}100%{opacity:0;transform:translate(60px,72px)scale(1.1)rotate(-42deg);}}
@keyframes lb5{0%{opacity:0;transform:translate(0,0)scale(0)rotate(0);}25%{opacity:1;}100%{opacity:0;transform:translate(0,-108px)scale(1)rotate(13deg);}}
@keyframes lb6{0%{opacity:0;transform:translate(0,0)scale(0)rotate(0);}25%{opacity:1;}100%{opacity:0;transform:translate(-98px,24px)scale(.88)rotate(-57deg);}}

.deco{position:absolute;pointer-events:none;z-index:2;will-change:transform;}
.deco.fa{animation:floatA 6s ease-in-out infinite;}
.deco.fb{animation:floatB 7s ease-in-out infinite 1s;}
.deco.fc{animation:floatC 5.8s ease-in-out infinite .5s;}
.deco.fd{animation:floatD 7.5s ease-in-out infinite 1.5s;}

/* SCROLL REVEAL */
.rv{opacity:0;transform:translateY(38px);transition:opacity .8s,transform .8s;}
.rv.in{opacity:1;transform:translateY(0);}
.rv-l{opacity:0;transform:translateX(-44px);transition:opacity .8s,transform .8s;}
.rv-l.in{opacity:1;transform:translateX(0);}
.rv-r{opacity:0;transform:translateX(44px);transition:opacity .8s,transform .8s;}
.rv-r.in{opacity:1;transform:translateX(0);}
.d1{transition-delay:.1s}.d2{transition-delay:.2s}.d3{transition-delay:.3s}.d4{transition-delay:.4s}

/* LEAF BURST */
.lb{position:absolute;top:50%;left:50%;width:52px;height:52px;margin:-26px 0 0 -26px;pointer-events:none;z-index:20;opacity:0;}
.lb img{width:100%;height:100%;object-fit:contain;}

/* ── NAV ── */
.lexo-nav{position:fixed;top:0;left:0;width:100%;z-index:9999;display:flex;align-items:center;justify-content:space-between;padding:18px 60px;transition:all .35s;}
.lexo-nav.scrolled{background:rgba(255,255,255,.97);backdrop-filter:blur(18px);padding:12px 60px;box-shadow:0 2px 28px rgba(26,111,212,.1);border-bottom:1px solid rgba(26,111,212,.08);}
.lexo-nav .logo img{height:58px;object-fit:contain;filter:brightness(0) invert(1);transition:all .3s;}
.lexo-nav.scrolled .logo img{filter:none;height:44px;}
.lexo-nav .nav-links{display:flex;gap:32px;list-style:none;}
.lexo-nav .nav-links a{text-decoration:none;font-size:13px;font-weight:600;color:rgba(255,255,255,.92);position:relative;transition:color .2s;font-family:"Poppins",sans-serif;}
.lexo-nav.scrolled .nav-links a{color:var(--text);}
.lexo-nav .nav-links a::after{content:"";position:absolute;bottom:-3px;left:0;width:0;height:2px;background:var(--blue);border-radius:2px;transition:width .3s;}
.lexo-nav .nav-links a:hover::after,.lexo-nav .nav-links .current-menu-item a::after{width:100%;}
.lexo-nav .nav-links a:hover{color:var(--blue);}
.lexo-nav.scrolled .nav-links a:hover{color:var(--blue);}
.lexo-nav .nav-r{display:flex;align-items:center;gap:10px;}
.btn-wa{display:flex;align-items:center;gap:7px;background:rgba(255,255,255,.15);color:#fff;border:1.5px solid rgba(255,255,255,.35);padding:8px 18px;border-radius:26px;font-size:12px;font-weight:700;cursor:pointer;text-decoration:none;transition:all .25s;}
.lexo-nav.scrolled .btn-wa{background:#25d366;border-color:#25d366;}
.btn-wa:hover{background:#25d366;border-color:#25d366;}
.btn-dist{background:var(--blue);color:#fff;border:none;padding:8px 20px;border-radius:26px;font-size:12px;font-weight:700;cursor:pointer;text-decoration:none;transition:all .25s;display:inline-block;}
.btn-dist:hover{background:var(--blue-dark);transform:translateY(-1px);}

/* ── HERO ── */
.lexo-hero{position:relative;min-height:100vh;background:url('../images/hero-bg.jpg') center/cover no-repeat;display:flex;flex-direction:column;align-items:center;justify-content:center;text-align:center;overflow:hidden;padding:120px 40px 160px;}
.lexo-hero::before{
  content:"";
  position:absolute;
  inset:0;
  z-index:1;
  background:linear-gradient(135deg,rgba(16,84,168,.52) 0%,rgba(26,111,212,.48) 45%,rgba(124,92,191,.65) 100%);
}
.lexo-hero::after{display:none;}
.hero-inner{position:relative;z-index:3;animation:fadeUp .9s ease .2s both;}
.hero-logo-circle{width:240px;height:240px;margin:0 auto 32px;background:radial-gradient(circle,rgba(255,255,255,.16) 0%,rgba(255,255,255,.05) 100%);border-radius:50%;display:flex;align-items:center;justify-content:center;border:2.5px solid rgba(255,255,255,.22);box-shadow:0 0 70px rgba(255,255,255,.12);}
.hero-logo-circle img{height:168px;object-fit:contain;filter:brightness(0) invert(1);}
.hero-tagline{font-size:11px;font-weight:700;color:rgba(255,255,255,.62);letter-spacing:4px;text-transform:uppercase;margin-bottom:14px;}
.hero-title{font-family:"Playfair Display",serif;font-size:78px;font-weight:900;color:#fff;line-height:.98;letter-spacing:-3px;margin-bottom:20px;text-shadow:0 4px 28px rgba(0,0,0,.25);}
.hero-title em{color:#c4b5fd;font-style:normal;}
.hero-sub{font-size:18px;color:rgba(255,255,255,.82);line-height:1.72;max-width:520px;margin:0 auto 40px;}
.hero-pill-btn{background:#10194a;color:#fff;font-size:12px;font-weight:800;letter-spacing:2px;text-transform:uppercase;padding:13px 36px;border-radius:32px;border:1.5px solid rgba(255,255,255,.22);cursor:pointer;text-decoration:none;display:inline-block;transition:all .3s;box-shadow:0 8px 24px rgba(0,0,0,.3);}
.hero-pill-btn:hover{background:var(--blue);transform:translateY(-2px);}
.hero-scroll-line{width:1px;height:52px;background:linear-gradient(to bottom,rgba(255,255,255,.55),transparent);margin:12px auto 0;}
.hero-pills{position:absolute;bottom:48px;left:60px;z-index:3;display:flex;gap:12px;}
.hp{background:rgba(255,255,255,.13);backdrop-filter:blur(10px);border-radius:14px;padding:11px 17px;border:1px solid rgba(255,255,255,.22);}
.hp .hn{font-size:17px;font-weight:900;color:#fff;font-family:"Playfair Display",serif;line-height:1;}
.hp .hl{font-size:9px;color:rgba(255,255,255,.68);margin-top:2px;font-weight:600;letter-spacing:.5px;}

/* ── MARQUEE ── */
.lexo-marquee{background:linear-gradient(90deg,#1054a8,#1a6fd4,#7c5cbf);overflow:hidden;}
.mq-wrap{display:flex;width:max-content;animation:marqueeRun 28s linear infinite;}
.mq-wrap:hover{animation-play-state:paused;}
.mq-item{display:inline-flex;align-items:center;gap:10px;padding:14px 36px;font-size:12px;font-weight:700;color:rgba(255,255,255,.85);white-space:nowrap;letter-spacing:.4px;border-right:1px solid rgba(255,255,255,.1);}
.mq-gem{width:6px;height:6px;background:#c4b5fd;transform:rotate(45deg);flex-shrink:0;}

/* ── SECTIONS ── */
section{position:relative;overflow:hidden;}
.section-pad{padding:100px 60px;}
.inner{max-width:1160px;margin:0 auto;}
.sec-ey{font-size:11px;font-weight:700;color:var(--lav);letter-spacing:3px;text-transform:uppercase;margin-bottom:12px;}
.sec-title{font-family:"Playfair Display",serif;font-size:48px;font-weight:900;color:var(--text);line-height:1.04;letter-spacing:-1.8px;margin-bottom:14px;}
.sec-title em{color:var(--blue);font-style:normal;}
.sec-sub{font-size:16px;color:var(--muted);line-height:1.72;max-width:480px;}
.text-center{text-align:center;}.text-center .sec-sub{margin:0 auto;}

/* ── PRODUCTS (sky blue bg, scene+product cards) ── */
.products-section{background:transparent;}
.products-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:28px;margin-top:52px;}
.product-card{background:#fff;border-radius:24px;box-shadow:0 6px 32px rgba(26,111,212,.1);border:1.5px solid rgba(200,220,248,.6);position:relative;overflow:visible;cursor:pointer;transition:transform .4s,box-shadow .4s;}
.product-card:hover{transform:translateY(-16px);box-shadow:0 32px 72px rgba(26,111,212,.2);}
.product-card:hover .lb:nth-child(1){animation:lb1 .7s ease forwards;}
.product-card:hover .lb:nth-child(2){animation:lb2 .7s ease .05s forwards;}
.product-card:hover .lb:nth-child(3){animation:lb3 .7s ease .1s forwards;}
.product-card:hover .lb:nth-child(4){animation:lb4 .7s ease .03s forwards;}
.product-card:hover .lb:nth-child(5){animation:lb5 .7s ease .07s forwards;}
.product-card:hover .lb:nth-child(6){animation:lb6 .7s ease .12s forwards;}
.pc-scene{width:100%;height:220px;border-radius:22px 22px 0 0;overflow:hidden;position:relative;}
.pc-scene img.scene-bg{width:100%;height:100%;object-fit:cover;transition:transform .55s;filter:brightness(.92);}
.product-card:hover .pc-scene img.scene-bg{transform:scale(1.07);filter:brightness(1);}
.pc-scene img.prod-img{position:absolute;bottom:-36px;left:50%;transform:translateX(-50%);height:155px;object-fit:contain;filter:drop-shadow(0 12px 28px rgba(0,60,160,.28));transition:transform .45s;z-index:3;}
.product-card:hover .pc-scene img.prod-img{transform:translateX(-50%) translateY(-10px) scale(1.08);}
.pc-body{padding:44px 20px 26px;text-align:center;}
.pc-range{font-size:9px;font-weight:800;color:var(--lav);letter-spacing:2.5px;text-transform:uppercase;margin-bottom:8px;}
.pc-name{font-size:16px;font-weight:700;color:var(--text);margin-bottom:8px;line-height:1.3;}
.pc-desc{font-size:12px;color:var(--muted);line-height:1.6;margin-bottom:18px;}
.pc-btn{background:var(--blue-light);color:var(--blue);border:1.5px solid rgba(26,111,212,.2);padding:9px 22px;border-radius:24px;font-size:12px;font-weight:700;cursor:pointer;transition:all .25s;font-family:"Poppins",sans-serif;text-decoration:none;display:inline-block;}
.pc-btn:hover{background:var(--blue);color:#fff;border-color:var(--blue);}

/* ── SUSTAINABILITY ── */
.sust-section{background:#fff;}
.sust-inner{display:grid;grid-template-columns:1fr 1.2fr;gap:60px;align-items:center;}
.sust-title{font-family:"Playfair Display",serif;font-size:48px;font-weight:800;color:var(--text);line-height:1.05;letter-spacing:-1px;margin-bottom:16px;}
.sust-title em{color:var(--blue);font-style:normal;display:block;}
.sust-list{list-style:none;display:flex;flex-direction:column;gap:12px;margin:20px 0 32px;}
.sust-list li{display:flex;align-items:center;gap:12px;font-size:14px;color:#2a3a6a;}
.sust-list li::before{content:"✦";color:var(--blue);font-size:11px;}
.sust-img-wrap{position:relative;border-radius:32px;overflow:hidden;box-shadow:0 32px 80px rgba(26,111,212,.2);border:3px solid rgba(255,255,255,.95);transition:transform .45s;}
.sust-img-wrap:hover{transform:translateY(-8px);}
.sust-img-wrap img{width:100%;height:380px;object-fit:cover;display:block;transition:transform .55s;}
.sust-img-wrap:hover img{transform:scale(1.05);}
.sust-img-overlay{position:absolute;inset:0;background:linear-gradient(to bottom,transparent 45%,rgba(8,18,70,.7) 100%);z-index:2;}
.sust-bg-text{position:absolute;right:-20px;top:50%;transform:translateY(-50%);font-size:88px;font-weight:900;color:transparent;-webkit-text-stroke:2px rgba(26,111,212,.12);line-height:.9;text-align:right;letter-spacing:-4px;pointer-events:none;z-index:0;user-select:none;font-family:"Montserrat",sans-serif;}

/* ── ABOUT ── */
.about-section{background:linear-gradient(160deg,#f8b830 0%,#f0901a 40%,#e06010 70%,#c83808 100%);min-height:600px;display:flex;align-items:center;}
.about-section::before{content:"";position:absolute;inset:0;background:radial-gradient(ellipse 70% 80% at 50% 50%,rgba(255,200,80,.25) 0%,transparent 70%);pointer-events:none;}
.about-inner{display:grid;grid-template-columns:1fr auto 1fr;gap:40px;align-items:end;position:relative;z-index:2;}
.about-left-eyebrow{font-size:10px;font-weight:700;color:rgba(255,255,255,.65);letter-spacing:3px;text-transform:uppercase;margin-bottom:14px;}
.about-title{font-family:"Playfair Display",serif;font-size:60px;font-weight:800;color:#fff;line-height:1;letter-spacing:-2px;margin-bottom:24px;}
.about-person img{height:500px;object-fit:contain;filter:drop-shadow(0 0 40px rgba(255,120,0,.3));display:block;margin:0 auto;animation:heroFloat 4s ease-in-out infinite;}
.about-text{font-size:15px;color:rgba(255,255,255,.85);line-height:1.78;margin-bottom:22px;padding-bottom:40px;}

/* ── CONTACT SECTION ── */
.contact-section{background:linear-gradient(135deg,var(--blue-dark) 0%,var(--blue) 55%,var(--lav) 100%);}
.contact-inner{display:grid;grid-template-columns:1fr 1fr;gap:72px;align-items:start;}
.contact-section .sec-title{color:#fff;}
.contact-section .sec-title em{color:#c4b5fd;font-style:italic;}
.contact-section .sec-sub{color:rgba(255,255,255,.72);}
.contact-info .ci{display:flex;align-items:center;gap:14px;margin-bottom:18px;}
.contact-info .ci-ico{width:46px;height:46px;border-radius:14px;background:rgba(255,255,255,.12);display:flex;align-items:center;justify-content:center;font-size:20px;flex-shrink:0;}
.contact-info .ci-t{font-size:13px;font-weight:700;color:rgba(255,255,255,.85);}
.contact-info .ci-v{font-size:13px;color:rgba(255,255,255,.55);}
.contact-form-wrap{background:rgba(255,255,255,.08);border-radius:24px;padding:36px;border:1px solid rgba(255,255,255,.15);}
.contact-form-wrap input,
.contact-form-wrap select,
.contact-form-wrap textarea{width:100%;background:rgba(255,255,255,.1);border:1.5px solid rgba(255,255,255,.2);border-radius:12px;padding:13px 16px;font-size:14px;color:#fff;font-family:"Poppins",sans-serif;outline:none;transition:border .2s;margin-bottom:14px;}
.contact-form-wrap input::placeholder,.contact-form-wrap textarea::placeholder{color:rgba(255,255,255,.4);}
.contact-form-wrap select{color:rgba(255,255,255,.6);}
.contact-form-wrap select option{background:#1a3a6a;color:#fff;}
.contact-form-wrap input:focus,.contact-form-wrap textarea:focus{border-color:#c4b5fd;}
.btn-submit{width:100%;background:#fff;color:var(--blue);border:none;padding:15px;border-radius:28px;font-size:15px;font-weight:700;cursor:pointer;font-family:"Poppins",sans-serif;transition:all .3s;box-shadow:0 6px 20px rgba(0,0,0,.15);}
.btn-submit:hover{background:#f0f8ff;transform:translateY(-2px);}
.form-success{display:none;text-align:center;padding:24px;background:rgba(255,255,255,.1);border-radius:16px;margin-top:14px;color:#fff;font-weight:600;}

/* ── BLOG ── */
.blog-section{background:var(--sky);}
.blog-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:26px;margin-top:52px;}
.blog-card{background:#fff;border-radius:22px;overflow:hidden;box-shadow:0 6px 28px rgba(26,111,212,.09);border:1.5px solid rgba(26,111,212,.07);transition:transform .35s,box-shadow .35s;text-decoration:none;display:block;}
.blog-card:hover{transform:translateY(-10px);box-shadow:0 28px 64px rgba(26,111,212,.16);}
.blog-card-img-wrap{overflow:hidden;height:200px;}
.blog-card-img-wrap img{width:100%;height:100%;object-fit:cover;transition:transform .5s;}
.blog-card:hover .blog-card-img-wrap img{transform:scale(1.06);}
.blog-card-body{padding:22px 24px 26px;}
.blog-tag{display:inline-block;background:var(--lav-light);color:var(--lav);font-size:9px;font-weight:700;letter-spacing:2px;text-transform:uppercase;padding:4px 12px;border-radius:16px;margin-bottom:12px;}
.blog-card h3{font-family:"Playfair Display",serif;font-size:18px;font-weight:700;color:var(--text);line-height:1.38;margin-bottom:10px;}
.blog-card p{font-size:13px;color:var(--muted);line-height:1.68;margin-bottom:14px;}
.blog-meta{font-size:11px;color:#9aaaca;}
.read-more{font-size:12px;font-weight:700;color:var(--blue);display:inline-flex;align-items:center;gap:6px;margin-top:10px;transition:gap .2s;}
.read-more:hover{gap:10px;}

/* ── PAGE HERO BANNER ── */
.page-banner{
  background:linear-gradient(135deg,#0e1e7a 0%,#1a6fd4 45%,#7c5cbf 80%,#9b3dbf 100%);
  padding:150px 60px 90px;
  text-align:center;
  position:relative;
  overflow:hidden;
  min-height:420px;
  display:flex;
  align-items:center;
  justify-content:center;
}
.page-banner::before{
  content:"";position:absolute;inset:0;
  background:radial-gradient(ellipse 80% 70% at 50% 55%,rgba(100,160,255,.18) 0%,transparent 65%);
  pointer-events:none;
}
.page-banner::after{
  content:"";position:absolute;inset:0;
  background:radial-gradient(ellipse 60% 50% at 20% 80%,rgba(124,92,191,.25) 0%,transparent 55%);
  pointer-events:none;
}
.page-banner .inner{position:relative;z-index:3;width:100%;}
.banner-ey{
  font-size:11px;font-weight:700;
  color:rgba(255,255,255,.65);
  letter-spacing:5px;text-transform:uppercase;
  margin-bottom:18px;
  animation:fadeUp .8s ease .2s both;
}
.banner-title{
  font-family:"Playfair Display",serif;
  font-size:62px;font-weight:900;
  color:#fff;letter-spacing:-2px;line-height:1.02;
  margin-bottom:20px;
  text-shadow:0 4px 32px rgba(0,0,0,.2);
  animation:fadeUp .8s ease .4s both;
}
.banner-title em{color:#c4b5fd;font-style:italic;}
.banner-sub{
  font-size:17px;color:rgba(255,255,255,.75);
  max-width:540px;margin:0 auto;line-height:1.78;
  animation:fadeUp .8s ease .6s both;
}

/* ── PRODUCTS FILTER BAR ── */
.products-filter-bar{
  background:rgba(255,255,255,.97);
  backdrop-filter:blur(12px);
  border-bottom:1px solid rgba(26,111,212,.1);
  padding:16px 60px;
  position:sticky;
  top:78px;
  z-index:200;
  display:flex;
  gap:10px;
  flex-wrap:wrap;
  box-shadow:0 4px 20px rgba(26,111,212,.07);
}
.filter-btn{
  padding:9px 24px;
  border-radius:26px;
  font-size:13px;font-weight:700;
  cursor:pointer;
  border:2px solid #d0e4f8;
  background:#fff;
  color:var(--muted);
  font-family:"Poppins",sans-serif;
  transition:all .25s;
  letter-spacing:.2px;
}
.filter-btn:hover{
  border-color:var(--blue);
  color:var(--blue);
  background:var(--blue-light);
}
.filter-btn.active{
  background:var(--blue);
  border-color:var(--blue);
  color:#fff;
  box-shadow:0 4px 14px rgba(26,111,212,.3);
}

/* ── BREADCRUMB ── */
.lexo-breadcrumb{background:#f8f9ff;padding:14px 60px;border-bottom:1px solid #e8eeff;font-size:13px;color:var(--muted);}
.lexo-breadcrumb a{color:var(--blue);text-decoration:none;font-weight:500;}
.lexo-breadcrumb a:hover{text-decoration:underline;}

/* ── ABOUT PAGE ── */
.about-page-grid{display:grid;grid-template-columns:1fr 1fr;gap:72px;align-items:center;margin-bottom:72px;}
.about-page-grid img{width:100%;height:440px;object-fit:cover;border-radius:28px;box-shadow:0 20px 60px rgba(26,111,212,.13);}
.about-img-wrap{position:relative;}
.about-badge{position:absolute;bottom:-20px;right:-20px;background:var(--blue);color:#fff;border-radius:20px;padding:20px 24px;text-align:center;min-width:150px;box-shadow:0 14px 36px rgba(26,111,212,.35);}
.about-badge .an{font-family:"Playfair Display",serif;font-size:42px;font-weight:900;line-height:1;}
.about-badge .al{font-size:11px;opacity:.8;margin-top:3px;}
.about-badge2{position:absolute;top:-16px;left:-16px;background:#fff;border-radius:16px;padding:14px 18px;box-shadow:0 8px 28px rgba(0,0,0,.1);display:flex;align-items:center;gap:10px;}
.ab2-ico{width:38px;height:38px;border-radius:10px;background:var(--lav-light);display:flex;align-items:center;justify-content:center;font-size:20px;}
.ab2-t1{font-size:13px;font-weight:700;color:var(--text);}
.ab2-t2{font-size:10px;color:var(--muted);}
.page-feat-list{list-style:none;display:flex;flex-direction:column;gap:12px;margin:22px 0 32px;}
.page-feat-list li{display:flex;align-items:center;gap:12px;font-size:14px;color:var(--text);}
.fck{width:26px;height:26px;border-radius:50%;background:var(--blue-light);border:2px solid var(--blue);display:flex;align-items:center;justify-content:center;font-size:11px;color:var(--blue);font-weight:700;flex-shrink:0;}
.stats-row{display:grid;grid-template-columns:repeat(4,1fr);gap:20px;margin:60px 0;}
.stat-box{background:linear-gradient(135deg,var(--blue-light),var(--lav-light));border-radius:22px;padding:32px 18px;text-align:center;border:1px solid rgba(26,111,212,.1);}
.stat-num{font-family:"Playfair Display",serif;font-size:44px;font-weight:900;color:var(--blue);line-height:1;}
.stat-lbl{font-size:12px;color:var(--muted);margin-top:6px;}
.values-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:22px;margin-top:44px;}
.val-card{background:#f8f9ff;border-radius:22px;padding:30px 24px;border:1.5px solid rgba(26,111,212,.07);transition:all .35s;}
.val-card:hover{transform:translateY(-6px);box-shadow:0 20px 48px rgba(26,111,212,.12);background:#fff;}
.val-ico{width:52px;height:52px;border-radius:16px;background:var(--blue-light);display:flex;align-items:center;justify-content:center;font-size:24px;margin-bottom:16px;}
.val-title{font-family:"Playfair Display",serif;font-size:17px;font-weight:700;color:var(--text);margin-bottom:8px;}
.markets-band{background:linear-gradient(135deg,var(--blue-dark),var(--blue));border-radius:28px;padding:52px 44px;display:grid;grid-template-columns:repeat(4,1fr);gap:28px;text-align:center;margin-top:60px;}
.mkt{color:#fff;}
.mkt .mflag{font-size:36px;margin-bottom:10px;}
.mkt h4{font-size:15px;font-weight:700;margin-bottom:4px;}
.mkt p{font-size:12px;opacity:.68;}

/* ── BUTTONS ── */
.btn-primary{background:var(--blue);color:#fff;border:none;padding:14px 32px;border-radius:30px;font-size:14px;font-weight:700;cursor:pointer;text-decoration:none;display:inline-block;font-family:"Poppins",sans-serif;box-shadow:0 6px 20px rgba(26,111,212,.3);transition:all .3s;}
.btn-primary:hover{background:var(--blue-dark);transform:translateY(-2px);}
.btn-outline{background:transparent;color:#fff;border:2px solid rgba(255,255,255,.5);padding:14px 32px;border-radius:30px;font-size:14px;font-weight:700;cursor:pointer;text-decoration:none;display:inline-block;font-family:"Poppins",sans-serif;transition:all .3s;}
.btn-outline:hover{background:rgba(255,255,255,.14);transform:translateY(-2px);}
.btn-wa-green{background:#25d366;color:#fff;border:none;padding:13px 26px;border-radius:28px;font-size:14px;font-weight:700;text-decoration:none;display:inline-flex;align-items:center;gap:8px;font-family:"Poppins",sans-serif;transition:all .3s;}
.btn-wa-green:hover{background:#1da855;transform:translateY(-2px);}

/* ── FOOTER ── */
.lexo-footer{background:linear-gradient(175deg,#06102a 0%,#0c1e48 50%,#0a1535 100%);padding:0;position:relative;overflow:hidden;}
.lexo-footer::before{content:"";position:absolute;top:0;left:0;right:0;height:3px;background:linear-gradient(90deg,#1a6fd4,#7c5cbf,#1a6fd4);}
.footer-inner{max-width:1160px;margin:0 auto;padding:72px 60px 0;}
.footer-brand-strip{display:flex;align-items:center;justify-content:space-between;padding-bottom:48px;border-bottom:1px solid rgba(255,255,255,.07);margin-bottom:56px;flex-wrap:wrap;gap:24px;}
.footer-logo img{height:70px;object-fit:contain;display:block;}
.footer-tagline{font-size:15px;color:rgba(255,255,255,.5);font-weight:300;line-height:1.6;}
.footer-tagline strong{color:rgba(255,255,255,.85);font-weight:600;}
.footer-soc{display:flex;gap:10px;}
.soc-icon{width:44px;height:44px;border-radius:14px;background:rgba(255,255,255,.05);border:1px solid rgba(255,255,255,.1);display:inline-flex;align-items:center;justify-content:center;font-size:14px;font-weight:700;color:rgba(255,255,255,.55);text-decoration:none;transition:all .3s;}
.soc-icon:hover{background:var(--blue);color:#fff;border-color:var(--blue);transform:translateY(-3px);box-shadow:0 8px 22px rgba(26,111,212,.4);}
.footer-cols{display:grid;grid-template-columns:2fr 1fr 1fr 1fr 1fr;gap:40px;margin-bottom:56px;}
.footer-about p{font-size:13px;color:rgba(255,255,255,.4);line-height:1.9;max-width:260px;margin-bottom:22px;font-weight:300;}
.cert-badges{display:flex;gap:8px;flex-wrap:wrap;}
.cert{background:rgba(26,111,212,.15);border:1px solid rgba(26,111,212,.3);border-radius:8px;padding:5px 13px;font-size:10px;color:#6aaaf8;font-weight:600;letter-spacing:.5px;}
.footer-col h5{font-size:10px;font-weight:700;color:#fff;margin-bottom:20px;text-transform:uppercase;letter-spacing:3px;position:relative;padding-bottom:12px;}
.footer-col h5::after{content:"";position:absolute;bottom:0;left:0;width:26px;height:2px;background:linear-gradient(90deg,#1a6fd4,#7c5cbf);border-radius:2px;}
.footer-col ul{list-style:none;display:flex;flex-direction:column;gap:11px;}
.footer-col ul li a{font-size:13px;color:rgba(255,255,255,.4);text-decoration:none;transition:all .25s;display:inline-block;}
.footer-col ul li a:hover{color:#fff;padding-left:4px;}
.footer-bottom{border-top:1px solid rgba(255,255,255,.05);padding:22px 60px 28px;display:flex;justify-content:space-between;font-size:11px;color:rgba(255,255,255,.25);flex-wrap:wrap;gap:8px;max-width:none;}

/* ── RESPONSIVE ── */
@media(max-width:1100px){
  .lexo-nav,.lexo-nav.scrolled{padding:13px 24px;}
  .section-pad{padding:80px 28px;}
  .lexo-hero{padding:100px 28px 70px;}
  .hero-title{font-size:52px;}
  .hero-pills{left:20px;}
  .sust-inner,.about-inner{grid-template-columns:1fr;gap:48px;}
  .about-person{display:none;}
  .contact-inner,.about-page-grid{grid-template-columns:1fr;gap:48px;}
  .products-grid{grid-template-columns:1fr 1fr;}
  .blog-grid{grid-template-columns:1fr 1fr;}
  .stats-row{grid-template-columns:1fr 1fr;}
  .values-grid{grid-template-columns:1fr 1fr;}
  .markets-band{grid-template-columns:1fr 1fr;padding:36px 28px;}
  .footer-cols{grid-template-columns:1fr 1fr;gap:32px;}
  .footer-inner{padding:48px 28px 0;}
  .footer-bottom{padding:18px 28px 24px;}
  .page-banner{padding:120px 28px 60px;}
  .banner-title{font-size:40px;}
  .lexo-breadcrumb{padding:14px 28px;}
}
@media(max-width:767px){
  .lexo-nav .nav-links{display:none;}
  .hero-title{font-size:40px;letter-spacing:-1.5px;}
  .hero-pills{left:50%;transform:translateX(-50%);flex-wrap:wrap;justify-content:center;}
  .products-grid,.blog-grid{grid-template-columns:1fr;}
  .values-grid,.markets-band{grid-template-columns:1fr 1fr;}
  .footer-cols{grid-template-columns:1fr;}
  .footer-bottom{flex-direction:column;align-items:center;text-align:center;}
  .sec-title{font-size:34px;}
}