/* ============================================
   VEDABLIND — macOS Tahoe Liquid Glass
   ============================================ */

:root {
  --orange:       #F26522;
  --orange-dark:  #d4541a;
  --orange-glow:  rgba(242,101,34,0.30);
  --navy:         #0d1326;
  --navy-dark:    #060812;
  --gray:         rgba(255,255,255,0.20);
  --text-light:   rgba(220,232,255,0.62);

  /* ── Liquid Glass — macOS Tahoe ── */
  --glass-bg:        rgba(255,255,255,0.10);
  --glass-bg-mid:    rgba(255,255,255,0.16);
  --glass-bg-hover:  rgba(255,255,255,0.24);
  --glass-border:    rgba(255,255,255,0.20);
  --glass-border-hi: rgba(255,255,255,0.38);

  /* Tahoe specular: bright top + dim bottom + side glints */
  --glass-specular:
    inset 0  2px 0    rgba(255,255,255,0.72),
    inset 0 -0.5px 0  rgba(0,0,0,0.12),
    inset  1px 0 0    rgba(255,255,255,0.14),
    inset -1px 0 0    rgba(255,255,255,0.09);

  --glass-shadow:  0 16px 56px rgba(0,0,0,0.22), 0 4px 16px rgba(0,0,0,0.12), 0 0 48px rgba(255,255,255,0.025);
  --glass-blur:    blur(60px) saturate(200%);
  --glass-blur-sm: blur(32px) saturate(180%);
  --glass-blur-lg: blur(80px) saturate(220%);

  --glass-radius:    24px;
  --glass-radius-lg: 32px;
  --glass-radius-xl: 44px;

  --text:       #f0f4ff;
  --text-muted: rgba(220,232,255,0.62);
  --text-faint: rgba(220,232,255,0.38);

  --radius:     var(--glass-radius);
  --transition: 0.32s cubic-bezier(0.4,0,0.2,1);
  --shadow:     var(--glass-shadow);
}

/* ── RESET ── */
*, *::before, *::after { box-sizing: border-box; margin: 0; padding: 0; }
html { scroll-behavior: smooth; font-size: 16px; overflow-x: hidden; }
img  { max-width: 100%; display: block; }
a    { text-decoration: none; color: inherit; }
ul   { list-style: none; }
body { overflow-x: hidden; }

/* ── BODY + TAHOE BACKGROUND ── */
body {
  font-family: 'Inter', sans-serif;
  color: var(--text);
  background-color: var(--navy-dark);
  background-image:
    radial-gradient(ellipse at  6% 12%, rgba(242,101,34,0.58) 0%, transparent 52%),
    radial-gradient(ellipse at 90%  6%, rgba(210,125,28,0.30) 0%, transparent 48%),
    radial-gradient(ellipse at 74% 88%, rgba(160,58,8,0.26)   0%, transparent 50%),
    radial-gradient(ellipse at 14% 80%, rgba(100,38,4,0.20)   0%, transparent 44%),
    radial-gradient(ellipse at 52% 44%, rgba(12,5,16,0.80)    0%, transparent 60%),
    radial-gradient(ellipse at 32% 22%, rgba(5,2,10,0.62)     0%, transparent 42%);
  background-attachment: fixed;
  min-height: 100vh;
}

/* ── CONTAINER ── */
.container { width:100%; max-width:1200px; margin:0 auto; padding:0 24px; }

/* ── SECTION HELPERS ── */
.section { padding: 108px 0; }

.section--gray {
  background: rgba(255,255,255,0.055) !important;
  backdrop-filter: var(--glass-blur-lg);
  -webkit-backdrop-filter: var(--glass-blur-lg);
  border-top: 1px solid rgba(255,255,255,0.09);
  border-bottom: 1px solid rgba(255,255,255,0.09);
}
.section--navy {
  background: rgba(0,0,0,0.32) !important;
  backdrop-filter: var(--glass-blur);
  -webkit-backdrop-filter: var(--glass-blur);
}
.section--orange {
  background: rgba(242,101,34,0.10);
  border-top: 1px solid rgba(242,101,34,0.22);
  border-bottom: 1px solid rgba(242,101,34,0.22);
  backdrop-filter: var(--glass-blur-sm);
  -webkit-backdrop-filter: var(--glass-blur-sm);
}

/* ── TYPOGRAPHY ── */
.section-label {
  display: inline-block; font-size: 0.72rem; font-weight: 700;
  letter-spacing: 0.14em; text-transform: uppercase;
  color: var(--orange); margin-bottom: 12px;
}
.section-title {
  font-size: clamp(1.8rem,4vw,2.8rem); font-weight: 900;
  line-height: 1.12; margin-bottom: 16px;
  color: var(--text); letter-spacing: -0.022em;
}
.section-sub { font-size:1.02rem; color:var(--text-muted); max-width:600px; line-height:1.78; }

