*,
*::before,
*::after{
  box-sizing: border-box;
}

html, body{
  width: 100%;
  overflow-x: hidden;
  -webkit-text-size-adjust: 100%;
}

img{
  max-width: 100%;
  height: auto;
}

button,
a{
  -webkit-tap-highlight-color: transparent;
}

:focus-visible{
  outline: 2px solid rgba(34,211,238,.85);
  outline-offset: 2px;
}

:root{
  --navy:#050816;
  --panel: rgba(8, 15, 33, 0.62);
  --surface: rgba(8, 15, 33, 0.62);
  --surface-soft: rgba(255,255,255,.06);
  --stroke: rgba(34,211,238,0.18);
  --stroke-strong: rgba(103,232,249,.55);
  --cyan: #67e8f9;
  --cyan-strong: #22d3ee;
  --text: #e5eef8;
  --text-muted: #c6d2e1;
  --bg: #050816;
  --bg-soft: #040711;
  --card-shadow: 0 20px 60px rgba(0,0,0,.35);
}

html{scroll-behavior:smooth}
section[id]{scroll-margin-top: 120px;}

body{
  background:
    radial-gradient(circle at top right, rgba(34,211,238,0.16), transparent 30%),
    radial-gradient(circle at left center, rgba(59,130,246,0.14), transparent 30%),
    linear-gradient(180deg, var(--bg-soft) 0%, var(--bg) 50%, #02040b 100%);
  color: var(--text);
  transition: background .35s ease, color .35s ease;
  touch-action: manipulation;
}

body[data-theme="light"]{
  --surface: rgba(255,255,255,.78);
  --surface-soft: rgba(255,255,255,.58);
  --stroke: rgba(15,23,42,0.18);
  --stroke-strong: rgba(15,23,42,.30);
  --cyan: #0f172a;
  --cyan-strong: #0f172a;
  --text: #0f172a;
  --text-muted: #334155;
  --bg: #FFFFFF;
  --bg-soft: #FFFFFF;
  --card-shadow: 0 14px 34px rgba(15,23,42,.06);
  background: #FFFFFF !important;
}

body[data-theme="light"],
body[data-theme="light"] main,
body[data-theme="light"] section,
body[data-theme="light"] footer,
body[data-theme="light"] header{
  color: var(--text);
}

body[data-theme="light"] .bg-slate-950,
body[data-theme="light"] .bg-slate-950\/75,
body[data-theme="light"] .bg-slate-950\/80,
body[data-theme="light"] .bg-slate-900,
body[data-theme="light"] .bg-slate-900\/75,
body[data-theme="light"] .bg-slate-900\/80{
  background-color: rgba(255,255,255,.78) !important;
  background-image: none !important;
  backdrop-filter: blur(18px) saturate(1.05) !important;
  -webkit-backdrop-filter: blur(18px) saturate(1.05) !important;
}

body[data-theme="light"] .bg-white\/5,
body[data-theme="light"] .bg-white\/10{
  background-color: rgba(255,255,255,.34) !important;
}

body[data-theme="light"] .bg-white,
body[data-theme="light"] .bg-white\/80,
body[data-theme="light"] .bg-white\/90{
  background-color: rgba(255,255,255,.82) !important;
}

body[data-theme="light"] .text-white{
  color: var(--text) !important;
}

body[data-theme="light"] .text-white\/75,
body[data-theme="light"] .text-white\/80,
body[data-theme="light"] .text-white\/90{
  color: var(--text) !important;
}

body[data-theme="light"] .text-slate-100,
body[data-theme="light"] .text-slate-200,
body[data-theme="light"] .text-slate-300,
body[data-theme="light"] .text-slate-400,
body[data-theme="light"] .text-cyan-100,
body[data-theme="light"] .text-cyan-200{
  color: var(--text-muted) !important;
}

body[data-theme="light"] .text-slate-500,
body[data-theme="light"] .text-slate-600,
body[data-theme="light"] .text-slate-700{
  color: #475569 !important;
}

body[data-theme="light"] .text-cyan-300,
body[data-theme="light"] .text-cyan-400,
body[data-theme="light"] .text-cyan-500{
  color: #0f172a !important;
}

body[data-theme="light"] .bg-cyan-300,
body[data-theme="light"] .bg-cyan-400,
body[data-theme="light"] .bg-cyan-500{
  background-color: rgba(255,255,255,.72) !important;
  color: #0f172a !important;
}

body[data-theme="light"] .border-cyan-400\/15,
body[data-theme="light"] .border-cyan-400\/20,
body[data-theme="light"] .border-cyan-500\/10,
body[data-theme="light"] .border-cyan-500\/20,
body[data-theme="light"] .border-white\/10,
body[data-theme="light"] .border-white\/20{
  border-color: rgba(15,23,42,.18) !important;
}

body[data-theme="light"] .shadow-\[0_0_40px_rgba\(34\,211\,238\,0\.08\)\],
body[data-theme="light"] .shadow-\[0_0_60px_rgba\(34\,211\,238\,0\.08\)\]{
  box-shadow: 0 16px 32px rgba(15,23,42,.08) !important;
}

body[data-theme="light"] .page-bg{
  opacity:.10;
}

body[data-theme="light"] .page-streak{
  opacity:.08;
}

body[data-theme="light"] .section-kicker{
  background: rgba(255,255,255,.72);
  border-color: rgba(15,23,42,.18);
  color: #0f172a;
}

body[data-theme="light"] .section-title,
body[data-theme="light"] .card-title,
body[data-theme="light"] .stat-big,
body[data-theme="light"] .stat-value,
body[data-theme="light"] .form-label,
body[data-theme="light"] .btn-product,
body[data-theme="light"] .btn-glow{
  color: var(--text) !important;
}

body[data-theme="light"] .hero-headline{
  background: none !important;
  color: #0f172a !important;
  -webkit-background-clip: initial !important;
  background-clip: border-box !important;
  text-shadow: none !important;
}

body[data-theme="light"] .nav-link{
  color: #0f172a !important;
  border: 1px solid rgba(15,23,42,.14);
  background: rgba(255,255,255,.48);
  backdrop-filter: blur(12px);
  -webkit-backdrop-filter: blur(12px);
}

body[data-theme="light"] .nav-link:hover,
body[data-theme="light"] .nav-link.active{
  background: rgba(255,255,255,.84) !important;
  border-color: rgba(15,23,42,.24);
  box-shadow: 0 0 0 1px rgba(15,23,42,.08), 0 0 18px rgba(15,23,42,.06);
}

body[data-theme="light"] .nav-link.mobile{
  background: rgba(255,255,255,.78);
  border: 1px solid rgba(15,23,42,.18);
}

body[data-theme="light"] .hero-panel,
body[data-theme="light"] .glass-card,
body[data-theme="light"] .feature-card,
body[data-theme="light"] .product-card,
body[data-theme="light"] .stat-card{
  background: rgba(255,255,255,.76) !important;
  border-color: rgba(15,23,42,.22) !important;
  box-shadow: 0 16px 38px rgba(15,23,42,.06) !important;
  backdrop-filter: blur(22px) saturate(1.08) !important;
  -webkit-backdrop-filter: blur(22px) saturate(1.08) !important;
}

body[data-theme="light"] .hero-panel::before,
body[data-theme="light"] .glass-card::before,
body[data-theme="light"] .feature-card::before,
body[data-theme="light"] .product-card::before,
body[data-theme="light"] .stat-card::before{
  content:"";
  position:absolute;
  inset:0;
  border-radius: inherit;
  pointer-events:none;
  background: linear-gradient(180deg, rgba(255,255,255,.35), transparent 28%, rgba(255,255,255,.14));
  opacity:.6;
}

body[data-theme="light"] .feature-card:hover,
body[data-theme="light"] .product-card:hover,
body[data-theme="light"] .stat-card:hover{
  border-color: rgba(15,23,42,.30) !important;
  box-shadow: 0 16px 36px rgba(15,23,42,.08) !important;
}

body[data-theme="light"] .feature-card p,
body[data-theme="light"] .product-card p,
body[data-theme="light"] .product-card li,
body[data-theme="light"] .stat-caption,
body[data-theme="light"] .stat-label,
body[data-theme="light"] .card-text,
body[data-theme="light"] .info-row{
  color: #475569 !important;
}

body[data-theme="light"] .icon-badge{
  background: rgba(255,255,255,.74) !important;
  border-color: rgba(15,23,42,.24) !important;
  filter: brightness(1) saturate(0.9) contrast(1);
}

body[data-theme="light"] .product-image-wrap{
  background: rgba(255,255,255,.78) !important;
}

body[data-theme="light"] .product-image-wrap::after{
  background: linear-gradient(180deg, transparent 26%, rgba(255,255,255,.96) 100%) !important;
}

body[data-theme="light"] .hero-panel img,
body[data-theme="light"] .product-image{
  opacity: 1;
  mix-blend-mode: normal;
  filter: none;
}

body[data-theme="light"] .product-image{
  object-fit: contain;
  background: transparent;
}

body[data-theme="light"] .product-card-featured .product-image-wrap{
  height: 560px;
  background: transparent;
}

body[data-theme="light"] .product-card-featured .product-image{
  object-fit: contain;
  padding: 0;
}

body[data-theme="light"] .product-image-wrap::after{
  background: transparent !important;
}

body[data-theme="light"] .theme-toggle,
body[data-theme="light"] #menuBtn{
  background: rgba(255,255,255,.78) !important;
  border-color: rgba(15,23,42,.22) !important;
  color: #0f172a !important;
  box-shadow: 0 8px 20px rgba(15,23,42,.05) !important;
  backdrop-filter: blur(12px);
  -webkit-backdrop-filter: blur(12px);
}

