/* ═══════════════════════════════════════════════════════
   TECHNICAL APPARELS — PROFESSIONAL REDESIGN v2
═══════════════════════════════════════════════════════ */

:root {
  --bg-dark:    #070d1a;
  --bg-darker:  #040912;
  --bg-mid:     #0e1929;
  --bg-card:    #111d30;
  --bg-light:   #f7f5f1;
  --gold:       #c9a96e;
  --gold-light: #e0c896;
  --gold-dark:  #9e7d4a;
  --text-white: #f0ece4;
  --text-muted: #8a9ab5;
  --text-dark:  #1a1e2e;
  --text-body:  #3d4455;
  --border-gold: rgba(201,169,110,.25);
  --border-dark: rgba(255,255,255,.06);
  --transition: .3s ease;
}

*,*::before,*::after{box-sizing:border-box;margin:0;padding:0}
html{scroll-behavior:smooth}
body{font-family:'Jost',sans-serif;font-weight:400;color:var(--text-body);background:#fff;overflow-x:hidden}
img{max-width:100%;height:auto;display:block}
a{text-decoration:none;color:inherit}

/* TYPOGRAPHY */
.section-heading{font-family:'Cormorant Garamond',serif;font-size:clamp(1.9rem,4vw,2.9rem);font-weight:600;line-height:1.15;color:var(--text-dark)}
.section-heading em{font-style:italic;color:var(--gold-dark)}
.section-heading.text-white{color:var(--text-white)}
.section-heading.text-white em{color:var(--gold-light)}
.section-label{display:inline-block;font-size:.72rem;font-weight:600;letter-spacing:.2em;text-transform:uppercase;color:var(--gold-dark);margin-bottom:.75rem}
.section-label-light{display:inline-block;font-size:.72rem;font-weight:600;letter-spacing:.2em;text-transform:uppercase;color:rgba(201,169,110,.7);margin-bottom:.75rem}
.section-label-gold{display:inline-block;font-size:.72rem;font-weight:600;letter-spacing:.2em;text-transform:uppercase;color:var(--gold);margin-bottom:.75rem}
.section-rule{width:48px;height:2px;background:var(--gold);margin:1.25rem 0 1.75rem}
.section-intro{margin-bottom:3rem}
.section-sub{font-size:.98rem;color:var(--text-body);max-width:580px;margin:1rem auto 0;line-height:1.7}
.section-sub-light{font-size:.98rem;color:var(--text-muted);max-width:580px;margin:1rem auto 0;line-height:1.7}

/* BUTTONS */
.btn-primary-tapl{display:inline-flex;align-items:center;gap:.5rem;background:var(--gold);color:var(--bg-darker);font-size:.82rem;font-weight:600;letter-spacing:.12em;text-transform:uppercase;padding:.85rem 2.2rem;border:none;cursor:pointer;transition:var(--transition);clip-path:polygon(0 0,calc(100% - 12px) 0,100% 12px,100% 100%,12px 100%,0 calc(100% - 12px))}
.btn-primary-tapl:hover{background:var(--gold-light);color:var(--bg-darker);transform:translateY(-2px)}
.btn-show-more{display:inline-flex;align-items:center;gap:.6rem;background:transparent;color:var(--gold-dark);border:1.5px solid var(--gold);font-size:.8rem;font-weight:600;letter-spacing:.12em;text-transform:uppercase;padding:.8rem 2.2rem;cursor:pointer;transition:var(--transition)}
.btn-show-more:hover{background:var(--gold);color:var(--bg-darker)}

/* ── NAVBAR ── */
.navbar{background:transparent;padding:1.4rem 0;transition:all .4s ease;z-index:1000}
.navbar.scrolled{background:rgba(7,13,26,.97);backdrop-filter:blur(12px);padding:.75rem 0;box-shadow:0 2px 30px rgba(0,0,0,.4);border-bottom:1px solid var(--border-gold)}
.navbar-brand{font-family:'Jost',sans-serif;font-weight:300;font-size:1rem;letter-spacing:.03em;color:#fff!important;line-height:1.2}
.brand-main{font-weight:300}
.brand-accent{font-weight:700;color:var(--gold);letter-spacing:.05em}
.brand-sub{font-size:.65rem;color:rgba(255,255,255,.55);display:block;letter-spacing:.08em}
.navbar-toggler{border:none;background:transparent;padding:6px;display:flex;flex-direction:column;gap:5px}
.navbar-toggler:focus{box-shadow:none}
.toggler-line{display:block;width:24px;height:1.5px;background:var(--gold);transition:var(--transition)}
.nav-link{font-size:.78rem;font-weight:500;letter-spacing:.12em;text-transform:uppercase;color:rgba(255,255,255,.8)!important;padding:.5rem .9rem!important;transition:color var(--transition);position:relative}
.nav-link::after{content:'';position:absolute;bottom:0;left:.9rem;right:.9rem;height:1px;background:var(--gold);transform:scaleX(0);transition:transform .3s ease}
.nav-link:hover{color:var(--gold)!important}
.nav-link:hover::after{transform:scaleX(1)}
.nav-cta{background:var(--gold)!important;color:var(--bg-darker)!important;font-weight:600!important;padding:.45rem 1.2rem!important;margin-left:.75rem}
.nav-cta::after{display:none}
.nav-cta:hover{background:var(--gold-light)!important}

/* ── HERO SLIDER ── */
.hero-slider{position:relative;height:100vh;min-height:640px;overflow:hidden;display:flex;align-items:center}
.hero-slides{position:absolute;inset:0}
.hero-slide{position:absolute;inset:0;background-size:cover;background-position:center;opacity:0;transform:scale(1.08);transition:opacity 1.2s ease,transform 8s ease}
.hero-slide.active{opacity:1;transform:scale(1);z-index:1}
.hero-slide.exit{opacity:0;transform:scale(.98);z-index:0}
.hero-overlay{position:absolute;inset:0;background:linear-gradient(135deg,rgba(4,9,18,.82) 0%,rgba(7,13,26,.6) 60%,rgba(4,9,18,.75) 100%);z-index:2}
.hero-content{position:relative;z-index:3;width:100%}

/* CTA hidden on slides 2 & 3 */
.hero-cta-wrap{display:flex;align-items:center;justify-content:center;gap:1.5rem;flex-wrap:wrap;margin-bottom:3rem;transition:opacity .5s,visibility .5s}
.hero-cta-wrap.hidden{opacity:0;visibility:hidden;pointer-events:none;margin-bottom:0;height:0;overflow:hidden}

/* Next preview */
.hero-next-preview{position:absolute;right:2rem;bottom:6rem;z-index:4;display:flex;flex-direction:column;align-items:center;gap:.5rem}
.preview-label{font-size:.65rem;letter-spacing:.2em;text-transform:uppercase;color:rgba(255,255,255,.5)}
.preview-thumb-wrap{width:56px;height:72px;overflow:hidden;border:1.5px solid var(--gold);cursor:pointer}
.preview-thumb-wrap img{width:100%;height:100%;object-fit:cover;transition:transform .4s ease}
.preview-thumb-wrap:hover img{transform:scale(1.08)}
.hero-dots{display:flex;flex-direction:column;gap:6px;margin-top:.5rem}
.hero-dot{width:5px;height:5px;border-radius:50%;background:rgba(255,255,255,.3);cursor:pointer;transition:background .3s,transform .3s}
.hero-dot.active{background:var(--gold);transform:scale(1.4)}
.hero-progress-bar{position:absolute;bottom:0;left:0;right:0;height:2px;background:rgba(255,255,255,.1);z-index:5}
.hero-progress-fill{height:100%;background:var(--gold);width:0}

/* Eyebrow */
.hero-eyebrow{display:flex;align-items:center;justify-content:center;gap:1rem;margin-bottom:1.5rem}
.eyebrow-line{display:block;width:40px;height:1px;background:var(--gold);opacity:.7}
.eyebrow-text{font-size:.72rem;font-weight:600;letter-spacing:.25em;text-transform:uppercase;color:var(--gold)}

/* Heading */
.hero-heading{font-family:'Cormorant Garamond',serif;font-size:clamp(3rem,7vw,5.8rem);font-weight:600;line-height:1.05;color:#fff;margin-bottom:1.5rem}
.hw{display:inline-block;opacity:0;transform:translateY(24px);animation:heroWordIn .7s forwards}
@keyframes heroWordIn{to{opacity:1;transform:none}}
.hw.accent{color:transparent;-webkit-text-stroke:1.5px var(--gold)}

/* Subtext */
.hero-subtext{font-size:1rem;font-weight:300;color:rgba(255,255,255,.72);line-height:1.8;margin-bottom:2.5rem}
.hl{display:block;opacity:0;transform:translateY(12px);animation:heroLineIn .6s forwards}
@keyframes heroLineIn{to{opacity:1;transform:none}}

/* CTA */
.hero-cta-wrap{display:flex;align-items:center;justify-content:center;gap:1.5rem;flex-wrap:wrap;margin-bottom:3rem}
.btn-hero-primary{display:inline-flex;align-items:center;gap:.6rem;background:var(--gold);color:var(--bg-darker);font-size:.8rem;font-weight:700;letter-spacing:.14em;text-transform:uppercase;padding:1rem 2.5rem;clip-path:polygon(0 0,calc(100% - 12px) 0,100% 12px,100% 100%,12px 100%,0 calc(100% - 12px));transition:background .3s,transform .3s}
.btn-hero-primary:hover{background:var(--gold-light);color:var(--bg-darker);transform:translateY(-2px)}
.btn-hero-ghost{font-size:.8rem;font-weight:500;letter-spacing:.14em;text-transform:uppercase;color:rgba(255,255,255,.82);padding-bottom:3px;border-bottom:1px solid rgba(255,255,255,.35);transition:color .3s,border-color .3s}
.btn-hero-ghost:hover{color:var(--gold);border-color:var(--gold)}

/* Stats */
.hero-stats{display:flex;align-items:center;justify-content:center;gap:2rem;flex-wrap:wrap;padding:1.25rem 0;border-top:1px solid rgba(255,255,255,.1)}
.hstat strong{display:block;font-family:'Cormorant Garamond',serif;font-size:2rem;font-weight:700;color:var(--gold);line-height:1}
.hstat span{font-size:.7rem;letter-spacing:.1em;text-transform:uppercase;color:rgba(255,255,255,.5)}
.hstat-divider{width:1px;height:36px;background:rgba(255,255,255,.2)}

/* Scroll hint */
.hero-scroll-hint{position:absolute;left:2rem;bottom:4rem;z-index:4;display:flex;flex-direction:column;align-items:center;gap:.5rem}
.hero-scroll-hint span{font-size:.6rem;letter-spacing:.2em;text-transform:uppercase;color:rgba(255,255,255,.4);writing-mode:vertical-rl}
.scroll-line{width:1px;height:50px;background:linear-gradient(to bottom,rgba(255,255,255,.4),transparent);animation:scrollPulse 1.8s infinite}
@keyframes scrollPulse{0%,100%{opacity:.4}50%{opacity:1}}

/* ── ABOUT ── */
.about-section{background:var(--bg-light);padding:7rem 0;position:relative;overflow:hidden}
.about-section::before{content:'TAPL';position:absolute;right:-2%;top:50%;transform:translateY(-50%);font-family:'Cormorant Garamond',serif;font-size:18vw;font-weight:700;color:rgba(201,169,110,.05);pointer-events:none;line-height:1}
.about-label{font-size:.72rem;font-weight:600;letter-spacing:.2em;text-transform:uppercase;color:var(--gold-dark);margin-bottom:.75rem}
.about-text{color:var(--text-body);font-size:.98rem;line-height:1.8;margin-bottom:1rem}
.about-visual{position:relative;padding-right:1.5rem}
.about-img-main{overflow:hidden;position:relative}
.about-img-main img{width:100%;height:420px;object-fit:cover;transition:transform .6s ease}
.about-img-main:hover img{transform:scale(1.04)}
.about-img-main::after{content:'';position:absolute;inset:0;border:2px solid var(--gold);transform:translate(14px,14px);pointer-events:none;z-index:0;transition:transform .3s ease}
.about-badge{position:absolute;bottom:-1.5rem;left:-1.5rem;background:var(--gold);width:88px;height:88px;display:flex;flex-direction:column;align-items:center;justify-content:center;z-index:2}
.badge-year{font-family:'Cormorant Garamond',serif;font-size:1.5rem;font-weight:700;color:var(--bg-darker);line-height:1}
.badge-text{font-size:.6rem;letter-spacing:.15em;text-transform:uppercase;color:rgba(7,13,26,.7)}
.about-cert-strip{position:absolute;top:-1rem;right:2.5rem;background:var(--bg-darker);padding:.6rem 1rem;display:flex;gap:.8rem;z-index:2}
.about-cert-strip span{font-size:.62rem;font-weight:700;letter-spacing:.12em;color:var(--gold)}

/* ── FEATURES ── */
.features-section{background:var(--bg-dark);padding:7rem 0;position:relative;overflow:hidden}
.features-section::before{content:'';position:absolute;top:0;left:0;right:0;height:1px;background:linear-gradient(to right,transparent,var(--gold),transparent)}
.features-header{text-align:center;margin-bottom:3.5rem}
.features-label{font-size:.72rem;font-weight:600;letter-spacing:.2em;text-transform:uppercase;color:rgba(201,169,110,.7);margin-bottom:.75rem}
.feature-card{background:var(--bg-card);border:1px solid var(--border-dark);padding:2.5rem 2rem;height:100%;transition:all .4s ease;position:relative;overflow:hidden}
.feature-card::before{content:'';position:absolute;bottom:0;left:0;right:0;height:2px;background:var(--gold);transform:scaleX(0);transform-origin:left;transition:transform .4s ease}
.feature-card:hover{border-color:var(--border-gold);transform:translateY(-6px);background:#131f35}
.feature-card:hover::before{transform:scaleX(1)}
.feature-card.fc-accent{background:var(--gold);border-color:var(--gold)}
.feature-card.fc-accent .fc-icon,.feature-card.fc-accent h4,.feature-card.fc-accent p{color:var(--bg-darker)}
.feature-card.fc-accent:hover{background:var(--gold-light);transform:translateY(-6px)}
.fc-icon{font-size:2rem;color:var(--gold);margin-bottom:1.25rem}
.feature-card h4{font-family:'Cormorant Garamond',serif;font-size:1.35rem;font-weight:600;color:#fff;margin-bottom:.75rem}
.feature-card p{font-size:.9rem;color:var(--text-muted);line-height:1.7}

/* ── VIDEO ── */
.factory-video-section{background:var(--bg-light);padding:7rem 0}
.video-wrapper{max-width:960px;margin:0 auto}
.video-container{position:relative;overflow:hidden;border:1px solid rgba(0,0,0,.08);box-shadow:0 30px 80px rgba(0,0,0,.15)}
.video-container video{width:100%;display:block}

/* ── STATS ── */
.stats-section{background:var(--bg-darker);padding:7rem 0;position:relative;overflow:hidden}
.stats-section::before{content:'';position:absolute;top:0;left:0;right:0;height:1px;background:linear-gradient(to right,transparent,var(--gold),transparent)}
.stats-section::after{content:'';position:absolute;bottom:0;left:0;right:0;height:1px;background:linear-gradient(to right,transparent,var(--gold),transparent)}
.stats-intro{margin-bottom:4rem}
.stat-box{text-align:center;padding:2.5rem 1.5rem;border:1px solid var(--border-dark);background:rgba(255,255,255,.02);transition:border-color .3s}
.stat-box:hover{border-color:var(--border-gold)}
.stat-icon{font-size:1.5rem;color:var(--gold);margin-bottom:1rem;opacity:.7}
.stat-number{font-family:'Cormorant Garamond',serif;font-size:clamp(2.8rem,5vw,4rem);font-weight:700;color:var(--gold);line-height:1;margin-bottom:.5rem}
.stat-text{font-size:.78rem;font-weight:500;letter-spacing:.12em;text-transform:uppercase;color:var(--text-muted)}

/* ── PRODUCTS ── */
.products-section{background:#fff;padding:7rem 0}

/* Tabs */
.product-tabs{gap:.3rem;margin-bottom:3rem;border-bottom:1px solid rgba(0,0,0,.08);flex-wrap:wrap}
.tab-btn{font-size:.76rem;font-weight:600;letter-spacing:.1em;text-transform:uppercase;color:var(--text-muted)!important;background:transparent;border:none;padding:.65rem 1.2rem;cursor:pointer;position:relative;transition:color .3s}
.tab-btn::after{content:'';position:absolute;bottom:-1px;left:0;right:0;height:2px;background:var(--gold);transform:scaleX(0);transition:transform .3s ease}
.tab-btn.active,.tab-btn:hover{color:var(--gold-dark)!important}
.tab-btn.active::after{transform:scaleX(1)}

/* Product Cards — Smaller */
.product-card{overflow:hidden;position:relative;aspect-ratio:3/4;background:var(--bg-light);cursor:pointer}
.product-card img{width:100%;height:100%;object-fit:cover;transition:transform .5s ease}
.product-card:hover img{transform:scale(1.08)}
.pc-overlay{position:absolute;inset:0;background:rgba(7,13,26,.5);display:flex;align-items:center;justify-content:center;opacity:0;transition:opacity .3s;color:var(--gold);font-size:1.4rem}
.product-card:hover .pc-overlay{opacity:1}

/* ── LIGHTBOX ── */
.lightbox-overlay{position:fixed;inset:0;background:rgba(4,9,18,.96);z-index:9999;display:none;align-items:center;justify-content:center;padding:1rem}
.lightbox-overlay.active{display:flex}
.lightbox-inner{position:relative;display:flex;align-items:center;gap:1rem;max-width:90vw;max-height:90vh}
.lightbox-img-wrap{position:relative;text-align:center}
.lightbox-img-wrap img{max-width:80vw;max-height:80vh;object-fit:contain;display:block;border:1px solid var(--border-gold)}
.lightbox-caption{font-family:'Jost',sans-serif;font-size:.72rem;font-weight:600;letter-spacing:.15em;text-transform:uppercase;color:var(--gold);margin-top:.75rem;text-align:center}
.lightbox-close{position:absolute;top:-3rem;right:0;width:40px;height:40px;background:transparent;border:1px solid rgba(255,255,255,.2);color:#fff;font-size:.9rem;cursor:pointer;display:flex;align-items:center;justify-content:center;transition:all .3s}
.lightbox-close:hover{background:var(--gold);border-color:var(--gold);color:var(--bg-darker)}
.lightbox-nav{width:44px;height:44px;background:rgba(255,255,255,.08);border:1px solid rgba(255,255,255,.15);color:#fff;font-size:.85rem;cursor:pointer;display:flex;align-items:center;justify-content:center;transition:all .3s;flex-shrink:0}
.lightbox-nav:hover{background:var(--gold);border-color:var(--gold);color:var(--bg-darker)}

/* ── SERVICES ── */
.services-section{background:var(--bg-dark);padding:7rem 0;position:relative}
.services-section::before{content:'';position:absolute;top:0;left:0;right:0;height:1px;background:linear-gradient(to right,transparent,var(--gold),transparent)}

/* Banner card */
.service-banner-card{background:var(--gold);padding:2.5rem;display:flex;align-items:flex-start;gap:2rem}
.sbc-icon{font-size:2.5rem;color:var(--bg-darker);flex-shrink:0;margin-top:.25rem}
.sbc-content h3{font-family:'Cormorant Garamond',serif;font-size:1.6rem;font-weight:600;color:var(--bg-darker);margin-bottom:.6rem}
.sbc-content p{font-size:.9rem;color:rgba(7,13,26,.75);line-height:1.7;margin:0}

/* Service cards */
.service-card{background:var(--bg-card);border:1px solid var(--border-dark);padding:2.5rem 2rem;height:100%;position:relative;transition:all .4s ease;overflow:hidden}
.service-card:hover{border-color:var(--border-gold);transform:translateY(-5px)}
.sc-num{position:absolute;top:1.5rem;right:1.5rem;font-family:'Cormorant Garamond',serif;font-size:3rem;font-weight:700;color:rgba(201,169,110,.08);line-height:1}
.service-card i{font-size:1.8rem;color:var(--gold);margin-bottom:1.25rem;display:block}
.service-card h4{font-family:'Cormorant Garamond',serif;font-size:1.25rem;font-weight:600;color:var(--text-white);margin-bottom:.75rem}
.service-card p{font-size:.88rem;color:var(--text-muted);line-height:1.75}

/* ── VISION ── */
.motivation-section{position:relative;padding:8rem 0;background:var(--bg-mid);background-image:radial-gradient(ellipse at 20% 50%,rgba(201,169,110,.06) 0%,transparent 60%),radial-gradient(ellipse at 80% 50%,rgba(201,169,110,.04) 0%,transparent 60%);overflow:hidden}
.motivation-section::before,.motivation-section::after{content:'';position:absolute;left:0;right:0;height:1px;background:linear-gradient(to right,transparent,rgba(201,169,110,.3),transparent)}
.motivation-section::before{top:0}
.motivation-section::after{bottom:0}
.vision-quote{font-family:'Cormorant Garamond',serif;font-size:clamp(1.3rem,3vw,1.8rem);font-style:italic;font-weight:400;color:var(--gold-light);line-height:1.6;border:none;padding:2rem 0;margin:1.5rem 0;position:relative}
.vision-quote::before{content:'\201C';position:absolute;top:-.5rem;left:-.5rem;font-size:6rem;color:rgba(201,169,110,.12);font-family:'Cormorant Garamond',serif;line-height:1}
.vision-text{font-size:.95rem;color:var(--text-muted);line-height:1.8}

/* ── COMPLIANCE ── */
.compliance-section{background:var(--bg-light);padding:7rem 0}
.compliance-logo{text-align:center;padding:2.5rem 1.5rem;background:#fff;border:1px solid rgba(0,0,0,.06);transition:border-color .3s,box-shadow .3s;height:100%}
.compliance-logo:hover{border-color:var(--gold);box-shadow:0 8px 30px rgba(201,169,110,.12)}
.compliance-logo img{height:64px;width:auto;object-fit:contain;margin:0 auto 1rem;filter:grayscale(.3);transition:filter .3s}
.compliance-logo:hover img{filter:grayscale(0)}
.compliance-logo h5{font-size:.85rem;font-weight:700;letter-spacing:.1em;text-transform:uppercase;color:var(--text-dark);margin-bottom:.3rem}
.compliance-logo p{font-size:.78rem;color:var(--text-muted);margin:0}
.compliance-controls{display:flex;justify-content:center;gap:.75rem;margin-top:2rem}
.comp-btn{width:40px;height:40px;background:transparent;border:1px solid var(--gold);color:var(--gold);display:flex;align-items:center;justify-content:center;cursor:pointer;font-size:.8rem;transition:all .3s}
.comp-btn:hover{background:var(--gold);color:var(--bg-darker)}

/* ── QUOTES ── */
.quotes-section{background:var(--bg-darker);padding:6rem 0}
.quote-item{text-align:center;max-width:700px;margin:0 auto;padding:2rem 1rem}
.quote-mark{font-family:'Cormorant Garamond',serif;font-size:5rem;color:var(--gold);opacity:.3;line-height:1;margin-bottom:.5rem}
.quote-text{font-family:'Cormorant Garamond',serif;font-size:clamp(1.1rem,2.5vw,1.5rem);font-style:italic;color:rgba(255,255,255,.8);line-height:1.7;margin-bottom:1.5rem}
.quote-author{font-size:.75rem;font-weight:600;letter-spacing:.15em;text-transform:uppercase;color:var(--gold)}
.quotes-indicators{position:static;margin-top:2rem;display:flex;justify-content:center;gap:.4rem}
.quotes-indicators button{width:24px;height:2px;background:rgba(255,255,255,.2);border:none;border-radius:0;padding:0;transition:background .3s,width .3s}
.quotes-indicators button.active{background:var(--gold);width:40px}

/* ── CONTACT ── */
.contact-section{background:var(--bg-light);padding:7rem 0}
.contact-info-panel{background:var(--bg-dark);padding:2.5rem;height:100%}
.cip-item{display:flex;gap:1.25rem;align-items:flex-start;margin-bottom:2rem;padding-bottom:2rem;border-bottom:1px solid var(--border-dark)}
.cip-item:last-of-type{margin-bottom:1.5rem;border-bottom:none}
.cip-icon{width:40px;height:40px;background:rgba(201,169,110,.1);border:1px solid var(--border-gold);display:flex;align-items:center;justify-content:center;flex-shrink:0;color:var(--gold);font-size:.9rem}
.cip-item h5{font-size:.75rem;font-weight:700;letter-spacing:.12em;text-transform:uppercase;color:var(--gold);margin-bottom:.3rem}
.cip-item p,.cip-item a{font-size:.88rem;color:var(--text-muted);margin:0}
.cip-item a:hover{color:var(--gold)}
.contact-social{display:flex;gap:.6rem;margin-top:.5rem}
.contact-social a{width:36px;height:36px;background:var(--border-dark);border:1px solid var(--border-dark);display:flex;align-items:center;justify-content:center;color:var(--text-muted);font-size:.85rem;transition:all .3s}
.contact-social a:hover{background:var(--gold);color:var(--bg-darker);border-color:var(--gold)}
.contact-form-wrap{background:#fff;padding:2.5rem;border:1px solid rgba(0,0,0,.06);box-shadow:0 10px 40px rgba(0,0,0,.05)}
.form-input{width:100%;background:var(--bg-light);border:1px solid rgba(0,0,0,.1);border-radius:0;padding:.85rem 1.2rem;font-family:'Jost',sans-serif;font-size:.9rem;color:var(--text-dark);transition:border-color .3s;-webkit-appearance:none}
.form-input:focus{outline:none;border-color:var(--gold);background:#fff}
.form-input::placeholder{color:rgba(0,0,0,.35)}
textarea.form-input{resize:vertical}

/* ── FOOTER ── */
.footer-top{background:var(--bg-dark);padding:5rem 0 4rem;border-top:1px solid var(--border-gold)}
.footer-brand{font-family:'Cormorant Garamond',serif;font-size:1.6rem;font-weight:600;color:#fff;margin-bottom:1rem}
.footer-brand span{color:var(--gold)}
.footer-top p{font-size:.88rem;color:var(--text-muted);line-height:1.7;margin-bottom:1.5rem}
.footer-social{display:flex;gap:.5rem}
.footer-social a{width:36px;height:36px;background:rgba(255,255,255,.04);border:1px solid var(--border-dark);display:flex;align-items:center;justify-content:center;color:var(--text-muted);font-size:.8rem;transition:all .3s}
.footer-social a:hover{background:var(--gold);color:var(--bg-darker);border-color:var(--gold)}
.footer-title{font-size:.72rem;font-weight:700;letter-spacing:.18em;text-transform:uppercase;color:var(--gold);margin-bottom:1.25rem}
.footer-links{list-style:none;padding:0}
.footer-links li{margin-bottom:.6rem}
.footer-links a{font-size:.88rem;color:var(--text-muted);transition:color .3s}
.footer-links a:hover{color:var(--gold)}
.footer-map{overflow:hidden;border:1px solid var(--border-dark)}
.footer-map iframe{width:100%;height:180px;display:block;border:0;filter:grayscale(.8) invert(.9)}
.footer-bottom{background:var(--bg-darker);padding:1.5rem 0;border-top:1px solid var(--border-dark);text-align:center}
.footer-bottom p{font-size:.78rem;color:var(--text-muted);margin:0;line-height:1.7}
.footer-bottom a{color:var(--gold)}
.footer-bottom a:hover{color:var(--gold-light)}

/* ── FADE-IN ── */
.fade-in{opacity:0;transform:translateY(24px);transition:opacity .7s ease,transform .7s ease}
.fade-in.visible{opacity:1;transform:none}

/* ── RESPONSIVE ── */
@media(max-width:991px){
  .about-visual{margin-top:3rem;padding-right:0}
  .about-img-main img{height:300px}
  .about-badge{bottom:-1rem;left:-.5rem;width:72px;height:72px}
  .hero-scroll-hint{display:none}
  .navbar-collapse{background:rgba(7,13,26,.98);padding:1.5rem;margin-top:1rem;border:1px solid var(--border-gold)}
  .service-banner-card{flex-direction:column;gap:1rem}
}
@media(max-width:767px){
  .about-section,.features-section,.factory-video-section,.stats-section,.products-section,.services-section,.motivation-section,.compliance-section,.quotes-section,.contact-section{padding:5rem 0}
  .hero-stats{gap:1.2rem}
  .hstat-divider{height:24px}
  .contact-form-wrap,.contact-info-panel{padding:1.75rem}
}
@media(max-width:480px){
  .hero-cta-wrap{flex-direction:column;align-items:center}
  .tab-btn{font-size:.68rem;padding:.55rem .9rem}
  .lightbox-nav{display:none}
  .lightbox-img-wrap img{max-width:95vw;max-height:75vh}
  .lightbox-close{top:-2.5rem}
}