/* ── BUTTONS ── */
.btn {
  display:inline-flex; align-items:center; gap:8px;
  padding:14px 28px; border-radius:100px;
  font-weight:700; font-size:0.9rem; cursor:pointer;
  border:1.5px solid transparent; transition:var(--transition);
  white-space:nowrap; letter-spacing:0.01em;
}
.btn-primary {
  background: linear-gradient(135deg, #F57235 0%, #E05518 100%);
  color:#fff; border-color:transparent;
  box-shadow: 0 4px 24px rgba(242,101,34,0.50), 0 1px 4px rgba(0,0,0,0.18), inset 0 1px 0 rgba(255,255,255,0.26);
}
.btn-primary:hover {
  background: linear-gradient(135deg, #F57235 0%, #C84810 100%);
  transform:translateY(-2px);
  box-shadow: 0 10px 40px rgba(242,101,34,0.65), 0 2px 6px rgba(0,0,0,0.22), inset 0 1px 0 rgba(255,255,255,0.26);
}
.btn-outline {
  background: var(--glass-bg); color:var(--text); border-color:var(--glass-border);
  backdrop-filter:var(--glass-blur-sm); -webkit-backdrop-filter:var(--glass-blur-sm);
  box-shadow: var(--glass-specular);
}
.btn-outline:hover { background:var(--glass-bg-hover); border-color:rgba(255,255,255,0.42); transform:translateY(-2px); }
.btn-navy {
  background: var(--glass-bg-mid); color:var(--text); border-color:var(--glass-border);
  backdrop-filter:var(--glass-blur-sm); -webkit-backdrop-filter:var(--glass-blur-sm);
  box-shadow: var(--glass-specular);
}
.btn-navy:hover { background:var(--glass-bg-hover); transform:translateY(-2px); }

/* ── HEADER ── */
.header {
  position:fixed; top:0; left:0; right:0; z-index:1000;
  background: rgba(6,8,18,0.45);
  backdrop-filter: var(--glass-blur);
  -webkit-backdrop-filter: var(--glass-blur);
  border-bottom: 1px solid rgba(255,255,255,0.10);
  transition: var(--transition);
}
.header.scrolled {
  background: rgba(6,8,18,0.65);
  border-bottom-color: rgba(255,255,255,0.14);
  box-shadow: 0 4px 32px rgba(0,0,0,0.36), inset 0 -1px 0 rgba(255,255,255,0.05);
}
.header__inner { display:flex; align-items:center; justify-content:space-between; height:68px; }

/* ── LOGO ── */
.logo { display:flex; align-items:center; gap:10px; }
.logo__icon {
  width:40px; height:40px;
  background: linear-gradient(135deg, rgba(255,255,255,0.14) 0%, rgba(255,255,255,0.06) 100%);
  border:1px solid var(--glass-border-hi); border-radius:12px;
  display:flex; align-items:center; justify-content:center;
  font-weight:900; font-size:0.9rem; color:var(--orange); letter-spacing:-0.04em;
  backdrop-filter:var(--glass-blur-sm); -webkit-backdrop-filter:var(--glass-blur-sm);
  box-shadow: var(--glass-specular);
}
.logo__text { font-size:1.2rem; font-weight:800; color:var(--text); letter-spacing:0.02em; }
.logo__text span { color:var(--orange); }

/* ── NAV ── */
.nav { display:flex; align-items:center; gap:2px; }
.nav__item { position:relative; padding-bottom:12px; margin-bottom:-12px; }
.nav__link {
  display:flex; align-items:center; gap:4px; padding:8px 14px;
  font-size:0.875rem; font-weight:600; color:rgba(220,232,255,0.72);
  border-radius:100px; transition:var(--transition);
}
.nav__link:hover, .nav__link.active { color:var(--text); background:rgba(255,255,255,0.10); }
.nav__link svg { transition:var(--transition); }
.nav__item:hover .nav__link svg { transform:rotate(180deg); }

.dropdown {
  position:absolute; top:100%; left:0;
  background: rgba(10,14,30,0.82);
  backdrop-filter:var(--glass-blur); -webkit-backdrop-filter:var(--glass-blur);
  border:1px solid rgba(255,255,255,0.16); border-radius:var(--glass-radius);
  box-shadow: var(--glass-shadow), var(--glass-specular);
  min-width:210px; opacity:0; pointer-events:none;
  transform:translateY(8px);
  transition: opacity 0.25s ease 0s, transform 0.25s ease 0s;
  overflow:hidden;
}
.nav__item:hover .dropdown { opacity:1; pointer-events:all; transform:translateY(0); }
.nav__item:not(:hover) .dropdown { transition: opacity 0.18s ease 0.08s, transform 0.18s ease 0.08s; }
.dropdown a {
  display:flex; align-items:center; gap:10px; padding:12px 20px;
  font-size:0.875rem; font-weight:600; color:var(--text-muted); transition:var(--transition);
}
.dropdown a:hover { background:rgba(255,255,255,0.08); color:var(--orange); }
.dropdown a .dot { width:6px; height:6px; border-radius:50%; background:var(--orange); flex-shrink:0; opacity:0.7; }

.nav__cta { margin-left:10px; }
.hamburger { display:none; flex-direction:column; gap:5px; cursor:pointer; padding:8px; }
.hamburger span { display:block; width:24px; height:2px; background:var(--text); border-radius:2px; transition:var(--transition); }

/* ── MOBILE NAV ── */
.mobile-nav {
  position:fixed; inset:0;
  background: rgba(6,8,18,0.90);
  backdrop-filter:var(--glass-blur-lg); -webkit-backdrop-filter:var(--glass-blur-lg);
  z-index:2000; display:flex; flex-direction:column; padding:0;
  transform:translateX(100%);
  transition: transform 0.4s cubic-bezier(0.4,0,0.2,1);
  border-left:1px solid rgba(255,255,255,0.10);
}
.mobile-nav.open { transform:translateX(0); }
.mobile-nav__close {
  position:absolute; top:20px; right:20px;
  background:rgba(255,255,255,0.10); border:1px solid rgba(255,255,255,0.18); cursor:pointer;
  width:44px; height:44px; border-radius:12px;
  display:flex; align-items:center; justify-content:center;
  color:var(--text); font-size:1.1rem;
  backdrop-filter:var(--glass-blur-sm); -webkit-backdrop-filter:var(--glass-blur-sm);
  box-shadow: var(--glass-specular);
}
.mobile-nav__links {
  flex:1; overflow-y:auto; padding:80px 24px 24px;
  display:flex; flex-direction:column; gap:6px;
}
.mobile-nav__link {
  display:block; padding:16px 20px;
  font-size:1rem; font-weight:700; color:var(--text);
  border-radius:var(--glass-radius);
  background:var(--glass-bg); border:1px solid var(--glass-border);
  margin-bottom:2px; transition:var(--transition);
  box-shadow: var(--glass-specular);
}
.mobile-nav__link:hover, .mobile-nav__link:active {
  background:var(--glass-bg-mid); color:var(--orange); border-color:rgba(242,101,34,0.32);
}
a.mobile-nav__link { background:var(--glass-bg); border:1px solid var(--glass-border); border-radius:var(--glass-radius); padding:16px 20px; }
.mobile-nav__sub {
  padding:6px 8px 8px; margin-top:-4px; margin-bottom:4px;
  background:rgba(255,255,255,0.04);
  border-radius:0 0 var(--glass-radius) var(--glass-radius);
  border:1px solid var(--glass-border); border-top:none;
}
.mobile-nav__sub a { padding:11px 16px; font-size:0.9rem; color:var(--text-muted); border-radius:10px; display:block; font-weight:600; }
.mobile-nav__sub a:active { color:var(--orange); background:var(--glass-bg); }
.mobile-nav__cta { padding:16px 24px 40px; border-top:1px solid rgba(255,255,255,0.08); background:rgba(0,0,0,0.15); }

/* ── HERO ── */
.hero {
  min-height:100vh; display:flex; align-items:center;
  position:relative; overflow:hidden; padding-top:68px;
  background:
    linear-gradient(110deg,
      rgba(6,8,18,0.93) 0%,
      rgba(6,8,18,0.86) 35%,
      rgba(6,8,18,0.58) 62%,
      rgba(6,8,18,0.34) 100%),
    url('../images/hero-bg.webp') center 25% / cover no-repeat;
  background-color: var(--navy-dark);
}
.hero::before {
  content:''; position:absolute; inset:0;
  background: radial-gradient(ellipse at 28% 65%, rgba(242,101,34,0.10) 0%, transparent 48%);
  pointer-events:none;
}
.hero__bg-pattern { display:none; }
.hero__content { position:relative; z-index:1; max-width:680px; }
.hero__badge {
  display:inline-flex; align-items:center; gap:8px;
  background: linear-gradient(135deg, rgba(255,255,255,0.12) 0%, rgba(255,255,255,0.06) 100%);
  border:1px solid rgba(242,101,34,0.32);
  backdrop-filter:var(--glass-blur-sm); -webkit-backdrop-filter:var(--glass-blur-sm);
  border-radius:100px; padding:7px 18px;
  font-size:0.78rem; font-weight:700;
  color:var(--orange); letter-spacing:0.06em; text-transform:uppercase;
  margin-bottom:24px;
  box-shadow: var(--glass-specular), 0 4px 16px rgba(242,101,34,0.12);
}
.hero__title {
  font-size:clamp(2.4rem,6vw,4rem); font-weight:900;
  color:var(--text); line-height:1.08; margin-bottom:24px; letter-spacing:-0.025em;
}
.hero__title span { color:var(--orange); }
.hero__sub { font-size:1.08rem; color:var(--text-muted); line-height:1.78; margin-bottom:40px; max-width:520px; }
.hero__actions { display:flex; gap:14px; flex-wrap:wrap; }
.hero__scroll {
  position:absolute; bottom:40px; left:50%; transform:translateX(-50%);
  display:flex; flex-direction:column; align-items:center; gap:8px;
  color:var(--text-faint); font-size:0.72rem; letter-spacing:0.1em; text-transform:uppercase;
  animation:bounce 2s infinite;
}
.hero__scroll::after {
  content:''; display:block; width:1px; height:48px;
  background:linear-gradient(to bottom, rgba(255,255,255,0.28), transparent);
}
@keyframes bounce { 0%,100%{transform:translateX(-50%) translateY(0)} 50%{transform:translateX(-50%) translateY(8px)} }

/* ── MARQUEE ── */
.marquee-strip {
  background:rgba(242,101,34,0.10);
  border-top:1px solid rgba(242,101,34,0.22); border-bottom:1px solid rgba(242,101,34,0.22);
  backdrop-filter:var(--glass-blur-sm); -webkit-backdrop-filter:var(--glass-blur-sm);
  padding:14px 0; overflow:hidden; max-width:100vw;
}
.marquee-track { display:flex; gap:0; animation:marquee 11s linear infinite; white-space:nowrap; will-change:transform; }
.marquee-track > span::after { content:'' !important; display:none !important; }
.m-item {
  display:inline-flex; align-items:center; gap:8px; padding:0 22px;
  font-size:0.75rem; font-weight:700; color:var(--orange);
  text-transform:uppercase; letter-spacing:0.09em; white-space:nowrap;
}
.m-item svg { flex-shrink:0; }
@keyframes marquee { from{transform:translateX(0)} to{transform:translateX(-50%)} }

/* ── STATS ── */
.stats { padding:80px 0; background:rgba(0,0,0,0.28); border-top:1px solid rgba(255,255,255,0.06); border-bottom:1px solid rgba(255,255,255,0.06); }
.stats__grid { display:grid; grid-template-columns:repeat(4,1fr); gap:12px; }
.stat {
  padding:40px 28px; text-align:center;
  background: linear-gradient(160deg, rgba(255,255,255,0.14) 0%, rgba(255,255,255,0.07) 100%);
  backdrop-filter:var(--glass-blur); -webkit-backdrop-filter:var(--glass-blur);
  border:1px solid var(--glass-border); border-radius:var(--glass-radius-lg);
  box-shadow: var(--glass-shadow), var(--glass-specular); transition:var(--transition);
}
.stat:hover {
  background: linear-gradient(160deg, rgba(255,255,255,0.19) 0%, rgba(255,255,255,0.10) 100%);
  border-color:rgba(242,101,34,0.35); transform:translateY(-5px);
  box-shadow: 0 20px 56px rgba(0,0,0,0.32), 0 0 0 1px rgba(242,101,34,0.18), var(--glass-specular);
}
.stat__number { font-size:clamp(2.4rem,5vw,3.6rem); font-weight:900; color:var(--orange); line-height:1; margin-bottom:10px; letter-spacing:-0.03em; text-shadow:0 0 32px rgba(242,101,34,0.35); }
.stat__label  { font-size:0.78rem; font-weight:600; color:var(--text-muted); text-transform:uppercase; letter-spacing:0.1em; }

/* ── ABOUT ── */
.about__grid { display:grid; grid-template-columns:1.15fr 1fr; gap:60px; align-items:start; }
.about__image { position:relative; }
.about__image-main {
  width:100%; aspect-ratio:3/4;
  background:var(--glass-bg); border:1px solid var(--glass-border); border-radius:20px;
  overflow:hidden; backdrop-filter:var(--glass-blur-sm); -webkit-backdrop-filter:var(--glass-blur-sm);
  box-shadow: var(--glass-shadow), var(--glass-specular);
}
.about__image-main img { width:100%; height:100%; object-fit:cover; object-position:center 30%; border-radius:20px; }
.about__image-accent {
  position:absolute; bottom:-16px; right:-16px;
  width:180px; aspect-ratio:1;
  background: linear-gradient(135deg, rgba(255,255,255,0.14) 0%, rgba(255,255,255,0.07) 100%);
  backdrop-filter:var(--glass-blur); -webkit-backdrop-filter:var(--glass-blur);
  border:1px solid var(--glass-border-hi); border-radius:var(--glass-radius-lg);
  box-shadow: var(--glass-shadow), var(--glass-specular);
  display:flex; flex-direction:column; align-items:center; justify-content:center;
  text-align:center; padding:20px;
}
.about__image-accent strong { font-size:2rem; font-weight:900; color:var(--orange); display:block; }
.about__image-accent span   { font-size:0.78rem; font-weight:600; color:var(--text-muted); }
.about__features { display:flex; flex-direction:column; gap:12px; margin-top:32px; }
.about__feature {
  display:flex; align-items:flex-start; gap:16px; padding:18px 20px;
  background: linear-gradient(135deg, var(--glass-bg-mid) 0%, var(--glass-bg) 100%);
  backdrop-filter:var(--glass-blur-sm); -webkit-backdrop-filter:var(--glass-blur-sm);
  border:1px solid var(--glass-border); border-left:2px solid var(--orange);
  border-radius:var(--glass-radius); box-shadow:var(--glass-specular); transition:var(--transition);
}
.about__feature:hover { background:linear-gradient(135deg, rgba(255,255,255,0.17) 0%, rgba(255,255,255,0.09) 100%); border-left-width:3px; }
.about__feature-icon { width:40px; height:40px; flex-shrink:0; background:rgba(242,101,34,0.14); border-radius:11px; display:flex; align-items:center; justify-content:center; font-size:1.2rem; }
.about__feature-text h4 { font-size:0.9rem; font-weight:700; color:var(--text); margin-bottom:3px; }
.about__feature-text p  { font-size:0.82rem; color:var(--text-muted); line-height:1.58; }

/* ── CATEGORIES ── */
.categories__grid { display:grid; grid-template-columns:1fr 1fr; gap:20px; }
.category-card {
  border-radius:var(--glass-radius-lg); overflow:hidden; position:relative;
  aspect-ratio:16/9; cursor:pointer;
  background:var(--glass-bg);
  backdrop-filter:var(--glass-blur); -webkit-backdrop-filter:var(--glass-blur);
  border:1px solid var(--glass-border-hi);
  box-shadow: var(--glass-shadow), var(--glass-specular); transition:var(--transition);
}
.category-card:hover { transform:translateY(-5px) scale(1.005); box-shadow:0 24px 64px rgba(0,0,0,0.45), var(--glass-specular); border-color:rgba(255,255,255,0.30); }
.category-card__bg { position:absolute; inset:0; transition:transform 0.5s ease; }
.category-card--navy   .category-card__bg { background:linear-gradient(135deg, rgba(14,18,44,0.84) 0%, rgba(6,8,18,0.92) 100%); }
.category-card--orange .category-card__bg { background:linear-gradient(135deg, rgba(200,72,12,0.88) 0%, rgba(140,42,5,0.94) 100%); }
.category-card:hover .category-card__bg { transform:scale(1.04); }
.category-card__content { position:relative; z-index:1; padding:36px; height:100%; display:flex; flex-direction:column; justify-content:flex-end; }
.category-card__tag {
  display:inline-block; background:rgba(255,255,255,0.14);
  backdrop-filter:var(--glass-blur-sm); -webkit-backdrop-filter:var(--glass-blur-sm);
  border:1px solid rgba(255,255,255,0.28); border-radius:100px;
  padding:4px 14px; font-size:0.72rem; font-weight:700; color:#fff;
  text-transform:uppercase; letter-spacing:0.1em; margin-bottom:10px;
  box-shadow:var(--glass-specular);
}
.category-card__title { font-size:clamp(1.5rem,3vw,2.2rem); font-weight:900; color:#fff; margin-bottom:8px; letter-spacing:-0.02em; }
.category-card__sub   { font-size:0.875rem; color:rgba(255,255,255,0.72); margin-bottom:20px; line-height:1.58; }
.category-card__arrow {
  width:42px; height:42px; background:rgba(255,255,255,0.14);
  backdrop-filter:var(--glass-blur-sm); -webkit-backdrop-filter:var(--glass-blur-sm);
  border:1px solid rgba(255,255,255,0.28); border-radius:50%;
  display:flex; align-items:center; justify-content:center; color:#fff; font-size:1.1rem;
  transition:var(--transition); align-self:flex-start; box-shadow:var(--glass-specular);
}
.category-card:hover .category-card__arrow { background:var(--orange); border-color:var(--orange); color:#fff; box-shadow:0 4px 16px rgba(242,101,34,0.5); }

/* ── PRODUCTS ── */
.products__header { display:flex; align-items:flex-end; justify-content:space-between; margin-bottom:40px; gap:24px; }
.products__grid   { display:grid; grid-template-columns:repeat(3,1fr); gap:16px; }
.product-card {
  background: linear-gradient(160deg, rgba(255,255,255,0.14) 0%, rgba(255,255,255,0.07) 100%);
  backdrop-filter:var(--glass-blur); -webkit-backdrop-filter:var(--glass-blur);
  border:1px solid var(--glass-border); border-radius:var(--glass-radius-lg);
  overflow:hidden; box-shadow:var(--glass-shadow), var(--glass-specular); transition:var(--transition);
}
.product-card:hover { transform:translateY(-7px); border-color:rgba(255,255,255,0.28); box-shadow:0 24px 56px rgba(0,0,0,0.38), var(--glass-specular); }
.product-card__image { aspect-ratio:4/3; background:rgba(255,255,255,0.04); overflow:hidden; position:relative; }
.product-card__image img { width:100%; height:100%; object-fit:cover; transition:transform 0.5s ease; }
.product-card:hover .product-card__image img { transform:scale(1.06); }
.product-card__badge {
  position:absolute; top:14px; left:14px; background:var(--orange); color:#fff;
  font-size:0.68rem; font-weight:700; text-transform:uppercase; letter-spacing:0.1em;
  padding:4px 12px; border-radius:100px; box-shadow:0 2px 8px rgba(242,101,34,0.45);
}
.product-card__body  { padding:24px; }
.product-card__title { font-size:1.05rem; font-weight:700; margin-bottom:8px; color:var(--text); }
.product-card__desc  { font-size:0.84rem; color:var(--text-muted); line-height:1.68; margin-bottom:18px; }
.product-card__link  { display:inline-flex; align-items:center; gap:6px; font-size:0.84rem; font-weight:700; color:var(--orange); transition:var(--transition); }
.product-card__link:hover { gap:10px; }

/* ── WHY US ── */
.why__grid { display:grid; grid-template-columns:repeat(3,1fr); gap:14px; margin-top:52px; }
.why-item {
  text-align:center; padding:36px 24px;
  background: linear-gradient(160deg, rgba(255,255,255,0.14) 0%, rgba(255,255,255,0.07) 100%);
  backdrop-filter:var(--glass-blur); -webkit-backdrop-filter:var(--glass-blur);
  border:1px solid var(--glass-border); border-radius:var(--glass-radius-lg);
  box-shadow:var(--glass-shadow), var(--glass-specular); transition:var(--transition);
}
.why-item:hover {
  background:linear-gradient(160deg, rgba(255,255,255,0.19) 0%, rgba(255,255,255,0.10) 100%);
  border-color:rgba(242,101,34,0.32); transform:translateY(-5px);
  box-shadow:0 20px 52px rgba(0,0,0,0.32), 0 0 0 1px rgba(242,101,34,0.14), var(--glass-specular);
}
.why-item__icon  { font-size:2.2rem; margin-bottom:18px; }
.why-item__title { font-size:0.95rem; font-weight:700; color:var(--text); margin-bottom:10px; }
.why-item__desc  { font-size:0.84rem; color:var(--text-muted); line-height:1.68; }

/* ── TESTIMONIALS ── */
.testimonials-slider {
  display:flex; gap:20px; overflow-x:auto;
  scroll-snap-type:x mandatory; scroll-behavior:smooth;
  -webkit-overflow-scrolling:touch; padding:52px 4px 20px; margin:0 -4px;
  cursor:grab; user-select:none;
}
.testimonials-slider:active { cursor:grabbing; }
.testimonials-slider::-webkit-scrollbar { height:4px; }
.testimonials-slider::-webkit-scrollbar-track { background:rgba(0,0,0,0.05); border-radius:2px; }
.testimonials-slider::-webkit-scrollbar-thumb { background:rgba(242,101,34,0.4); border-radius:2px; }
.testimonials-slider .testimonial { flex:0 0 calc(33.333% - 14px); scroll-snap-align:start; min-width:0; }

.testimonial {
  background: linear-gradient(160deg, rgba(255,255,255,0.14) 0%, rgba(255,255,255,0.07) 100%);
  backdrop-filter:var(--glass-blur); -webkit-backdrop-filter:var(--glass-blur);
  border:1px solid var(--glass-border); border-radius:var(--glass-radius-lg);
  padding:28px; box-shadow:var(--glass-shadow), var(--glass-specular);
  position:relative; transition:var(--transition);
}
.testimonial:hover { background:linear-gradient(160deg, rgba(255,255,255,0.17) 0%, rgba(255,255,255,0.09) 100%); transform:translateY(-3px); border-color:rgba(255,255,255,0.26); }
.testimonial::before { content:'\201C'; position:absolute; top:14px; right:22px; font-size:4.5rem; line-height:1; color:var(--orange); opacity:0.14; font-family:Georgia,serif; }
.testimonial__stars  { color:var(--orange); font-size:0.85rem; margin-bottom:14px; letter-spacing:2px; }
.testimonial__text   { font-size:0.875rem; color:var(--text-muted); line-height:1.78; margin-bottom:22px; font-style:italic; }
.testimonial__author { display:flex; align-items:center; gap:12px; }
.testimonial__avatar {
  width:42px; height:42px; border-radius:50%;
  background:rgba(242,101,34,0.2); border:1px solid rgba(242,101,34,0.32);
  display:flex; align-items:center; justify-content:center;
  font-weight:700; color:var(--orange); font-size:0.95rem; flex-shrink:0;
}
img.testimonial__avatar { width:44px; height:44px; border-radius:50%; object-fit:cover; object-position:center top; flex-shrink:0; border:2px solid rgba(242,101,34,0.28); }
.testimonial__name   { font-weight:700; font-size:0.875rem; color:var(--text); }
.testimonial__role   { font-size:0.78rem; color:var(--text-faint); }
.testimonial__google {
  display:flex; align-items:center; gap:6px; margin-top:14px; padding-top:14px;
  border-top:1px solid rgba(255,255,255,0.10); font-size:0.72rem; color:var(--text-faint); font-weight:600;
}
.testimonial__google::before { content:'G'; display:flex; align-items:center; justify-content:center; width:16px; height:16px; background:#4285f4; color:white; border-radius:3px; font-size:0.65rem; font-weight:700; }

.slider-dots { display:flex; justify-content:center; gap:8px; margin-top:24px; }
.slider-dot  { width:8px; height:8px; border-radius:50%; background:rgba(255,255,255,0.2); border:none; cursor:pointer; padding:0; transition:all 0.25s ease; }
.slider-dot.active { background:var(--orange); width:24px; border-radius:4px; }

/* ── CLIENTS ── */
.clients { padding:60px 0; }
.clients__title { text-align:center; font-size:0.75rem; font-weight:700; text-transform:uppercase; letter-spacing:0.14em; color:var(--text-faint); margin-bottom:36px; }
.clients__grid  { display:flex; flex-wrap:wrap; justify-content:center; align-items:center; gap:14px; margin-top:8px; }
.client-logo {
  padding:14px 22px;
  background: linear-gradient(135deg, rgba(255,255,255,0.11) 0%, rgba(255,255,255,0.05) 100%);
  backdrop-filter:var(--glass-blur-sm); -webkit-backdrop-filter:var(--glass-blur-sm);
  border:1px solid rgba(255,255,255,0.14); border-radius:var(--glass-radius);
  display:flex; align-items:center; justify-content:center;
  min-width:120px; min-height:64px; transition:var(--transition);
  box-shadow:var(--glass-shadow), var(--glass-specular);
}
.client-logo:hover { transform:translateY(-4px); background:linear-gradient(135deg, rgba(255,255,255,0.18) 0%, rgba(255,255,255,0.10) 100%); border-color:rgba(255,255,255,0.28); box-shadow:0 12px 36px rgba(0,0,0,0.30), var(--glass-specular); }
.client-logo img { max-height:36px; max-width:110px; width:auto; height:auto; object-fit:contain; display:block; filter:brightness(0) invert(1) opacity(0.65); transition:filter var(--transition); }
.client-logo:hover img { filter:brightness(0) invert(1) opacity(0.90); }

/* ── CTA STRIP ── */
.cta-strip {
  background:rgba(242,101,34,0.10);
  border-top:1px solid rgba(242,101,34,0.22); border-bottom:1px solid rgba(242,101,34,0.22);
  backdrop-filter:var(--glass-blur); -webkit-backdrop-filter:var(--glass-blur);
  padding:80px 0;
}
.cta-strip__inner  { display:flex; align-items:center; justify-content:space-between; gap:40px; }
.cta-strip__title  { font-size:clamp(1.5rem,3.2vw,2.2rem); font-weight:900; color:var(--text); max-width:520px; line-height:1.32; letter-spacing:-0.02em; }
.cta-strip__actions { display:flex; gap:12px; flex-shrink:0; }

/* ── FOOTER ── */
.footer {
  background:rgba(4,5,14,0.75);
  backdrop-filter:var(--glass-blur); -webkit-backdrop-filter:var(--glass-blur);
  border-top:1px solid rgba(255,255,255,0.08); color:var(--text); padding:72px 0 0;
}
.footer__grid { display:grid; grid-template-columns:2fr 1fr 1fr 1fr; gap:48px; margin-bottom:60px; }
.footer__brand .logo { margin-bottom:20px; }
.footer__desc  { font-size:0.84rem; color:var(--text-faint); line-height:1.78; margin-bottom:24px; }
.footer__socials { display:flex; gap:10px; }
.footer__social {
  width:36px; height:36px; background:var(--glass-bg); border:1px solid var(--glass-border);
  border-radius:9px; display:flex; align-items:center; justify-content:center;
  font-size:0.85rem; color:var(--text-faint); transition:var(--transition);
  backdrop-filter:var(--glass-blur-sm); -webkit-backdrop-filter:var(--glass-blur-sm);
  box-shadow:var(--glass-specular);
}
.footer__social:hover { background:var(--orange); border-color:var(--orange); color:#fff; }
.footer__col-title    { font-size:0.72rem; font-weight:700; text-transform:uppercase; letter-spacing:0.12em; color:var(--text-faint); margin-bottom:18px; }
.footer__links        { display:flex; flex-direction:column; gap:10px; }
.footer__links a      { font-size:0.84rem; color:var(--text-muted); transition:var(--transition); }
.footer__links a:hover { color:var(--orange); }
.footer__contact-item { display:flex; align-items:center; gap:10px; font-size:0.84rem; color:var(--text-muted); margin-bottom:10px; }
.footer__contact-item svg { color:var(--orange); flex-shrink:0; }
.footer__bottom {
  border-top:1px solid rgba(255,255,255,0.06); padding:22px 0;
  display:flex; align-items:center; justify-content:space-between;
  font-size:0.78rem; color:var(--text-faint);
}

/* ── WHATSAPP FLOAT ── */
.whatsapp-float { position:fixed; bottom:28px; right:28px; z-index:999; display:flex; align-items:center; gap:12px; }
@keyframes whatsapp-pulse {
  0%   { box-shadow:0 0 0 0   rgba(37,211,102,0.70),0 6px 24px rgba(37,211,102,0.45); }
  60%  { box-shadow:0 0 0 18px rgba(37,211,102,0),  0 6px 24px rgba(37,211,102,0.45); }
  100% { box-shadow:0 0 0 0   rgba(37,211,102,0),  0 6px 24px rgba(37,211,102,0.45); }
}
.whatsapp-float__btn { width:58px; height:58px; background:#25D366; border-radius:50%; display:flex; align-items:center; justify-content:center; animation:whatsapp-pulse 2.2s ease-out infinite; transition:var(--transition); }
.whatsapp-float__btn:hover { animation:none; transform:scale(1.12); box-shadow:0 8px 32px rgba(37,211,102,0.6); }
.whatsapp-float__btn svg { width:28px; height:28px; fill:white; }
.whatsapp-float__label {
  background:linear-gradient(135deg, var(--glass-bg-mid) 0%, var(--glass-bg) 100%);
  backdrop-filter:var(--glass-blur); -webkit-backdrop-filter:var(--glass-blur);
  border:1px solid var(--glass-border-hi); border-radius:var(--glass-radius);
  padding:8px 14px; font-size:0.78rem; font-weight:700; color:var(--text);
  box-shadow:var(--glass-shadow), var(--glass-specular);
  opacity:0; transform:translateX(10px); transition:var(--transition); pointer-events:none;
  display:flex; align-items:center; gap:7px; white-space:nowrap;
}
.whatsapp-float:hover .whatsapp-float__label { opacity:1; transform:translateX(0); }

/* ── ANIMATIONS ── */
.reveal { opacity:0; transform:translateY(28px); transition:opacity 0.6s ease, transform 0.6s ease; }
.reveal.visible { opacity:1; transform:translateY(0); }
.reveal-delay-1 { transition-delay:0.1s; }
.reveal-delay-2 { transition-delay:0.2s; }
.reveal-delay-3 { transition-delay:0.3s; }

.img-placeholder { width:100%; height:100%; background:var(--glass-bg); display:flex; align-items:center; justify-content:center; flex-direction:column; gap:8px; color:var(--text-faint); font-size:0.78rem; font-weight:600; text-align:center; }
.img-placeholder svg { opacity:0.3; }

/* ════════════════════════════════════════
   PRODUCT PAGES
   ════════════════════════════════════════ */
.page-hero {
  min-height:62vh; display:flex; align-items:center;
  position:relative; overflow:hidden; padding-top:68px;
}
.page-hero::before { content:''; position:absolute; inset:0; background:radial-gradient(ellipse at 65% 40%, rgba(242,101,34,0.16) 0%, transparent 52%); pointer-events:none; }
.page-hero__bg-pattern { position:absolute; right:-80px; top:50%; transform:translateY(-50%); width:460px; height:460px; opacity:0.05; background-image:repeating-linear-gradient(45deg, var(--orange) 0, var(--orange) 1px, transparent 0, transparent 50%); background-size:20px 20px; border-radius:50%; pointer-events:none; overflow:hidden; }
.page-hero__content { position:relative; z-index:1; max-width:700px; padding:72px 0; }
.page-hero__breadcrumb { display:flex; align-items:center; gap:8px; font-size:0.72rem; color:var(--text-faint); margin-bottom:20px; font-weight:600; text-transform:uppercase; letter-spacing:0.08em; }
.page-hero__breadcrumb a { color:var(--text-faint); transition:var(--transition); }
.page-hero__breadcrumb a:hover { color:var(--orange); }
.page-hero__breadcrumb .sep { opacity:0.3; }
.page-hero__breadcrumb .current { color:var(--orange); }
.page-hero__tag { display:inline-flex; align-items:center; background:linear-gradient(135deg, rgba(255,255,255,0.12) 0%, rgba(255,255,255,0.06) 100%); backdrop-filter:var(--glass-blur-sm); -webkit-backdrop-filter:var(--glass-blur-sm); border:1px solid rgba(242,101,34,0.30); border-radius:100px; padding:6px 18px; font-size:0.72rem; font-weight:700; color:var(--orange); letter-spacing:0.1em; text-transform:uppercase; margin-bottom:20px; box-shadow:var(--glass-specular); }
.page-hero__title { font-size:clamp(2rem,5vw,3.4rem); font-weight:900; color:var(--text); line-height:1.08; margin-bottom:20px; letter-spacing:-0.025em; }
.page-hero__title span { color:var(--orange); }
.page-hero__sub { font-size:1.02rem; color:var(--text-muted); line-height:1.80; margin-bottom:36px; max-width:540px; }
.page-hero__actions { display:flex; gap:14px; flex-wrap:wrap; }

.overview-grid { display:grid; grid-template-columns:1fr 1fr; gap:72px; align-items:center; }
.overview-text .section-sub { margin-bottom:28px; }
.overview-list { display:flex; flex-direction:column; gap:10px; }
.overview-list li { display:flex; align-items:flex-start; gap:12px; font-size:0.875rem; color:var(--text-muted); line-height:1.62; }
.overview-list li::before { content:'✓'; width:20px; height:20px; flex-shrink:0; background:rgba(242,101,34,0.15); border:1px solid rgba(242,101,34,0.28); border-radius:50%; display:flex; align-items:center; justify-content:center; font-size:0.65rem; font-weight:900; color:var(--orange); margin-top:2px; }
.overview-visual { display:flex; flex-direction:column; gap:12px; }
.overview-stat-card { background:linear-gradient(160deg, var(--glass-bg-mid) 0%, var(--glass-bg) 100%); backdrop-filter:var(--glass-blur); -webkit-backdrop-filter:var(--glass-blur); border:1px solid var(--glass-border); border-radius:var(--glass-radius-lg); padding:24px 28px; box-shadow:var(--glass-shadow), var(--glass-specular); }
.overview-stat-card__num   { font-size:2.2rem; font-weight:900; color:var(--orange); line-height:1; margin-bottom:4px; letter-spacing:-0.02em; }
.overview-stat-card__label { font-size:0.8rem; color:var(--text-muted); font-weight:600; }
.overview-stat-row { display:grid; grid-template-columns:1fr 1fr; gap:12px; }

.features-grid { display:grid; grid-template-columns:repeat(3,1fr); gap:14px; margin-top:48px; }
.feature-card {
  background:linear-gradient(160deg, var(--glass-bg-mid) 0%, var(--glass-bg) 100%);
  backdrop-filter:var(--glass-blur); -webkit-backdrop-filter:var(--glass-blur);
  border:1px solid var(--glass-border); border-radius:var(--glass-radius-lg);
  padding:26px; box-shadow:var(--glass-shadow), var(--glass-specular); transition:var(--transition);
}
.feature-card:hover { background:linear-gradient(160deg, rgba(255,255,255,0.18) 0%, rgba(255,255,255,0.09) 100%); border-color:rgba(242,101,34,0.32); transform:translateY(-5px); box-shadow:0 20px 52px rgba(0,0,0,0.32), 0 0 0 1px rgba(242,101,34,0.10), var(--glass-specular); }
.feature-card__icon { width:48px; height:48px; background:rgba(242,101,34,0.14); border:1px solid rgba(242,101,34,0.22); border-radius:13px; display:flex; align-items:center; justify-content:center; font-size:1.4rem; margin-bottom:18px; }
.feature-card__title { font-size:0.92rem; font-weight:700; margin-bottom:8px; color:var(--text); }
.feature-card__desc  { font-size:0.82rem; color:var(--text-muted); line-height:1.68; }

.types-grid { display:grid; grid-template-columns:repeat(2,1fr); gap:14px; margin-top:48px; }
.type-card { display:flex; align-items:flex-start; gap:16px; padding:22px; background:linear-gradient(160deg, var(--glass-bg-mid) 0%, var(--glass-bg) 100%); backdrop-filter:var(--glass-blur); -webkit-backdrop-filter:var(--glass-blur); border:1px solid var(--glass-border); border-radius:var(--glass-radius); box-shadow:var(--glass-shadow), var(--glass-specular); transition:var(--transition); }
.type-card:hover { background:linear-gradient(160deg, rgba(255,255,255,0.18) 0%, rgba(255,255,255,0.09) 100%); border-color:rgba(242,101,34,0.32); transform:translateY(-3px); }
.type-card__icon  { width:46px; height:46px; flex-shrink:0; background:rgba(242,101,34,0.14); border:1px solid rgba(242,101,34,0.24); border-radius:12px; display:flex; align-items:center; justify-content:center; font-size:1.3rem; }
.type-card__title { font-size:0.95rem; font-weight:700; margin-bottom:6px; color:var(--text); }
.type-card__desc  { font-size:0.82rem; color:var(--text-muted); line-height:1.68; }

.vidros-grid { display:grid; grid-template-columns:repeat(3,1fr); gap:14px; margin-top:48px; }
.vidro-card { background:linear-gradient(160deg, var(--glass-bg-mid) 0%, var(--glass-bg) 100%); backdrop-filter:var(--glass-blur); -webkit-backdrop-filter:var(--glass-blur); border:1px solid var(--glass-border); border-radius:var(--glass-radius-lg); overflow:hidden; box-shadow:var(--glass-shadow), var(--glass-specular); transition:var(--transition); }
.vidro-card:hover { transform:translateY(-5px); border-color:rgba(242,101,34,0.38); box-shadow:0 20px 52px rgba(0,0,0,0.38), var(--glass-specular); }
.vidro-card__top { background:rgba(242,101,34,0.10); border-bottom:1px solid rgba(255,255,255,0.10); padding:24px; text-align:center; }
.vidro-card__name     { font-size:0.72rem; font-weight:700; color:var(--text-muted); text-transform:uppercase; letter-spacing:0.1em; margin-bottom:8px; }
.vidro-card__db       { font-size:2.6rem; font-weight:900; color:var(--orange); line-height:1; letter-spacing:-0.02em; }
.vidro-card__db-label { font-size:0.7rem; color:var(--text-faint); font-weight:600; text-transform:uppercase; letter-spacing:0.08em; }
.vidro-card__body { padding:22px; }
.vidro-card__spec { font-size:0.78rem; font-weight:700; color:var(--orange); margin-bottom:10px; }
.vidro-card__desc { font-size:0.82rem; color:var(--text-muted); line-height:1.68; }

.levels-grid { display:grid; grid-template-columns:repeat(2,1fr); gap:12px; margin-top:48px; }
.level-card { display:flex; gap:14px; align-items:flex-start; padding:20px; background:linear-gradient(160deg, var(--glass-bg-mid) 0%, var(--glass-bg) 100%); backdrop-filter:var(--glass-blur); -webkit-backdrop-filter:var(--glass-blur); border:1px solid var(--glass-border); border-radius:var(--glass-radius); box-shadow:var(--glass-shadow), var(--glass-specular); transition:var(--transition); }
.level-card:hover { background:linear-gradient(160deg, rgba(255,255,255,0.18) 0%, rgba(255,255,255,0.09) 100%); border-color:rgba(242,101,34,0.32); }
.level-card__badge { min-width:50px; height:50px; flex-shrink:0; background:rgba(242,101,34,0.16); border:1px solid rgba(242,101,34,0.32); border-radius:12px; display:flex; flex-direction:column; align-items:center; justify-content:center; font-weight:900; color:var(--orange); }
.level-card__badge-label { font-size:0.52rem; font-weight:700; text-transform:uppercase; letter-spacing:0.05em; opacity:0.75; }
.level-card__badge-num   { font-size:1.15rem; line-height:1; }
.level-card__title { font-size:0.92rem; font-weight:700; color:var(--text); margin-bottom:4px; }
.level-card__desc  { font-size:0.8rem; color:var(--text-muted); line-height:1.62; }

.applications-grid { display:grid; grid-template-columns:repeat(3,1fr); gap:12px; margin-top:48px; }
.app-card { text-align:center; padding:28px 18px; background:linear-gradient(160deg, var(--glass-bg-mid) 0%, var(--glass-bg) 100%); backdrop-filter:var(--glass-blur); -webkit-backdrop-filter:var(--glass-blur); border:1px solid var(--glass-border); border-radius:var(--glass-radius-lg); box-shadow:var(--glass-shadow), var(--glass-specular); transition:var(--transition); }
.app-card:hover { background:linear-gradient(160deg, rgba(255,255,255,0.18) 0%, rgba(255,255,255,0.09) 100%); border-color:rgba(242,101,34,0.32); transform:translateY(-4px); }
.app-card__icon  { font-size:2.2rem; margin-bottom:14px; }
.app-card__title { font-size:0.92rem; font-weight:700; color:var(--text); margin-bottom:8px; }
.app-card__desc  { font-size:0.78rem; color:var(--text-muted); line-height:1.68; }

/* ── TV SECTION ── */
.tv-badge { display:inline-flex; align-items:center; gap:10px; background:rgba(204,0,0,0.10); backdrop-filter:var(--glass-blur-sm); -webkit-backdrop-filter:var(--glass-blur-sm); border:1px solid rgba(204,0,0,0.28); border-radius:100px; padding:8px 20px; font-size:0.8rem; font-weight:700; color:#ff6666; letter-spacing:0.08em; text-transform:uppercase; margin-bottom:16px; box-shadow:var(--glass-specular); }
.videos-grid { display:grid; grid-template-columns:1fr 1fr; gap:24px; margin-top:48px; }
.video-embed { border-radius:var(--glass-radius-lg); overflow:hidden; aspect-ratio:16/9; background:rgba(0,0,0,0.35); border:1px solid var(--glass-border); box-shadow:var(--glass-shadow), var(--glass-specular); transition:var(--transition); }
.video-embed:hover { transform:translateY(-5px); box-shadow:0 20px 56px rgba(0,0,0,0.45), var(--glass-specular); border-color:rgba(255,255,255,0.22); }
.video-embed iframe { width:100%; height:100%; border:none; display:block; }
.record-logo { height:72px; width:auto; object-fit:contain; margin:0 auto 16px; display:block; filter:drop-shadow(0 4px 12px rgba(0,0,0,0.3)); }

/* ── CONTACT ── */
#contato p, #contato span, #contato a { color:var(--text); }
#contato a:hover { color:var(--orange); }
#contato svg { color:var(--orange) !important; }
#contato .section-title { color:var(--text); }
#contato .section-sub   { color:var(--text-muted); }
#contato div[style*='font-size:.8rem'],
#contato div[style*='color:var(--text-light)'] { color:var(--text-faint) !important; }

#contato form {
  background:linear-gradient(160deg, rgba(255,255,255,0.11) 0%, rgba(255,255,255,0.06) 100%) !important;
  backdrop-filter:var(--glass-blur); -webkit-backdrop-filter:var(--glass-blur);
  border:1px solid rgba(255,255,255,0.18) !important;
  border-radius:var(--glass-radius-lg) !important;
  box-shadow:var(--glass-shadow), var(--glass-specular) !important;
}
#contato form h3 { color:var(--text) !important; font-size:1.15rem; }
#contato form input[type=text],
#contato form input[type=tel],
#contato form input[type=email],
#contato form select,
#contato form textarea {
  background:rgba(255,255,255,0.08) !important;
  backdrop-filter:blur(12px); -webkit-backdrop-filter:blur(12px);
  border:1.5px solid rgba(255,255,255,0.18) !important;
  border-radius:11px !important; color:var(--text) !important;
  font-family:'Inter',sans-serif !important;
  box-shadow:inset 0 1.5px 0 rgba(255,255,255,0.12), inset 0 -0.5px 0 rgba(0,0,0,0.10);
  transition:all 0.25s ease !important;
}
#contato form input::placeholder,
#contato form textarea::placeholder { color:var(--text-faint) !important; }
#contato form select { color:var(--text) !important; cursor:pointer; }
#contato form select option { background:#0d1326; color:var(--text); }
#contato form input:focus,
#contato form select:focus,
#contato form textarea:focus {
  background:rgba(255,255,255,0.14) !important;
  border-color:var(--orange) !important;
  box-shadow:0 0 0 3px rgba(242,101,34,0.16), inset 0 1.5px 0 rgba(255,255,255,0.12) !important;
  outline:none !important;
}
#contato form label { color:var(--text-muted) !important; font-size:.78rem !important; font-weight:700 !important; text-transform:uppercase !important; letter-spacing:.08em !important; }

/* ── RESPONSIVE ── */
@media (max-width:1024px) {
  .stats__grid       { grid-template-columns:repeat(2,1fr); }
  .about__grid       { grid-template-columns:1fr; }
  .about__image      { display:block; }
  .about__image-main { aspect-ratio:16/9; }
  .products__grid    { grid-template-columns:repeat(2,1fr); }
  .footer__grid      { grid-template-columns:1fr 1fr; gap:40px; }
  .features-grid     { grid-template-columns:repeat(2,1fr); }
  .vidros-grid       { grid-template-columns:repeat(2,1fr); }
  .applications-grid { grid-template-columns:repeat(2,1fr); }
  .levels-grid       { grid-template-columns:1fr; }
  .testimonials-slider .testimonial { flex:0 0 calc(50% - 10px); }
}
@media (max-width:768px) {
  .section { padding:72px 0; }
  .nav, .nav__cta { display:none; }
  .hamburger      { display:flex; }
  .categories__grid  { grid-template-columns:1fr; }
  .products__grid    { grid-template-columns:1fr; }
  .why__grid         { grid-template-columns:1fr; }
  .cta-strip__inner  { flex-direction:column; text-align:center; }
  .footer__grid      { grid-template-columns:1fr; }
  .footer__bottom    { flex-direction:column; gap:8px; text-align:center; }
  .products__header  { flex-direction:column; align-items:flex-start; }
  .overview-grid     { grid-template-columns:1fr; gap:48px; }
  .overview-visual   { display:none; }
  .features-grid     { grid-template-columns:1fr; }
  .types-grid        { grid-template-columns:1fr; }
  .vidros-grid       { grid-template-columns:1fr; }
  .applications-grid { grid-template-columns:1fr; }
  .levels-grid       { grid-template-columns:1fr; }
  .page-hero__content { padding:56px 0; }
  .videos-grid       { grid-template-columns:1fr; gap:16px; }
  #contato .container > div[style] { display:flex !important; flex-direction:column !important; gap:40px !important; }
  #contato form { padding:28px !important; }
  .btn { min-height:48px; padding:12px 24px; }
  .hero__content { padding:0 0 40px; }
  .hero__title   { font-size:clamp(2rem,8vw,3rem); }
  .hero__actions { flex-direction:column; }
  .footer__bottom { font-size:0.72rem; }
  .client-logo { min-width:90px; min-height:54px; padding:10px 16px; }
  .client-logo img { max-height:28px; max-width:80px; }
  .hero { background: linear-gradient(180deg, rgba(6,8,18,0.93) 0%, rgba(6,8,18,0.83) 50%, rgba(6,8,18,0.78) 100%), url('../images/hero-bg.webp') 70% 20% / cover no-repeat; background-color:var(--navy-dark); }
}
@media (max-width:640px) { .testimonials-slider .testimonial { flex:0 0 88%; } }
@media (max-width:480px) { .stats__grid { grid-template-columns:1fr 1fr; } .overview-stat-row { grid-template-columns:1fr; } }

/* ════════════════════════════════════════
   SEÇÕES CLARAS — macOS Tahoe Milk Glass
   Alterna escuro/claro com glass autentico
   ════════════════════════════════════════ */

/* ── FUNDO FROSTED GLASS (milk glass) ── */
.section--gray {
  background: rgba(255,255,255,0.68) !important;
  backdrop-filter: blur(80px) saturate(180%) brightness(1.10) !important;
  -webkit-backdrop-filter: blur(80px) saturate(180%) brightness(1.10) !important;
  border-top: 1px solid rgba(255,255,255,0.92) !important;
  border-bottom: 1px solid rgba(255,255,255,0.80) !important;
}

/* Substituir tokens de cor — inline styles resolvem automatico */
.section--gray {
  --text:       #12172b;
  --text-muted: #4a5070;
  --text-faint: #7a809a;
  --text-light: #6a7090;
}

/* ── CARDS DENTRO DE SEÇÕES CLARAS ── */
.section--gray .product-card,
.section--gray .why-item,
.section--gray .testimonial,
.section--gray .feature-card,
.section--gray .type-card,
.section--gray .vidro-card,
.section--gray .app-card,
.section--gray .level-card,
.section--gray .about__feature,
.section--gray .overview-stat-card {
  background: rgba(255,255,255,0.75);
  backdrop-filter: blur(20px) saturate(150%);
  -webkit-backdrop-filter: blur(20px) saturate(150%);
  border: 1px solid rgba(255,255,255,0.95);
  box-shadow:
    0 4px 24px rgba(0,0,0,0.07),
    inset 0 1.5px 0 rgba(255,255,255,1),
    inset 0 -0.5px 0 rgba(0,0,0,0.04);
}

/* Hover nos cards claros */
.section--gray .product-card:hover,
.section--gray .why-item:hover,
.section--gray .feature-card:hover,
.section--gray .type-card:hover,
.section--gray .app-card:hover {
  background: rgba(255,255,255,0.92);
  border-color: rgba(242,101,34,0.28);
  box-shadow:
    0 10px 36px rgba(0,0,0,0.10),
    inset 0 1.5px 0 rgba(255,255,255,1);
}

/* ── VIDRO CARD TOP ── */
.section--gray .vidro-card__top {
  background: rgba(242,101,34,0.08);
  border-bottom: 1px solid rgba(0,0,0,0.06);
}
.section--gray .vidro-card__name     { color: #6a7090; }
.section--gray .vidro-card__db-label { color: #8a90aa; }
.section--gray .vidro-card__desc     { color: #4a5070; }

/* ── LEVEL CARD BADGE ── */
.section--gray .level-card__badge {
  background: rgba(242,101,34,0.10);
  border-color: rgba(242,101,34,0.25);
}

/* ── TESTIMONIALS ── */
.section--gray .testimonial { background: rgba(255,255,255,0.75); }
.section--gray .testimonial:hover { background: rgba(255,255,255,0.92); }
.section--gray .testimonial__text   { color: #3a4060; }
.section--gray .testimonial__name   { color: #12172b; }
.section--gray .testimonial__role   { color: #7a809a; }
.section--gray .testimonial__google { color: #8a90aa; border-top-color: rgba(0,0,0,0.08); }
.section--gray .testimonial__avatar { background: rgba(242,101,34,0.14); border-color: rgba(242,101,34,0.24); }
.section--gray .testimonial::before { opacity: 0.10; }
.section--gray .slider-dot          { background: rgba(0,0,0,0.16); }
.section--gray .slider-dot.active   { background: var(--orange); }
.section--gray .testimonials-slider::-webkit-scrollbar-track { background: rgba(0,0,0,0.04); }

/* ── ABOUT FEATURES ── */
.section--gray .about__feature { border-left-color: var(--orange); }

/* ── NA TV ── */
.section--gray .tv-badge {
  background: rgba(204,0,0,0.08);
  border-color: rgba(204,0,0,0.22);
  color: #cc0000;
}
.section--gray .record-logo {
  filter: drop-shadow(0 4px 12px rgba(0,0,0,0.12));
}
.section--gray .video-embed {
  background: rgba(0,0,0,0.06);
  border-color: rgba(0,0,0,0.09);
  box-shadow:
    0 4px 20px rgba(0,0,0,0.09),
    inset 0 1.5px 0 rgba(255,255,255,0.9);
}
.section--gray .video-embed:hover {
  box-shadow:
    0 14px 40px rgba(0,0,0,0.15),
    inset 0 1.5px 0 rgba(255,255,255,0.9);
}

/* ── CONTATO — form claro ── */
#contato p, #contato span, #contato a { color: #12172b !important; }
#contato a:hover { color: var(--orange) !important; }
#contato .section-title { color: #12172b !important; }
#contato .section-sub   { color: #4a5070 !important; }

#contato form {
  background: rgba(255,255,255,0.82) !important;
  backdrop-filter: blur(24px) saturate(140%) !important;
  -webkit-backdrop-filter: blur(24px) saturate(140%) !important;
  border: 1px solid rgba(255,255,255,0.95) !important;
  border-radius: var(--glass-radius-lg) !important;
  box-shadow:
    0 8px 32px rgba(0,0,0,0.08),
    inset 0 1.5px 0 rgba(255,255,255,1) !important;
}
#contato form h3 { color: #12172b !important; }

#contato form input[type=text],
#contato form input[type=tel],
#contato form input[type=email],
#contato form select,
#contato form textarea {
  background: rgba(240,243,255,0.72) !important;
  backdrop-filter: blur(6px) !important;
  border: 1.5px solid rgba(30,35,80,0.15) !important;
  border-radius: 11px !important;
  color: #12172b !important;
  box-shadow: 0 2px 8px rgba(0,0,0,0.04), inset 0 1px 3px rgba(0,0,0,0.03) !important;
}
#contato form input::placeholder,
#contato form textarea::placeholder { color: rgba(30,35,80,0.36) !important; }
#contato form select { color: #12172b !important; cursor: pointer; }
#contato form select option { background: #fff; color: #12172b; }
#contato form input:focus,
#contato form select:focus,
#contato form textarea:focus {
  background: rgba(255,255,255,0.97) !important;
  border-color: var(--orange) !important;
  box-shadow: 0 0 0 3px rgba(242,101,34,0.14), 0 2px 8px rgba(0,0,0,0.05) !important;
  outline: none !important;
}
#contato form label { color: #3a4060 !important; }


/* ════════════════════════════════════════
   SEÇÕES CLARAS — macOS Tahoe Milk Glass
   ════════════════════════════════════════ */

.section--gray {
  background: rgba(253,251,249,0.93) !important;
  backdrop-filter: blur(80px) saturate(120%) brightness(1.18) !important;
  -webkit-backdrop-filter: blur(80px) saturate(120%) brightness(1.18) !important;
  border-top: 1px solid rgba(255,255,255,0.98) !important;
  border-bottom: 1px solid rgba(255,255,255,0.90) !important;
  --text:       #12172b;
  --text-muted: #4a5070;
  --text-faint: #7a809a;
  --text-light: #6a7090;
}

.section--gray .product-card,
.section--gray .why-item,
.section--gray .testimonial,
.section--gray .feature-card,
.section--gray .type-card,
.section--gray .vidro-card,
.section--gray .app-card,
.section--gray .level-card,
.section--gray .about__feature,
.section--gray .overview-stat-card {
  background: rgba(255,255,255,0.85);
  backdrop-filter: blur(16px) saturate(130%);
  -webkit-backdrop-filter: blur(16px) saturate(130%);
  border: 1px solid rgba(255,255,255,0.98);
  box-shadow: 0 2px 12px rgba(0,0,0,0.06), 0 6px 28px rgba(0,0,0,0.05), inset 0 2px 0 rgba(255,255,255,1), inset 0 -0.5px 0 rgba(0,0,0,0.03);
}

.section--gray .product-card:hover,
.section--gray .why-item:hover,
.section--gray .feature-card:hover,
.section--gray .type-card:hover,
.section--gray .app-card:hover {
  background: rgba(255,255,255,0.97);
  border-color: rgba(242,101,34,0.32);
  transform: translateY(-5px);
  box-shadow: 0 12px 40px rgba(0,0,0,0.11), 0 0 0 1px rgba(242,101,34,0.12), inset 0 2px 0 rgba(255,255,255,1);
}

.section--gray .vidro-card__top { background: rgba(242,101,34,0.08); border-bottom: 1px solid rgba(0,0,0,0.06); }
.section--gray .vidro-card__name     { color: #6a7090; }
.section--gray .vidro-card__db-label { color: #8a90aa; }
.section--gray .vidro-card__desc     { color: #4a5070; }
.section--gray .level-card__badge    { background: rgba(242,101,34,0.10); border-color: rgba(242,101,34,0.25); }

.section--gray .testimonial { background: rgba(255,255,255,0.75); }
.section--gray .testimonial:hover { background: rgba(255,255,255,0.92); }
.section--gray .testimonial__text   { color: #3a4060; }
.section--gray .testimonial__name   { color: #12172b; }
.section--gray .testimonial__role   { color: #7a809a; }
.section--gray .testimonial__google { color: #8a90aa; border-top-color: rgba(0,0,0,0.08); }
.section--gray .testimonial__avatar { background: rgba(242,101,34,0.14); border-color: rgba(242,101,34,0.24); }
.section--gray .testimonial::before { opacity: 0.10; }
.section--gray .slider-dot          { background: rgba(0,0,0,0.16); }
.section--gray .slider-dot.active   { background: var(--orange); }
.section--gray .testimonials-slider::-webkit-scrollbar-track { background: rgba(0,0,0,0.04); }

.section--gray .about__feature { border-left-color: var(--orange); }

.section--gray .tv-badge { background: rgba(204,0,0,0.08); border-color: rgba(204,0,0,0.22); color: #cc0000; }
.section--gray .record-logo { filter: drop-shadow(0 4px 12px rgba(0,0,0,0.12)); }
.section--gray .video-embed { background: rgba(0,0,0,0.06); border-color: rgba(0,0,0,0.09); box-shadow: 0 4px 20px rgba(0,0,0,0.09), inset 0 1.5px 0 rgba(255,255,255,0.9); }
.section--gray .video-embed:hover { box-shadow: 0 14px 40px rgba(0,0,0,0.15), inset 0 1.5px 0 rgba(255,255,255,0.9); }

#contato p, #contato span, #contato a { color: #12172b !important; }
#contato a:hover { color: var(--orange) !important; }
#contato .section-title { color: #12172b !important; }
#contato .section-sub   { color: #4a5070 !important; }

#contato form {
  background: rgba(255,255,255,0.82) !important;
  backdrop-filter: blur(24px) saturate(140%) !important;
  -webkit-backdrop-filter: blur(24px) saturate(140%) !important;
  border: 1px solid rgba(255,255,255,0.95) !important;
  border-radius: var(--glass-radius-lg) !important;
  box-shadow: 0 8px 32px rgba(0,0,0,0.08), inset 0 1.5px 0 rgba(255,255,255,1) !important;
}
#contato form h3 { color: #12172b !important; }
#contato form input[type=text],
#contato form input[type=tel],
#contato form input[type=email],
#contato form select,
#contato form textarea {
  background: rgba(240,243,255,0.72) !important;
  backdrop-filter: blur(6px) !important;
  border: 1.5px solid rgba(30,35,80,0.15) !important;
  border-radius: 11px !important;
  color: #12172b !important;
  box-shadow: 0 2px 8px rgba(0,0,0,0.04), inset 0 1px 3px rgba(0,0,0,0.03) !important;
}
#contato form input::placeholder,
#contato form textarea::placeholder { color: rgba(30,35,80,0.36) !important; }
#contato form select { color: #12172b !important; cursor: pointer; }
#contato form select option { background: #fff; color: #12172b; }
#contato form input:focus,
#contato form select:focus,
#contato form textarea:focus {
  background: rgba(255,255,255,0.97) !important;
  border-color: var(--orange) !important;
  box-shadow: 0 0 0 3px rgba(242,101,34,0.14), 0 2px 8px rgba(0,0,0,0.05) !important;
  outline: none !important;
}
#contato form label { color: #3a4060 !important; }