body[data-theme="light"] .theme-toggle:hover,
body[data-theme="light"] #menuBtn:hover{
  background: rgba(255,255,255,.92) !important;
  border-color: rgba(15,23,42,.30) !important;
}

body[data-theme="light"] .theme-toggle svg,
body[data-theme="light"] #menuBtn svg{
  color: #0f172a !important;
}

body[data-theme="light"] .form-input{
  background: rgba(255,255,255,.78);
  border-color: rgba(15,23,42,.20);
  color: var(--text);
  backdrop-filter: blur(12px);
  -webkit-backdrop-filter: blur(12px);
}

body[data-theme="light"] .form-input::placeholder{
  color:#94a3b8;
}

body[data-theme="light"] .form-input:focus{
  box-shadow: 0 0 0 4px rgba(15,23,42,.08), 0 0 20px rgba(15,23,42,.06);
}

body[data-theme="light"] .btn-product,
body[data-theme="light"] .btn-glow{
  background: rgba(255,255,255,.78) !important;
  color: #0f172a !important;
  border: 1px solid rgba(15,23,42,.24) !important;
}

body[data-theme="light"] .btn-glow:hover,
body[data-theme="light"] .btn-product:hover{
  background: rgba(255,255,255,.92) !important;
  box-shadow: 0 10px 22px rgba(15,23,42,.08) !important;
}

