
:root {
  --ajx7p-ink:#17252c;
  --ajx7p-deep:#0d2f3a;
  --ajx7p-teal:#1b8f8e;
  --ajx7p-mint:#78d7c8;
  --ajx7p-ice:#edf8f7;
  --ajx7p-sand:#fff9ef;
  --ajx7p-sun:#efc24d;
  --ajx7p-paper:#ffffff;
  --ajx7p-line:#d2e7e3;
  --ajx7p-muted:#5f7175;
  --ajx7p-shadow:0 16px 42px rgba(13,47,58,.12);
}
* { box-sizing:border-box; }
html { scroll-behavior:smooth; }
body {
  margin:0;
  font-family:Verdana, Geneva, Tahoma, sans-serif;
  font-size:18px;
  line-height:1.65;
  color:var(--ajx7p-ink);
  background:var(--ajx7p-paper);
}
img { max-width:100%; height:auto; }
a { color:inherit; }
.ajx7p-skip {
  position:absolute;
  left:-9999px;
}
.ajx7p-skip:focus {
  left:10px;
  top:10px;
  background:#fff;
  padding:10px 14px;
  z-index:9999;
}
.ajx7p-shell {
  width:min(1160px,92%);
  margin-inline:auto;
}
.ajx7p-header {
  position:sticky;
  top:0;
  z-index:70;
  background:rgba(13,47,58,.96);
  color:#fff;
  box-shadow:0 3px 18px rgba(0,0,0,.16);
}
.ajx7p-nav {
  min-height:74px;
  display:flex;
  align-items:center;
  justify-content:space-between;
  gap:18px;
}
.ajx7p-brand {
  text-decoration:none;
  font-size:28px;
  font-weight:900;
  letter-spacing:-.4px;
}
.ajx7p-brand span {
  color:var(--ajx7p-mint);
}
.ajx7p-menu {
  display:flex;
  align-items:center;
  gap:16px;
  flex-wrap:wrap;
  font-size:14px;
  font-weight:700;
}
.ajx7p-menu a {
  text-decoration:none;
}
.ajx7p-menucta {
  background:var(--ajx7p-sun);
  color:#13262d;
  padding:10px 16px;
  border-radius:999px;
}
.ajx7p-hero {
  padding:58px 0 44px;
  background:
    radial-gradient(circle at 90% 18%, rgba(120,215,200,.18), transparent 20%),
    linear-gradient(135deg, #f9fffd 0%, #eef9f7 55%, #ffffff 100%);
}
.ajx7p-hero-grid {
  display:grid;
  grid-template-columns:1.06fr .94fr;
  gap:42px;
  align-items:center;
}
.ajx7p-eyebrow {
  display:inline-block;
  color:var(--ajx7p-teal);
  text-transform:uppercase;
  font-weight:900;
  letter-spacing:.1em;
  font-size:12px;
}
.ajx7p-hero h1 {
  margin:10px 0 14px;
  font-size:38px;
  line-height:1.15;
  letter-spacing:-1.4px;
  color:var(--ajx7p-deep);
}
.ajx7p-hero h1 em {
  font-style:normal;
  color:var(--ajx7p-teal);
}
.ajx7p-hero p {
  color:var(--ajx7p-muted);
}
.ajx7p-hero-points {
  display:grid;
  grid-template-columns:1fr 1fr;
  gap:10px 16px;
  margin:22px 0;
}
.ajx7p-point {
  font-size:15px;
  font-weight:700;
}
.ajx7p-point:before {
  content:"✓";
  display:inline-grid;
  place-items:center;
  width:23px;
  height:23px;
  border-radius:50%;
  background:var(--ajx7p-mint);
  color:#0f3330;
  margin-right:8px;
  font-weight:900;
}
.ajx7p-btn {
  display:inline-flex;
  align-items:center;
  justify-content:center;
  border:0;
  text-decoration:none;
  cursor:pointer;
  font-weight:900;
  border-radius:12px;
}
.ajx7p-btn-main {
  background:linear-gradient(90deg, var(--ajx7p-teal), var(--ajx7p-mint));
  color:#0f2c34;
  padding:15px 24px;
  box-shadow:0 6px 0 #167572;
}
.ajx7p-tiny-note {
  font-size:13px;
  color:#6b7b80;
  margin-top:10px;
}
.ajx7p-hero-stage {
  display:flex;
  flex-direction:column;
  align-items:center;
  gap:18px;
}
.ajx7p-hero-card {
  width:100%;
  background:#fff;
  border:1px solid var(--ajx7p-line);
  border-radius:28px;
  padding:20px;
  box-shadow:var(--ajx7p-shadow);
  display:flex;
  align-items:center;
  justify-content:center;
  min-height:360px;
  position:relative;
  overflow:hidden;
}
.ajx7p-hero-card:before {
  content:"";
  position:absolute;
  width:280px;
  height:280px;
  border-radius:50%;
  background:rgba(27,143,142,.11);
}
.ajx7p-hero-card img {
  position:relative;
  z-index:2;
  max-height:315px;
  object-fit:contain;
}
.ajx7p-mini-diagram {
  width:min(420px,100%);
  background:#fff;
  border:1px solid var(--ajx7p-line);
  border-radius:18px;
  padding:12px;
  box-shadow:0 8px 24px rgba(13,47,58,.08);
}
.ajx7p-mini-diagram img {
  width:100%;
  border-radius:12px;
  display:block;
}
.ajx7p-mini-caption {
  font-size:12px;
  color:var(--ajx7p-muted);
  text-align:center;
  margin-top:8px;
  font-weight:700;
}
.ajx7p-mini-diagram--viz {
  padding:20px 16px 14px;
}
.ajx7p-viz-title {
  font-size:15px;
  font-weight:900;
  color:var(--ajx7p-deep);
  text-align:center;
  margin-bottom:6px;
}
.ajx7p-viz-icon {
  display:flex;
  align-items:center;
  justify-content:center;
}
.ajx7p-viz-svg {
  width:min(220px,100%);
  height:auto;
}
.ajx7p-viz-bone {
  stroke:url(#ajx7pViznGrad);
  stroke-width:14;
  stroke-linecap:round;
  opacity:.9;
}
.ajx7p-viz-knob {
  fill:#eaf6f4;
  stroke:var(--ajx7p-teal);
  stroke-width:3;
}
.ajx7p-viz-joint-halo {
  fill:rgba(120,215,200,.35);
  animation:ajx7p-halo 3s ease-in-out infinite;
}
.ajx7p-viz-joint-core {
  fill:var(--ajx7p-teal);
  stroke:#fff;
  stroke-width:2;
}
.ajx7p-viz-signal {
  fill:none;
  stroke:var(--ajx7p-teal);
  stroke-width:2;
  stroke-linecap:round;
  stroke-dasharray:4 6;
  opacity:.65;
  animation:ajx7p-flow 6s linear infinite;
}
.ajx7p-viz-signal--2 {
  animation-direction:reverse;
}
.ajx7p-viz-node {
  fill:#fff;
  stroke:var(--ajx7p-teal);
  stroke-width:2.5;
}
.ajx7p-viz-pulse {
  fill:var(--ajx7p-mint);
  animation:ajx7p-pulseDot 2.2s ease-in-out infinite;
}
.ajx7p-viz-pulse--2 { animation-delay:.5s; }
.ajx7p-viz-pulse--3 { animation-delay:1s; }
.ajx7p-band {
  background:linear-gradient(90deg, var(--ajx7p-deep), var(--ajx7p-teal));
  color:#fff;
  text-align:center;
  padding:16px 0;
}
.ajx7p-band h2 {
  margin:0;
  font-size:33px;
  color:#fff;
}
.ajx7p-section {
  padding:52px 0;
}
.ajx7p-soft {
  background:var(--ajx7p-ice);
}
.ajx7p-warm {
  background:var(--ajx7p-sand);
}
.ajx7p-center-title {
  text-align:center;
  max-width:820px;
  margin:0 auto 32px;
}
.ajx7p-center-title h2 {
  margin:0 0 10px;
  font-size:42px;
  line-height:1.08;
  color:var(--ajx7p-deep);
}
.ajx7p-center-title p {
  margin:0;
  color:var(--ajx7p-muted);
}
.ajx7p-quality-grid {
  display:grid;
  grid-template-columns:repeat(4,1fr);
  gap:18px;
}
.ajx7p-quality {
  background:#fff;
  border:1px solid var(--ajx7p-line);
  border-radius:18px;
  padding:24px 20px;
  box-shadow:var(--ajx7p-shadow);
  text-align:center;
}
.ajx7p-quality img {
  width:92px;
  height:92px;
  object-fit:contain;
  margin-bottom:12px;
}
.ajx7p-quality h3 {
  margin:0 0 8px;
  font-size:20px;
}
.ajx7p-quality p {
  margin:0;
  font-size:14px;
  color:var(--ajx7p-muted);
}
.ajx7p-pricing-grid {
  display:grid;
  grid-template-columns:repeat(3,1fr);
  gap:22px;
}
.ajx7p-price {
  background:#fff;
  border:1px solid var(--ajx7p-line);
  border-radius:22px;
  overflow:hidden;
  display:flex;
  flex-direction:column;
  box-shadow:var(--ajx7p-shadow);
}
.ajx7p-price-best {
  border:3px solid var(--ajx7p-mint);
  transform:translateY(-8px);
}
.ajx7p-price-head {
  padding:13px 14px;
  background:var(--ajx7p-deep);
  color:#fff;
  text-align:center;
  font-weight:900;
}
.ajx7p-price-best .ajx7p-price-head {
  background:var(--ajx7p-mint);
  color:#13313c;
}
.ajx7p-price-body {
  padding:22px;
  text-align:center;
  display:flex;
  flex-direction:column;
  flex:1;
}
.ajx7p-pkg {
  margin:0;
  font-size:30px;
}
.ajx7p-supply {
  margin:0 0 8px;
  color:var(--ajx7p-muted);
}
.ajx7p-pkg-img {
  height:212px;
  display:flex;
  align-items:center;
  justify-content:center;
}
.ajx7p-pkg-img img {
  max-height:204px;
  object-fit:contain;
}
.ajx7p-money {
  font-size:56px;
  line-height:1;
  color:var(--ajx7p-teal);
  font-weight:900;
}
.ajx7p-money small {
  font-size:15px;
}
.ajx7p-price-body ul {
  list-style:none;
  margin:14px 0 18px;
  padding:0;
  border-top:1px dashed #c4deda;
}
.ajx7p-price-body li {
  padding:9px 0;
  border-bottom:1px dashed #c4deda;
  font-size:14px;
}
.ajx7p-price-body .ajx7p-btn {
  margin-top:auto;
  background:var(--ajx7p-sun);
  color:#15272e;
  padding:13px 16px;
}
.ajx7p-split {
  display:grid;
  grid-template-columns:.9fr 1.1fr;
  gap:34px;
  align-items:center;
}
.ajx7p-media {
  background:#fff;
  border:1px solid var(--ajx7p-line);
  border-radius:18px;
  padding:16px;
  box-shadow:var(--ajx7p-shadow);
}
.ajx7p-media img {
  display:block;
  width:100%;
  border-radius:12px;
}
.ajx7p-copy h2 {
  margin:0 0 14px;
  font-size:39px;
  color:var(--ajx7p-deep);
  line-height:1.1;
}
.ajx7p-copy p {
  color:var(--ajx7p-muted);
  margin:0 0 15px;
}
.ajx7p-work-steps {
  display:grid;
  gap:14px;
}
.ajx7p-work-step {
  background:#fff;
  border:1px solid var(--ajx7p-line);
  border-radius:14px;
  padding:16px 18px;
}
.ajx7p-work-step strong {
  display:block;
  color:var(--ajx7p-deep);
  margin-bottom:5px;
}
.ajx7p-reviews {
  display:grid;
  grid-template-columns:repeat(3,1fr);
  gap:22px;
}
.ajx7p-review {
  background:#fff;
  border:1px solid var(--ajx7p-line);
  border-radius:20px;
  padding:22px;
  box-shadow:var(--ajx7p-shadow);
}
.ajx7p-review-top {
  display:flex;
  align-items:center;
  gap:12px;
}
.ajx7p-review img {
  width:74px;
  height:74px;
  border-radius:16px;
  object-fit:cover;
}
.ajx7p-review h3 {
  margin:0;
  font-size:17px;
}
.ajx7p-stars {
  color:#d79a12;
  letter-spacing:2px;
  margin:10px 0 8px;
}
.ajx7p-review p {
  font-size:14px;
  color:var(--ajx7p-muted);
  margin:0;
}
.ajx7p-ingredients-grid {
  display:grid;
  grid-template-columns:1fr 1fr;
  gap:14px;
}
.ajx7p-ingredient {
  background:#fff;
  border-left:5px solid var(--ajx7p-teal);
  border-radius:12px;
  padding:16px 18px;
  box-shadow:0 6px 18px rgba(13,47,58,.06);
}
.ajx7p-ingredient h3 {
  margin:0 0 5px;
  font-size:18px;
  color:var(--ajx7p-deep);
}
.ajx7p-ingredient p {
  margin:0;
  font-size:14px;
  color:var(--ajx7p-muted);
}
.ajx7p-benefits {
  display:grid;
  gap:13px;
  max-width:940px;
  margin:auto;
}
.ajx7p-benefit {
  display:grid;
  grid-template-columns:44px 1fr;
  gap:12px;
  align-items:start;
  background:#fff;
  border:1px solid var(--ajx7p-line);
  border-radius:14px;
  padding:18px;
}
.ajx7p-check {
  width:32px;
  height:32px;
  border-radius:12px;
  background:var(--ajx7p-mint);
  display:grid;
  place-items:center;
  font-weight:900;
  color:#11353b;
}
.ajx7p-benefit h3 {
  margin:0 0 4px;
  font-size:19px;
}
.ajx7p-benefit p {
  margin:0;
  font-size:14px;
  color:var(--ajx7p-muted);
}
.ajx7p-guarantee {
  display:grid;
  grid-template-columns:180px 1fr;
  gap:24px;
  align-items:center;
  background:linear-gradient(135deg, var(--ajx7p-deep), var(--ajx7p-teal));
  color:#fff;
  border-radius:22px;
  padding:30px;
}
.ajx7p-guarantee img {
  max-height:165px;
  margin:auto;
}
.ajx7p-guarantee h2 {
  margin:0 0 8px;
  font-size:37px;
  color:#fff;
}
.ajx7p-faq {
  max-width:920px;
  margin:auto;
}
.ajx7p-faq details {
  background:#fff;
  border:1px solid var(--ajx7p-line);
  border-radius:12px;
  margin:10px 0;
  padding:0 16px;
}
.ajx7p-faq summary {
  font-weight:800;
  padding:16px 0;
  cursor:pointer;
}
.ajx7p-faq p {
  margin:0;
  padding:0 0 16px;
  color:var(--ajx7p-muted);
}
.ajx7p-final {
  padding:56px 0;
  text-align:center;
  background:linear-gradient(180deg, #0d2f3a 0%, #163d45 100%);
  color:#fff;
}
.ajx7p-final h2 {
  margin:0 auto 14px;
  max-width:860px;
  font-size:44px;
  color:#fff;
  line-height:1.08;
}
.ajx7p-final img {
  max-height:330px;
  object-fit:contain;
}
.ajx7p-sale {
  font-size:38px;
  font-weight:900;
  margin:10px 0 24px;
}
.ajx7p-final .ajx7p-btn {
  width:min(820px,96%);
  background:linear-gradient(90deg, var(--ajx7p-mint), var(--ajx7p-sun));
  color:#12262d;
  border-radius:999px;
  padding:17px 24px;
  font-size:20px;
}
.ajx7p-footer {
  background:#081d25;
  color:#d7e6e8;
  padding:34px 0;
}
.ajx7p-footer-grid {
  display:grid;
  grid-template-columns:1.35fr 1fr;
  gap:26px;
}
.ajx7p-footer-links {
  display:flex;
  gap:12px;
  flex-wrap:wrap;
}
.ajx7p-footer-links a {
  font-size:13px;
  color:#fff;
  text-decoration:none;
}
.ajx7p-footer small {
  font-size:12px;
  color:#b8cbd0;
}
.ajx7p-pagehero {
  padding:46px 0;
  background:linear-gradient(135deg, var(--ajx7p-deep), var(--ajx7p-teal));
  color:#fff;
  text-align:center;
}
.ajx7p-pagehero h1 {
  margin:0 0 8px;
  font-size:46px;
  color:#fff;
}
.ajx7p-crumb {
  font-size:13px;
  color:#d7f0ef;
}
.ajx7p-crumb a {
  color:#fff;
}
.ajx7p-article {
  max-width:930px;
  margin:auto;
}
.ajx7p-article p {
  color:var(--ajx7p-muted);
}
@media(max-width:900px) {
  .ajx7p-menu a:not(.ajx7p-menucta) { display:none; }
  .ajx7p-hero-grid,
  .ajx7p-split,
  .ajx7p-footer-grid,
  .ajx7p-guarantee {
    grid-template-columns:1fr;
  }
  .ajx7p-quality-grid,
  .ajx7p-pricing-grid,
  .ajx7p-reviews {
    grid-template-columns:1fr 1fr;
  }
  .ajx7p-price-best { transform:none; }
  .ajx7p-hero h1 { font-size:34px; }
}
@media(max-width:600px) {
  body { font-size:17px; }
  .ajx7p-hero-points,
  .ajx7p-quality-grid,
  .ajx7p-pricing-grid,
  .ajx7p-reviews,
  .ajx7p-ingredients-grid {
    grid-template-columns:1fr;
  }
  .ajx7p-center-title h2 { font-size:34px; }
  .ajx7p-hero h1 { font-size:29px; }
  .ajx7p-final h2 { font-size:31px; }
}
@media(prefers-reduced-motion:reduce) {
  html { scroll-behavior:auto; }
}


/* Product-specific hero visualization */
.ajx7p-hero-card--joint {
  min-height: 430px;
  padding: 10px;
}
.ajx7p-hero-product {
  position: relative;
  z-index: 3;
  display:flex;
  align-items:center;
  justify-content:center;
}
.ajx7p-hero-product img {
  max-height: 330px;
  filter: drop-shadow(0 16px 22px rgba(13,47,58,.16));
}
.ajx7p-joint-map {
  position:absolute;
  inset:0;
  width:100%;
  height:100%;
  z-index:1;
}
.ajx7p-joint-line {
  fill:none;
  stroke:url(#ajx7pJointStroke);
  stroke-width:3;
  stroke-linecap:round;
  stroke-dasharray:8 10;
  animation:ajx7p-flow 12s linear infinite;
}
.ajx7p-joint-line--b, .ajx7p-joint-line--d, .ajx7p-joint-line--f { animation-direction:reverse; }
.ajx7p-joint-node-group text {
  font-size:12px;
  fill:#45666d;
  font-weight:700;
}
.ajx7p-joint-halo {
  fill:rgba(120,215,200,.14);
  animation:ajx7p-halo 3.2s ease-in-out infinite;
}
.ajx7p-joint-node {
  fill:#1b8f8e;
  stroke:#ffffff;
  stroke-width:3;
}
.ajx7p-joint-pulse {
  fill:#78d7c8;
  opacity:.9;
  animation:ajx7p-pulseDot 2.4s ease-in-out infinite;
}
.ajx7p-joint-pulse--2 { animation-delay:.6s; }
.ajx7p-joint-pulse--3 { animation-delay:1s; }
.ajx7p-joint-pulse--4 { animation-delay:1.4s; }
.ajx7p-hero-badge {
  position:absolute;
  right:18px;
  top:18px;
  z-index:4;
  background:rgba(255,255,255,.82);
  backdrop-filter: blur(6px);
  border:1px solid rgba(27,143,142,.18);
  color:var(--ajx7p-deep);
  border-radius:999px;
  padding:8px 12px;
  font-size:12px;
  font-weight:800;
  box-shadow:0 10px 24px rgba(13,47,58,.08);
}
@keyframes ajx7p-flow {
  from { stroke-dashoffset: 0; }
  to { stroke-dashoffset: -120; }
}
@keyframes ajx7p-halo {
  0%,100% { transform:scale(1); opacity:.48; }
  50% { transform:scale(1.22); opacity:.12; }
}
@keyframes ajx7p-pulseDot {
  0%,100% { transform:scale(.7); opacity:.3; }
  50% { transform:scale(1.9); opacity:.9; }
}

/* Animated support chart */
.ajx7p-split-chart {
  align-items:stretch;
}
.ajx7p-chart-card {
  background:#fff;
  border:1px solid var(--ajx7p-line);
  border-radius:20px;
  padding:24px;
  box-shadow:var(--ajx7p-shadow);
  display:flex;
  flex-direction:column;
  justify-content:center;
}
.ajx7p-chart-head {
  display:flex;
  flex-direction:column;
  gap:4px;
  margin-bottom:18px;
}
.ajx7p-chart-head strong {
  color:var(--ajx7p-deep);
  font-size:20px;
}
.ajx7p-chart-head span,
.ajx7p-chart-note {
  color:var(--ajx7p-muted);
  font-size:13px;
}
.ajx7p-chart-row {
  display:grid;
  grid-template-columns:165px 1fr;
  gap:16px;
  align-items:center;
  margin:10px 0;
}
.ajx7p-chart-label {
  font-size:14px;
  font-weight:700;
  color:var(--ajx7p-deep);
}
.ajx7p-chart-meter {
  position:relative;
  height:18px;
  border-radius:999px;
  background:linear-gradient(90deg, rgba(120,215,200,.14), rgba(13,47,58,.06));
  overflow:hidden;
}
.ajx7p-chart-fill {
  position:absolute;
  inset:0 auto 0 0;
  width:0;
  border-radius:999px;
  background:linear-gradient(90deg, var(--ajx7p-teal), var(--ajx7p-mint));
  box-shadow:0 0 0 1px rgba(255,255,255,.35) inset;
  transition:width 1.3s cubic-bezier(.2,.7,.15,1);
}
.ajx7p-chart-card.is-visible .ajx7p-chart-fill {
  width:var(--target-width);
}
.ajx7p-chart-fill:after {
  content:"";
  position:absolute;
  top:0;
  bottom:0;
  right:0;
  width:24px;
  background:linear-gradient(90deg, rgba(255,255,255,0), rgba(255,255,255,.55));
}
.ajx7p-chart-note {
  margin-top:16px;
}

@media(max-width:900px){
  .ajx7p-hero-card--joint {
    min-height: 390px;
  }
  .ajx7p-chart-row {
    grid-template-columns:1fr;
    gap:8px;
  }
}
@media(max-width:600px){
  .ajx7p-joint-node-group text {
    font-size:10px;
  }
  .ajx7p-hero-badge {
    right:12px;
    top:12px;
    font-size:11px;
    padding:7px 10px;
  }
  .ajx7p-chart-card {
    padding:18px;
  }
}
@media(prefers-reduced-motion:reduce){
  .ajx7p-joint-line,
  .ajx7p-joint-halo,
  .ajx7p-joint-pulse,
  .ajx7p-viz-signal,
  .ajx7p-viz-pulse,
  .ajx7p-viz-joint-halo { animation:none !important; }
  .ajx7p-chart-fill { transition:none; width:var(--target-width); }
}
