/* Daiveo redesign — graphite, pearl and mint; respects existing HTML/JS behavior */
:root{color-scheme:dark;--bg:#090d12;--panel:rgba(20,28,37,.78);--line:rgba(204,220,232,.13);--text:#f3f7fa;--muted:#98a8b7;--mint:#8df0c0;--mint2:#42d99b;--radius:22px}
*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;min-height:100vh;color:var(--text);font-family:Inter,ui-sans-serif,system-ui,-apple-system,"Segoe UI",sans-serif;background:radial-gradient(ellipse at 50% -15%,rgba(44,116,104,.24),transparent 42%),radial-gradient(ellipse at 100% 40%,rgba(65,88,126,.14),transparent 35%),var(--bg);background-attachment:fixed}
body:before{content:"";position:fixed;inset:0;pointer-events:none;opacity:.15;background-image:linear-gradient(rgba(255,255,255,.025) 1px,transparent 1px),linear-gradient(90deg,rgba(255,255,255,.025) 1px,transparent 1px);background-size:36px 36px;mask-image:linear-gradient(to bottom,black,transparent 80%)}
.header,main,footer{position:relative;z-index:1;width:min(100% - 36px,900px);margin-inline:auto}.header{height:78px;display:flex;align-items:center;justify-content:space-between;border-bottom:1px solid rgba(255,255,255,.07)}.logo{font-weight:850;font-size:23px;letter-spacing:-1.3px;color:#f4f8fb;text-decoration:none}.logo span{color:var(--mint)}.tag{font-size:10px;letter-spacing:2px;color:#8d9eac;border:1px solid var(--line);border-radius:99px;padding:8px 11px;background:rgba(255,255,255,.025)}
.intro{text-align:center;padding:54px 0 28px}.eyebrow{margin:0 0 19px;color:#91b8ac;font-size:10px;font-weight:750;letter-spacing:2.5px}.hero-mark{position:relative;display:flex;align-items:center;justify-content:center;min-height:100px;margin:0 auto;isolation:isolate}.hero-word{font-size:clamp(58px,10vw,88px);font-weight:900;letter-spacing:-6px;line-height:1;background:linear-gradient(110deg,#f8fbff 10%,#b9d7d0 43%,#8df0c0 68%,#f6fbff 90%);background-size:220% auto;color:transparent;background-clip:text;-webkit-background-clip:text;filter:drop-shadow(0 8px 28px rgba(87,229,174,.14));animation:wordShimmer 7s ease-in-out infinite}.hero-period{color:var(--mint2)}.hero-orbit{position:absolute;width:220px;height:78px;border:1px solid rgba(141,240,192,.22);border-radius:50%;transform:rotate(-10deg);animation:orbitPulse 4s ease-in-out infinite;z-index:-1}.hero-spark{position:absolute;margin-left:240px;margin-top:-48px;color:#a6f7d0;font-size:18px;animation:spark 2.6s ease-in-out infinite}.hero-caption{margin:18px 0 9px;font-size:13px;font-weight:700;letter-spacing:.4px;color:#d4e2e3}.sub{max-width:440px;margin:0 auto;color:var(--muted);font-size:14px;line-height:1.65}.delivery{display:inline-flex;align-items:center;gap:9px;margin-top:20px;padding:10px 14px;border:1px solid rgba(93,225,162,.19);border-radius:99px;background:rgba(51,168,111,.075);color:#a5efc7;font-size:12px;font-weight:650}.delivery-dot{width:7px;height:7px;flex:0 0 7px;border-radius:50%;background:#65e9a1;box-shadow:0 0 12px rgba(101,233,161,.7);animation:dotPulse 2s ease-in-out infinite}
.products{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:14px}.product{position:relative;overflow:hidden;min-width:0;display:flex;align-items:center;justify-content:space-between;gap:12px;padding:23px 21px;border:1px solid var(--line);border-radius:var(--radius);background:linear-gradient(135deg,rgba(30,41,52,.88),rgba(15,21,29,.82));box-shadow:0 12px 36px rgba(0,0,0,.13);backdrop-filter:blur(18px);transition:transform .22s ease,border-color .22s ease,background .22s ease}.product:before{content:"";position:absolute;inset:0 auto 0 0;width:3px;background:linear-gradient(180deg,transparent,#7dddb2,transparent);opacity:0;transition:opacity .2s}.product:hover{transform:translateY(-3px);border-color:rgba(141,240,192,.35);background:linear-gradient(135deg,rgba(34,53,57,.92),rgba(17,24,32,.9))}.product:hover:before{opacity:1}.product-info{min-width:0}.product h2{margin:0 0 7px;font-size:17px;letter-spacing:-.3px}.product p{margin:0;color:#9cabb8;font-size:13px}.badge{display:inline-block;margin:0 0 9px;padding:5px 8px;border-radius:7px;background:rgba(94,224,157,.12);color:#9bf0c0;font-size:9px;font-weight:850;letter-spacing:1px}.popular{border-color:rgba(105,230,166,.29);background:linear-gradient(135deg,rgba(33,63,54,.8),rgba(18,27,34,.92))}.purchase{display:flex;align-items:flex-end;flex-direction:column;gap:12px;flex-shrink:0}.purchase strong{font-size:22px;letter-spacing:-.8px;white-space:nowrap}.buy{border:1px solid rgba(141,240,192,.22);border-radius:11px;background:rgba(141,240,192,.1);color:#b7f7d4;padding:10px 13px;font:700 12px inherit;cursor:pointer;white-space:nowrap;transition:background .2s,transform .2s}.buy span{margin-left:7px}.buy:hover{background:rgba(141,240,192,.2);transform:translateY(-1px)}.review-card{grid-column:1/-1;display:flex;align-items:center;gap:14px;padding:19px 20px;text-decoration:none;color:inherit;border:1px solid rgba(104,227,164,.23);border-radius:var(--radius);background:linear-gradient(110deg,rgba(37,91,67,.24),rgba(22,32,39,.8));transition:transform .2s,border-color .2s}.review-card:hover{transform:translateY(-2px);border-color:rgba(104,227,164,.45)}.review-icon{display:grid;place-items:center;width:43px;height:43px;flex:0 0 43px;border:1px solid rgba(141,240,192,.22);border-radius:14px;color:#a5f3c8;background:rgba(141,240,192,.09)}.review-icon svg{width:23px;height:23px}.review-info{flex:1;min-width:0}.review-info h2{margin:0 0 5px;font-size:15px;color:#b5f4ce}.review-info p{margin:0;color:#a7b8b1;font-size:12px;line-height:1.5}.review-arrow{font-size:21px;color:#a4edc4}.note{text-align:center;margin:20px 0 34px;color:#82919d;font-size:12px}footer{display:flex;align-items:center;justify-content:space-between;padding:20px 0 28px;border-top:1px solid rgba(255,255,255,.07);color:#7d8d9a;font-size:12px}footer .logo{font-size:18px}
.overlay[hidden]{display:none!important}.overlay{position:fixed;z-index:10;inset:0;display:grid;place-items:center;padding:18px;background:rgba(3,7,10,.76);backdrop-filter:blur(12px)}.dialog{position:relative;width:min(100%,440px);padding:29px;border:1px solid rgba(205,224,230,.17);border-radius:26px;background:linear-gradient(145deg,#1b2730,#10171e);box-shadow:0 28px 100px rgba(0,0,0,.5)}.close{position:absolute;right:17px;top:14px;width:35px;height:35px;border:1px solid var(--line);border-radius:50%;background:rgba(255,255,255,.04);color:white;font-size:23px;cursor:pointer}.dialog .eyebrow{margin-bottom:12px}.dialog h2{margin:0 0 9px;font-size:24px}.chosen{color:#b5c6ce;font-size:14px}.hint{margin:24px 0 10px;color:#91a2ad;font-size:12px}.methods{display:grid;gap:9px}.methods button{display:flex;align-items:center;gap:11px;width:100%;padding:14px;border:1px solid var(--line);border-radius:13px;background:rgba(255,255,255,.035);color:#edf4f6;text-align:left;cursor:pointer}.methods button:hover{border-color:rgba(141,240,192,.35);background:rgba(141,240,192,.06)}.method-icon{display:grid;place-items:center;width:32px;height:32px;border-radius:10px;background:rgba(255,255,255,.06);color:#b5f1d0}.method-name{flex:1;font-size:13px}.method-amount{font-size:13px}.methods i{font-style:normal;color:#8fa1ad}.status{display:none;color:#a5efc7;font-size:12px;line-height:1.5}.status.visible{display:block}
@keyframes wordShimmer{0%,100%{background-position:0% center}50%{background-position:100% center}}@keyframes orbitPulse{0%,100%{transform:rotate(-10deg) scale(.97);opacity:.55}50%{transform:rotate(-5deg) scale(1.04);opacity:1}}@keyframes spark{0%,100%{transform:translateY(0) rotate(0);opacity:.55}50%{transform:translateY(-6px) rotate(18deg);opacity:1}}@keyframes dotPulse{0%,100%{box-shadow:0 0 0 0 rgba(101,233,161,.3)}50%{box-shadow:0 0 0 5px rgba(101,233,161,0)}}
@media(max-width:600px){.header,main,footer{width:calc(100% - 28px)}.header{height:66px}.intro{padding:38px 0 24px}.hero-word{font-size:66px;letter-spacing:-4.5px}.hero-orbit{width:180px;height:65px}.hero-spark{margin-left:190px;margin-top:-42px}.products{grid-template-columns:minmax(0,1fr);gap:11px}.product{padding:19px 17px;border-radius:18px}.product h2{font-size:16px}.purchase strong{font-size:21px}.buy{padding:10px 12px}.review-card{grid-column:auto;padding:16px;border-radius:18px}.note{margin:17px 0 28px}.dialog{padding:25px 20px;border-radius:22px}}
@media(max-width:360px){.header,main,footer{width:calc(100% - 22px)}.hero-word{font-size:57px}.product{padding:16px 13px;gap:7px}.product h2{font-size:15px}.purchase strong{font-size:19px}.buy{padding:9px 10px;font-size:11px}.tag{font-size:9px;letter-spacing:1.3px}}
@media(prefers-reduced-motion:reduce){*,*:before,*:after{animation-duration:.01ms!important;animation-iteration-count:1!important;scroll-behavior:auto!important;transition-duration:.01ms!important}}

/* Desktop alignment fix */
html {
  width: 100%;
  overflow-x: clip;
}

body {
  width: 100%;
  min-width: 0;
  overflow-x: clip;
}

.header,
main,
footer {
  width: min(900px, calc(100% - 36px));
  margin-left: auto;
  margin-right: auto;
}

.products {
  width: 100%;
  min-width: 0;
}

@media (max-width: 600px) {
  .header,
  main,
  footer {
    width: calc(100% - 28px);
  }
}

@media (max-width: 360px) {
  .header,
  main,
  footer {
    width: calc(100% - 22px);
  }
}

/* ===== DAIVEO: NEW BUY BUTTON DESIGN ===== */

.product .buy {
  background: linear-gradient(135deg, #b8ffdc 0%, #75eab0 100%) !important;
  color: #082017 !important;
  border: 1px solid #a2f5c9 !important;
  border-radius: 12px !important;
  padding: 11px 15px !important;
  min-width: 112px;
  font-family: inherit !important;
  font-size: 12px !important;
  font-weight: 800 !important;
  box-shadow: 0 4px 16px rgba(100, 235, 165, 0.15);
  cursor: pointer;
  white-space: nowrap;
  transition: all 0.2s ease;
}

.product .buy span {
  margin-left: 7px;
  color: #082017 !important;
}

.product .buy:hover {
  background: linear-gradient(135deg, #d5ffe9 0%, #9df7c5 100%) !important;
  border-color: #d5ffe9 !important;
  box-shadow: 0 6px 24px rgba(100, 235, 165, 0.32);
  transform: translateY(-2px);
}

.product .buy:active {
  transform: scale(0.97);
}

.product .buy:focus-visible {
  outline: 2px solid #d5ffe9;
  outline-offset: 3px;
}

/* ===== END BUTTON DESIGN ===== */


/* ===== DAIVEO — PRODUCT DETAILS & MOTION UPDATE ===== */
.intro { padding-top: 58px; }
.hero-word {
  animation: daiveoGlow 5.8s ease-in-out infinite, daiveoFloat 6s ease-in-out infinite;
  transform-origin: center;
  will-change: transform, filter, background-position;
}
.hero-orbit { animation: orbitPulse 5s ease-in-out infinite, orbitDrift 10s ease-in-out infinite; }
.hero-spark { animation: spark 2.4s ease-in-out infinite, sparkTwinkle 3.2s ease-in-out infinite; }
.logo { transition: color .25s ease, transform .25s ease; }
.logo:hover { transform: translateY(-1px); }
.logo span { display: inline-block; animation: logoDot 3s ease-in-out infinite; }
.tag { transition: border-color .25s ease, background .25s ease; }
.header:hover .tag { border-color: rgba(141,240,192,.28); background: rgba(141,240,192,.045); }

.products { align-items: stretch; gap: 16px; }
.product {
  min-height: 218px;
  align-items: stretch;
  padding: 23px 22px;
  isolation: isolate;
}
.product:after {
  content: "";
  position: absolute;
  inset: -1px;
  z-index: -1;
  pointer-events: none;
  opacity: 0;
  background: radial-gradient(circle at 0% 0%, rgba(141,240,192,.13), transparent 55%);
  transition: opacity .35s ease;
}
.product:hover:after { opacity: 1; }
.product-info { display: flex; flex-direction: column; align-items: flex-start; }
.product-kicker {
  display: inline-block;
  margin: 0 0 9px;
  color: #91b8ac;
  font-size: 9px;
  font-weight: 800;
  letter-spacing: 1.45px;
}
.product h2 { margin-bottom: 6px; font-size: 18px; }
.product-volume {
  color: #d4e4df !important;
  font-size: 13px !important;
  font-weight: 650;
}
.features {
  display: grid;
  gap: 8px;
  margin: 16px 0 0;
  padding: 0;
  list-style: none;
}
.features li {
  display: flex;
  align-items: flex-start;
  gap: 8px;
  color: #aebdc5;
  font-size: 11px;
  line-height: 1.45;
}
.feature-check {
  display: inline-grid;
  place-items: center;
  width: 16px;
  height: 16px;
  flex: 0 0 16px;
  margin-top: -1px;
  border: 1px solid rgba(141,240,192,.23);
  border-radius: 50%;
  color: #9cf0c2;
  background: rgba(141,240,192,.08);
  font-size: 10px;
  font-weight: 900;
}
.purchase { justify-content: flex-end; align-items: flex-end; gap: 10px; }
.price-caption {
  color: #89a99d;
  font-size: 9px;
  font-weight: 700;
  letter-spacing: .6px;
  text-transform: uppercase;
  white-space: nowrap;
}
.purchase strong { font-size: 24px; }
.badge {
  margin-bottom: 9px;
  background: linear-gradient(110deg, rgba(94,224,157,.17), rgba(141,240,192,.08));
  border: 1px solid rgba(141,240,192,.16);
}
.premium {
  border-color: rgba(117,208,255,.2);
  background: linear-gradient(135deg, rgba(27,48,61,.9), rgba(15,22,31,.9));
}
.premium:before {
  background: linear-gradient(180deg, transparent, #78cfff, #b4a4ff, transparent);
}
.premium:hover {
  border-color: rgba(117,208,255,.4);
  background: linear-gradient(135deg, rgba(31,59,73,.94), rgba(17,25,36,.94));
}
.premium .product-kicker { color: #9acdf0; }
.guarantee {
  display: inline-flex;
  align-items: center;
  gap: 7px;
  margin-top: 14px;
  padding: 7px 10px;
  border: 1px solid rgba(135,166,255,.3);
  border-radius: 9px;
  color: #c6d5ff;
  background: linear-gradient(100deg, rgba(93,125,230,.16), rgba(170,139,255,.1));
  box-shadow: 0 0 18px rgba(110,139,255,.07);
  font-size: 10px;
  font-weight: 800;
  letter-spacing: .15px;
}
.guarantee span:first-child {
  color: #aebeff;
  font-size: 14px;
  text-shadow: 0 0 10px rgba(174,190,255,.55);
}
.ultra .guarantee {
  border-color: rgba(191,156,255,.35);
  color: #e0ceff;
  background: linear-gradient(100deg, rgba(126,91,210,.2), rgba(72,130,211,.12));
}
.ultra .guarantee span:first-child { color: #d5b7ff; }
.product .buy { min-width: 112px; }
.product, .review-card { animation: cardEnter .65s both; }
.product:nth-child(2) { animation-delay: .08s; }
.product:nth-child(3) { animation-delay: .16s; }
.product:nth-child(4) { animation-delay: .24s; }
.review-card { animation-delay: .32s; }

@keyframes daiveoGlow {
  0%,100% { filter: drop-shadow(0 8px 26px rgba(87,229,174,.13)); background-position: 0% center; }
  50% { filter: drop-shadow(0 10px 34px rgba(87,229,174,.25)); background-position: 100% center; }
}
@keyframes daiveoFloat { 0%,100% { transform: translateY(0); } 50% { transform: translateY(-3px); } }
@keyframes orbitDrift { 0%,100% { margin-left: 0; } 50% { margin-left: 5px; } }
@keyframes sparkTwinkle { 0%,100% { text-shadow: 0 0 0 rgba(166,247,208,0); } 50% { text-shadow: 0 0 14px rgba(166,247,208,.75); } }
@keyframes logoDot { 0%,100% { transform: scale(1); text-shadow: 0 0 0 rgba(141,240,192,0); } 50% { transform: scale(1.2); text-shadow: 0 0 12px rgba(141,240,192,.65); } }
@keyframes cardEnter { from { opacity: 0; transform: translateY(13px); } to { opacity: 1; transform: translateY(0); } }

@media (max-width: 600px) {
  .intro { padding-top: 40px; }
  .product { min-height: 0; padding: 19px 17px; }
  .product h2 { font-size: 17px; }
  .features { gap: 7px; margin-top: 13px; }
  .features li { font-size: 11px; }
  .purchase { gap: 9px; }
  .purchase strong { font-size: 21px; }
  .price-caption { font-size: 8px; }
  .guarantee { margin-top: 12px; }
}
@media (prefers-reduced-motion: reduce) {
  .hero-word, .hero-orbit, .hero-spark, .logo span, .product, .review-card {
    animation: none !important;
  }
}