body[data-theme="light"] .glass-card .text-white,
body[data-theme="light"] .hero-panel .text-white,
body[data-theme="light"] .feature-card .text-white,
body[data-theme="light"] .product-card .text-white,
body[data-theme="light"] .stat-card .text-white{
  color: #0f172a !important;
}

body[data-theme="light"] .form-error{
  color: #dc2626;
}

body[data-theme="light"] .info-row{
  border-right-color: rgba(15,23,42,.22);
}

.page-bg{
  position: fixed;
  inset: 0;
  pointer-events: none;
  background:
    linear-gradient(135deg, rgba(34,211,238,0.05), transparent 35%),
    linear-gradient(315deg, rgba(148,163,184,0.04), transparent 45%);
  opacity: .9;
}

.page-streak{
  position: fixed;
  pointer-events:none;
  inset:auto;
  width: 40vw;
  height: 2px;
  background: linear-gradient(90deg, transparent, rgba(103,232,249,0.8), transparent);
  filter: blur(0.5px);
  opacity:.6;
  animation: drift 14s linear infinite;
}
.page-streak-1{top:18%; right:-8%; transform:rotate(-18deg)}
.page-streak-2{top:64%; left:-10%; transform:rotate(18deg); animation-duration: 18s}

.navbar-shell{
  position: sticky;
  top: 1rem;
  z-index: 50;
}

