:root{
    --ink:#1b1730;
    --indigo:#5b3df5;
    --indigo-dark:#241b64;
    --cream:#fbfaf8;
    --paper:#ffffff;
    --line:#e7e4f0;
    --muted:#63607a;
    --hero-copy:#45415f;
    --pink:#ec6ea6;
    --gold:#d9a441;
  }
  *{box-sizing:border-box;}
  html{scroll-behavior:smooth;}
  html,body{margin:0;padding:0;}
  body{
    font-family:"Segoe UI",-apple-system,BlinkMacSystemFont,Helvetica,Arial,sans-serif;
    color:var(--ink);
    background:var(--cream);
  }
  a{text-decoration:none;color:inherit;}
  ul{list-style:none;margin:0;padding:0;}
  img,svg{display:block;max-width:100%;}
  svg.icon-svg{display:inline-block;vertical-align:-2px;margin-right:2px;}

  /* ---------- Utility bar ---------- */
  .utility-bar{
    background:var(--indigo-dark);
    color:#e9e6ff;
    font-size:13px;
  }
  .utility-inner{
    max-width:1280px;margin:0 auto;padding:8px 24px;
    display:flex;align-items:center;justify-content:space-between;
    flex-wrap:wrap;gap:8px;
  }
  .utility-left{display:flex;align-items:center;gap:8px;font-weight:500;}
  .utility-right{display:flex;align-items:center;gap:20px;}
  .utility-right span{display:flex;align-items:center;gap:6px;white-space:nowrap;}

  /* ---------- Header ---------- */
  header.main-nav{
    background:var(--paper);
    border-bottom:1px solid var(--line);
    position:sticky;top:0;z-index:50;
  }
  .nav-inner{
    max-width:1280px;margin:0 auto;padding:16px 24px;
    display:flex;align-items:center;justify-content:space-between;
  }
  .logo{
    font-size:26px;font-weight:800;color:var(--indigo);
    display:flex;align-items:center;gap:11px;line-height:1;
  }
  .logo-mark{
    width:48px;height:48px;flex:0 0 48px;border-radius:12px;object-fit:cover;
    box-shadow:0 4px 12px rgba(27,23,48,.18);
  }
  .logo-copy{display:flex;flex-direction:column;}
  .logo .tag{
    font-size:10px;letter-spacing:3px;color:var(--muted);font-weight:600;margin-top:4px;
  }
  nav.links{display:flex;gap:18px;font-size:13.5px;font-weight:650;color:var(--ink);}
  nav.links a.active{color:var(--indigo);border-bottom:2px solid var(--indigo);padding-bottom:22px;margin-bottom:-23px;}
  .nav-actions{display:flex;align-items:center;gap:20px;}
  .btn-quote{
    background:var(--indigo);color:#fff;padding:11px 22px;border-radius:8px;
    font-weight:700;font-size:14px;
  }
  .mobile-menu-toggle{display:none;}
  .mobile-nav-panel[hidden]{display:none;}
  .mobile-nav-panel{
    position:fixed;inset:0;z-index:90;
    display:flex;flex-direction:column;
    padding:
      max(20px,env(safe-area-inset-top))
      max(22px,env(safe-area-inset-right))
      max(28px,env(safe-area-inset-bottom))
      max(22px,env(safe-area-inset-left));
    background:var(--paper);color:var(--ink);
    opacity:0;visibility:hidden;transform:translateX(100%);
    transition:transform .28s cubic-bezier(.22,.72,.24,1),opacity .2s ease,visibility 0s linear .28s;
  }
  .mobile-nav-panel.is-open{
    opacity:1;visibility:visible;transform:translateX(0);
    transition-delay:0s;
  }
  .mobile-nav-toolbar{display:flex;align-items:center;justify-content:space-between;min-height:54px;}
  .mobile-nav-back,.mobile-nav-close{
    position:relative;width:48px;height:48px;padding:0;border:0;border-radius:14px;
    display:flex;align-items:center;justify-content:center;
    background:transparent;color:var(--ink);cursor:pointer;
  }
  .mobile-nav-back:active,.mobile-nav-close:active{background:var(--cream);transform:scale(.94);}
  .mobile-nav-back:focus-visible,.mobile-nav-close:focus-visible{
    outline:3px solid rgba(91,61,245,.3);outline-offset:2px;
  }
  .mobile-nav-close span{
    position:absolute;width:25px;height:2.5px;border-radius:2px;background:currentColor;
  }
  .mobile-nav-close span:first-child{transform:rotate(45deg);}
  .mobile-nav-close span:last-child{transform:rotate(-45deg);}
  .mobile-nav-links{display:flex;flex-direction:column;margin-top:42px;}
  .mobile-nav-links a{
    display:flex;align-items:center;justify-content:space-between;gap:22px;
    min-height:76px;padding:0 10px;border-bottom:1px solid var(--line);
    color:var(--ink);font-size:22px;font-weight:600;letter-spacing:-.01em;
  }
  .mobile-nav-links a > span:last-child{color:var(--muted);font-size:34px;font-weight:300;line-height:1;}
  .mobile-nav-links a:active{color:var(--indigo);background:var(--cream);}
  .mobile-nav-links a:focus-visible{outline:3px solid rgba(91,61,245,.28);outline-offset:-3px;border-radius:10px;}
  .mobile-nav-links .mobile-nav-quote{color:var(--indigo);font-weight:800;}
  body.mobile-nav-open{overflow:hidden;}
  body.mobile-nav-open .whatsapp-widget{z-index:120;}
  body.mobile-nav-open .pin-top-btn{opacity:0;visibility:hidden;pointer-events:none;}

  /* ---------- Hero ---------- */
  .hero{
    position:relative;
    overflow:hidden;
    min-height:560px;
    display:flex;
    align-items:center;
    padding:0 24px;
    cursor:pointer;
  }
  .hero:focus-visible{outline:4px solid var(--indigo);outline-offset:-4px;}
  .hero-background{
    position:absolute;
    inset:0;
    width:100%;
    height:100%;
    object-fit:cover;
    object-position:center right;
    z-index:0;
  }
  .hero > picture{position:absolute;inset:0;z-index:0;display:block;}
  .hero::after{
    content:"";
    position:absolute;
    inset:0;
    z-index:1;
    pointer-events:none;
    background:linear-gradient(to right, rgba(251,250,248,0.98) 0%, rgba(251,250,248,0.92) 32%, rgba(251,250,248,0.35) 55%, rgba(251,250,248,0) 72%);
  }
  .hero-inner{position:relative;z-index:2;max-width:1280px;margin:0 auto;width:100%;}
  .hero-content{max-width:560px;padding:56px 0;}
  .hero h1{
    font-size:44px;line-height:1.12;margin:0 0 20px;font-weight:800;
  }
  .hero h1 .accent{color:var(--indigo);}
  .hero .sub-line{
    font-weight:700;color:var(--ink);letter-spacing:0.5px;margin-bottom:16px;font-size:15px;
  }
  .hero p.desc{color:var(--hero-copy);font-size:16px;line-height:1.6;max-width:480px;margin-bottom:28px;}
  .hero-ctas{display:flex;gap:16px;}
  .btn-primary{
    background:var(--indigo);color:#fff;padding:14px 26px;border-radius:8px;font-weight:700;
    display:inline-flex;align-items:center;gap:8px;
  }
  .btn-secondary{
    background:#fff;color:var(--indigo);padding:14px 26px;border-radius:8px;font-weight:700;
    border:1.5px solid var(--indigo);
  }

  /* ---------- Trust bar ---------- */
  .trust-bar{
    max-width:1280px;margin:32px auto 60px;padding:28px 32px;background:#fff;
    border:1px solid var(--line);border-radius:14px;
    display:grid;grid-template-columns:repeat(5,1fr);gap:24px;
  }
  .trust-item{display:flex;gap:12px;align-items:flex-start;}
  .trust-item .icon{
    width:42px;height:42px;flex:0 0 42px;border-radius:10px;background:#f1edff;
    display:flex;align-items:center;justify-content:center;color:var(--indigo);
  }
  .trust-item h4{margin:0 0 4px;font-size:14.5px;}
  .trust-item p{margin:0;font-size:12.5px;color:var(--muted);line-height:1.4;}
  .strength-highlight{
    display:inline-block;padding:1px 7px;border-radius:999px;
    color:#fff;font-weight:900;letter-spacing:.03em;
    background:linear-gradient(135deg,var(--indigo),var(--pink),var(--gold));
    background-size:180% 180%;
    box-shadow:0 4px 12px rgba(91,61,245,.24);
    animation:strength-attention 2.8s ease-in-out infinite;
  }
  @keyframes strength-attention{
    0%,72%,100%{transform:scale(1);background-position:0% 50%;box-shadow:0 4px 12px rgba(91,61,245,.24);}
    82%{transform:scale(1.13);background-position:100% 50%;box-shadow:0 6px 18px rgba(236,110,166,.42);}
    90%{transform:scale(1.04);background-position:65% 50%;box-shadow:0 5px 15px rgba(217,164,65,.34);}
  }

  /* ---------- Section heading ---------- */
  .section{max-width:1280px;margin:0 auto;padding:0 24px 72px;}
  .section-head{display:flex;align-items:baseline;justify-content:space-between;margin-bottom:28px;}
  .section-head h2{font-size:28px;margin:0;font-weight:800;}
  .section-head a{color:var(--indigo);font-weight:700;font-size:14px;display:flex;align-items:center;gap:6px;}

  /* ---------- Product grid ---------- */
  .product-grid{
    display:grid;grid-template-columns:repeat(6,1fr);gap:18px;
  }
  .product-card{
    background:#fff;border:1px solid var(--line);border-radius:12px;overflow:hidden;
    display:block;transition:box-shadow .15s ease,transform .15s ease;
  }
  .product-card:hover,.product-card:focus-visible{box-shadow:0 10px 24px rgba(27,23,48,0.1);transform:translateY(-2px);outline:none;}
  .product-thumb{height:130px;width:100%;overflow:hidden;}
  .product-card .info{padding:14px 14px 18px;}
  .product-card h4{margin:0 0 4px;font-size:14.5px;}
  .product-card p{margin:0;font-size:12px;color:var(--muted);}

  /* ---------- Quality assurance showcase ---------- */
  .quality-showcase{padding-top:8px;}
  #foodSafetyCertifications,#qualityInspection,#reliableSupplier{scroll-margin-top:110px;}
  .quality-heading{max-width:760px;margin:0 auto 32px;text-align:center;}
  .quality-eyebrow,.quality-panel-kicker{
    display:block;margin-bottom:8px;color:var(--indigo);
    font-size:11px;font-weight:850;letter-spacing:.17em;text-transform:uppercase;
  }
  .quality-heading h2{margin:0;font-size:clamp(32px,4vw,48px);font-weight:850;line-height:1.08;}
  .quality-heading p{margin:12px 0 0;color:var(--muted);font-size:15px;line-height:1.6;}
  .quality-overview{display:grid;grid-template-columns:minmax(0,1.25fr) minmax(380px,.75fr);gap:24px;align-items:stretch;}
  .quality-evidence,.certification-panel{
    min-width:0;background:var(--paper);border:1px solid var(--line);border-radius:22px;
    box-shadow:0 16px 42px rgba(27,23,48,.07);
  }
  .quality-evidence{overflow:hidden;}
  .quality-main-media{position:relative;aspect-ratio:16/8.7;overflow:hidden;background:#efedf5;}
  .quality-main-media::after{
    content:"";position:absolute;inset:0;
    background:linear-gradient(180deg,rgba(18,16,33,.05),transparent 45%,rgba(18,16,33,.14));
    pointer-events:none;
  }
  .quality-main-media img{width:100%;height:100%;object-fit:cover;}
  .quality-media-badge{
    position:absolute;top:18px;left:18px;z-index:2;
    display:inline-flex;align-items:center;gap:7px;padding:8px 12px;border-radius:999px;
    color:#fff;background:var(--indigo);box-shadow:0 8px 22px rgba(91,61,245,.3);
    font-size:11px;font-weight:800;letter-spacing:.04em;text-transform:uppercase;
  }
  .quality-evidence-body{display:grid;grid-template-columns:minmax(0,.9fr) minmax(220px,1.1fr);gap:20px;padding:20px;}
  .quality-gallery{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:10px;}
  .quality-gallery figure{
    min-width:0;margin:0;overflow:hidden;border:1px solid var(--line);border-radius:12px;background:var(--cream);
  }
  .quality-gallery img{width:100%;height:105px;object-fit:cover;}
  .quality-gallery figcaption{padding:9px 10px;color:var(--ink);font-size:11px;font-weight:750;line-height:1.3;}
  .quality-facts{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px;padding-left:18px;border-left:1px solid var(--line);}
  .quality-fact{display:grid;grid-template-columns:34px minmax(0,1fr);gap:9px;align-items:start;}
  .quality-fact-icon{
    display:flex;align-items:center;justify-content:center;width:34px;height:34px;border-radius:10px;
    color:var(--indigo);background:#f1edff;font-size:12px;font-weight:900;
  }
  .quality-fact strong,.quality-fact small{display:block;}
  .quality-fact strong{font-size:12.5px;line-height:1.35;}
  .quality-fact small{margin-top:3px;color:var(--muted);font-size:10.5px;line-height:1.35;}
  .certification-panel{padding:22px;}
  .certification-panel-heading{display:flex;align-items:end;justify-content:space-between;gap:18px;margin-bottom:16px;}
  .quality-panel-kicker{margin-bottom:6px;font-size:9.5px;}
  .certification-panel-heading h3{margin:0;font-size:21px;line-height:1.2;}
  .certification-panel-heading p{max-width:145px;margin:0;color:var(--muted);font-size:11px;line-height:1.4;text-align:right;}
  .certification-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px;}
  .certificate-card{
    min-width:0;padding:0;overflow:hidden;border:1px solid var(--line);border-radius:14px;
    background:var(--paper);color:var(--ink);font:inherit;text-align:left;cursor:pointer;
    transition:transform .18s ease,box-shadow .18s ease,border-color .18s ease;
  }
  .certificate-card:hover,.certificate-card:focus-visible{
    transform:translateY(-3px);border-color:var(--indigo);
    box-shadow:0 14px 30px rgba(27,23,48,.12);outline:none;
  }
  .certificate-card-image{
    display:flex;align-items:center;justify-content:center;height:170px;padding:13px;
    background:#f1f1f3;border-bottom:1px solid var(--line);
  }
  .certificate-card-image img{width:100%;height:100%;object-fit:contain;}
  .certificate-card-info{display:flex;flex-direction:column;gap:4px;padding:12px 13px 14px;}
  .certificate-card-info strong{font-size:12.5px;line-height:1.35;}
  .certificate-card-info small{color:var(--muted);font-size:10.5px;}
  .quality-process{
    display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:0;
    margin:24px 0 0;padding:16px 10px;list-style:none;
    border:1px solid var(--line);border-radius:18px;background:var(--paper);
    box-shadow:0 12px 34px rgba(27,23,48,.05);
  }
  .quality-process li{
    position:relative;display:grid;grid-template-columns:48px minmax(0,1fr);gap:12px;align-items:center;
    min-width:0;padding:4px 20px;
  }
  .quality-process li:not(:last-child){border-right:1px solid var(--line);}
  .quality-process li:not(:last-child)::after{
    content:"→";position:absolute;right:-11px;top:50%;z-index:1;transform:translateY(-50%);
    display:flex;align-items:center;justify-content:center;width:20px;height:20px;border:1px solid var(--line);
    border-radius:50%;color:var(--indigo);background:var(--paper);font-size:17px;line-height:1;
  }
  .quality-step-icon{
    display:flex;align-items:center;justify-content:center;width:48px;height:48px;border-radius:50%;
    color:var(--indigo);background:#f5f2ff;border:1px solid #e4defe;
  }
  .quality-process strong,.quality-process small{display:block;}
  .quality-process strong{font-size:12.5px;line-height:1.35;}
  .quality-process small{margin-top:4px;color:var(--muted);font-size:10.5px;line-height:1.35;}
  /* ---------- Why us ---------- */
  .whyus{
    background:#fff;border:1px solid var(--line);border-radius:16px;
    padding:48px;display:grid;grid-template-columns:1fr 1.1fr 1fr;gap:44px;align-items:center;
  }
  .whyus h3{font-size:28px;font-weight:800;margin:0 0 16px;}
  .whyus p.lead{color:var(--muted);font-size:14.5px;line-height:1.7;margin:0;}
  .whyus-video{
    min-width:0;aspect-ratio:16/9;border-radius:14px;overflow:hidden;
    background:#efedf5;box-shadow:0 10px 28px rgba(27,23,48,0.12);
  }
  .whyus-video video{display:block;width:100%;height:100%;object-fit:cover;}
  .whyus-facts{display:grid;grid-template-columns:1fr 1fr;gap:26px;}
  .fact{display:flex;gap:12px;}
  .fact .icon{
    width:38px;height:38px;flex:0 0 38px;border-radius:50%;background:#f1edff;
    display:flex;align-items:center;justify-content:center;color:var(--indigo);
  }
  .fact h5{margin:0 0 4px;font-size:14px;}
  .fact p{margin:0;font-size:12px;color:var(--muted);line-height:1.4;}

  /* ---------- WhatsApp floating button ---------- */
  .whatsapp-widget{position:fixed;top:50%;right:24px;transform:translateY(-50%);z-index:40;display:flex;flex-direction:column;align-items:flex-end;gap:12px;}
  .contact-float-row{display:flex;align-items:center;gap:10px;}
  .whatsapp-label{position:relative;background:#fff;color:var(--ink);padding:10px 18px;border-radius:14px;font-size:13px;font-weight:700;white-space:nowrap;box-shadow:0 6px 16px rgba(0,0,0,0.16);border:1.5px solid var(--ink);}
  .whatsapp-label::before{content:"";position:absolute;top:50%;right:-9px;transform:translateY(-50%);width:0;height:0;border-top:7px solid transparent;border-bottom:7px solid transparent;border-left:9px solid var(--ink);}
  .whatsapp-label::after{content:"";position:absolute;top:50%;right:-6.5px;transform:translateY(-50%);width:0;height:0;border-top:5.5px solid transparent;border-bottom:5.5px solid transparent;border-left:7px solid #fff;}
  .whatsapp-label span{display:block;font-weight:500;color:var(--muted);font-size:11.5px;margin-top:1px;}
  .whatsapp-float{
    width:60px;height:60px;flex-shrink:0;border-radius:50%;background:#25D366;
    display:flex;align-items:center;justify-content:center;
    box-shadow:0 6px 18px rgba(0,0,0,0.22);
    animation:wa-shake 3s ease-in-out infinite;
    transform-origin:50% 100%;
  }
  .whatsapp-float:hover{
    animation-play-state:paused;
    transform:scale(1.12);
    box-shadow:0 8px 22px rgba(0,0,0,0.3);
  }
  .whatsapp-float svg{width:32px;height:32px;}
  .telegram-float{width:60px;height:60px;border-radius:50%;background:#229ED9;display:flex;align-items:center;justify-content:center;box-shadow:0 6px 18px rgba(0,0,0,.22);transition:transform .2s ease,box-shadow .2s ease;}
  .telegram-float:hover{transform:scale(1.12);box-shadow:0 8px 22px rgba(0,0,0,.3);}
  .telegram-float svg{width:30px;height:30px;}
  .pin-top-btn{
    position:fixed;right:24px;bottom:24px;z-index:46;
    width:52px;height:52px;border:0;border-radius:50%;
    display:flex;align-items:center;justify-content:center;
    color:#fff;background:linear-gradient(135deg,var(--indigo),var(--pink));
    box-shadow:0 10px 26px rgba(27,23,48,.28);
    opacity:0;visibility:hidden;pointer-events:none;
    transform:translateY(16px) scale(.92);
    transition:opacity .3s ease,transform .3s ease,visibility 0s linear .3s,box-shadow .2s ease;
  }
  .pin-top-btn.is-visible{
    opacity:1;visibility:visible;pointer-events:auto;
    transform:translateY(0) scale(1);
    transition-delay:0s;
  }
  .pin-top-btn:hover{box-shadow:0 13px 30px rgba(27,23,48,.38);}
  .pin-top-btn:focus-visible{outline:3px solid rgba(91,61,245,.35);outline-offset:3px;}

  @keyframes wa-shake{
    0%, 16%, 100%{ transform:rotate(0deg); }
    2%{ transform:rotate(-16deg); }
    4%{ transform:rotate(14deg); }
    6%{ transform:rotate(-11deg); }
    8%{ transform:rotate(9deg); }
    10%{ transform:rotate(-6deg); }
    12%{ transform:rotate(4deg); }
    14%{ transform:rotate(-2deg); }
  }

  @media (prefers-reduced-motion: reduce){
    html{scroll-behavior:auto;}
    .whatsapp-float{animation:none;}
    .pin-top-btn{transition:none;}
    .strength-highlight{animation:none;}
    .mobile-nav-panel{transition:none;}
  }

  @media (max-width: 980px){
    nav.links{display:none;}
    .whatsapp-label{display:none;}
    .hero{
      min-height:440px;
    }
    .hero-background{object-position:58% center;}
    .hero::after{background:linear-gradient(105deg, rgba(251,250,248,0.98) 0%, rgba(251,250,248,0.93) 42%, rgba(251,250,248,0.62) 68%, rgba(251,250,248,0.18) 100%);}
    .hero-content{max-width:100%;padding:36px 0;}
    .trust-bar{grid-template-columns:repeat(2,1fr);}
    .product-grid{grid-template-columns:repeat(2,1fr);}
    .quality-overview{grid-template-columns:1fr;}
    .certification-grid{grid-template-columns:repeat(2,1fr);}
    .quality-main-media{aspect-ratio:16/8.5;}
    .quality-process{grid-template-columns:repeat(2,minmax(0,1fr));gap:16px 0;}
    .quality-process li:nth-child(2){border-right:0;}
    .quality-process li:nth-child(2)::after{display:none;}
    .quality-process li:nth-child(n+3){padding-top:14px;border-top:1px solid var(--line);}
    .whyus{grid-template-columns:1fr;padding:28px;}
  }
  @media (max-width:720px){
    .nav-inner{padding:12px 16px;gap:10px;}
    .nav-actions{gap:9px;}
    .btn-quote{padding:10px 15px;font-size:13px;white-space:nowrap;}
    .mobile-menu-toggle{
      width:46px;height:46px;flex:0 0 46px;padding:0;border:0;border-radius:12px;
      display:flex;flex-direction:column;align-items:center;justify-content:center;gap:5px;
      background:transparent;color:var(--ink);cursor:pointer;
      -webkit-tap-highlight-color:transparent;
    }
    .mobile-menu-toggle span{display:block;width:25px;height:2.5px;border-radius:2px;background:currentColor;}
    .mobile-menu-toggle:active{background:var(--cream);transform:scale(.94);}
    .mobile-menu-toggle:focus-visible{outline:3px solid rgba(91,61,245,.3);outline-offset:2px;}
    .pin-top-btn{right:16px;bottom:18px;width:48px;height:48px;}
    .quality-heading{margin-bottom:24px;text-align:left;}
    .quality-heading h2{font-size:34px;}
    .quality-overview{gap:18px;}
    .quality-evidence,.certification-panel{border-radius:18px;}
    .quality-main-media{aspect-ratio:4/3;}
    .quality-media-badge{top:14px;left:14px;}
    .quality-evidence-body{grid-template-columns:1fr;padding:14px;}
    .quality-gallery img{height:112px;}
    .quality-facts{padding:14px 0 0;border-top:1px solid var(--line);border-left:0;}
    .certification-panel{order:-1;padding:16px;}
    .certification-panel-heading{display:block;}
    .certification-panel-heading p{max-width:none;margin-top:7px;text-align:left;}
    .quality-process{grid-template-columns:1fr;padding:6px 16px;}
    .quality-process li{padding:14px 0;border-right:0!important;border-top:1px solid var(--line);}
    .quality-process li:first-child{border-top:0;}
    .quality-process li::after{display:none!important;}
  }
  @media (max-width:430px){
    .logo{font-size:22px;gap:8px;}
    .logo-mark{width:42px;height:42px;flex-basis:42px;border-radius:11px;}
    .logo .tag{font-size:8px;letter-spacing:2.2px;}
    .btn-quote{padding:9px 11px;font-size:12px;}
    .nav-actions{gap:5px;}
    .mobile-menu-toggle{width:42px;height:42px;flex-basis:42px;}
    .mobile-menu-toggle span{width:23px;}
    .mobile-nav-links{margin-top:28px;}
    .mobile-nav-links a{min-height:70px;font-size:20px;}
  }
  @media (prefers-color-scheme: dark){
    :root{color-scheme:dark;--ink:#f5f2ff;--indigo:#8e79ff;--indigo-dark:#100c24;--cream:#121021;--paper:#1d1933;--line:#3a3453;--muted:#c8c2dc;--hero-copy:#ded9ee;}
    .hero::after{background:linear-gradient(to right,rgba(18,16,33,.98) 0%,rgba(18,16,33,.92) 32%,rgba(18,16,33,.52) 55%,rgba(18,16,33,.08) 72%);}
    .trust-bar,.product-card,.whyus,.btn-secondary,.whatsapp-label,.quality-evidence,.certification-panel,.quality-process{background:#211d39;}
    .product-card:hover,.product-card:focus-visible{box-shadow:0 10px 24px rgba(0,0,0,.35);}
    .certificate-card-image{background:#161329;}
    .quality-fact-icon,.quality-step-icon{background:#292143;border-color:#514a6a;}
    @media (max-width:980px){.hero::after{background:linear-gradient(105deg,rgba(18,16,33,.98) 0%,rgba(18,16,33,.93) 42%,rgba(18,16,33,.62) 68%,rgba(18,16,33,.18) 100%);}}
  }
  :root[data-theme="dark"]{color-scheme:dark;--ink:#f5f2ff;--indigo:#8e79ff;--indigo-dark:#100c24;--cream:#121021;--paper:#1d1933;--line:#3a3453;--muted:#c8c2dc;--hero-copy:#ded9ee;}
  :root[data-theme="dark"] .hero::after{background:linear-gradient(to right,rgba(18,16,33,.98) 0%,rgba(18,16,33,.92) 32%,rgba(18,16,33,.52) 55%,rgba(18,16,33,.08) 72%);}
  :root[data-theme="dark"] .trust-bar,:root[data-theme="dark"] .product-card,:root[data-theme="dark"] .whyus,:root[data-theme="dark"] .btn-secondary,:root[data-theme="dark"] .whatsapp-label,:root[data-theme="dark"] .quality-evidence,:root[data-theme="dark"] .certification-panel,:root[data-theme="dark"] .quality-process{background:#211d39;}
  :root[data-theme="dark"] .certificate-card-image{background:#161329;}
  :root[data-theme="dark"] .quality-fact-icon,:root[data-theme="dark"] .quality-step-icon{background:#292143;border-color:#514a6a;}
  @media (max-width:980px){:root[data-theme="dark"] .hero::after{background:linear-gradient(105deg,rgba(18,16,33,.98) 0%,rgba(18,16,33,.93) 42%,rgba(18,16,33,.62) 68%,rgba(18,16,33,.18) 100%);}}
  /* ---------- Contact package ---------- */
  .whatsapp-widget{right:18px;display:flex;flex-direction:column;align-items:center;gap:10px;padding:13px 10px 10px;background:var(--paper);border:1px solid var(--line);border-radius:28px;box-shadow:0 10px 26px rgba(27,23,48,.18);animation:contact-package-shake 4s ease-in-out infinite;}
  .contact-float-row{display:contents;}
  .contact-reminder{color:var(--ink);font-size:11px;font-weight:800;line-height:1.25;text-align:center;max-width:92px;}
  .contact-reminder span{display:block;font-size:10px;font-weight:500;color:var(--muted);margin-top:2px;}
  .whatsapp-float{animation:none;}
  @keyframes contact-package-shake{0%,82%,100%{transform:translateY(-50%) rotate(0deg);}84%{transform:translateY(-50%) rotate(-4deg);}86%{transform:translateY(-50%) rotate(4deg);}88%{transform:translateY(-50%) rotate(-3deg);}90%{transform:translateY(-50%) rotate(2deg);}}
  @media (prefers-reduced-motion: reduce){.whatsapp-widget{animation:none;}}
  @media (max-width:560px){.whatsapp-widget{right:12px;gap:8px;padding:10px 8px 8px;border-radius:22px;}.contact-reminder{font-size:10px;max-width:76px;}.whatsapp-float,.telegram-float{width:52px;height:52px;}.whatsapp-float svg,.telegram-float svg{width:26px;height:26px;}}

.product-thumb img{width:100%;height:100%;object-fit:cover;}

/* ---------- Certification viewer ---------- */
.certification-trigger{
  width:100%;
  padding:0;
  border:0;
  color:inherit;
  background:transparent;
  font:inherit;
  text-align:left;
  cursor:pointer;
  border-radius:10px;
}
.certification-trigger:hover h4{color:var(--indigo);}
.certification-trigger:focus-visible{
  outline:3px solid color-mix(in srgb,var(--indigo) 35%,transparent);
  outline-offset:6px;
}
.certification-modal{
  position:fixed;
  inset:0;
  z-index:200;
  display:flex;
  align-items:center;
  justify-content:center;
  padding:24px;
  background:rgba(18,16,33,.72);
  backdrop-filter:blur(8px);
}
.certification-modal[hidden]{display:none;}
.certification-dialog{
  position:relative;
  width:min(1180px,100%);
  max-height:calc(100vh - 48px);
  padding:32px;
  overflow:auto;
  border:1px solid var(--line);
  border-radius:22px;
  background:var(--paper);
  box-shadow:0 28px 80px rgba(18,16,33,.32);
}
.certification-close{
  position:absolute;
  top:14px;
  right:16px;
  z-index:5;
  width:42px;
  height:42px;
  border:1px solid var(--line);
  border-radius:50%;
  background:var(--paper);
  color:var(--ink);
  font:400 30px/1 Arial,sans-serif;
  cursor:pointer;
  transition:transform .18s ease,color .18s ease,border-color .18s ease,box-shadow .18s ease;
}
.certification-close:hover{color:var(--indigo);border-color:var(--indigo);transform:scale(1.05);}
.certification-close:focus-visible{outline:3px solid rgba(91,61,245,.28);outline-offset:2px;}
.certification-layout{
  display:grid;
  grid-template-columns:minmax(0,1.35fr) minmax(280px,.65fr);
  gap:38px;
  min-height:min(720px,calc(100vh - 112px));
}
.certificate-visual{
  position:relative;
  display:flex;
  align-items:center;
  justify-content:center;
  min-width:0;
  padding:22px 68px;
  border-radius:18px;
  background:#f1f1f3;
}
.certificate-image-frame{
  display:flex;
  align-items:center;
  justify-content:center;
  width:100%;
  height:100%;
  min-height:520px;
}
.certificate-image-frame img{
  display:block;
  max-width:100%;
  max-height:min(690px,calc(100vh - 148px));
  width:auto;
  height:auto;
  object-fit:contain;
  box-shadow:0 10px 32px rgba(27,23,48,.12);
}
.certificate-arrow{
  position:absolute;
  top:50%;
  z-index:3;
  width:46px;
  height:46px;
  transform:translateY(-50%);
  border:1px solid #c8c5d1;
  border-radius:50%;
  background:rgba(255,255,255,.92);
  color:#5e5a6e;
  font:300 38px/1 Arial,sans-serif;
  cursor:pointer;
  box-shadow:0 5px 18px rgba(27,23,48,.12);
  transition:transform .18s ease,color .18s ease,border-color .18s ease,box-shadow .18s ease;
}
.certificate-arrow:hover,
.certificate-arrow:focus-visible{
  border-color:var(--indigo);
  color:var(--indigo);
  box-shadow:0 8px 24px rgba(91,61,245,.2);
}
.certificate-arrow-prev{left:20px;}
.certificate-arrow-next{right:20px;}
.certificate-info{
  display:flex;
  flex-direction:column;
  min-width:0;
  padding:72px 28px 28px 0;
}
.certificate-count{
  margin-bottom:auto;
  color:var(--muted);
  font-size:13px;
  font-weight:700;
  letter-spacing:.12em;
}
.certificate-details{display:flex;flex-direction:column;gap:38px;}
.certificate-detail span{
  display:block;
  margin-bottom:9px;
  color:var(--muted);
  font-size:15px;
  font-weight:600;
}
.certificate-detail h3,
.certificate-detail p{
  margin:0;
  color:var(--ink);
  font-weight:800;
  line-height:1.3;
}
.certificate-detail h3{font-size:clamp(24px,3vw,38px);}
.certificate-detail p{font-size:clamp(20px,2.2vw,30px);}
body.certification-modal-open{overflow:hidden;}

@media (prefers-color-scheme:dark){
  .certificate-visual{background:#161329;}
  .certificate-arrow{background:rgba(33,29,57,.94);color:#ded9ef;border-color:#514a6a;}
}
:root[data-theme="dark"] .certificate-visual{background:#161329;}
:root[data-theme="dark"] .certificate-arrow{background:rgba(33,29,57,.94);color:#ded9ef;border-color:#514a6a;}

@media (max-width:760px){
  .certification-modal{
    padding:
      max(12px,env(safe-area-inset-top))
      max(12px,env(safe-area-inset-right))
      max(12px,env(safe-area-inset-bottom))
      max(12px,env(safe-area-inset-left));
  }
  .certification-dialog{
    max-height:calc(100vh - 24px);
    max-height:calc(100dvh - 24px);
    padding:64px 14px 20px;
    border-radius:22px;
  }
  .certification-close{
    top:12px;right:12px;width:44px;height:44px;border-radius:14px;
    border:1px solid rgba(91,61,245,.18);
    background:linear-gradient(145deg,#fff,#f1edff);
    color:var(--indigo);font-size:0;
    box-shadow:0 8px 24px rgba(27,23,48,.16),inset 0 1px 0 rgba(255,255,255,.9);
  }
  .certification-close::before,.certification-close::after{
    content:"";position:absolute;top:50%;left:50%;width:18px;height:2px;border-radius:2px;
    background:currentColor;
  }
  .certification-close::before{transform:translate(-50%,-50%) rotate(45deg);}
  .certification-close::after{transform:translate(-50%,-50%) rotate(-45deg);}
  .certification-close:active{transform:scale(.94);}
  .certification-layout{grid-template-columns:1fr;gap:22px;min-height:0;}
  .certificate-visual{padding:16px 54px;min-height:430px;border-radius:16px;}
  .certificate-image-frame{min-height:398px;}
  .certificate-image-frame img{max-height:54vh;}
  .certificate-arrow{
    display:flex;align-items:center;justify-content:center;
    width:46px;height:46px;padding:0;border:1px solid rgba(255,255,255,.52);
    background:linear-gradient(135deg,var(--indigo),#7658ff);color:#fff;
    font-size:36px;font-weight:400;line-height:1;
    box-shadow:0 9px 24px rgba(91,61,245,.32);
    touch-action:manipulation;-webkit-tap-highlight-color:transparent;
  }
  .certificate-arrow:hover,.certificate-arrow:focus-visible{
    color:#fff;border-color:#fff;transform:translateY(-50%) scale(1.06);
  }
  .certificate-arrow:active{transform:translateY(-50%) scale(.92);}
  .certificate-arrow-prev{left:7px;}
  .certificate-arrow-next{right:7px;}
  .certificate-info{padding:0 4px 6px;}
  .certificate-count{margin:0 0 22px;}
  .certificate-details{gap:22px;}
  .certificate-detail h3{font-size:22px;}
  .certificate-detail p{font-size:18px;}
}

@media (max-width:760px) and (prefers-color-scheme:dark){
  .certification-close{
    background:linear-gradient(145deg,#322b50,#211d39);
    color:#f5f2ff;border-color:#514a6a;
    box-shadow:0 8px 24px rgba(0,0,0,.32),inset 0 1px 0 rgba(255,255,255,.08);
  }
}
@media (max-width:760px){
  :root[data-theme="dark"] .certification-close{
    background:linear-gradient(145deg,#322b50,#211d39);
    color:#f5f2ff;border-color:#514a6a;
    box-shadow:0 8px 24px rgba(0,0,0,.32),inset 0 1px 0 rgba(255,255,255,.08);
  }
}

@media (max-width:560px){
  .certification-grid{grid-template-columns:1fr;}
  .certificate-card{display:grid;grid-template-columns:120px minmax(0,1fr);align-items:stretch;}
  .certificate-card-image{height:150px;padding:10px;border-bottom:0;border-right:1px solid var(--line);}
  .certificate-card-info{justify-content:center;}
}

/* ---------- 2026-08 mobile-first B2B conversion update ---------- */
.hero{cursor:default;min-height:560px;}
.hero-badge{
  display:inline-flex;align-items:center;gap:8px;margin-bottom:18px;padding:8px 13px;
  border:1px solid rgba(91,61,245,.22);border-radius:999px;background:rgba(255,255,255,.78);
  color:var(--indigo);font-size:12px;font-weight:800;letter-spacing:.08em;text-transform:uppercase;
  box-shadow:0 8px 24px rgba(27,23,48,.07);backdrop-filter:blur(8px);
}
.hero-badge::before{content:"";width:8px;height:8px;border-radius:50%;background:#25b96f;box-shadow:0 0 0 4px rgba(37,185,111,.14);}
.hero h1 .accent{display:block;}
.hero-features{display:flex;flex-wrap:wrap;gap:10px 18px;margin:0 0 26px;padding:0;list-style:none;color:var(--ink);font-size:13px;font-weight:750;}
.hero-features li{display:flex;align-items:center;gap:7px;}
.hero-features li::before{content:"✓";display:grid;place-items:center;width:20px;height:20px;border-radius:50%;background:#e9fff3;color:#158852;font-size:12px;font-weight:900;}
.btn-whatsapp{border-color:#25b96f;color:#157848;}
.btn-whatsapp:hover{border-color:#25b96f;background:#effff6;color:#12693f;}

.trust-bar{grid-template-columns:repeat(6,minmax(0,1fr));gap:0;}
.trust-item{min-width:0;}
.trust-item .icon{font-size:20px;}

.sample-program{padding:20px 32px 8px;}
.sample-program-inner{
  position:relative;display:grid;grid-template-columns:minmax(0,1.25fr) minmax(360px,.75fr);gap:48px;align-items:center;
  max-width:1200px;margin:0 auto;padding:42px 48px;overflow:hidden;border-radius:24px;
  color:#fff;background:linear-gradient(125deg,#33206f 0%,#5b3df5 57%,#8b5cf6 100%);
  box-shadow:0 18px 46px rgba(63,40,168,.2);
}
.sample-program-inner::after{content:"";position:absolute;right:-80px;top:-110px;width:300px;height:300px;border-radius:50%;background:rgba(255,255,255,.09);}
.sample-copy{position:relative;z-index:1;}
.sample-eyebrow{display:block;margin-bottom:8px;color:#e8e0ff;font-size:12px;font-weight:800;letter-spacing:.1em;text-transform:uppercase;}
.sample-program h2{margin:0 0 12px;font-size:clamp(28px,4vw,42px);line-height:1.08;}
.sample-program p{max-width:660px;margin:0 0 24px;color:#f3efff;font-size:14px;line-height:1.65;}
.sample-cta{display:inline-flex;align-items:center;justify-content:center;min-height:46px;padding:11px 20px;border-radius:10px;background:#fff;color:#4d32d2;font-size:14px;font-weight:850;box-shadow:0 8px 22px rgba(27,23,48,.2);}
.sample-cta:hover{transform:translateY(-2px);}
.sample-benefits{position:relative;z-index:1;display:grid;grid-template-columns:repeat(3,1fr);gap:10px;}
.sample-benefits div{display:flex;min-width:0;min-height:108px;flex-direction:column;align-items:center;justify-content:center;padding:15px 8px;border:1px solid rgba(255,255,255,.24);border-radius:16px;background:rgba(255,255,255,.12);text-align:center;backdrop-filter:blur(6px);}
.sample-benefits strong{font-size:22px;line-height:1.1;}
.sample-benefits span{margin-top:6px;color:#eee9ff;font-size:11px;font-weight:700;}

.product-card .info{padding-bottom:17px;}
.product-note{display:inline-flex;margin-top:9px;padding:5px 8px;border-radius:6px;background:#f1edff;color:var(--indigo);font-size:10px;font-weight:800;letter-spacing:.02em;}
.mobile-bottom-cta{display:none;}

/* Skip layout and paint work for substantial off-screen sections. */
.sample-program,.reference-after-sample,.quality-evidence,.whyus{
  content-visibility:auto;
  contain-intrinsic-size:auto 640px;
}

@media (max-width:1100px){
  .trust-bar{grid-template-columns:repeat(3,minmax(0,1fr));}
  .trust-item:nth-child(3){border-right:0;}
  .sample-program-inner{grid-template-columns:1fr;gap:28px;}
  .sample-benefits{max-width:520px;}
}

@media (max-width:720px){
  .utility-bar{display:none;}
  .main-nav{position:sticky;top:0;z-index:60;}
  .hero{min-height:auto;padding:0;}
  .hero-background{object-position:64% center;}
  .hero::after{background:linear-gradient(105deg,rgba(251,250,248,.99) 0%,rgba(251,250,248,.96) 56%,rgba(251,250,248,.66) 82%,rgba(251,250,248,.35) 100%);}
  .hero-inner{padding:0 18px;}
  .hero-content{padding:44px 0 48px;}
  .hero-badge{margin-bottom:15px;padding:7px 11px;font-size:10px;}
  .hero h1{max-width:420px;margin-bottom:15px;font-size:clamp(34px,10vw,46px);line-height:1.04;}
  .hero p.desc{max-width:420px;margin-bottom:20px;font-size:14px;line-height:1.55;}
  .hero-features{display:grid;grid-template-columns:1fr;gap:9px;margin-bottom:24px;font-size:12px;}
  .hero-ctas{display:grid;grid-template-columns:1fr 1fr;gap:10px;max-width:430px;}
  .hero-ctas a{min-width:0;padding:13px 9px;text-align:center;font-size:12px;}

  .trust-bar{grid-template-columns:repeat(2,minmax(0,1fr));gap:10px;padding:18px 14px 22px;background:var(--cream);}
  .trust-item,.trust-item:nth-child(3){display:block;padding:16px 10px;border:1px solid var(--line)!important;border-radius:14px;background:var(--paper);text-align:center;}
  .trust-item .icon{display:flex;margin:0 auto 9px;}
  .trust-item h4{font-size:12px;line-height:1.25;}
  .trust-item p{display:none;}

  .sample-program{padding:8px 14px 12px;}
  .sample-program-inner{gap:24px;padding:30px 22px;border-radius:20px;}
  .sample-program h2{font-size:30px;}
  .sample-program p{font-size:13px;}
  .sample-cta{width:100%;}
  .sample-benefits{gap:7px;}
  .sample-benefits div{min-height:82px;padding:10px 5px;border-radius:12px;}
  .sample-benefits strong{font-size:17px;}
  .sample-benefits span{font-size:9px;}

  .section{padding-left:14px;padding-right:14px;}
  .section-head{align-items:flex-end;gap:12px;}
  .section-head h2{font-size:28px;}
  .product-grid{gap:12px;}
  .product-card .info{padding:13px 12px 15px;}
  .product-card .info h4{font-size:13px;}
  .product-card .info p{font-size:10.5px;line-height:1.45;}
  .product-note{font-size:9px;}

  .whatsapp-widget{display:none;}
  .pin-top-btn{bottom:calc(82px + env(safe-area-inset-bottom));}
  body{padding-bottom:calc(72px + env(safe-area-inset-bottom));}
  .mobile-bottom-cta{
    position:fixed;left:0;right:0;bottom:0;z-index:80;display:grid;grid-template-columns:1fr 1fr;gap:9px;
    padding:10px max(12px,env(safe-area-inset-right)) calc(10px + env(safe-area-inset-bottom)) max(12px,env(safe-area-inset-left));
    border-top:1px solid var(--line);background:color-mix(in srgb,var(--paper) 94%,transparent);box-shadow:0 -8px 28px rgba(27,23,48,.14);backdrop-filter:blur(14px);
  }
  .mobile-bottom-cta a{display:flex;align-items:center;justify-content:center;min-height:48px;padding:10px 8px;border-radius:11px;font-size:12px;font-weight:850;text-align:center;}
  .mobile-whatsapp{border:1px solid #21ad5f;background:#effff5;color:#137240;}
  .mobile-samples{background:linear-gradient(135deg,var(--indigo),#7658ff);color:#fff;box-shadow:0 6px 18px rgba(91,61,245,.25);}
}

/* HTML intrinsic dimensions prevent layout shift, while these component
   dimensions keep the three factory thumbnails visually consistent. */
@media (max-width:720px){
  .mobile-factory-gallery img{
    width:100%;
    height:auto;
    aspect-ratio:1.28/1;
    object-fit:cover;
  }
}

@media (max-width:390px){
  .logo-copy{font-size:19px;}
  .btn-quote{display:none;}
  .hero-ctas{grid-template-columns:1fr;}
}

@media (prefers-color-scheme:dark){
  .hero-badge{background:rgba(33,29,57,.82);}
  .hero-features li::before{background:#183a2b;color:#75e6a9;}
  .product-note{background:#292143;}
  @media (max-width:720px){
    .hero::after{background:linear-gradient(105deg,rgba(18,16,33,.99) 0%,rgba(18,16,33,.96) 56%,rgba(18,16,33,.7) 82%,rgba(18,16,33,.42) 100%);}
  }
}
:root[data-theme="dark"] .hero-badge{background:rgba(33,29,57,.82);}
:root[data-theme="dark"] .hero-features li::before{background:#183a2b;color:#75e6a9;}
:root[data-theme="dark"] .product-note{background:#292143;}
@media (max-width:720px){
  :root[data-theme="dark"] .hero::after{background:linear-gradient(105deg,rgba(18,16,33,.99) 0%,rgba(18,16,33,.96) 56%,rgba(18,16,33,.7) 82%,rgba(18,16,33,.42) 100%);}
}

/* ---------- Pixel-matched mobile homepage reference ---------- */
.mobile-header-whatsapp{display:none;}

@media (max-width:720px){
  :root{color-scheme:light dark;}
  body{background:#f8f8fb;color:#13111f;}

  header.main-nav,
  :root[data-theme="dark"] header.main-nav{
    height:68px;background:linear-gradient(100deg,#06060d 0%,#10101d 100%);border:0;
    box-shadow:none;
  }
  .nav-inner{height:68px;padding:9px 22px;gap:12px;}
  .logo{gap:9px;font-size:23px;color:#8166ff;}
  .logo-mark{width:42px;height:42px;flex-basis:42px;border-radius:0;box-shadow:none;}
  .logo .tag{margin-top:3px;color:#fff;font-size:7px;letter-spacing:2.3px;font-weight:700;}
  .nav-actions{gap:16px;}
  .btn-quote{display:none;}
  .mobile-header-whatsapp{
    display:flex;align-items:center;justify-content:center;width:43px;height:43px;flex:0 0 43px;
    border:2px solid rgba(255,255,255,.2);border-radius:50%;background:linear-gradient(145deg,#36db70,#20b858);
    color:#fff;box-shadow:0 5px 16px rgba(36,199,94,.32);
  }
  .mobile-header-whatsapp svg{width:24px;height:24px;}
  .mobile-menu-toggle{width:34px;height:43px;flex-basis:34px;gap:5px;color:#fff;border-radius:0;}
  .mobile-menu-toggle span{width:27px;height:2.5px;background:#fff;}

  .hero,
  :root[data-theme="dark"] .hero{
    min-height:580px;padding:0;color:#fff;background:#090812;align-items:stretch;
  }
  .hero-background{object-position:58% center;filter:saturate(.94) contrast(1.04);}
  .hero::after,
  :root[data-theme="dark"] .hero::after{
    background:
      linear-gradient(90deg,rgba(7,6,18,.98) 0%,rgba(8,7,20,.9) 43%,rgba(8,7,20,.45) 74%,rgba(8,7,20,.22) 100%),
      linear-gradient(0deg,rgba(8,7,20,.68) 0%,rgba(8,7,20,.08) 48%,rgba(8,7,20,.34) 100%);
  }
  .hero-inner{padding:0 22px;}
  .hero-content{max-width:340px;padding:30px 0 25px;}
  .hero-badge,
  :root[data-theme="dark"] .hero-badge{
    margin:0 0 12px;padding:6px 10px;border:1px solid rgba(154,125,255,.28);
    border-radius:999px;background:rgba(86,59,163,.46);color:#fff;box-shadow:none;
    font-size:10px;line-height:1;letter-spacing:.01em;text-transform:none;backdrop-filter:blur(8px);
  }
  .hero-badge::before{width:9px;height:9px;background:transparent;box-shadow:none;border:1.5px solid #a88cff;}
  .hero h1{max-width:315px;margin:0 0 10px;color:#fff;font-size:39px;line-height:1.08;letter-spacing:-.035em;font-weight:850;}
  .hero h1 .accent{color:#805cff;}
  .hero p.desc{margin:0 0 20px;color:#fff;font-size:15px;font-weight:700;line-height:1.35;}
  .hero-features{display:grid;grid-template-columns:1fr;gap:9px;margin:0 0 21px;color:#fff;font-size:12px;font-weight:650;}
  .hero-features li{gap:9px;}
  .hero-features li::before,
  :root[data-theme="dark"] .hero-features li::before{
    width:19px;height:19px;flex:0 0 19px;background:#7657f4;color:#fff;box-shadow:0 3px 10px rgba(105,73,237,.35);font-size:11px;
  }
  .hero-ctas{display:grid;grid-template-columns:1fr;gap:10px;width:310px;max-width:100%;}
  .hero-ctas a{width:100%;min-height:48px;padding:12px 16px;border-radius:9px;font-size:13px;font-weight:800;}
  .hero-ctas .btn-primary{justify-content:space-between;border:1px solid rgba(255,255,255,.12);background:linear-gradient(100deg,#6b46ef,#8a6aff);box-shadow:0 8px 24px rgba(100,67,232,.36);}
  .hero-ctas .btn-primary span:last-child{font-size:22px;font-weight:400;}
  .hero-ctas .btn-whatsapp{justify-content:center;gap:9px;border:1px solid #805cff;background:rgba(12,11,26,.72);color:#fff;}
  .wa-small-icon{display:inline-grid;place-items:center;width:19px;height:19px;border:1px solid #fff;border-radius:50%;font-size:8px;}
  .buyer-proof{display:flex;align-items:center;gap:11px;margin-top:18px;color:#fff;}
  .buyer-avatars{display:flex;padding-left:3px;}
  .buyer-avatars span{
    display:grid;place-items:center;width:29px;height:29px;margin-left:-6px;border:2px solid #fff;border-radius:50%;
    color:#fff;background:linear-gradient(145deg,#c49472,#615168);font-size:9px;font-weight:850;box-shadow:0 3px 8px rgba(0,0,0,.3);
  }
  .buyer-avatars span:first-child{margin-left:0;background:linear-gradient(145deg,#c9a08a,#4c4459);}
  .buyer-avatars span:nth-child(2){background:linear-gradient(145deg,#8678b5,#2f2c49);}
  .buyer-avatars span:nth-child(3){background:linear-gradient(145deg,#dbb28d,#6b493e);}
  .buyer-avatars span:nth-child(4){background:#6e52ef;}
  .buyer-proof p{margin:0;color:#fff;font-size:9.5px;font-weight:700;line-height:1.35;}

  .trust-bar,
  :root[data-theme="dark"] .trust-bar{
    position:relative;z-index:4;grid-template-columns:repeat(3,minmax(0,1fr));gap:24px 8px;
    margin:-1px 16px 28px;padding:27px 10px 24px;border:0;border-radius:17px;background:#fff;
    box-shadow:0 15px 38px rgba(28,25,47,.1);
  }
  .trust-item,.trust-item:nth-child(3),
  :root[data-theme="dark"] .trust-item{
    display:flex;flex-direction:column;align-items:center;justify-content:flex-start;gap:7px;min-width:0;
    padding:0 3px;border:0!important;border-radius:0;background:transparent;text-align:center;
  }
  .trust-item .icon{display:flex;width:38px;height:38px;flex:0 0 38px;margin:0;background:transparent;color:#7b5cff;}
  .trust-item .icon svg{width:29px;height:29px;}
  .trust-item h4{margin:0;color:#171424;font-size:10.5px;line-height:1.2;font-weight:850;}
  .trust-item p{display:block;margin:2px 0 0;color:#736e8d;font-size:8px;line-height:1.25;}

  .section{padding:0 17px 45px;}
  .section-head{margin-bottom:16px;align-items:center;}
  .section-head h2{color:#15121f;font-size:20px;line-height:1.2;}
  .section-head a{font-size:11px;}
  .product-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:8px;}
  .product-card{border:0;border-radius:8px;background:#fff;box-shadow:0 7px 18px rgba(29,26,49,.08);}
  .product-card:nth-child(n+5){display:none;}
  .product-thumb{height:auto;aspect-ratio:1/1;}
  .product-card .info{padding:9px 5px 10px;text-align:center;}
  .product-card .info h4{margin-bottom:4px;overflow:hidden;color:#181522;font-size:9.5px;line-height:1.2;white-space:nowrap;text-overflow:ellipsis;}
  .product-card .info p{overflow:hidden;color:#7b7591;font-size:7.5px;line-height:1.2;white-space:nowrap;text-overflow:ellipsis;}
  .product-note{display:none;}

  .sample-program{padding:0 16px 28px;}
  .sample-program-inner,
  :root[data-theme="dark"] .sample-program-inner{
    display:flex;flex-direction:column;gap:0;padding:25px 22px 22px;border:0;border-radius:16px;
    color:#171422;background:#fff;box-shadow:0 12px 32px rgba(29,26,49,.09);text-align:center;
  }
  .sample-program-inner::after{display:none;}
  .sample-copy{width:100%;}
  .sample-program h2{margin:0 0 5px;color:#171422;font-size:20px;line-height:1.2;}
  .sample-program p{margin:0;color:#736e8d;font-size:11px;line-height:1.5;}
  .sample-benefits{width:100%;max-width:none;margin:23px 0 20px;gap:8px;}
  .sample-benefits div{min-height:86px;padding:5px;border:0;background:transparent;backdrop-filter:none;}
  .sample-benefits .sample-icon{display:grid;place-items:center;width:34px;height:34px;margin-bottom:7px;color:#795cff;font-size:27px;line-height:1;}
  .sample-benefits strong{color:#181522;font-size:13px;line-height:1.2;}
  .sample-benefits span:last-child{margin-top:2px;color:#736e8d;font-size:8.5px;}
  .sample-cta{display:flex;justify-content:space-between;width:100%;min-height:42px;padding:10px 18px;border-radius:9px;background:linear-gradient(100deg,#6b46ef,#8b6bff);color:#fff;font-size:11px;box-shadow:0 7px 18px rgba(98,67,228,.25);}

  .mobile-bottom-cta,
  :root[data-theme="dark"] .mobile-bottom-cta{
    gap:12px;padding:12px max(17px,env(safe-area-inset-right)) calc(12px + env(safe-area-inset-bottom)) max(17px,env(safe-area-inset-left));
    border:0;background:#101020;box-shadow:0 -8px 24px rgba(12,10,28,.22);backdrop-filter:none;
  }
  .mobile-bottom-cta a{min-height:58px;border:0;border-radius:10px;color:#fff;flex-direction:column;gap:3px;}
  .mobile-bottom-cta strong{font-size:12px;line-height:1.1;}
  .mobile-bottom-cta small{font-size:9px;font-weight:500;opacity:.82;}
  .mobile-whatsapp{background:linear-gradient(135deg,#21b658,#26ce65);}
  .mobile-samples{background:linear-gradient(135deg,#6946ee,#8b6bff);}
}

@media (max-width:370px){
  .nav-inner{padding-left:16px;padding-right:16px;}
  .logo{font-size:21px;}
  .logo-mark{width:38px;height:38px;flex-basis:38px;}
  .nav-actions{gap:11px;}
  .hero-inner{padding:0 18px;}
  .hero-content{max-width:310px;}
  .hero h1{font-size:36px;}
  .hero-ctas{width:100%;}
}

/* ---------- Reference sections after Free Sample Program ---------- */
.reference-after-sample{display:none;}

@media (max-width:720px){
  .reference-after-sample{display:block;padding:0 16px 38px;}
  .reference-after-sample h2{margin:0;color:#171422;font-size:20px;line-height:1.2;text-align:center;font-weight:850;}
  .reference-after-sample p{color:#736e8d;text-align:center;}
  .quality-showcase,#reliableSupplier{display:none;}
  #mobileQuality,#mobileFactory,#mobileCertifications{scroll-margin-top:82px;}

  .mobile-quality-card{
    padding:28px 20px 20px;border-radius:16px;background:#fff;
    box-shadow:0 12px 32px rgba(29,26,49,.09);
  }
  .mobile-quality-steps{display:grid;gap:17px;margin:24px 0 22px;padding:0;list-style:none;}
  .mobile-quality-steps li{display:grid;grid-template-columns:42px minmax(0,1fr);gap:12px;align-items:center;}
  .mobile-step-icon{
    display:grid;place-items:center;width:42px;height:42px;border-radius:50%;
    color:#795cff;background:#f0ecff;
  }
  .mobile-step-icon svg{width:24px;height:24px;}
  .mobile-quality-steps strong,.mobile-quality-steps small{display:block;}
  .mobile-quality-steps strong{color:#171422;font-size:12px;line-height:1.25;}
  .mobile-quality-steps small{margin-top:3px;color:#736e8d;font-size:9.5px;line-height:1.3;}
  .mobile-section-link{display:block;color:#795cff;font-size:10px;font-weight:800;text-align:center;}

  .mobile-factory{padding:37px 0 34px;}
  .mobile-factory > p{margin:6px 0 18px;font-size:10px;}
  .mobile-factory > p strong{color:#171422;}
  .mobile-factory-gallery{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:8px;}
  .mobile-factory-gallery img{width:100%;aspect-ratio:1.28/1;object-fit:cover;border-radius:9px;box-shadow:0 5px 15px rgba(29,26,49,.1);}
  .mobile-factory-cta{
    display:flex;align-items:center;justify-content:center;gap:6px;width:max-content;min-height:34px;
    margin:12px auto 0;padding:7px 16px;border-radius:9px;background:linear-gradient(100deg,#6b46ef,#8b6bff);
    color:#fff;font-size:9px;font-weight:800;box-shadow:0 7px 18px rgba(98,67,228,.23);
  }
  .mobile-factory-cta span{display:grid;place-items:center;width:15px;height:15px;border:1px solid rgba(255,255,255,.8);border-radius:50%;font-size:6px;}

  .mobile-certifications{
    padding:27px 11px 20px;border-radius:16px;background:#fff;
    box-shadow:0 12px 32px rgba(29,26,49,.09);
  }
  .mobile-certifications > p{margin:6px 0 17px;font-size:10px;}
  .mobile-certificate-strip{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:7px;}
  .mobile-certificate{
    min-width:0;padding:0 0 8px;overflow:hidden;border:1px solid #eceaf2;border-radius:8px;
    background:#fff;color:#171422;font:inherit;box-shadow:0 4px 13px rgba(29,26,49,.06);cursor:pointer;
  }
  .mobile-certificate span{display:flex;height:92px;padding:5px;background:#f8f8fa;}
  .mobile-certificate img{width:100%;height:100%;object-fit:contain;}
  .mobile-certificate strong{display:block;margin-top:7px;overflow:hidden;font-size:8.5px;line-height:1.1;white-space:nowrap;text-overflow:ellipsis;}
  .mobile-certifications .mobile-section-link{margin-top:18px;}
}

@media (max-width:370px){
  .reference-after-sample{padding-left:12px;padding-right:12px;}
  .mobile-quality-card{padding-left:17px;padding-right:17px;}
  .mobile-certificate span{height:82px;}
}

/* ---------- Sample + quality continuous panel refinement ---------- */
@media (max-width:720px){
  .sample-program{padding:0 16px;}
  .sample-program-inner,
  :root[data-theme="dark"] .sample-program-inner{
    padding:29px 22px 28px;border-radius:16px 16px 0 0;
    box-shadow:0 -8px 30px rgba(29,26,49,.07),8px 0 24px rgba(29,26,49,.035),-8px 0 24px rgba(29,26,49,.035);
  }
  .sample-program h2{font-size:20px;letter-spacing:-.015em;}
  .sample-program p{font-size:11px;line-height:1.48;}
  .sample-benefits{margin:28px 0 24px;}
  .sample-benefits div{min-height:90px;}
  .sample-benefits .sample-icon{width:40px;height:40px;margin-bottom:9px;font-size:0;}
  .sample-benefits .sample-icon svg{width:36px;height:36px;}
  .sample-benefits strong{font-size:14px;}
  .sample-benefits span:last-child{font-size:9px;}
  .sample-cta{min-height:44px;padding:10px 18px;font-size:11px;}
  .sample-cta b{margin-left:5px;font-size:15px;font-weight:500;}
  .sample-cta > span:last-child{font-size:20px;font-weight:400;}

  .reference-after-sample{padding:0 16px 38px;}
  .mobile-quality-card{
    margin:0;padding:43px 20px 23px;border-radius:0 0 16px 16px;
    box-shadow:0 16px 32px rgba(29,26,49,.09),8px 0 24px rgba(29,26,49,.035),-8px 0 24px rgba(29,26,49,.035);
  }
  .mobile-quality-card h2{font-size:20px;letter-spacing:-.02em;}
  .mobile-quality-steps{gap:18px;margin:25px 0 25px;}
  .mobile-quality-steps li{grid-template-columns:42px minmax(0,1fr);gap:13px;}
  .mobile-step-icon{width:42px;height:42px;}
  .mobile-quality-steps strong{font-size:12.5px;}
  .mobile-quality-steps small{font-size:9.5px;}
  .mobile-quality-card .mobile-section-link{font-size:10.5px;}
}

@media (max-width:370px){
  .sample-program{padding-left:12px;padding-right:12px;}
  .reference-after-sample{padding-left:12px;padding-right:12px;}
}

/* Keep Free Sample Program and Quality on one seamless white surface. */
@media (max-width:720px){
  .sample-program-inner,
  :root[data-theme="dark"] .sample-program-inner,
  .mobile-quality-card,
  :root[data-theme="dark"] .mobile-quality-card{
    background:#fff;
    box-shadow:none;
  }
  .sample-program-inner{border-bottom:0;}
  .mobile-quality-card{margin-top:-1px;border-top:0;}
}

/* ---------- WhatsApp icon and hero cleanup ---------- */
@media (max-width:720px){
  .hero,:root[data-theme="dark"] .hero{min-height:520px;}
  .hero-ctas .btn-whatsapp{
    display:flex;align-items:center;justify-content:center;gap:9px;
  }
  .wa-small-icon{
    display:block;width:20px;height:20px;flex:0 0 20px;border:0;border-radius:0;color:#fff;
  }
  .mobile-header-whatsapp svg{width:25px;height:25px;color:#fff;}
  .mobile-whatsapp strong{
    display:flex;align-items:center;justify-content:center;gap:8px;
  }
  .bottom-wa-icon{display:block;width:19px;height:19px;flex:0 0 19px;color:#fff;}
}

/* ---------- Mobile readability: larger type and stronger contrast ---------- */
@media (max-width:720px){
  .trust-item h4{font-size:12.5px;line-height:1.25;}
  .trust-item p{font-size:10px;line-height:1.3;}

  .section-head h2{font-size:24px;}
  .section-head a{font-size:13px;}
  .product-card,
  :root[data-theme="dark"] .product-card{background:#fff;}
  .product-card .info{min-height:72px;padding:10px 7px 11px;}
  .product-card .info h4,
  :root[data-theme="dark"] .product-card .info h4{
    min-height:29px;color:#181522;font-size:12px;line-height:1.2;white-space:normal;text-overflow:clip;
  }
  .product-card .info p,
  :root[data-theme="dark"] .product-card .info p{
    color:#6f6987;font-size:10px;line-height:1.25;white-space:normal;text-overflow:clip;
  }

  .sample-program h2{font-size:24px;}
  .sample-program p{font-size:13px;}
  .sample-benefits strong{font-size:16px;}
  .sample-benefits span:last-child{font-size:11px;line-height:1.2;}
  .sample-cta{font-size:13px;}

  .mobile-quality-card h2{font-size:24px;}
  .mobile-quality-steps strong{font-size:15px;}
  .mobile-quality-steps small{font-size:12px;line-height:1.35;}
  .mobile-quality-card .mobile-section-link{font-size:13px;}

  .reference-after-sample h2{font-size:24px;}
  .mobile-factory > p{font-size:12px;}
  .mobile-factory-cta{font-size:11.5px;}
  .mobile-certifications > p{font-size:12px;}
  .mobile-certificate strong{font-size:10.5px;}
  .mobile-certifications .mobile-section-link{font-size:13px;}

  .mobile-bottom-cta strong{font-size:14px;}
  .mobile-bottom-cta small{font-size:11px;}
}

@media (max-width:370px){
  .trust-item h4{font-size:11.5px;}
  .trust-item p{font-size:9.5px;}
  .section-head h2{font-size:22px;}
  .section-head a{font-size:12px;}
  .product-card .info h4{font-size:11px;}
  .product-card .info p{font-size:9px;}
}

/* ---------- Unified light / dark color system ---------- */
:root,
:root[data-theme="light"]{
  color-scheme:light;
  --page-bg:#f8f8fb;
  --surface:#ffffff;
  --surface-raised:#ffffff;
  --surface-soft:#f1edff;
  --surface-media:#f7f6fa;
  --theme-text:#181522;
  --theme-muted:#706a88;
  --theme-border:#e9e6f1;
  --theme-shadow:rgba(29,26,49,.09);
  --nav-bg:#ffffff;
  --nav-text:#181522;
  --nav-muted:#625d77;
  --utility-bg:#f0ecff;
  --utility-text:#443a75;
  --bottom-bg:rgba(255,255,255,.96);
  --hero-photo-filter:none;
  --hero-theme-overlay:linear-gradient(90deg,rgba(251,250,248,.98) 0%,rgba(251,250,248,.91) 44%,rgba(251,250,248,.48) 76%,rgba(251,250,248,.2) 100%);
  --hero-vertical-overlay:linear-gradient(0deg,rgba(251,250,248,.58) 0%,rgba(251,250,248,.02) 52%,rgba(251,250,248,.16) 100%);
  --trust-halo:rgba(255,255,255,.92);
}

:root[data-theme="dark"]{
  color-scheme:dark;
  --page-bg:#100e1b;
  --surface:#1b182b;
  --surface-raised:#211d35;
  --surface-soft:#2b2446;
  --surface-media:#141221;
  --theme-text:#f6f3ff;
  --theme-muted:#bdb7d1;
  --theme-border:#3b3552;
  --theme-shadow:rgba(0,0,0,.3);
  --nav-bg:#090812;
  --nav-text:#ffffff;
  --nav-muted:#d8d2ea;
  --utility-bg:#100c24;
  --utility-text:#e9e6ff;
  --bottom-bg:#0d0c20;
  --hero-photo-filter:none;
  --hero-theme-overlay:linear-gradient(90deg,rgba(5,4,15,.99) 0%,rgba(8,6,24,.94) 46%,rgba(10,8,28,.62) 78%,rgba(10,8,28,.42) 100%);
  --hero-vertical-overlay:linear-gradient(0deg,rgba(7,5,20,.6) 0%,rgba(7,5,20,.03) 52%,rgba(7,5,20,.22) 100%);
  --trust-halo:rgba(27,24,43,.94);
}

body{background:var(--page-bg);color:var(--theme-text);}
header.main-nav{background:var(--nav-bg);color:var(--nav-text);border-color:var(--theme-border);}
nav.links{color:var(--nav-text);}
.logo .tag{color:var(--nav-muted);}
.utility-bar{background:var(--utility-bg);color:var(--utility-text);}
.hero-background{filter:var(--hero-photo-filter);transition:filter .25s ease;}
.hero::after,
:root[data-theme="dark"] .hero::after{background:var(--hero-theme-overlay);}
.trust-bar,.product-card,.whyus,.quality-evidence,.certification-panel,.quality-process,
.certification-dialog,.whatsapp-label{background:var(--surface);border-color:var(--theme-border);}
.product-card h4,.whyus h3,.fact h5,.quality-heading h2,.certification-panel h3,
.quality-process strong,.quality-fact strong,.certificate-detail h3,.certificate-detail p{color:var(--theme-text);}
.product-card p,.whyus p.lead,.fact p,.quality-heading p,.quality-process small,
.quality-fact small,.certificate-card-info small,.certificate-count,.certificate-detail span{color:var(--theme-muted);}
.certificate-card{background:var(--surface-raised);border-color:var(--theme-border);}
.certificate-card-image,.certificate-visual{background:var(--surface-media);border-color:var(--theme-border);}
.quality-fact-icon,.quality-step-icon{background:var(--surface-soft);border-color:var(--theme-border);}

@media (max-width:720px){
  body{background:var(--page-bg);color:var(--theme-text);}
  header.main-nav,
  :root[data-theme="dark"] header.main-nav{
    background:var(--nav-bg);border-bottom:1px solid var(--theme-border);
    box-shadow:0 5px 18px var(--theme-shadow);
  }
  .logo .tag{color:var(--nav-muted);}
  .mobile-menu-toggle{color:var(--nav-text);}
  .mobile-menu-toggle span{background:var(--nav-text);}
  .hero-background{filter:var(--hero-photo-filter);}
  .hero::after,
  :root[data-theme="dark"] .hero::after{
    background:
      var(--hero-theme-overlay),
      var(--hero-vertical-overlay);
  }
  .trust-bar,
  :root[data-theme="dark"] .trust-bar,
  .sample-program-inner,
  :root[data-theme="dark"] .sample-program-inner,
  .mobile-quality-card,
  :root[data-theme="dark"] .mobile-quality-card,
  .mobile-certifications,
  :root[data-theme="dark"] .mobile-certifications,
  .product-card,
  :root[data-theme="dark"] .product-card{
    background:var(--surface);border-color:var(--theme-border);box-shadow:0 12px 30px var(--theme-shadow);
  }
  .trust-bar,
  :root[data-theme="dark"] .trust-bar{
    z-index:5;margin:-28px 16px 28px;border:1px solid var(--theme-border);border-radius:18px;
    box-shadow:0 16px 36px var(--theme-shadow);
  }
  .trust-bar::before{
    display:none;
  }

  .trust-item h4,
  .section-head h2,
  .product-card .info h4,
  :root[data-theme="dark"] .product-card .info h4,
  .sample-program h2,
  .sample-benefits strong,
  .reference-after-sample h2,
  .mobile-quality-steps strong,
  .mobile-factory > p strong,
  .mobile-certificate strong{
    color:var(--theme-text);
  }

  .trust-item p,
  .product-card .info p,
  :root[data-theme="dark"] .product-card .info p,
  .sample-program p,
  .sample-benefits span:last-child,
  .reference-after-sample p,
  .mobile-quality-steps small,
  .mobile-certifications > p{
    color:var(--theme-muted);
  }

  .trust-item,.trust-item:nth-child(3),
  :root[data-theme="dark"] .trust-item{background:transparent;}
  .mobile-step-icon{background:var(--surface-soft);}
  .mobile-certificate,
  :root[data-theme="dark"] .mobile-certificate{
    background:var(--surface-raised);color:var(--theme-text);border-color:var(--theme-border);
    box-shadow:0 5px 15px var(--theme-shadow);
  }
  .mobile-certificate span{background:var(--surface-media);}
  .mobile-factory-gallery img{box-shadow:0 6px 18px var(--theme-shadow);}

  .sample-program-inner,
  :root[data-theme="dark"] .sample-program-inner{box-shadow:none;}
  .mobile-quality-card,
  :root[data-theme="dark"] .mobile-quality-card{box-shadow:none;}

  :root[data-theme="dark"] .section-head a,
  :root[data-theme="dark"] .mobile-section-link{color:#9b83ff;}
  :root[data-theme="dark"] .pin-top-btn{box-shadow:0 10px 28px rgba(0,0,0,.45);}

  .mobile-bottom-cta,
  :root[data-theme="dark"] .mobile-bottom-cta{
    background:var(--bottom-bg);border-top:1px solid var(--theme-border);
    box-shadow:0 -8px 26px var(--theme-shadow);
  }
}

/* Hero typography and controls change with the selected theme. */
@media (max-width:720px){
  .hero,:root[data-theme="dark"] .hero{min-height:540px;}
  .hero::before{
    content:"";position:absolute;z-index:1;left:0;right:0;bottom:0;height:72px;
    background:linear-gradient(to bottom,transparent 0%,var(--trust-halo) 100%);pointer-events:none;
  }
  :root[data-theme="light"] .hero{color:var(--theme-text);background:#fbfaf8;}
  :root[data-theme="light"] .hero h1{color:var(--theme-text);}
  :root[data-theme="light"] .hero p.desc,
  :root[data-theme="light"] .hero-features{color:#302b43;}
  :root[data-theme="light"] .hero-badge{
    color:#5b3df5;background:rgba(255,255,255,.8);border-color:rgba(91,61,245,.3);
    box-shadow:0 6px 18px rgba(91,61,245,.1);
  }
  :root[data-theme="light"] .hero-badge::before{border-color:#6f50ef;}
  :root[data-theme="light"] .hero-ctas .btn-whatsapp{
    color:#147744;background:rgba(255,255,255,.86);border-color:#26b965;
  }
  :root[data-theme="light"] .hero-ctas .btn-whatsapp .wa-small-icon{color:#1fa85b;}

  :root[data-theme="dark"] .hero{color:#fff;background:#090812;}
  :root[data-theme="dark"] .hero h1,
  :root[data-theme="dark"] .hero p.desc,
  :root[data-theme="dark"] .hero-features{color:#fff;}
  :root[data-theme="dark"] .hero-ctas .btn-whatsapp{color:#fff;background:rgba(12,11,26,.76);border-color:#805cff;}
  :root[data-theme="dark"] .hero-ctas .btn-whatsapp .wa-small-icon{color:#fff;}

  .mobile-whatsapp strong{
    display:grid;grid-template-columns:22px auto;align-items:center;justify-content:center;
    width:100%;gap:8px;line-height:1;
  }
  .bottom-wa-icon{
    width:22px;height:22px;flex:0 0 22px;transform:translateY(1px);
  }
}