*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;background:#08090d;color:#f5f7fb;font-family:Inter,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif;line-height:1.5}a{color:inherit;text-decoration:none}.site-header{height:76px;display:flex;align-items:center;justify-content:space-between;padding:0 5vw;border-bottom:1px solid #20232d;background:#08090df2;position:sticky;top:0;z-index:10;backdrop-filter:blur(15px)}.logo{display:inline-block}.logo-img{height:48px;width:auto;display:block;object-fit:contain}.site-header nav{display:flex;gap:30px;color:#b8becb;font-size:14px}.site-header nav a:hover{color:#fff}.header-cta{border:1px solid #3c424f;padding:10px 16px;border-radius:9px;font-weight:700;font-size:14px}.hero{min-height:650px;padding:80px 8vw;display:grid;grid-template-columns:1.1fr .9fr;align-items:center;gap:50px;background:radial-gradient(circle at 75% 45%,#102a31 0,#08090d 40%)}.eyebrow{font-size:12px;letter-spacing:2px;font-weight:900;color:#65f7ff}.hero h1{font-size:clamp(48px,6vw,82px);line-height:.98;letter-spacing:-4px;margin:16px 0 25px;max-width:760px}.hero p{font-size:19px;color:#b9bfca;max-width:620px}.hero-actions{display:flex;gap:12px;margin:30px 0}.btn{display:inline-flex;align-items:center;justify-content:center;padding:14px 22px;border-radius:10px;font-weight:850;border:1px solid transparent;cursor:pointer}.btn-primary{background:#65f7ff;color:#061013;box-shadow:0 0 30px #65f7ff33}.btn-primary:hover{filter:brightness(1.08)}.btn-secondary{border-color:#343944;color:#fff}.trust-row{display:flex;gap:20px;flex-wrap:wrap;color:#aeb5c1;font-size:13px}.hero-product{text-align:center}.glow-ring{width:340px;height:340px;border-radius:50%;margin:auto;box-shadow:0 0 45px #65f7ff55,0 0 110px #65f7ff22;border:2px solid #65f7ff55}.collar-mockup{width:300px;height:95px;border:9px solid #65f7ff;border-radius:80px;position:absolute;margin-top:-215px;margin-left:20px;display:flex;align-items:center;justify-content:center;box-shadow:0 0 25px #65f7ff, inset 0 0 20px #65f7ff}.collar-mockup span{font-size:24px;font-weight:900;letter-spacing:4px;color:#fff;text-shadow:0 0 12px #65f7ff}.hero-product p{font-size:11px;letter-spacing:2px;color:#747b87;margin-top:25px}.benefits{display:grid;grid-template-columns:repeat(4,1fr);border-top:1px solid #20232d;border-bottom:1px solid #20232d}.benefits div{padding:38px 30px;border-right:1px solid #20232d}.benefits div:last-child{border:0}.benefits strong{color:#65f7ff;font-size:12px}.benefits h3{margin:10px 0 5px}.benefits p{color:#8f96a3;margin:0;font-size:14px}.section{padding:90px 8vw}.section-heading{display:flex;align-items:end;gap:25px;margin-bottom:35px}.section-heading h2{font-size:42px;letter-spacing:-2px;margin:8px auto 0 0}.section-heading a{color:#65f7ff;font-weight:800}.product-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:20px}.product-card{background:#0e1016;border:1px solid #20232d;border-radius:15px;overflow:hidden;transition:.2s}.product-card:hover{transform:translateY(-4px);border-color:#3b4650}.product-art{height:250px;background:radial-gradient(circle,var(--glow) 0,#0d1117 42%,#0a0b10 70%);display:flex;align-items:center;justify-content:center}.product-image{max-width:100%;max-height:100%;object-fit:contain;padding:15px;transition:transform .3s}.product-card:hover .product-image{transform:scale(1.05)}.product-image.large{padding:25px}.product-art span{border:7px solid var(--glow);border-radius:60px;padding:22px 45px;box-shadow:0 0 30px var(--glow),inset 0 0 15px var(--glow);font-size:25px;font-weight:900;letter-spacing:3px;text-shadow:0 0 10px var(--glow)}.product-info{padding:20px}.badge{font-size:10px;letter-spacing:1.4px;color:#65f7ff;font-weight:900}.product-info h3{margin:8px 0 5px}.product-info p{color:#8f96a3;font-size:13px;min-height:40px}.product-info strong{font-size:20px}.how{padding:80px 8vw;background:#0d1015;display:grid;grid-template-columns:.7fr 1.3fr;gap:70px}.how h2{font-size:45px;letter-spacing:-2px;max-width:400px}.steps{display:grid;grid-template-columns:repeat(3,1fr);gap:20px}.steps div{border-left:1px solid #303541;padding-left:20px}.steps span{display:grid;place-items:center;width:35px;height:35px;border-radius:50%;background:#65f7ff;color:#061013;font-weight:900}.steps p{color:#8f96a3}.cta{text-align:center;padding:100px 20px;background:radial-gradient(circle at center,#123238,#08090d 55%)}.cta h2{font-size:46px;letter-spacing:-2px;margin:0}.cta p{color:#aab1bd}.page-hero{text-align:center;padding:100px 20px 60px}.page-hero h1{font-size:58px;letter-spacing:-3px;margin:12px}.page-hero p{color:#9fa6b3}.product-detail{max-width:1150px;margin:70px auto;padding:0 25px;display:grid;grid-template-columns:1fr 1fr;gap:70px;align-items:center}.detail-image{background:#0d1016;border-radius:20px;min-height:550px;display:grid;place-items:center}.product-art.large{width:100%;height:550px;background:radial-gradient(circle,var(--glow) 0,#0d1117 35%,#0a0b10 70%)}.product-art.large span{font-size:38px;padding:30px 65px}.detail-copy h1{font-size:48px;line-height:1.05;letter-spacing:-2px;margin:10px 0}.price{font-size:28px;font-weight:900;margin:15px 0}.detail-copy>p{color:#a8afbb}.feature-list{list-style:none;padding:0;color:#c9ced6}.feature-list li{margin:8px 0}.custom-form{margin-top:25px;padding:24px;background:#0e1016;border:1px solid #252a35;border-radius:14px}.custom-form label{display:block;font-size:13px;font-weight:750;margin-bottom:15px}.custom-form input,.custom-form select{width:100%;margin-top:7px;background:#08090d;border:1px solid #343a46;color:#fff;border-radius:8px;padding:12px}.form-row{display:grid;grid-template-columns:1fr 1fr;gap:12px}.full{width:100%}.checkout{max-width:760px;margin:80px auto;padding:0 20px}.checkout-card{background:#0e1016;border:1px solid #272c36;border-radius:18px;padding:40px}.checkout h1{font-size:42px;letter-spacing:-2px}.summary>div{display:flex;justify-content:space-between;padding:14px 0;border-bottom:1px solid #272c36;gap:20px}.summary .total{font-size:22px;border:0;margin-top:10px}.notice{background:#171b22;color:#aeb5c1;padding:14px;border-radius:9px;font-size:13px;margin:25px 0}.footer{padding:60px 8vw 30px;border-top:1px solid #20232d;display:grid;grid-template-columns:2fr 1fr 1fr 1fr;gap:30px;color:#8f96a3}.footer h4{color:#fff;margin-top:0}.footer a{display:block;margin:8px 0}.footer .logo{color:#fff}.copyright{grid-column:1/-1;border-top:1px solid #20232d;padding-top:20px;font-size:12px}@media(max-width:850px){.site-header nav{display:none}.hero{grid-template-columns:1fr;padding:60px 6vw}.hero h1{font-size:54px}.hero-product{display:none}.benefits{grid-template-columns:1fr 1fr}.product-grid{grid-template-columns:1fr 1fr}.how{grid-template-columns:1fr;gap:20px}.product-detail{grid-template-columns:1fr;gap:30px}.footer{grid-template-columns:1fr 1fr}}@media(max-width:520px){.header-cta{display:none}.benefits,.product-grid,.steps,.footer{grid-template-columns:1fr}.benefits div{border-right:0;border-bottom:1px solid #20232d}.section-heading{display:block}.section-heading h2,.page-hero h1,.detail-copy h1,.cta h2{font-size:38px}.product-art{height:220px}.product-art.large{height:400px}.form-row{grid-template-columns:1fr}}