.hero-stage{
  min-height: calc(100vh - 6rem);
  display: flex;
  align-items: center;
}

.hero-full{
  min-height: 100vh;
}

.hero-tech-bg{
  position: absolute;
  inset: 0;
  overflow: hidden;
  pointer-events: none;
}

.hero-tech-bg-dark{display:block;}
.hero-tech-bg-light{display:none;}

.site-tech-layer{
  position: fixed;
  inset: 0;
  pointer-events: none;
  z-index: 0;
}

.site-tech-layer-dark{display:block;}
.site-tech-layer-light{display:none;}

.site-tech-layer-light::before{
  content:"";
  position:absolute;
  inset:0;
  background: rgba(226,226,226,0.62);
  backdrop-filter: blur(32px) saturate(0.95);
  -webkit-backdrop-filter: blur(32px) saturate(0.95);
}

.tech-bg{
  position:absolute;
  inset:0;
  width:100%;
  height:100%;
}

.dots{
  position:absolute;
  inset:0;
  z-index:1;
  background-image: radial-gradient(rgba(0,160,255,0.08) 1px, transparent 1px);
  background-size: 30px 30px;
  opacity:0.15;
  pointer-events:none;
}

.dots-light{
  background-image: radial-gradient(rgba(0,160,255,0.06) 1px, transparent 1px);
  opacity:0.08;
}

body[data-theme="light"] .hero-tech-bg-dark{display:none;}
body[data-theme="light"] .hero-tech-bg-light{display:block;}

body[data-theme="light"] .site-tech-layer-dark{display:none;}
body[data-theme="light"] .site-tech-layer-light{display:block;}

body[data-theme="light"] .tech-bg-light-svg{
  opacity: 1;
}

body[data-theme="light"] .hero-stage{
  background: #FFFFFF;
}

.hero-glass-wrap{
  background: rgba(6, 11, 23, 0.22);
  border: 1px solid rgba(255,255,255,0.14);
  box-shadow: 0 24px 80px rgba(0,0,0,0.18);
  backdrop-filter: blur(18px) saturate(1.12);
  -webkit-backdrop-filter: blur(18px) saturate(1.12);
}

body[data-theme="light"] .hero-glass-wrap{
  background: rgba(255,255,255,0.60);
  border-color: rgba(15,23,42,0.16);
  box-shadow: 0 24px 80px rgba(15,23,42,0.08);
}

.hero-stage > .relative.z-10{
  position: relative;
  z-index: 1;
}

.hero-stage{
  isolation: isolate;
}

.hero-stage::after{
  content:"";
  position:absolute;
  inset:0;
  pointer-events:none;
  z-index:0;
  background: rgba(255,255,255,0.02);
}

body[data-theme="light"] .hero-stage::after{
  background: linear-gradient(180deg, rgba(226,226,226,0.72), rgba(226,226,226,0.88));
  backdrop-filter: blur(34px) saturate(0.95);
  -webkit-backdrop-filter: blur(34px) saturate(0.95);
}

body[data-theme="light"] .hero-panel{
  background: rgba(255,255,255,0.70) !important;
}

body[data-theme="light"] .hero-panel .stat-box{
  background: rgba(255,255,255,0.82);
  border-color: rgba(15,23,42,0.14);
}

