/* ═══════════════════════════════════════
   HOME — Labrix-Inspired Science
   ═══════════════════════════════════════ */
html,body{overflow-x:hidden}
.mol-deco{position:absolute;pointer-events:none;opacity:.07;color:var(--accent)}
.mol-deco svg{width:100%;height:100%}

/* ─────────────────────────────────
   1. HERO
   ───────────────────────────────── */
.hero{position:relative;min-height:0;display:flex;align-items:center;overflow:hidden;background:linear-gradient(160deg,#172030 0%,#1A2A42 40%,#1E3050 100%);padding:clamp(120px,14vh,160px) 0 clamp(48px,6vw,80px)}
.hero-canvas{position:absolute;inset:0;z-index:1}
.hero-canvas canvas{width:100%;height:100%}
.hero::after{content:'';position:absolute;top:0;right:0;width:45%;height:100%;z-index:2;opacity:.04;
  background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='120' height='120'%3E%3Cpath d='M60 10L110 35V85L60 110L10 85V35Z' fill='none' stroke='%2300D4AA' stroke-width='.5'/%3E%3Ccircle cx='60' cy='10' r='3' fill='%2300D4AA'/%3E%3Ccircle cx='110' cy='35' r='3' fill='%2300D4AA'/%3E%3Ccircle cx='110' cy='85' r='3' fill='%2300D4AA'/%3E%3Ccircle cx='60' cy='110' r='3' fill='%2300D4AA'/%3E%3Ccircle cx='10' cy='85' r='3' fill='%2300D4AA'/%3E%3Ccircle cx='10' cy='35' r='3' fill='%2300D4AA'/%3E%3C/svg%3E");
  background-size:100px}
.hero-content{position:relative;z-index:4;max-width:var(--max);margin:0 auto;padding:0 var(--gutter);width:100%}
.hero-row{display:grid;grid-template-columns:1fr 380px;gap:clamp(40px,6vw,80px);align-items:center}
.hero-left{max-width:600px}
.hero h1{font-weight:700;font-size:clamp(2.4rem,5vw,3.8rem);line-height:1.06;letter-spacing:-.04em;color:#fff;margin-bottom:24px}
.hero h1 span{color:var(--accent)}
.hero-desc{font-size:1.06rem;line-height:1.85;color:var(--tw-2);max-width:480px;margin-bottom:40px}
.hero-btns{display:flex;gap:14px;flex-wrap:wrap}
.hero-btns .btn{padding:16px 36px;font-size:.9rem;border-radius:var(--radius-xs)}

/* Hero Calculator */
.hero-right{display:flex;flex-direction:column;gap:14px}
.hero-calc{padding:clamp(22px,3vw,28px);width:100%}
.hero-calc-hdr{display:flex;align-items:center;gap:10px;margin-bottom:16px}
.hero-dot{width:7px;height:7px;border-radius:50%;background:var(--accent);box-shadow:0 0 14px var(--accent-glow);animation:glow 2.5s ease-in-out infinite}
@keyframes glow{0%,100%{opacity:1;box-shadow:0 0 14px var(--accent-glow)}50%{opacity:.5;box-shadow:0 0 4px var(--accent-glow)}}
.hero-calc-hdr span{font-size:.72rem;font-weight:600;color:var(--accent);letter-spacing:.1em;text-transform:uppercase}
.hc-label{display:block;font-size:.7rem;font-weight:600;color:var(--tw-3);text-transform:uppercase;letter-spacing:.08em;margin-bottom:6px;margin-top:12px}
.hc-label:first-of-type{margin-top:0}
.hc-sel,.hc-inp{width:100%;padding:10px 14px;border-radius:var(--radius-xs);border:1px solid rgba(255,255,255,.1);background:rgba(255,255,255,.06);color:#fff;font-size:.86rem;font-family:inherit;outline:none;transition:border-color .2s}
textarea.hc-inp{min-height:52px}
.hc-sel:focus,.hc-inp:focus{border-color:var(--accent)}
.hc-sel option{background:#1A2A42;color:#fff}
.hc-row{display:flex;gap:8px}
.hc-row .hc-inp{flex:1}
.hc-sel-sm{width:auto;min-width:80px;flex-shrink:0}
.hc-cta{width:100%;justify-content:center;margin-top:14px;font-size:.84rem;padding:12px}

/* Hero side cards */
.hero-side-cards{display:grid;grid-template-columns:repeat(3,1fr);gap:12px}
.hero-sc{background:rgba(255,255,255,.05);backdrop-filter:blur(16px);-webkit-backdrop-filter:blur(16px);border:1px solid rgba(255,255,255,.08);border-radius:var(--radius-sm);padding:18px 14px;text-align:center}
.hero-sc strong{font-size:clamp(1.2rem,2vw,1.6rem);font-weight:800;color:#fff;display:block;line-height:1;letter-spacing:-.03em}
.hero-sc small{font-size:.72rem;color:var(--tw-3);margin-top:4px;display:block}
.hero-sc.accent{background:rgba(0,212,170,.1);border-color:rgba(0,212,170,.2)}
.hero-sc.accent strong{color:var(--accent)}

/* ─────────────────────────────────
   2. INTRO
   ───────────────────────────────── */
.intro{background:var(--white);padding:var(--sec) 0}
.intro-row{display:grid;grid-template-columns:1fr 1fr;gap:clamp(40px,7vw,100px);align-items:start}
.intro-imgs{position:relative;display:grid;grid-template-columns:1fr 1fr;gap:8px;align-items:start}
.intro-img{border-radius:var(--radius);overflow:hidden;aspect-ratio:3/4}
.intro-img img{width:100%;height:100%;object-fit:cover;filter:saturate(.8)}
.intro-img:nth-child(2){margin-top:32px}
.intro-stat{position:absolute;bottom:-20px;left:50%;transform:translateX(-50%);background:var(--white);border-radius:var(--radius);box-shadow:var(--sh-lg);padding:22px 32px;display:flex;align-items:center;gap:20px;z-index:2;border:1px solid var(--b2)}
.intro-stat-num{font-size:clamp(1.8rem,3vw,2.4rem);font-weight:800;color:var(--accent);line-height:1;letter-spacing:-.03em}
.intro-stat-text{font-size:.86rem;color:var(--t3);line-height:1.4;max-width:140px}

/* ─────────────────────────────────
   3. FIELDS
   ───────────────────────────────── */
.fields{background:var(--bg);padding:var(--sec) 0}
.fields-head{text-align:center;max-width:560px;margin:0 auto clamp(36px,6vw,64px)}
.fields-head .sec-p{margin:16px auto 0}
.fields-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:20px}
.field-card{background:var(--white);border-radius:var(--radius);padding:clamp(28px,3.5vw,40px);border:1px solid var(--b2);box-shadow:var(--sh-sm);transition:all .4s var(--ease);text-align:center}
.field-card:hover{box-shadow:var(--sh-lg);transform:translateY(-5px)}
.field-icon{width:64px;height:64px;border-radius:14px;background:var(--accent-soft);display:grid;place-items:center;margin:0 auto 20px;transition:background .3s}
.field-card:hover .field-icon{background:var(--accent-mid)}
.field-icon svg{width:28px;height:28px;color:var(--accent)}
.field-card h3{font-size:1.02rem;font-weight:600;color:var(--t1);margin-bottom:8px}
.field-card p{font-size:.9rem;color:var(--t3);line-height:1.65}

/* ─────────────────────────────────
   4. ABOUT
   ───────────────────────────────── */
.about{background:var(--white);padding:var(--sec) 0}
.about-row{display:grid;grid-template-columns:1fr 1fr;gap:clamp(40px,7vw,100px);align-items:center}
.about-stats{display:flex;gap:20px;margin-top:32px;flex-wrap:wrap}
.about-stat{display:flex;align-items:center;gap:12px;padding:16px 22px;background:var(--bg);border-radius:var(--radius-sm);border:1px solid var(--b2)}
.about-stat strong{font-size:1.3rem;font-weight:800;color:var(--accent);letter-spacing:-.02em}
.about-stat span{font-size:.82rem;color:var(--t3);line-height:1.35}
.about-imgs{position:relative;display:grid;grid-template-columns:1.1fr .9fr;gap:8px;align-items:start}
.about-img{border-radius:var(--radius);overflow:hidden}
.about-img:first-child{aspect-ratio:3/4}
.about-img:last-child{aspect-ratio:3/4;margin-top:24px}
.about-img img{width:100%;height:100%;object-fit:cover;filter:saturate(.75)}

/* ─────────────────────────────────
   5. WHY
   ───────────────────────────────── */
.why{background:linear-gradient(155deg,#172030,#1E3050);padding:var(--sec) 0;position:relative;overflow:hidden}
.why::after{content:'';position:absolute;top:0;right:0;width:40%;height:100%;opacity:.03;
  background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='120' height='120'%3E%3Cpath d='M60 10L110 35V85L60 110L10 85V35Z' fill='none' stroke='%2300D4AA' stroke-width='.5'/%3E%3Ccircle cx='60' cy='10' r='3' fill='%2300D4AA'/%3E%3Ccircle cx='110' cy='35' r='3' fill='%2300D4AA'/%3E%3Ccircle cx='110' cy='85' r='3' fill='%2300D4AA'/%3E%3C/svg%3E");
  background-size:100px}
.why-row{display:grid;grid-template-columns:1fr 1fr;gap:clamp(40px,7vw,100px);align-items:center;position:relative;z-index:2}
.why-checks{list-style:none;margin-top:32px}
.why-checks li{display:flex;gap:14px;padding:14px 0;font-size:.98rem;color:var(--tw-2);line-height:1.65}
.why-checks li+li{border-top:1px solid rgba(255,255,255,.06)}
.why-check-icon{width:28px;height:28px;border-radius:8px;background:var(--accent-soft);display:grid;place-items:center;flex-shrink:0;margin-top:1px}
.why-check-icon svg{width:14px;height:14px;color:var(--accent)}
.why-right{display:grid;grid-template-columns:1fr 1fr;gap:14px}
.why-card{background:rgba(255,255,255,.04);border:1px solid rgba(255,255,255,.06);border-radius:var(--radius);padding:clamp(22px,3vw,32px);transition:all .3s}
.why-card:hover{background:rgba(255,255,255,.07)}
.why-card h4{font-size:.98rem;font-weight:600;color:#fff;margin-bottom:6px}
.why-card p{font-size:.86rem;color:var(--tw-3);line-height:1.6}

/* ─────────────────────────────────
   6. GALLERY — Carousel
   ───────────────────────────────── */
.gallery{background:var(--white);padding:var(--sec) 0}
.gallery-head{display:flex;align-items:flex-end;justify-content:space-between;gap:24px;flex-wrap:wrap;margin-bottom:clamp(36px,5vw,56px)}
.gallery-carousel{position:relative;overflow:hidden;border-radius:var(--radius)}
.gal-track{display:flex;transition:transform .5s var(--ease)}
.gal-slide .g-card{border-radius:var(--radius);overflow:hidden;background:var(--white);border:1px solid var(--b2);box-shadow:var(--sh-sm);transition:all .4s var(--ease)}
.gal-slide .g-card:hover{box-shadow:var(--sh-lg);transform:translateY(-5px)}
.g-card-img{aspect-ratio:16/10;overflow:hidden}
.g-card-img img{width:100%;height:100%;object-fit:cover;filter:saturate(.7);transition:all .6s var(--ease)}
.g-card:hover .g-card-img img{filter:saturate(.9);transform:scale(1.02)}
.g-card-body{padding:24px 28px}
.g-card h3{font-size:1.1rem;font-weight:600;color:var(--t1);margin-bottom:6px}
.g-card p{font-size:.9rem;color:var(--t3);line-height:1.55}

/* ─────────────────────────────────
   7. FEATURE
   ───────────────────────────────── */
.feature{background:var(--bg);padding:var(--sec) 0}
.feature-row{display:grid;grid-template-columns:1fr 1fr;gap:clamp(40px,7vw,100px);align-items:center}
.feature-img{border-radius:var(--radius);overflow:hidden;box-shadow:var(--sh-lg)}
.feature-img img{width:100%;aspect-ratio:4/3;object-fit:cover;filter:saturate(.75)}
.feature-list{list-style:none;margin-top:28px}
.feature-list li{display:flex;gap:14px;padding:14px 0;font-size:.95rem;color:var(--t2);line-height:1.65}
.feature-list li+li{border-top:1px solid var(--b2)}
.feat-icon{width:32px;height:32px;border-radius:8px;background:var(--accent-soft);display:grid;place-items:center;flex-shrink:0}
.feat-icon svg{width:14px;height:14px;color:var(--accent)}

/* ─────────────────────────────────
   8. NUMBERS
   ───────────────────────────────── */
.numbers{background:var(--white);padding:clamp(60px,9vw,110px) 0}
.num-row{display:grid;grid-template-columns:repeat(auto-fit,minmax(150px,1fr));gap:20px}
.num-card{text-align:center;padding:clamp(24px,3vw,36px) 16px;background:var(--bg);border-radius:var(--radius);border:1px solid var(--b2);transition:all .4s var(--ease)}
.num-card:hover{box-shadow:var(--sh-md);transform:translateY(-3px)}
.num-card strong{font-weight:800;font-size:clamp(1.3rem,2.2vw,1.7rem);color:var(--t1);display:block;line-height:1;letter-spacing:-.03em}
.num-card:first-child strong{color:var(--accent)}
.num-card span{font-size:.86rem;color:var(--t3);margin-top:10px;display:block}

/* ─────────────────────────────────
   9. PRODUCTS
   ───────────────────────────────── */
.products{background:var(--bg);padding:var(--sec) 0}
.prod-head{display:flex;align-items:flex-end;justify-content:space-between;gap:24px;flex-wrap:wrap;margin-bottom:clamp(36px,5vw,56px)}
.home-prod-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:18px}
.prod-item{border-radius:var(--radius);overflow:hidden;background:var(--white);border:1px solid var(--b2);box-shadow:var(--sh-sm);transition:all .4s var(--ease)}
.prod-item:hover{box-shadow:var(--sh-lg);transform:translateY(-5px)}
.prod-item-img{aspect-ratio:1/1;overflow:hidden;background:var(--gray)}
.prod-item-img img{width:100%;height:100%;object-fit:cover;filter:saturate(.7);transition:all .7s var(--ease)}
.prod-item:hover .prod-item-img img{filter:saturate(.9);transform:scale(1.06)}
.prod-item-body{padding:20px 22px}
.prod-item-cat{font-size:.68rem;font-weight:700;text-transform:uppercase;letter-spacing:.1em;color:var(--accent);margin-bottom:6px}
.prod-item h3{font-size:.98rem;font-weight:600;color:var(--t1);margin-bottom:6px;line-height:1.3}
.prod-item p{font-size:.86rem;color:var(--t3);line-height:1.55;margin-bottom:14px}
.prod-item-foot{display:flex;align-items:center;justify-content:space-between}
.prod-item-foot span{font-size:.76rem;color:var(--t4)}

/* ─────────────────────────────────
   10. TESTIMONIALS
   ───────────────────────────────── */
.testi{background:linear-gradient(155deg,#1A2842,#1E3250);padding:var(--sec) 0;position:relative;overflow:hidden}
.testi::after{content:'';position:absolute;top:0;left:0;width:30%;height:100%;opacity:.03;
  background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='120' height='120'%3E%3Cpath d='M60 10L110 35V85L60 110L10 85V35Z' fill='none' stroke='%2300D4AA' stroke-width='.5'/%3E%3Ccircle cx='60' cy='10' r='3' fill='%2300D4AA'/%3E%3C/svg%3E");
  background-size:100px}
.testi-head{text-align:center;max-width:500px;margin:0 auto clamp(36px,5vw,56px);position:relative;z-index:2}
.testi-carousel{position:relative;z-index:2;overflow:hidden}
.testi-track{display:flex;transition:transform .5s var(--ease)}
.testi-slide{flex-shrink:0;display:flex;flex-direction:column;align-items:center}
.testi-phone{width:100%;max-width:260px;border-radius:20px;overflow:hidden;border:3px solid rgba(255,255,255,.12);box-shadow:0 12px 48px rgba(0,0,0,.3);aspect-ratio:9/16;position:relative;background:#111}
.testi-phone img{width:100%;height:100%;object-fit:cover}
.testi-phone::before{content:'';position:absolute;top:0;left:50%;transform:translateX(-50%);width:100px;height:24px;background:#111;border-radius:0 0 12px 12px;z-index:2}
.testi-info{text-align:center;margin-top:14px}
.testi-name{font-size:.88rem;font-weight:600;color:#fff}
.testi-role{font-size:.74rem;color:var(--tw-3);margin-top:2px}
/* Testi nav */
.testi-nav{display:flex;align-items:center;justify-content:center;gap:20px;margin-top:28px;position:relative;z-index:2}
.testi-prev,.testi-next{width:44px;height:44px;border-radius:50%;border:1px solid rgba(255,255,255,.1);background:rgba(255,255,255,.04);color:var(--tw-3);display:grid;place-items:center;cursor:pointer;transition:all .3s}
.testi-prev:hover,.testi-next:hover{background:var(--accent);color:var(--hero-1);border-color:var(--accent)}
.testi-prev svg,.testi-next svg{width:18px;height:18px}
.testi-dots{display:flex;gap:8px}
.testi-dot{width:8px;height:8px;border-radius:50%;background:rgba(255,255,255,.15);cursor:pointer;transition:all .3s;border:none;padding:0}
.testi-dot.active{background:var(--accent);width:24px;border-radius:4px}

/* ─────────────────────────────────
   11. ARTICLES
   ───────────────────────────────── */
.articles{background:var(--white);padding:var(--sec) 0}
.articles-head{display:flex;align-items:flex-end;justify-content:space-between;gap:24px;flex-wrap:wrap;margin-bottom:clamp(36px,5vw,56px)}
.art-carousel{position:relative;overflow:hidden;border-radius:var(--radius)}
.art-track{display:flex;transition:transform .5s var(--ease)}
.art-slide .article-card{border-radius:var(--radius);overflow:hidden;background:var(--white);border:1px solid var(--b2);box-shadow:var(--sh-sm);display:flex;flex-direction:column;transition:all .4s var(--ease);height:100%}
.art-slide .article-card:hover{box-shadow:var(--sh-lg);transform:translateY(-5px)}
.article-thumb{overflow:hidden;aspect-ratio:16/10}
.article-thumb img{width:100%;height:100%;object-fit:cover;filter:saturate(.65);transition:all .6s var(--ease)}
.art-slide .article-card:hover .article-thumb img{filter:saturate(.85);transform:scale(1.04)}
.article-body{padding:clamp(20px,2.5vw,28px);display:flex;flex-direction:column;flex:1}
.article-date{font-size:.72rem;font-weight:600;color:var(--t4);text-transform:uppercase;letter-spacing:.06em;margin-bottom:10px}
.article-card h3{font-size:clamp(1rem,1.4vw,1.2rem);font-weight:600;color:var(--t1);line-height:1.35;margin-bottom:12px}
.article-card p{font-size:.88rem;color:var(--t3);line-height:1.65;margin-bottom:16px}
.article-tags{display:flex;flex-wrap:wrap;gap:6px;margin-bottom:14px}
.article-tag{font-size:.7rem;font-weight:600;padding:4px 12px;border-radius:100px;border:1px solid var(--b1);color:var(--t4)}

/* ─────────────────────────────────
   SHARED CAROUSEL NAV
   ───────────────────────────────── */
.car-nav{display:flex;align-items:center;justify-content:center;gap:20px;margin-top:24px}
.car-prev,.car-next{width:42px;height:42px;border-radius:50%;border:1px solid var(--b1);background:var(--white);color:var(--t3);display:grid;place-items:center;cursor:pointer;transition:all .3s;box-shadow:var(--sh-sm)}
.car-prev:hover,.car-next:hover{background:var(--accent);color:#fff;border-color:var(--accent)}
.car-prev svg,.car-next svg{width:18px;height:18px}
.car-dots{display:flex;gap:8px}
.car-dot{width:8px;height:8px;border-radius:50%;background:var(--b1);cursor:pointer;transition:all .3s;border:none;padding:0}
.car-dot.active{background:var(--accent);width:24px;border-radius:4px}

/* ─────────────────────────────────
   MULTI-ITEM CAROUSEL
   ───────────────────────────────── */
.multi-car{position:relative;overflow:hidden}
.multi-track{display:flex;transition:transform .5s var(--ease)}
.multi-slide{flex-shrink:0;box-sizing:border-box}

/* ─────────────────────────────────
   12. PAYMENT
   ───────────────────────────────── */
.payment{background:var(--bg);padding:clamp(60px,8vw,100px) 0}
.pay-head{text-align:center;max-width:460px;margin:0 auto clamp(28px,4vw,44px)}
.pay-grid{display:flex;flex-wrap:wrap;justify-content:center;gap:12px}
.pay-item{display:flex;align-items:center;gap:10px;padding:14px 22px;background:var(--white);border:1px solid var(--b2);border-radius:var(--radius-sm);font-size:.88rem;font-weight:500;color:var(--t2);transition:all .3s;box-shadow:var(--sh-sm)}
.pay-item:hover{border-color:var(--accent-mid);transform:translateY(-2px);box-shadow:var(--sh-md)}
.pay-item svg{width:22px;height:22px;flex-shrink:0}

/* ─────────────────────────────────
   13. FINAL CTA
   ───────────────────────────────── */
.final-cta{background:linear-gradient(155deg,#172030,#1E3250);position:relative;overflow:hidden}
.final-cta::after{content:'';position:absolute;top:50%;right:10%;width:300px;height:300px;border-radius:50%;background:radial-gradient(circle,var(--accent-glow),transparent 70%)}
.final-cta-in{position:relative;z-index:2;display:grid;grid-template-columns:1fr auto;gap:clamp(48px,7vw,96px);align-items:center;padding:clamp(72px,10vw,140px) 0}
.final-cta-in::before{content:'';position:absolute;left:58%;top:15%;bottom:15%;width:1px;background:linear-gradient(transparent,rgba(255,255,255,.06),transparent)}
.final-cta-text h2{font-size:clamp(1.9rem,3.2vw,2.8rem);font-weight:700;color:#fff;line-height:1.1;margin-bottom:18px;letter-spacing:-.03em}
.final-cta-text p{font-size:1rem;color:var(--tw-3);line-height:1.8;max-width:440px}
.final-cta-right{display:flex;flex-direction:column;gap:14px;align-items:flex-start}
.final-cta-btns{display:flex;gap:14px;width:100%}
.final-cta-contacts{display:flex;flex-direction:column;gap:12px;margin-top:10px}
.final-cta-contacts a,.final-cta-contacts span{font-size:.9rem;color:var(--tw-3);display:flex;align-items:center;gap:10px;transition:color .3s;min-height:36px}
.final-cta-contacts a:hover{color:var(--accent)}
.final-cta-contacts svg{width:15px;height:15px;color:var(--accent);opacity:.5;flex-shrink:0}

/* ─────────────────────────────────
   QUALITY GUARANTEE BOX
   ───────────────────────────────── */
.qual-guarantee{display:flex;gap:14px;align-items:flex-start;background:linear-gradient(135deg,#E6FFF8,#F0FFF8);border:1px solid rgba(0,212,170,.2);border-radius:var(--radius-sm);padding:18px 22px;margin-top:24px}
.qual-guarantee svg{width:28px;height:28px;color:var(--accent);flex-shrink:0;margin-top:2px}
.qual-guarantee p{font-size:.9rem;color:var(--t2);line-height:1.65;margin:0;font-weight:500}

/* ─────────────────────────────────
   PRODUCT SPECS + SERVICE CARDS
   ───────────────────────────────── */
.prod-item-desc{font-size:.84rem;color:var(--t3);line-height:1.5;margin-bottom:10px}
.prod-item-specs{list-style:none;margin:0 0 16px;padding:12px 0 0;border-top:1px solid var(--b2)}
.prod-item-specs li{font-size:.8rem;color:var(--t3);line-height:1.4;padding:3px 0}
.prod-item-specs li span{font-weight:600;color:var(--t2)}
.btn-sm{padding:10px 20px;font-size:.78rem;border-radius:var(--radius-xs)}
.prod-services{display:grid;grid-template-columns:1fr 1fr;gap:18px;margin-top:24px}
.prod-svc-card{background:linear-gradient(135deg,#172030,#1E3050);border-radius:var(--radius);padding:clamp(28px,3.5vw,40px);color:#fff}
.prod-svc-card h3{font-size:1.1rem;font-weight:600;margin-bottom:10px}
.prod-svc-card p{font-size:.9rem;color:var(--tw-3);line-height:1.65;margin-bottom:20px}
.prod-svc-card .btn-outline{border-color:rgba(255,255,255,.2);color:#fff}
.prod-svc-card .btn-outline:hover{background:var(--accent);border-color:var(--accent);color:#fff}

/* ─────────────────────────────────
   PAIN POINTS SECTION
   ───────────────────────────────── */
.pain-section{overflow:hidden}
.pain-risks{background:linear-gradient(160deg,#1A1520 0%,#2A1A2A 40%,#301A28 100%);padding:var(--sec) 0;background-size:cover;background-position:center;position:relative}
.pain-risks::before{content:'';position:absolute;inset:0;background:linear-gradient(160deg,rgba(26,21,32,.92),rgba(48,26,40,.88));z-index:0;pointer-events:none}
.pain-risks>.w{position:relative;z-index:1}
.pain-solutions{background:var(--white);padding:var(--sec) 0}
.pain-head{text-align:center;max-width:640px;margin:0 auto clamp(36px,5vw,56px)}
.pain-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:20px}
.pain-card{border-radius:var(--radius);padding:clamp(24px,3.5vw,36px);transition:all .4s var(--ease)}
.pain-card-risk{background:rgba(255,255,255,.04);border:1px solid rgba(255,255,255,.08)}
.pain-card-risk:hover{background:rgba(255,255,255,.07);transform:translateY(-4px)}
.pain-card-risk h3{color:#fff;font-size:1rem;font-weight:600;margin-bottom:10px}
.pain-card-risk p{color:rgba(255,255,255,.6);font-size:.88rem;line-height:1.65}
.pain-card-sol{background:var(--bg);border:1px solid var(--b2);box-shadow:var(--sh-sm)}
.pain-card-sol:hover{box-shadow:var(--sh-lg);transform:translateY(-4px)}
.pain-card-sol h3{color:var(--t1);font-size:1rem;font-weight:600;margin-bottom:10px}
.pain-card-sol p{color:var(--t3);font-size:.88rem;line-height:1.65}
.pain-num{width:40px;height:40px;border-radius:10px;background:rgba(200,50,50,.15);color:#C53030;font-weight:800;font-size:.9rem;display:grid;place-items:center;margin-bottom:16px}
.pain-num.sol{background:var(--accent-soft);color:var(--accent)}
.pain-cta{text-align:center;margin-top:clamp(36px,5vw,56px)}
.pain-cta-text{font-size:1.15rem;font-weight:600;color:var(--t1);margin-bottom:20px}

/* ─────────────────────────────────
   COA SECTION
   ───────────────────────────────── */
.coa-section{background:var(--bg);padding:var(--sec) 0}
.coa-head{margin-bottom:clamp(36px,5vw,56px)}
.coa-head .sec-p{max-width:540px;margin-top:12px}
.coa-carousel{position:relative;overflow:hidden;border-radius:var(--radius)}
.coa-track{display:flex;transition:transform .5s var(--ease)}
.coa-card{border-radius:var(--radius);overflow:hidden;background:var(--white);border:1px solid var(--b2);box-shadow:var(--sh-sm);transition:all .4s var(--ease);cursor:pointer}
.coa-card:hover{box-shadow:var(--sh-lg);transform:translateY(-4px)}
.coa-card img{width:100%;aspect-ratio:3/4;object-fit:cover;display:block}
.coa-placeholder{width:100%;aspect-ratio:3/4;background:linear-gradient(135deg,var(--bg),#E8ECF0);display:flex;flex-direction:column;align-items:center;justify-content:center;gap:8px;color:var(--t4)}
.coa-placeholder svg{width:40px;height:40px}
.coa-placeholder span{font-size:.8rem;font-weight:600;letter-spacing:.1em}
.coa-label{text-align:center;padding:12px;font-size:.85rem;font-weight:700;color:var(--t1);background:var(--white);border-top:1px solid var(--b2)}

/* ─────────────────────────────────
   FACTORY INTRO
   ───────────────────────────────── */
.fac-intro{max-width:720px;margin-bottom:clamp(36px,5vw,56px)}
.fac-intro .sec-p{margin-top:16px}

/* ─────────────────────────────────
   TEAM SECTION
   ───────────────────────────────── */
.team-section{background:var(--bg);padding:var(--sec) 0}
.team-head{text-align:center;max-width:560px;margin:0 auto clamp(36px,5vw,56px)}
.team-head .sec-p{margin-top:12px}
.team-grid{display:grid;grid-template-columns:repeat(6,1fr);gap:8px}
.team-card{text-align:center;background:var(--white);border-radius:var(--radius);padding:clamp(20px,2.5vw,32px) 16px;border:1px solid var(--b2);box-shadow:var(--sh-sm);transition:all .4s var(--ease)}
.team-card:hover{box-shadow:var(--sh-lg);transform:translateY(-4px)}
.team-avatar{width:80px;height:80px;border-radius:50%;overflow:hidden;margin:0 auto 14px;border:3px solid var(--b2)}
.team-avatar img{width:100%;height:100%;object-fit:cover}
.team-placeholder{width:100%;height:100%;background:linear-gradient(135deg,var(--accent-soft),var(--accent-mid));display:grid;place-items:center;font-size:1.6rem;font-weight:700;color:var(--accent)}
.team-card h4{font-size:.92rem;font-weight:600;color:var(--t1);margin-bottom:4px}
.team-card span{font-size:.76rem;color:var(--t4)}

/* ─────────────────────────────────
   HOME FAQ
   ───────────────────────────────── */
.home-faq{background:var(--white);padding:var(--sec) 0}
.home-faq-head{text-align:center;max-width:560px;margin:0 auto clamp(36px,5vw,56px)}
.home-faq-head .sec-p{margin-top:12px}
.home-faq-list{max-width:100%;margin:0 auto;display:grid;grid-template-columns:repeat(2,1fr);gap:12px}
.hfaq-item{border:1px solid var(--b2);border-radius:var(--radius-sm);margin-bottom:12px;overflow:hidden;background:var(--white);transition:box-shadow .3s}
.hfaq-item:hover,.hfaq-item.open{box-shadow:var(--sh-md)}
.hfaq-q{width:100%;display:flex;align-items:center;justify-content:space-between;gap:16px;padding:18px 24px;border:none;background:none;cursor:pointer;text-align:left;font-family:inherit}
.hfaq-q span{font-size:.95rem;font-weight:600;color:var(--t1);line-height:1.4}
.hfaq-q svg{width:20px;height:20px;color:var(--t4);flex-shrink:0;transition:transform .3s}
.hfaq-item.open .hfaq-q svg{transform:rotate(180deg)}
.hfaq-a{max-height:0;overflow:hidden;transition:max-height .4s var(--ease)}
.hfaq-a-inner{padding:0 24px 20px;font-size:.9rem;color:var(--t3);line-height:1.75}

/* ═══════════════════════════════════════
   RESPONSIVE
   ═══════════════════════════════════════ */
@media(max-width:1024px){
  .hero-row{grid-template-columns:1fr 340px;gap:32px}
  .about-row,.why-row{grid-template-columns:1fr}
  .about-imgs{max-width:480px}
  .about-img:first-child,.about-img:last-child{aspect-ratio:4/3}
  .why-right{margin-top:32px}
  .home-prod-grid{grid-template-columns:repeat(3,1fr)}
  .num-row{grid-template-columns:repeat(auto-fit,minmax(140px,1fr))}
  .pain-grid{grid-template-columns:1fr 1fr 1fr}
  .team-grid{grid-template-columns:repeat(3,1fr)}
}
@media(max-width:900px){
  .hero-row{grid-template-columns:1fr;gap:32px}
  .hero-left{max-width:none}
  .hero-right{flex-direction:row;gap:14px;align-items:stretch}
  .hero-calc{flex:1.2}
  .hero-side-cards{flex:0.8;display:flex;flex-direction:column;gap:10px;grid-template-columns:none}
  .pain-grid{grid-template-columns:1fr}
  .prod-services{grid-template-columns:1fr}
}
@media(max-width:640px){
  .hero{padding:clamp(100px,14vh,130px) 0 clamp(36px,5vw,48px)}
  .hero h1{font-size:clamp(1.95rem,7vw,2.5rem)}
  .hero-btns .btn{padding:14px 20px;font-size:.84rem;flex:1;min-width:0;justify-content:center}
  .hero-right{flex-direction:column}
  .hero-calc{padding:18px}
  .hero-side-cards{display:grid;grid-template-columns:repeat(3,1fr);flex:none}

  /* About/Quality */
  .about-imgs{grid-template-columns:.45fr .55fr;gap:6px;max-width:none}
  .about-img:first-child{aspect-ratio:3/4;margin-top:36px}
  .about-img:last-child{aspect-ratio:2/3;margin-top:0;grid-row:1/3}

  /* Gallery */
  .g-card-img{aspect-ratio:16/10}
  .g-card-body{padding:18px 20px}

  /* Products */
  .home-prod-grid{grid-template-columns:1fr 1fr;gap:12px}
  .prod-item-img{aspect-ratio:3/2}
  .prod-item-body{padding:14px 16px}
  .prod-item h3{font-size:.88rem}

  /* Testi */
  .testi-phone{max-width:200px}
  .testi-name{font-size:.82rem}
  .testi-role{font-size:.7rem}

  /* Numbers */
  .num-row{grid-template-columns:repeat(auto-fit,minmax(120px,1fr))}

  /* Pain */
  .pain-grid{grid-template-columns:1fr}

  /* Team */
  .team-grid{grid-template-columns:repeat(3,1fr);gap:12px}
  .team-avatar{width:60px;height:60px}
  .team-card{padding:14px 10px}

  /* Why */
  .why-right{grid-template-columns:1fr}

  /* FAQ */
  .home-faq-list{grid-template-columns:1fr}

  /* CTA */
  .final-cta-btns{flex-direction:row;flex-wrap:wrap}
  .final-cta-btns .btn{flex:1;min-width:0;justify-content:center}
  .final-cta-contacts{width:100%}
}

@media(max-width:768px){
}

/* ═══════════════════════════════════════
   S3. PAIN POINTS — NEW
   ═══════════════════════════════════════ */
.pain-section{margin:0}
.pain-risks{background:linear-gradient(160deg,#1a1520 0%,#2d1f2f 40%,#1f1525 100%);padding:clamp(60px,8vw,100px) 0}
.pain-solutions{background:var(--bg);padding:clamp(60px,8vw,100px) 0}
.pain-head{text-align:center;max-width:720px;margin:0 auto 48px}
.pain-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:24px}
.pain-card{padding:clamp(28px,3vw,36px);border-radius:var(--radius);transition:transform .3s,box-shadow .3s}
.pain-card h3{font-size:1.08rem;font-weight:700;margin-bottom:12px;line-height:1.35}
.pain-card p{font-size:.88rem;line-height:1.75;opacity:.85}
.pain-card-risk{background:rgba(255,255,255,.04);border:1px solid rgba(255,255,255,.06)}
.pain-card-risk h3{color:#ff8a8a}
.pain-card-risk p{color:rgba(255,255,255,.65)}
.pain-card-risk:hover{transform:translateY(-4px);box-shadow:0 12px 40px rgba(200,50,50,.12)}
.pain-card-solution{background:#fff;border:1px solid var(--bdr)}
.pain-card-solution:hover{transform:translateY(-4px);box-shadow:var(--shadow-lg)}
.pain-num{width:36px;height:36px;border-radius:50%;display:flex;align-items:center;justify-content:center;font-weight:800;font-size:.85rem;margin-bottom:16px;background:rgba(200,50,50,.15);color:#ff6b6b}
.pain-num-green{background:rgba(0,212,170,.12);color:var(--accent)}
.pain-cta{text-align:center;margin-top:48px}
.pain-cta-text{font-size:1.15rem;font-weight:600;color:var(--heading);margin-bottom:20px}

@media(max-width:900px){
  .pain-grid{grid-template-columns:1fr}
}

/* ═══════════════════════════════════════
   S4. QUALITY GUARANTEE HIGHLIGHT
   ═══════════════════════════════════════ */
.qual-guarantee{background:linear-gradient(135deg,rgba(0,212,170,.08),rgba(0,180,150,.04));border:1px solid rgba(0,212,170,.18);border-left:4px solid var(--accent);padding:18px 24px;border-radius:var(--radius-xs);font-size:.92rem;line-height:1.7;color:var(--heading);font-weight:500;margin-top:24px}

/* ═══════════════════════════════════════
   S5. ENHANCED PRODUCT CARDS
   ═══════════════════════════════════════ */
.home-prod-grid-enhanced{grid-template-columns:repeat(auto-fill,minmax(260px,1fr));gap:24px}
.prod-item-enhanced{border:1px solid var(--bdr);border-radius:var(--radius);overflow:hidden;transition:transform .3s,box-shadow .3s}
.prod-item-enhanced:hover{transform:translateY(-5px);box-shadow:var(--shadow-lg)}
.prod-item-enhanced .prod-item-img{aspect-ratio:4/3;overflow:hidden;background:var(--bg-2)}
.prod-item-enhanced .prod-item-img img{width:100%;height:100%;object-fit:cover;transition:transform .4s}
.prod-item-enhanced:hover .prod-item-img img{transform:scale(1.05)}
.prod-item-enhanced .prod-item-body{padding:20px}
.prod-item-enhanced .prod-item-cat{font-size:.72rem;text-transform:uppercase;letter-spacing:.08em;color:var(--accent);font-weight:600;margin-bottom:6px}
.prod-item-enhanced h3{font-size:1rem;font-weight:700;margin-bottom:8px;color:var(--heading)}
.prod-item-desc{font-size:.82rem;color:var(--text-2);line-height:1.6;margin-bottom:12px}
.prod-item-specs{list-style:none;padding:0;margin:0 0 8px;display:flex;flex-direction:column;gap:5px}
.prod-item-specs li{font-size:.78rem;color:var(--text-2);line-height:1.5}
.prod-item-specs li span{font-weight:600;color:var(--heading);margin-right:4px}
.prod-item-enhanced .prod-item-foot{display:flex;align-items:center;justify-content:space-between;margin-top:auto;padding-top:4px}
.btn-sm{padding:6px 14px;font-size:.72rem;border-radius:var(--radius-xs)}
.btn-outline{border:1.5px solid var(--accent);color:var(--accent);background:transparent;font-weight:600;transition:all .25s}
.btn-outline:hover{background:var(--accent);color:#fff}

/* Service cards */
.prod-item-service{border:2px dashed var(--bdr);border-radius:var(--radius);display:flex;align-items:center;justify-content:center;min-height:220px;transition:border-color .3s}
.prod-item-service:hover{border-color:var(--accent)}
.prod-service-body{text-align:center;padding:32px 24px}
.prod-service-body h3{font-size:1.05rem;font-weight:700;color:var(--heading);margin-bottom:10px}
.prod-service-body p{font-size:.85rem;color:var(--text-2);line-height:1.7;margin-bottom:18px;max-width:280px;margin-left:auto;margin-right:auto}

/* ═══════════════════════════════════════
   S6. COA TESTING REPORTS — NEW
   ═══════════════════════════════════════ */
.coa-section{padding:clamp(60px,8vw,100px) 0;background:var(--bg-2)}
.coa-head{text-align:center;max-width:680px;margin:0 auto 48px}
.coa-card{border-radius:var(--radius);overflow:hidden;border:1px solid var(--bdr);transition:transform .3s,box-shadow .3s;cursor:pointer;background:#fff}
.coa-card:hover{transform:translateY(-4px);box-shadow:var(--shadow-lg)}
.coa-card img{width:100%;aspect-ratio:3/4;object-fit:cover;display:block}
.coa-placeholder{width:100%;aspect-ratio:3/4;display:flex;align-items:center;justify-content:center;background:linear-gradient(135deg,var(--bg),var(--bg-2))}
.coa-placeholder svg{width:48px;height:48px;color:var(--text-3);opacity:.4}
.coa-label{display:block;text-align:center;padding:12px 8px;font-size:.82rem;font-weight:700;color:var(--heading);letter-spacing:.03em}
.coa-foot{text-align:center;margin-top:32px}

/* ═══════════════════════════════════════
   S7. FACTORY INTRO / PRODUCTION
   ═══════════════════════════════════════ */
.factory-intro{text-align:center;max-width:800px;margin:0 auto 48px}
.factory-intro .tag{display:inline-block}
.factory-intro .sec-h{margin-bottom:16px}
.factory-production{max-width:800px;margin:48px auto 0;text-align:center;padding:32px;background:rgba(0,212,170,.04);border:1px solid rgba(0,212,170,.1);border-radius:var(--radius)}
.factory-production h3{font-size:1.1rem;font-weight:700;color:var(--heading);margin-bottom:12px}
.factory-production p{font-size:.9rem;line-height:1.8;color:var(--text-2)}

/* ═══════════════════════════════════════
   S8. SERVICE TEAM — NEW
   ═══════════════════════════════════════ */
.team-section{padding:clamp(48px,6vw,72px) 0}
.team-head{text-align:center;max-width:600px;margin:0 auto 24px}
.team-grid{display:grid;grid-template-columns:repeat(6,1fr);gap:8px;justify-items:center}
.team-card{text-align:center;transition:transform .3s;padding:clamp(12px,1.5vw,16px) 8px}
.team-card:hover{transform:translateY(-4px)}
.team-avatar{width:72px;height:72px;border-radius:50%;overflow:hidden;margin:0 auto 8px;border:3px solid var(--bg-2);box-shadow:0 4px 20px rgba(0,0,0,.08)}
.team-avatar img{width:100%;height:100%;object-fit:cover}
.team-avatar-ph{width:100%;height:100%;display:flex;align-items:center;justify-content:center;background:linear-gradient(135deg,var(--bg-2),var(--bg))}
.team-avatar-ph svg{width:40px;height:40px;color:var(--text-3);opacity:.4}
.team-card h4{font-size:.92rem;font-weight:700;color:var(--heading);margin-bottom:2px}
.team-card p{font-size:.78rem;color:var(--text-2)}

/* ═══════════════════════════════════════
   S11. FAQ — NEW
   ═══════════════════════════════════════ */
.home-faq{padding:clamp(60px,8vw,100px) 0;background:var(--bg-2)}
.home-faq-head{text-align:center;max-width:600px;margin:0 auto 48px}
.home-faq-list{max-width:100%;margin:0 auto;display:grid;grid-template-columns:repeat(2,1fr);gap:12px}
.home-faq-item{background:#fff;border:1px solid var(--bdr);border-radius:var(--radius);overflow:hidden;transition:box-shadow .3s}
.home-faq-item:hover{box-shadow:var(--shadow)}
.home-faq-q{display:flex;align-items:center;justify-content:space-between;width:100%;padding:20px 24px;background:none;border:none;cursor:pointer;font-size:.95rem;font-weight:600;color:var(--heading);text-align:left;gap:16px;font-family:inherit}
.home-faq-q svg{width:20px;height:20px;flex-shrink:0;transition:transform .3s;color:var(--text-3)}
.home-faq-q[aria-expanded="true"] svg{transform:rotate(180deg)}
.home-faq-a{max-height:0;overflow:hidden;transition:max-height .35s ease,padding .35s ease}
.home-faq-a p{padding:0 24px 20px;font-size:.88rem;line-height:1.8;color:var(--text-2)}
.home-faq-item.open .home-faq-a{max-height:400px}

@media(max-width:600px){
  .team-grid{grid-template-columns:repeat(3,1fr);gap:8px}
  .team-avatar{width:64px;height:64px}
  .home-faq-q{padding:16px 18px;font-size:.88rem}
  .home-faq-a p{padding:0 18px 16px}
  .home-faq-list{grid-template-columns:1fr}
}