/* RESPONSIVE NAV FIXES */
.nav-desktop { display: flex; gap: 20px; align-items: center; }
.nav-mobile { display: none; }
.site-header nav a { padding: 5px 10px; transition: color 0.2s; }
.cart-link { color: #65f7ff !important; font-weight: bold; }

/* HERO HOME DESIGN */
.hero-home {
  display: grid;
  grid-template-columns: 1.1fr 0.9fr;
  align-items: center;
  gap: 60px;
  padding: 80px 8vw;
  min-height: calc(100vh - 76px);
  background: radial-gradient(circle at 85% 30%, #0d2c33 0%, #08090d 50%);
  overflow: hidden;
}
.eyebrow-glowing {
  font-size: 13px;
  letter-spacing: 2px;
  font-weight: 900;
  color: #65f7ff;
  text-shadow: 0 0 10px rgba(101, 247, 255, 0.4);
}
.hero-title {
  font-size: clamp(48px, 6.5vw, 84px);
  line-height: 0.95;
  letter-spacing: -3px;
  margin: 15px 0 20px 0;
  font-weight: 900;
  background: linear-gradient(to right, #fff 50%, #65f7ff 100%);
  -webkit-background-clip: text;
  -webkit-text-fill-color: transparent;
}
.hero-subtitle {
  font-size: 20px;
  line-height: 1.5;
  color: #b9bfca;
  max-width: 600px;
  margin-bottom: 35px;
}
.hero-bullets {
  display: flex;
  flex-direction: column;
  gap: 12px;
  margin-top: 35px;
  color: #aeb5c1;
  font-size: 15px;
  font-weight: bold;
}
.hero-bullets span {
  display: flex;
  align-items: center;
  gap: 8px;
}
.hero-visual {
  display: flex;
  justify-content: center;
  align-items: center;
  position: relative;
}
.hero-collar-scene {
  position: relative;
  background: #0d1015;
  border: 1px solid #20232d;
  border-radius: 24px;
  padding: 50px 30px;
  width: 100%;
  max-width: 440px;
  box-shadow: 0 20px 50px rgba(0,0,0,0.5);
  display: flex;
  flex-direction: column;
  align-items: center;
  text-align: center;
}
.dog-glow-silhouette {
  position: relative;
  width: 280px;
  height: 280px;
  margin-bottom: 30px;
  display: flex;
  justify-content: center;
  align-items: center;
}
.dynamic-glow-ring {
  width: 250px;
  height: 250px;
  border-radius: 50%;
  border: 2px solid #54f7ff55;
  box-shadow: 0 0 45px #54f7ff55, 0 0 110px #54f7ff22;
  transition: all 0.4s ease;
  position: absolute;
}
.live-collar-mockup {
  width: 230px;
  height: 70px;
  border: 8px solid #54f7ff;
  border-radius: 60px;
  display: flex;
  align-items: center;
  justify-content: center;
  box-shadow: 0 0 25px #54f7ff, inset 0 0 20px #54f7ff;
  transition: all 0.4s ease;
  z-index: 2;
}
.live-collar-mockup span {
  font-size: 20px;
  font-weight: 950;
  letter-spacing: 4px;
  color: #fff;
  text-shadow: 0 0 12px #54f7ff;
  transition: all 0.4s ease;
}
.glow-selector-bullets {
  display: flex;
  gap: 12px;
  margin-bottom: 20px;
}
.glow-selector-bullets .bullet {
  width: 18px;
  height: 18px;
  border-radius: 50%;
  cursor: pointer;
  border: 2px solid #000;
  box-shadow: 0 0 0 2px rgba(255,255,255,0.1);
  transition: all 0.2s ease;
}
.glow-selector-bullets .bullet.active {
  box-shadow: 0 0 0 2px #fff;
  transform: scale(1.15);
}
.hero-caption {
  font-size: 11px;
  letter-spacing: 2px;
  text-transform: uppercase;
  color: #747b87;
  font-weight: bold;
}

/* SOCIAL PROOF BAR */
.social-proof-bar {
  background: #0e1016;
  border-top: 1px solid #20232d;
  border-bottom: 1px solid #20232d;
  padding: 24px 5vw;
}
.social-proof-container {
  max-width: 1200px;
  margin: 0 auto;
  display: flex;
  align-items: center;
  justify-content: center;
  gap: 20px;
  flex-wrap: wrap;
  text-align: center;
}
.stars-row {
  color: #ffb865;
  font-size: 20px;
  letter-spacing: 2px;
}
.proof-text {
  font-size: 16px;
  color: #d1d7e2;
}
.proof-sub {
  display: block;
  font-size: 13px;
  color: #8f96a3;
  margin-top: 4px;
}

/* CARDS BADGES */
.card-highlight {
  border-color: #54f7ff99 !important;
  box-shadow: 0 10px 30px rgba(84, 247, 255, 0.08);
}
.card-badge-special {
  position: absolute;
  top: 15px;
  left: 15px;
  background: #65f7ff;
  color: #061013;
  font-size: 10px;
  font-weight: 900;
  padding: 5px 10px;
  border-radius: 5px;
  letter-spacing: 1px;
  z-index: 5;
}
.section-header-centered {
  text-align: center;
  max-width: 700px;
  margin: 0 auto 50px auto;
}
.section-header-centered h2 {
  font-size: 44px;
  letter-spacing: -2px;
  margin: 10px 0;
}
.section-subtitle {
  color: #8f96a3;
  font-size: 17px;
  line-height: 1.5;
}
.card-footer {
  display: flex;
  justify-content: space-between;
  align-items: center;
  margin-top: 15px;
}
.card-price {
  font-size: 20px;
}
.card-cta-arrow {
  font-size: 13px;
  color: #65f7ff;
  font-weight: bold;
}

/* WHY GLOWDOGZ BENEFITS */
.why-glowdogz {
  background: #0a0c11;
  padding: 100px 5vw;
  border-top: 1px solid #20232d;
  border-bottom: 1px solid #20232d;
}
.benefits-grid-new {
  display: grid;
  grid-template-columns: repeat(4, 1fr);
  gap: 30px;
  margin-top: 40px;
}
.benefit-item {
  background: #0e1016;
  border: 1px solid #20232d;
  border-radius: 16px;
  padding: 30px;
  text-align: center;
  transition: all 0.2s;
}
.benefit-item:hover {
  border-color: #313644;
  transform: translateY(-5px);
}
.benefit-icon {
  font-size: 36px;
  margin-bottom: 15px;
}
.benefit-item h3 {
  font-size: 16px;
  letter-spacing: 1px;
  color: #65f7ff;
  margin: 0 0 10px 0;
  font-weight: 900;
}
.benefit-item p {
  color: #8f96a3;
  font-size: 14px;
  margin: 0;
  line-height: 1.5;
}

/* PERSONALIZATION DEMO INTERACTIVE */
.personalization-demo-section {
  padding: 100px 8vw;
  background: radial-gradient(circle at 15% 70%, #151e24 0%, #08090d 50%);
  border-bottom: 1px solid #20232d;
}
.demo-split {
  display: grid;
  grid-template-columns: 1fr 1fr;
  align-items: center;
  gap: 80px;
  max-width: 1200px;
  margin: 0 auto;
}
.demo-copy h2 {
  font-size: 46px;
  letter-spacing: -2px;
  margin: 10px 0 20px 0;
}
.demo-copy p {
  color: #b8becb;
  font-size: 17px;
  margin-bottom: 30px;
  line-height: 1.6;
}
.demo-input-container {
  background: #0e1016;
  border: 1px solid #252a35;
  border-radius: 16px;
  padding: 20px;
  margin-bottom: 30px;
}
.demo-input-container input {
  width: 100%;
  background: #08090d;
  border: 1px solid #343a46;
  color: #fff;
  border-radius: 10px;
  padding: 14px 18px;
  font-size: 18px;
  font-weight: 800;
  letter-spacing: 2px;
  text-transform: uppercase;
  margin-bottom: 20px;
}
.demo-input-container input:focus {
  border-color: #65f7ff;
  outline: none;
  box-shadow: 0 0 15px rgba(101,247,255,0.2);
}
.demo-color-selector {
  display: flex;
  gap: 15px;
  align-items: center;
  flex-wrap: wrap;
}
.demo-color-selector button {
  width: 32px;
  height: 32px;
  border-radius: 50%;
  cursor: pointer;
  border: 2px solid #000;
  box-shadow: 0 0 0 2px rgba(255,255,255,0.1);
  transition: all 0.2s;
}
.demo-color-selector button.active {
  box-shadow: 0 0 0 2px #fff;
  transform: scale(1.15);
}
.rainbow-btn {
  background: linear-gradient(to right, red, orange, yellow, green, blue, violet);
}
.demo-action-row {
  display: flex;
  justify-content: space-between;
  align-items: center;
  gap: 20px;
  flex-wrap: wrap;
}
.preview-prompt {
  font-weight: 800;
  color: #65f7ff;
  font-size: 15px;
}
.demo-preview-panel {
  display: flex;
  justify-content: center;
  align-items: center;
  height: 300px;
  position: relative;
}
.preview-collar-wrap {
  position: relative;
  width: 100%;
  max-width: 400px;
  height: 120px;
  display: flex;
  justify-content: center;
  align-items: center;
}
.preview-collar-glow-shadow {
  position: absolute;
  width: 380px;
  height: 90px;
  border-radius: 80px;
  box-shadow: 0 0 50px 10px rgba(84, 247, 255, 0.4);
  filter: blur(10px);
  z-index: 1;
  transition: all 0.4s ease;
}
.preview-collar-band {
  position: relative;
  width: 380px;
  height: 90px;
  border: 6px solid #54f7ff;
  border-radius: 80px;
  display: flex;
  align-items: center;
  justify-content: center;
  box-shadow: 0 0 25px #54f7ff, inset 0 0 15px #54f7ff;
  background: #08090d;
  z-index: 2;
  transition: all 0.4s ease;
}
.preview-collar-band span {
  font-size: 32px;
  font-weight: 950;
  letter-spacing: 5px;
  color: #fff;
  text-shadow: 0 0 10px #54f7ff;
  transition: all 0.4s ease;
}

/* RAINBOW ANIMATIONS */
@keyframes rainbow-glow-anim {
  0% { border-color: #ff0000; box-shadow: 0 0 20px #ff0000, inset 0 0 12px #ff0000; }
  17% { border-color: #ff7f00; box-shadow: 0 0 20px #ff7f00, inset 0 0 12px #ff7f00; }
  33% { border-color: #ffff00; box-shadow: 0 0 20px #ffff00, inset 0 0 12px #ffff00; }
  50% { border-color: #00ff00; box-shadow: 0 0 20px #00ff00, inset 0 0 12px #00ff00; }
  67% { border-color: #0000ff; box-shadow: 0 0 20px #0000ff, inset 0 0 12px #0000ff; }
  83% { border-color: #4b0082; box-shadow: 0 0 20px #4b0082, inset 0 0 12px #4b0082; }
  100% { border-color: #ff0000; box-shadow: 0 0 20px #ff0000, inset 0 0 12px #ff0000; }
}
@keyframes rainbow-glow-shadow-anim {
  0% { box-shadow: 0 0 50px 10px rgba(255, 0, 0, 0.35); }
  17% { box-shadow: 0 0 50px 10px rgba(255, 127, 0, 0.35); }
  33% { box-shadow: 0 0 50px 10px rgba(255, 255, 0, 0.35); }
  50% { box-shadow: 0 0 50px 10px rgba(0, 255, 0, 0.35); }
  67% { box-shadow: 0 0 50px 10px rgba(0, 0, 255, 0.35); }
  83% { box-shadow: 0 0 50px 10px rgba(75, 0, 130, 0.35); }
  100% { box-shadow: 0 0 50px 10px rgba(255, 0, 0, 0.35); }
}
@keyframes rainbow-text-glow {
  0% { text-shadow: 0 0 10px #ff0000; }
  17% { text-shadow: 0 0 10px #ff7f00; }
  33% { text-shadow: 0 0 10px #ffff00; }
  50% { text-shadow: 0 0 10px #00ff00; }
  67% { text-shadow: 0 0 10px #0000ff; }
  83% { text-shadow: 0 0 10px #4b0082; }
  100% { text-shadow: 0 0 10px #ff0000; }
}

/* WHERE IT SHINES USE CASES */
.where-it-shines {
  padding: 100px 5vw;
  background: #08090d;
  border-bottom: 1px solid #20232d;
}
.use-case-grid {
  display: grid;
  grid-template-columns: repeat(4, 1fr);
  gap: 20px;
  max-width: 1200px;
  margin: 0 auto;
}
.use-case-card {
  background: #0e1016;
  border: 1px solid #20232d;
  border-radius: 16px;
  padding: 24px;
  text-align: center;
  transition: all 0.2s;
}
.use-case-card:hover {
  transform: translateY(-4px);
  border-color: #272c36;
}
.use-case-bg {
  height: 120px;
  border-radius: 12px;
  margin-bottom: 15px;
  display: flex;
  align-items: center;
  justify-content: center;
}
.use-case-emoji {
  font-size: 40px;
}
.use-case-card h3 {
  margin: 0 0 8px 0;
  font-size: 18px;
}
.use-case-card p {
  color: #8f96a3;
  font-size: 13px;
  margin: 0;
  line-height: 1.4;
}

/* UGC SHOW US YOUR GLOWDOG */
.ugc-section {
  padding: 100px 5vw;
  background: #0d1015;
  border-bottom: 1px solid #20232d;
}
.ugc-gallery {
  display: grid;
  grid-template-columns: repeat(4, 1fr);
  gap: 20px;
  max-width: 1200px;
  margin: 0 auto;
}
.ugc-photo-placeholder {
  height: 280px;
  background: radial-gradient(circle at center, #1b2029 0%, #0d1015 100%);
  border: 1px dashed var(--glow-color);
  border-radius: 16px;
  position: relative;
  display: flex;
  flex-direction: column;
  justify-content: flex-end;
  padding: 20px;
  box-shadow: 0 0 15px rgba(0,0,0,0.2), inset 0 0 20px rgba(0,0,0,0.3);
}
.ugc-photo-placeholder::after {
  content: '📷 Community Photo';
  position: absolute;
  top: 40%;
  left: 50%;
  transform: translate(-50%, -50%);
  font-size: 14px;
  color: #747b87;
  font-weight: bold;
}
.ugc-dog-name {
  font-weight: 900;
  color: #fff;
  font-size: 14px;
  background: rgba(0,0,0,0.6);
  padding: 4px 8px;
  border-radius: 4px;
  align-self: flex-start;
  margin-bottom: 4px;
  border-left: 3px solid var(--glow-color);
}
.ugc-caption {
  font-size: 12px;
  color: #aeb5c1;
  background: rgba(0,0,0,0.6);
  padding: 4px 8px;
  border-radius: 4px;
}

/* HOW IT WORKS GRID */
.how-new {
  padding: 100px 5vw;
  background: #08090d;
  border-bottom: 1px solid #20232d;
}
.steps-grid {
  display: grid;
  grid-template-columns: repeat(4, 1fr);
  gap: 25px;
  max-width: 1200px;
  margin: 40px auto 0 auto;
}
.step-card {
  position: relative;
  background: #0e1016;
  border: 1px solid #20232d;
  border-radius: 16px;
  padding: 30px;
}
.step-number {
  width: 40px;
  height: 40px;
  border-radius: 50%;
  background: #65f7ff;
  color: #061013;
  display: flex;
  align-items: center;
  justify-content: center;
  font-weight: 900;
  font-size: 18px;
  margin-bottom: 15px;
  box-shadow: 0 0 15px rgba(101, 247, 255, 0.4);
}
.step-card h3 {
  margin: 0 0 10px 0;
  font-size: 18px;
}
.step-card p {
  margin: 0;
  font-size: 14px;
  color: #8f96a3;
  line-height: 1.5;
}

/* COMPARISON TABLE */
.product-comparison {
  padding: 100px 5vw;
  background: #0d1015;
  border-bottom: 1px solid #20232d;
}
.comparison-table-wrapper {
  max-width: 1000px;
  margin: 0 auto;
  overflow-x: auto;
  border: 1px solid #20232d;
  border-radius: 16px;
  background: #0e1016;
}
.comparison-table {
  width: 100%;
  border-collapse: collapse;
  text-align: left;
}
.comparison-table th, .comparison-table td {
  padding: 18px 24px;
  border-bottom: 1px solid #20232d;
}
.comparison-table th {
  background: #08090d;
  font-weight: bold;
}
.comparison-table th small {
  color: #65f7ff;
  font-weight: bold;
}
.comparison-table td.check {
  color: #65ff8c;
  font-weight: bold;
  font-size: 20px;
}
.comparison-table td.dash {
  color: #434956;
}
.highlight-column {
  background: rgba(101, 247, 255, 0.03);
  border-left: 1.5px solid rgba(101, 247, 255, 0.15);
  border-right: 1.5px solid rgba(101, 247, 255, 0.15);
}

/* REVIEWS & STAR RATINGS */
.reviews-section {
  padding: 100px 5vw;
  background: #08090d;
  border-bottom: 1px solid #20232d;
}
.reviews-grid {
  display: grid;
  grid-template-columns: repeat(3, 1fr);
  gap: 25px;
  max-width: 1200px;
  margin: 0 auto;
}
.review-card {
  background: #0e1016;
  border: 1px solid #20232d;
  border-radius: 16px;
  padding: 30px;
}
.review-stars {
  color: #ffb865;
  margin-bottom: 15px;
  letter-spacing: 1px;
}
.review-text {
  font-size: 15px;
  color: #d1d7e2;
  font-style: italic;
  line-height: 1.6;
  margin-bottom: 20px;
}
.review-author {
  font-size: 13px;
  color: #8f96a3;
}
.dog-tag {
  color: #65f7ff;
  font-weight: bold;
}

/* FAQ ACCORDION STYLE */
.faq-section {
  padding: 100px 5vw;
  background: #0d1015;
  border-bottom: 1px solid #20232d;
}
.faq-accordion {
  max-width: 800px;
  margin: 0 auto;
  display: flex;
  flex-direction: column;
  gap: 15px;
}
.faq-item {
  background: #0e1016;
  border: 1px solid #20232d;
  border-radius: 12px;
  overflow: hidden;
  transition: border-color 0.2s;
}
.faq-item[open] {
  border-color: #313644;
}
.faq-item summary {
  padding: 20px;
  font-weight: 750;
  font-size: 16px;
  cursor: pointer;
  user-select: none;
  list-style: none;
  display: flex;
  justify-content: space-between;
  align-items: center;
}
.faq-item summary::-webkit-details-marker {
  display: none;
}
.faq-item summary::after {
  content: '▼';
  font-size: 12px;
  color: #65f7ff;
  transition: transform 0.2s;
}
.faq-item[open] summary::after {
  transform: rotate(180deg);
}
.faq-content {
  padding: 0 20px 20px 20px;
  color: #8f96a3;
  font-size: 14px;
  line-height: 1.6;
  border-top: 1px solid #20232d;
  background: #08090d;
}

/* EMAIL CAPTURE CARD */
.email-capture-section {
  padding: 80px 5vw;
  background: #08090d;
}
.email-capture-card {
  max-width: 800px;
  margin: 0 auto;
  background: linear-gradient(135deg, #102a31 0%, #08090d 100%);
  border: 1px solid #1a424e;
  border-radius: 20px;
  padding: 40px;
  text-align: center;
}
.email-capture-card h3 {
  font-size: 24px;
  color: #65f7ff;
  margin: 0 0 10px 0;
  font-weight: 900;
}
.email-capture-card p {
  color: #b9bfca;
  font-size: 15px;
  margin-bottom: 25px;
  line-height: 1.5;
}
.email-form {
  display: flex;
  gap: 12px;
  max-width: 600px;
  margin: 0 auto 15px auto;
}
.email-privacy-notice {
  font-size: 11px;
  color: #747b87;
}

/* CTA HOME */
.cta-home {
  text-align: center;
  padding: 120px 5vw;
  background: radial-gradient(circle at center, #123238, #08090d 60%);
  border-top: 1px solid #20232d;
}
.cta-content h2 {
  font-size: 52px;
  letter-spacing: -2px;
  margin: 0 0 15px 0;
}
.cta-content p {
  color: #aeb5c1;
  font-size: 18px;
  max-width: 650px;
  margin: 0 auto 35px auto;
}

/* CART PAGE SPECIFIC STYLES */
.cart-section {
  padding: 80px 5vw;
  background: #08090d;
  min-height: 70vh;
}
.cart-container {
  display: grid;
  grid-template-columns: 1.3fr 0.7fr;
  gap: 40px;
  max-width: 1200px;
  margin: 0 auto;
}
.cart-main h1 {
  font-size: 38px;
  letter-spacing: -2px;
  margin-top: 0;
  margin-bottom: 10px;
}
.cart-addons-list h4 {
  margin-top: 0;
  border-bottom: 1px solid #20232d;
  padding-bottom: 10px;
}

/* FOOTER BRANDING FIXES */
.footer {
  display: grid !important;
  grid-template-columns: 1.5fr 1fr 1fr 1fr !important;
  gap: 40px !important;
}
.footer-brand p {
  font-size: 14px;
  line-height: 1.6;
  color: #8f96a3;
  margin-top: 15px;
}
.footer-links h4 {
  color: #fff;
  font-size: 16px;
  margin-bottom: 15px;
}
.footer-links a {
  display: block;
  color: #8f96a3;
  font-size: 14px;
  margin-bottom: 10px;
  transition: color 0.2s;
}
.footer-links a:hover {
  color: #65f7ff;
}

/* RESPONSIVE DESIGN OVERRIDES */
@media (max-width: 1024px) {
  .benefits-grid-new, .use-case-grid, .ugc-gallery, .steps-grid {
    grid-template-columns: repeat(2, 1fr);
  }
  .cart-container {
    grid-template-columns: 1fr;
  }
}

@media (max-width: 768px) {
  .hero-home {
    grid-template-columns: 1fr;
    padding: 60px 5vw;
    text-align: center;
  }
  .hero-title {
    font-size: 48px;
  }
  .hero-bullets {
    align-items: center;
  }
  .demo-split {
    grid-template-columns: 1fr;
    gap: 40px;
  }
  .benefits-grid-new, .use-case-grid, .ugc-gallery, .steps-grid, .reviews-grid {
    grid-template-columns: 1fr;
  }
  .email-form {
    flex-direction: column;
  }
  .footer {
    grid-template-columns: 1fr !important;
    gap: 30px !important;
  }
}