body[data-theme="light"] .hero-panel .stat-value,
body[data-theme="light"] .hero-panel .stat-label{
  color: #0f172a;
}

.section-pad{padding: 4rem 0}
.section-head{text-align:center}
.section-kicker{
  display:inline-flex;
  align-items:center;
  gap:.5rem;
  padding:.55rem 1rem;
  border:1px solid var(--stroke);
  border-radius:999px;
  background: var(--surface-soft);
  color: var(--cyan);
  font-size:.85rem;
  box-shadow: 0 0 25px rgba(34,211,238,.08);
}
.section-title{
  margin-top: .9rem;
  font-size: clamp(1.8rem, 3vw, 3rem);
  line-height: 1.2;
  font-weight: 800;
  color: white;
}

.nav-link{
  position: relative;
  display:inline-flex;
  align-items:center;
  justify-content:center;
  border-radius: 14px;
  padding: .8rem 1rem;
  color: var(--text-muted);
  transition: all .3s ease;
}
.nav-link:hover,
.nav-link.active{
  background: rgba(34,211,238,.1);
  color: white;
  box-shadow: 0 0 0 1px rgba(34,211,238,.18), 0 0 24px rgba(34,211,238,.12);
}
.nav-link.mobile{
  justify-content:flex-start;
  width:100%;
}

.hero-panel,
.glass-card,
.feature-card,
.product-card,
.stat-card{
  background: var(--surface);
  border: 1px solid rgba(255,255,255,.08);
  box-shadow: var(--card-shadow);
  backdrop-filter: blur(18px);
  -webkit-backdrop-filter: blur(18px);
  position: relative;
  overflow: hidden;
}

.feature-card,
.stat-card{
  border-radius: 1.5rem;
  padding: 1.5rem;
  transition: transform .35s ease, box-shadow .35s ease, border-color .35s ease;
}
.feature-card:hover,
.product-card:hover{
  transform: translateY(-8px) scale(1.01);
  border-color: var(--stroke-strong);
  box-shadow: 0 0 0 1px rgba(103,232,249,.15), 0 0 34px rgba(34,211,238,.18), 0 24px 60px rgba(0,0,0,.4);
}

.icon-badge{
  width: 3.5rem;
  height: 3.5rem;
  padding: .75rem;
  border-radius: 1rem;
  margin-bottom: 1rem;
  background: linear-gradient(135deg, rgba(34,211,238,.18), rgba(59,130,246,.12));
  border: 1px solid rgba(34,211,238,.2);
  box-shadow: 0 0 18px rgba(34,211,238,.15);
}
.card-title{
  font-size: 1.25rem;
  font-weight: 800;
  color: white;
}
.card-text{
  margin-top: .75rem;
  line-height: 1.8;
  color: var(--text-muted);
}

.product-card{
  border-radius: 1.8rem;
  overflow:hidden;
  transition: transform .35s ease, box-shadow .35s ease, border-color .35s ease;
}

.product-card-featured .product-image-wrap{
  height: 520px;
}

.product-card-featured .p-6{
  padding: 2rem;
}

.product-card-featured .card-title{
  font-size: 2.25rem;
}

.product-card-featured .card-text{
  font-size: 1.05rem;
}

.product-card-featured ul{
  font-size: 1rem;
  line-height: 1.9;
}
.product-image-wrap{
  position: relative;
  height: 260px;
  overflow:hidden;
  background: linear-gradient(135deg, rgba(34,211,238,.12), rgba(14,165,233,.05));
}
.product-image-wrap::after{
  content:"";
  position:absolute;
  inset:0;
  background: transparent;
  pointer-events:none;
}
.product-image{
  width:100%;
  height:100%;
  object-fit:contain;
  transition: transform .5s ease, filter .5s ease;
  filter: saturate(1.1) contrast(1.05);
}
.product-card:hover .product-image{
  transform: scale(1.08);
}

.btn-glow,
.btn-product{
  box-shadow: 0 0 0 rgba(34,211,238,0);
  transition: transform .3s ease, box-shadow .3s ease, filter .3s ease, background .3s ease;
}
.btn-glow:hover,
.btn-product:hover{
  transform: translateY(-2px);
  box-shadow: 0 0 18px rgba(103,232,249,.28), 0 0 35px rgba(34,211,238,.18);
  filter: brightness(1.02);
}

.stat-box{
  border: 1px solid rgba(255,255,255,.08);
  border-radius: 1rem;
  padding: 1rem;
  background: var(--surface-soft);
}

.stat-box-equal{
  min-height: 92px;
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: flex-start;
}
.stat-value{
  font-weight: 800;
  color: white;
}
.stat-label{
  margin-top: .25rem;
  font-size: .85rem;
  color: #b7c4d4;
}

.stat-card{
  display:flex;
  flex-direction:column;
  justify-content:center;
  min-height: 140px;
  text-align:center;
}
.stat-big{
  font-size: 2rem;
  font-weight: 900;
  color: white;
  text-shadow: 0 0 16px rgba(34,211,238,.18);
}
.stat-caption{
  margin-top: .5rem;
  color: #c5d4e6;
}

.form-label{
  display:block;
  margin-bottom:.55rem;
  font-weight:700;
  color:#eff6ff;
}
.form-input{
  width:100%;
  border-radius:1rem;
  border:1px solid rgba(103,232,249,.14);
  background: var(--surface-soft);
  padding: .95rem 1rem;
  color: var(--text);
  outline:none;
  transition: border-color .25s ease, box-shadow .25s ease, background .25s ease;
}
.form-input::placeholder{color:#8aa0b8}
.form-input:focus{
  border-color: rgba(103,232,249,.65);
  box-shadow: 0 0 0 4px rgba(34,211,238,.12), 0 0 28px rgba(34,211,238,.14);
  background: rgba(255,255,255,.06);
}
.form-error{
  min-height: 1.25rem;
  margin-top:.4rem;
  color:#fda4af;
  font-size:.85rem;
}

.info-row{
  border-right: 2px solid rgba(34,211,238,.45);
  padding-right: .8rem;
}

.reveal{
  opacity: 0;
  transform: translateY(24px);
  transition: opacity .8s ease, transform .8s ease;
}
.reveal.visible{
  opacity: 1;
  transform: translateY(0);
}

.product-modal{
  position: fixed;
  inset: 0;
  z-index: 100;
  display: grid;
  place-items: center;
  padding: 1rem;
}

.product-modal.hidden{
  display: none !important;
}

.product-modal-backdrop{
  position: absolute;
  inset: 0;
  background: rgba(2, 6, 23, 0.72);
  backdrop-filter: blur(16px);
  -webkit-backdrop-filter: blur(16px);
}

.product-modal-dialog{
  position: relative;
  z-index: 1;
  width: min(1200px, 100%);
  max-height: calc(100vh - 2rem);
  overflow: auto;
  border-radius: 2rem;
  border: 1px solid rgba(255,255,255,.10);
  background: linear-gradient(180deg, rgba(8,15,33,.98), rgba(7,12,24,.96));
  box-shadow: 0 30px 90px rgba(0,0,0,.45);
  padding: 1.25rem;
}

.product-modal-close{
  position: sticky;
  top: 0;
  margin-right: auto;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  width: 2.5rem;
  height: 2.5rem;
  border-radius: 999px;
  border: 1px solid rgba(255,255,255,.12);
  background: rgba(255,255,255,.06);
  color: #fff;
  font-size: 1.5rem;
  line-height: 1;
}

.product-modal-media{
  border-radius: 1.5rem;
  overflow: hidden;
  border: 1px solid rgba(255,255,255,.10);
  background: rgba(255,255,255,.03);
}

.product-modal-image{
  display: block;
  width: 100%;
  height: 100%;
  object-fit: contain;
}

.product-modal-content{
  padding: 0.5rem 0.25rem;
}

body[data-theme="light"] .product-modal-dialog{
  background: linear-gradient(180deg, rgba(255,255,255,.98), rgba(248,250,252,.98));
  border-color: rgba(15,23,42,.12);
  box-shadow: 0 30px 90px rgba(15,23,42,.18);
}

body[data-theme="light"] .product-modal-backdrop{
  background: rgba(255,255,255,0.38);
  backdrop-filter: blur(24px);
  -webkit-backdrop-filter: blur(24px);
}

body[data-theme="light"] .product-modal-close{
  background: rgba(15,23,42,.04);
  border-color: rgba(15,23,42,.12);
  color: #0f172a;
}

body[data-theme="light"] .product-modal-media{
  background: #fff;
  border-color: rgba(15,23,42,.10);
}

body[data-theme="light"] .product-modal-image{
  background: #fff;
}

body[data-theme="light"] .product-modal-content .text-white{
  color: #0f172a !important;
}

body[data-theme="light"] .product-modal-content .text-slate-300{
  color: #475569 !important;
}

@supports not ((backdrop-filter: blur(1px)) or (-webkit-backdrop-filter: blur(1px))) {
  .hero-glass-wrap,
  .hero-panel,
  .glass-card,
  .feature-card,
  .product-card,
  .stat-card,
  .product-modal-backdrop,
  .product-modal-dialog{
    backdrop-filter: none !important;
    -webkit-backdrop-filter: none !important;
  }
}

@media (max-width: 1280px){
  .hero-stage{
    min-height: auto;
  }
}

@media (max-width: 1024px){
  .hero-glass-wrap{
    padding: 1rem;
  }

  .section-pad{
    padding: 3rem 0;
  }

  .product-modal-dialog{
    width: min(100%, 980px);
  }
}

@media (max-width: 768px){
  .navbar-shell{
    top: 0.5rem;
  }

  .section-title{
    font-size: clamp(1.6rem, 6vw, 2.5rem);
  }

  .hero-stage{
    min-height: auto;
    padding-top: 1.5rem;
    padding-bottom: 1rem;
  }

  .hero-glass-wrap{
    padding: 0.85rem;
    border-radius: 1.75rem;
  }

  .product-card-featured .product-image-wrap,
  body[data-theme="light"] .product-card-featured .product-image-wrap{
    height: 360px !important;
  }

  .product-card-featured .card-title,
  body[data-theme="light"] .product-card-featured .card-title{
    font-size: 1.6rem !important;
  }

  .product-modal{
    padding: 0.5rem;
  }

  .product-modal-dialog{
    max-height: calc(100vh - 1rem);
    padding: 1rem;
    border-radius: 1.25rem;
  }

  .product-modal-content{
    padding: 0;
  }

  .product-modal-dialog .grid{
    grid-template-columns: 1fr;
  }
}

@media (max-width: 640px){
  .section-pad{
    padding: 2.5rem 0;
  }

  .feature-card,
  .stat-card{
    padding: 1.15rem;
    border-radius: 1.25rem;
  }

  .product-card,
  .product-card-featured{
    border-radius: 1.25rem !important;
  }

  .product-card-featured .product-image-wrap,
  body[data-theme="light"] .product-card-featured .product-image-wrap{
    height: 300px !important;
  }

  .product-modal-image{
    min-height: 220px;
  }
}

@media (prefers-reduced-motion: reduce){
  *,
  *::before,
  *::after{
    animation-duration: 0.01ms !important;
    animation-iteration-count: 1 !important;
    transition-duration: 0.01ms !important;
    scroll-behavior: auto !important;
  }
}

@keyframes drift{
  0%{ transform: translateX(0) translateY(0) rotate(0deg); }
  50%{ transform: translateX(18px) translateY(-4px) rotate(0deg); }
  100%{ transform: translateX(0) translateY(0) rotate(0deg); }
}

@media (max-width: 1023px){
  .section-pad{padding: 3.25rem 0}
}

@media (max-width: 640px){
  .product-image-wrap{height: 220px}
}

.product-card-featured .product-image-wrap{
  padding: 0.75rem;
  border-bottom: 1px solid rgba(15,23,42,.14);
}

body[data-theme="light"] .product-card-featured .product-image-wrap{
  height: 560px;
  padding: 1rem;
  background: #ffffff;
  border-bottom: 1px solid rgba(15,23,42,.16);
}

.product-card-featured .product-image{
  object-fit: contain;
}

body[data-theme="light"] .product-card-featured .product-image{
  object-fit: contain;
  background: transparent;
  padding: 0;
}

body[data-theme="light"] .product-card-featured{
  padding-bottom: 0.25rem;
}

body[data-theme="light"] .product-card-featured .product-image-wrap{
  margin-bottom: 0.25rem;
}

body[data-theme="light"] .product-card-featured .p-6{
  padding: 0.75rem 1.25rem 0.9rem !important;
}

.product-card-featured .product-image-wrap{
  height: 640px !important;
  padding: 0 !important;
}

body[data-theme="light"] .product-card-featured .product-image-wrap{
  height: 720px !important;
  padding: 0 !important;
}

.product-card-featured .product-image{
  width: 100%;
  height: 100%;
  object-fit: cover;
  display: block;
}

body[data-theme="light"] .product-card-featured .product-image{
  width: 100%;
  height: 100%;
  object-fit: cover;
  display: block;
}

.product-card-featured{
  max-width: 100%;
  border-radius: 1.4rem;
}

.product-card-featured .product-image-wrap{
  height: 560px !important;
}

body[data-theme="light"] .product-card-featured .product-image-wrap{
  height: 620px !important;
}

.product-card-featured .product-image{
  object-fit: contain !important;
}

body[data-theme="light"] .product-card-featured .product-image{
  object-fit: contain !important;
}

.product-card-featured .p-6{
  padding: 1.25rem !important;
}

/* Final overrides for the featured product card */
.product-card:hover .product-image{
  transform: none !important;
}

.product-card-featured .product-image-wrap{
  height: 500px !important;
  padding: 0 !important;
}

body[data-theme="light"] .product-card-featured .product-image-wrap{
  height: 560px !important;
  padding: 0 !important;
}

.product-card-featured .p-6{
  padding: 0.75rem 1.25rem 0.9rem !important;
}

body[data-theme="light"] .product-card-featured .product-image-wrap{
  margin-top: 0 !important;
  margin-bottom: 0 !important;
}

body[data-theme="light"] .product-card-featured .p-6{
  padding: 0.5rem 1.25rem 0.7rem !important;
}

body[data-theme="light"] .product-card-featured .product-image-wrap{
  border-bottom: 1px solid rgba(255,255,255,.10) !important;
}

/* Final light-theme sizing overrides to match dark theme geometry */
body[data-theme="light"] .feature-card{
  min-height: auto !important;
  padding: 1.5rem !important;
  border-radius: 1.5rem !important;
}

body[data-theme="light"] .product-card{
  border-radius: 1.8rem !important;
  overflow: hidden !important;
}

body[data-theme="light"] .product-card-featured{
  border-radius: 1.8rem !important;
}

body[data-theme="light"] .product-card-featured .product-image-wrap{
  height: 500px !important;
  padding: 0 !important;
  margin-top: 0 !important;
  margin-bottom: 0 !important;
}

body[data-theme="light"] .product-card-featured .p-6{
  padding: 0.75rem 1.25rem 0.9rem !important;
}

body[data-theme="light"] .product-card-featured .card-title{
  font-size: 1.9rem !important;
}

body[data-theme="light"] .product-card-featured .card-text{
  font-size: 0.98rem !important;
}

.product-card-featured{
  padding-bottom: 0.25rem;
}

.product-card-featured .product-image-wrap{
  margin-bottom: 0.25rem;
}

.product-card-featured .card-title{
  font-size: 1.9rem !important;
}

.product-card-featured .card-text{
  font-size: 0.98rem !important;
}