body[data-product="medmettle"] {
  --gp-void: #081A36;
  --gp-accent: #39C6D8;
  --gp-accent-ink: #04202A;
  --gp-panel: rgba(13, 38, 74, 0.62);
  --gp-display-font: 'CalSans', 'Fredoka', system-ui, sans-serif;

  --mm-teal: #39C6D8;
  --mm-aqua: #8FDDE9;
  --mm-deep: #0B7C93;
  --mm-amber: #F6AE2D;
  --mm-surface-2: #0C2344;
}

body[data-product="medmettle"].rk-chapter-page { background: #061429; }

body[data-product="medmettle"] .gp-hero {
  min-height: clamp(520px, 84svh, 900px);
  background: var(--gp-void);
}
body[data-product="medmettle"] .gp-hero__aura {
  position: absolute;
  inset: 0;
  z-index: -2;
  pointer-events: none;
  background:
    linear-gradient(180deg, rgba(8, 26, 54, 0.5) 0%, rgba(8, 26, 54, 0.34) 55%, rgba(8, 26, 54, 0.72) 100%),
    image-set(url("/assets/images/apps/medmettle/hero-1600.webp") 1x) center bottom / cover no-repeat;
}
@media (max-width: 760px) {
  body[data-product="medmettle"] .gp-hero__aura {
    background:
      linear-gradient(180deg, rgba(8, 26, 54, 0.56) 0%, rgba(8, 26, 54, 0.4) 55%, rgba(8, 26, 54, 0.76) 100%),
      url("/assets/images/apps/medmettle/hero-960.webp") center bottom / cover no-repeat;
  }
}

body[data-product="medmettle"] .mm-hero-mark {
  width: clamp(84px, 11vw, 120px);
  height: auto;
  border-radius: 22%;
  filter: drop-shadow(0 14px 34px rgba(0, 0, 0, 0.55))
          drop-shadow(0 0 44px rgba(57, 198, 216, 0.28));
}
body[data-product="medmettle"] .mm-hero-name {
  margin: 0;
  font-family: var(--gp-display-font);

  font-size: min(clamp(3rem, 9vw, 5.4rem), calc((100vw - 40px) / 4.9));
  line-height: 1;
  letter-spacing: -0.02em;
  color: #E6F7FA;
}
@supports ((-webkit-background-clip: text) or (background-clip: text)) {
  body[data-product="medmettle"] .mm-hero-name {
    background: linear-gradient(96deg, #F7F3EA 0%, var(--mm-aqua) 58%, var(--mm-teal) 100%);
    -webkit-background-clip: text;
    background-clip: text;
    color: transparent;
  }
}

body[data-product="medmettle"] .gp-hero__tagline {
  text-transform: none;
  letter-spacing: -0.01em;
  font-weight: 600;
  font-size: clamp(1.5rem, 3.8vw, 2.6rem);
}

body[data-product="medmettle"] .gp-title {
  font-size: min(clamp(1.9rem, 4.4vw, 3.1rem), calc((100vw - 2 * clamp(18px, 5vw, 48px)) / 4.87));
}
body[data-product="medmettle"] .mm-hero-meta {
  margin: 4px 0 0;
  color: var(--gp-ink-dim);
  font-size: 0.86rem;
  letter-spacing: 0.02em;
}

body[data-product="medmettle"] .gp-cards {
  display: grid;
  gap: clamp(14px, 2vw, 22px);
  margin-top: clamp(34px, 5vw, 56px);
}
body[data-product="medmettle"] .gp-card {
  border-radius: 16px;
  background: var(--gp-panel);
  border: 1px solid rgba(255, 255, 255, 0.09);
  padding: 22px 20px;
  text-align: left;
  backdrop-filter: blur(16px);
  -webkit-backdrop-filter: blur(16px);
  transition: transform 0.22s ease, border-color 0.22s ease;
}
body[data-product="medmettle"] .gp-card:hover {
  transform: translateY(-4px);
  border-color: color-mix(in srgb, var(--gp-accent) 55%, transparent);
}
body[data-product="medmettle"] .gp-card h3 {
  margin: 0 0 8px;
  font-family: var(--gp-display-font);
  font-size: 1.12rem;
  line-height: 1.2;
}
body[data-product="medmettle"] .gp-card p {
  margin: 0;
  color: var(--gp-ink-dim);
  font-size: 0.94rem;
  line-height: 1.55;
}

body[data-product="medmettle"] .gp-card {
  container-type: inline-size;
}
body[data-product="medmettle"] .gp-card a[href^="mailto:"] {
  font-size: min(1em, calc(100cqi / 10.85));
}

body[data-product="medmettle"] .mm-check {
  list-style: none;
  margin: 18px 0 0;
  padding: 0;
  display: grid;
  gap: 12px;
  max-width: 46ch;
}
body[data-product="medmettle"] .mm-check li {
  position: relative;
  padding-left: 34px;
  color: var(--gp-ink-dim);
  line-height: 1.5;
}
body[data-product="medmettle"] .mm-check li::before {
  content: "";
  position: absolute;
  left: 0;
  top: 1px;
  width: 20px;
  height: 20px;
  border-radius: 6px;
  background: color-mix(in srgb, var(--mm-teal) 20%, transparent);
  border: 1px solid color-mix(in srgb, var(--mm-teal) 58%, transparent);
}
body[data-product="medmettle"] .mm-check li::after {
  content: "";
  position: absolute;
  left: 6px;
  top: 5px;
  width: 6px;
  height: 10px;
  border: solid var(--mm-teal);
  border-width: 0 2px 2px 0;
  transform: rotate(42deg);
}

body[data-product="medmettle"] .mm-limits {
  list-style: none;
  margin: 18px 0 0;
  padding: 0;
  display: grid;
  gap: 12px;
  max-width: 52ch;
}
body[data-product="medmettle"] .mm-limits li {
  position: relative;
  padding-left: 34px;
  color: var(--gp-ink-dim);
  line-height: 1.5;
}
body[data-product="medmettle"] .mm-limits li::before {
  content: "";
  position: absolute;
  left: 0;
  top: 3px;
  width: 18px;
  height: 18px;
  border-radius: 50%;
  background: color-mix(in srgb, var(--mm-amber) 18%, transparent);
  border: 1px solid color-mix(in srgb, var(--mm-amber) 55%, transparent);
}

body[data-product="medmettle"] .gp-feature__art img.mm-illustration {
  max-width: 420px;
  margin-inline: auto;
  display: block;
  border-radius: 16px;
  background: #F9FBFD;
}

@media (prefers-reduced-motion: reduce) {
  body[data-product="medmettle"] .gp-card { transition: none; }
}

body[data-product="medmettle"] .mm-hero-meta > span {
  display: inline-flex;
  justify-content: center;
  max-width: 100%;
}
body[data-product="medmettle"] .mm-hero-meta > span > span {
  flex: none;
  max-width: calc(100% + 0.1em);
  text-wrap: balance;
}
body[data-product="medmettle"] .mm-hero-meta > span:not(:last-child) > span {
  max-width: calc(100% + 0.7em);
}

body[data-product="medmettle"] #mm-marketing-v6 { color-scheme: light; --cream:#F8F5ED; --teal:#0D7C78; --deep-teal:#075E5B; --navy:#102A43; --gold:#F4B942; --muted:#52626B; --line:#DADFD7; --display:Georgia,'Times New Roman',serif; }
body[data-product="medmettle"] #mm-marketing-v6 * { box-sizing:border-box; }
body[data-product="medmettle"] #mm-marketing-v6 { scroll-behavior:smooth; scroll-padding-top:108px; }
body[data-product="medmettle"] #mm-marketing-v6 { margin:0; overflow-x:clip; background:var(--cream); color:var(--navy); font-family:-apple-system,BlinkMacSystemFont,'Segoe UI',sans-serif; font-size:17px; line-height:1.55; -webkit-font-smoothing:antialiased; }
body[data-product="medmettle"] #mm-marketing-v6 img { display:block; max-width:100%; height:auto; }
body[data-product="medmettle"] #mm-marketing-v6 button,
body[data-product="medmettle"] #mm-marketing-v6 input,
body[data-product="medmettle"] #mm-marketing-v6 video { font:inherit; }
body[data-product="medmettle"] #mm-marketing-v6 button,
body[data-product="medmettle"] #mm-marketing-v6 a { -webkit-tap-highlight-color:transparent; }
body[data-product="medmettle"] #mm-marketing-v6 a { color:inherit; text-decoration:none; }
body[data-product="medmettle"] #mm-marketing-v6 button { cursor:pointer; }
body[data-product="medmettle"] #mm-marketing-v6 a,
body[data-product="medmettle"] #mm-marketing-v6 button,
body[data-product="medmettle"] #mm-marketing-v6 input,
body[data-product="medmettle"] #mm-marketing-v6 summary { touch-action:manipulation; }
body[data-product="medmettle"] #mm-marketing-v6 :focus-visible { outline:3px solid var(--teal); outline-offset:5px; }
body[data-product="medmettle"] #mm-marketing-v6 [hidden] { display:none !important; }
body[data-product="medmettle"] #mm-marketing-v6::selection { background:#F4B94266; }
body[data-product="medmettle"] #mm-marketing-v6 .section-wrap { width:min(1280px,calc(100% - 96px)); margin-inline:auto; }
body[data-product="medmettle"] #mm-marketing-v6 .text-link:hover { color:var(--teal); }
body[data-product="medmettle"] #mm-marketing-v6 .hero { display:grid; grid-template-columns:.92fr 1.08fr; gap:20px; align-items:center; padding-top:44px; padding-bottom:32px; }
body[data-product="medmettle"] #mm-marketing-v6 .hero-copy { padding-block:36px 50px; position:relative; z-index:3; }
body[data-product="medmettle"] #mm-marketing-v6 .eyebrow { display:flex; align-items:center; gap:13px; margin:0 0 28px; color:var(--teal); font-size:12px; line-height:1.4; letter-spacing:.13em; text-transform:uppercase; font-weight:700; }
body[data-product="medmettle"] #mm-marketing-v6 .eyebrow-line { display:inline-block; width:29px; height:2px; background:var(--gold); flex-shrink:0; }
body[data-product="medmettle"] #mm-marketing-v6 h1,
body[data-product="medmettle"] #mm-marketing-v6 h2,
body[data-product="medmettle"] #mm-marketing-v6 h3,
body[data-product="medmettle"] #mm-marketing-v6 p { margin-top:0; }
body[data-product="medmettle"] #mm-marketing-v6 h1 { margin-bottom:26px; font-family:var(--display); font-size:clamp(51px,5.25vw,76px); font-weight:400; line-height:1.04; letter-spacing:-.052em; }
body[data-product="medmettle"] #mm-marketing-v6 h1 em,
body[data-product="medmettle"] #mm-marketing-v6 h2 em { color:var(--teal); font-weight:400; }
body[data-product="medmettle"] #mm-marketing-v6 .hero-description { max-width:400px; margin-bottom:30px; color:var(--muted); font-size:18px; line-height:1.65; }
body[data-product="medmettle"] #mm-marketing-v6 .hero-actions { display:flex; align-items:center; flex-wrap:wrap; column-gap:25px; row-gap:18px; }
body[data-product="medmettle"] #mm-marketing-v6 .button { display:inline-flex; min-height:54px; gap:26px; align-items:center; justify-content:center; padding:13px 22px; border-radius:8px; font-size:14px; font-weight:650; }
body[data-product="medmettle"] #mm-marketing-v6 .button-primary { color:#fff; background:var(--teal); box-shadow:0 5px 12px #075E5B0A; }
body[data-product="medmettle"] #mm-marketing-v6 .button-primary:hover { background:var(--deep-teal); }
body[data-product="medmettle"] #mm-marketing-v6 .text-link { display:inline-flex; align-items:center; gap:10px; font-size:13px; font-weight:650; padding:8px 0; }
body[data-product="medmettle"] #mm-marketing-v6 .link-symbol { display:flex; width:27px; height:27px; border:1px solid #102A4330; border-radius:50%; align-items:center; justify-content:center; font-size:15px; }
body[data-product="medmettle"] #mm-marketing-v6 .platform-line { color:#69767B; font-size:12px; margin:23px 0 0; }
body[data-product="medmettle"] #mm-marketing-v6 .hero-art { position:relative; isolation:isolate; width:100%; aspect-ratio:1.07; min-width:0; overflow:visible; }
body[data-product="medmettle"] #mm-marketing-v6 .hero-location { display:none; position:absolute; inset:0 0 2%; z-index:-2; border-radius:22px; background:url('/assets/medmettle/marketing-v6/backgrounds/hospital-backplate-v1.webp') 55% center / cover no-repeat; box-shadow:0 15px 35px #102A4310; }
body[data-product="medmettle"] #mm-marketing-v6 .hero-art--hospital .hero-location { display:block; }
body[data-product="medmettle"] #mm-marketing-v6 .hero-art--hospital .hero-curve,
body[data-product="medmettle"] #mm-marketing-v6 .hero-art--hospital .stage-wash { display:none; }
body[data-product="medmettle"] #mm-marketing-v6 .hero-curve { position:absolute; z-index:-2; inset:0; width:100%; height:100%; opacity:.94; overflow:hidden; }
body[data-product="medmettle"] #mm-marketing-v6 .stage-wash { position:absolute; inset:58% -3% 6% 4%; z-index:-1; background:radial-gradient(ellipse at 50% 85%,#DACFBA88,transparent 68%); }
body[data-product="medmettle"] #mm-marketing-v6 .device-shell { padding:6px; border:1px solid #7C8B8D; border-radius:35px; background:linear-gradient(120deg,#E7E7DD,#FAFCF8 28%,#667D7C 83%,#B1B8AE); box-shadow:0 19px 35px #102A4320,0 3px 5px #102A4320; }
body[data-product="medmettle"] #mm-marketing-v6 .device-shell img { width:100%; height:auto; border-radius:28px; }
body[data-product="medmettle"] #mm-marketing-v6 .hero-phone { position:absolute; width:34%; top:1.5%; right:1%; z-index:-1; transform:rotate(6deg); box-shadow:0 22px 32px #102A4326,0 3px 6px #102A4326; }
body[data-product="medmettle"] #mm-marketing-v6 .hero-trio { position:absolute; z-index:3; width:190.4132%; max-width:none; height:auto; left:-49.1570%; bottom:-16.5%; object-fit:contain; overflow:visible; pointer-events:none; }
body[data-product="medmettle"] #mm-marketing-v6 .hero-caption { position:absolute; display:flex; align-items:center; gap:12px; left:7%; right:0; bottom:-1.7%; color:#52626B; font-size:10px; letter-spacing:.035em; }
body[data-product="medmettle"] #mm-marketing-v6 .hero-caption span:nth-child(-n+3) { color:var(--navy); font-weight:600; }
body[data-product="medmettle"] #mm-marketing-v6 .hero-caption i { height:1px; width:30px; background:#98A69F; }
body[data-product="medmettle"] #mm-marketing-v6 .routine-strip { display:flex; align-items:center; gap:26px; padding-block:29px; border-top:1px solid var(--line); border-bottom:1px solid var(--line); }
body[data-product="medmettle"] #mm-marketing-v6 .routine-strip > span { font-family:var(--display); font-size:27px; letter-spacing:-.035em; }
body[data-product="medmettle"] #mm-marketing-v6 .routine-strip svg { width:64px; height:18px; fill:none; stroke:#79A49D; stroke-width:1; }
body[data-product="medmettle"] #mm-marketing-v6 .routine-strip p { margin:0 0 0 auto; color:var(--muted); font-size:13px; }
body[data-product="medmettle"] #mm-marketing-v6 .film-section,
body[data-product="medmettle"] #mm-marketing-v6 .routine-section { padding-top:106px; }
body[data-product="medmettle"] #mm-marketing-v6 .section-heading { display:grid; grid-template-columns:1.15fr .85fr; align-items:end; gap:80px; margin-bottom:44px; }
body[data-product="medmettle"] #mm-marketing-v6 .section-heading .eyebrow { margin-bottom:20px; }
body[data-product="medmettle"] #mm-marketing-v6 h2 { font-family:var(--display); font-size:clamp(40px,4vw,58px); font-weight:400; line-height:1.09; letter-spacing:-.044em; margin-bottom:0; }
body[data-product="medmettle"] #mm-marketing-v6 .section-heading > p { max-width:370px; margin:0 0 4px; color:var(--muted); font-size:17px; line-height:1.65; }
body[data-product="medmettle"] #mm-marketing-v6 .film-frame { border-radius:16px; background:#EDE9DF; border:1px solid #D5DBD1; box-shadow:0 16px 45px #102A4309; }
body[data-product="medmettle"] #mm-marketing-v6 .film-frame video { display:block; width:100%; aspect-ratio:16/9; border-radius:15px; object-fit:contain; background:var(--cream); }
body[data-product="medmettle"] #mm-marketing-v6 .film-meta { display:flex; justify-content:space-between; align-items:center; gap:24px; padding-top:17px; color:var(--muted); font-size:12px; }
body[data-product="medmettle"] #mm-marketing-v6 .film-meta p { margin:0; }
body[data-product="medmettle"] #mm-marketing-v6 .film-actions { display:flex; flex-wrap:wrap; gap:12px; margin-top:19px; }
body[data-product="medmettle"] #mm-marketing-v6 .film-button { min-height:44px; background:var(--teal); color:white; border:1px solid var(--teal); border-radius:7px; padding:10px 16px; font-size:12px; font-weight:650; }
body[data-product="medmettle"] #mm-marketing-v6 .film-button:hover { background:var(--deep-teal); }
body[data-product="medmettle"] #mm-marketing-v6 .film-button-secondary { background:transparent; color:var(--teal); border-color:#0D7C7855; }
body[data-product="medmettle"] #mm-marketing-v6 .film-button-secondary:hover { background:#E5ECE3; }
body[data-product="medmettle"] #mm-marketing-v6 .film-description { font-size:12px; color:var(--muted); max-width:700px; margin-top:14px; }
body[data-product="medmettle"] #mm-marketing-v6 .film-description summary { cursor:pointer; width:fit-content; }
body[data-product="medmettle"] #mm-marketing-v6 .film-description p { margin-top:12px; }
body[data-product="medmettle"] #mm-marketing-v6 .feature-grid { display:grid; grid-template-columns:repeat(3,minmax(0,1fr)); gap:22px; }
body[data-product="medmettle"] #mm-marketing-v6 .feature-plate { min-width:0; border:1px solid #DBDFD6; border-radius:16px; padding:27px 25px 20px; }
body[data-product="medmettle"] #mm-marketing-v6 .feature-plan { background:#EDF0E8; }
body[data-product="medmettle"] #mm-marketing-v6 .feature-learn { background:#F3EEE2; }
body[data-product="medmettle"] #mm-marketing-v6 .feature-recall { background:#E7EDEA; }
body[data-product="medmettle"] #mm-marketing-v6 .feature-intro { min-height:174px; }
body[data-product="medmettle"] #mm-marketing-v6 .step-label { display:flex; align-items:center; gap:10px; color:var(--teal); font-size:12px; font-weight:700; letter-spacing:.06em; margin-bottom:13px; }
body[data-product="medmettle"] #mm-marketing-v6 .step-label span { width:25px; height:25px; border:1px solid #0D7C7840; border-radius:50%; display:flex; align-items:center; justify-content:center; font-size:10px; }
body[data-product="medmettle"] #mm-marketing-v6 h3 { font-family:var(--display); font-size:28px; line-height:1.15; font-weight:400; letter-spacing:-.04em; margin-bottom:12px; }
body[data-product="medmettle"] #mm-marketing-v6 .feature-intro > p:last-child { font-size:13px; color:var(--muted); line-height:1.65; margin-bottom:24px; max-width:30ch; }
body[data-product="medmettle"] #mm-marketing-v6 .screen-link { display:block; }
body[data-product="medmettle"] #mm-marketing-v6 .feature-device { width:100%; max-width:278px; margin-inline:auto; border-radius:30px; padding:5px; box-shadow:0 16px 23px #102A431A,0 2px 3px #102A4320; transition:transform 180ms ease,box-shadow 180ms ease; }
body[data-product="medmettle"] #mm-marketing-v6 .feature-device img { border-radius:24px; }
body[data-product="medmettle"] #mm-marketing-v6 .screen-link:hover .feature-device { transform:translateY(-4px); box-shadow:0 21px 28px #102A4321,0 2px 3px #102A4320; }
body[data-product="medmettle"] #mm-marketing-v6 .screen-caption { display:flex; justify-content:space-between; align-items:center; gap:12px; margin:23px 0 0; color:#425E60; font-size:11px; font-weight:600; }
body[data-product="medmettle"] #mm-marketing-v6 .screen-caption span { font-size:17px; }
body[data-product="medmettle"] #mm-marketing-v6 .review-note { display:flex; align-items:center; gap:20px; margin-top:25px; padding:27px 33px; border:1px solid #D9DFD3; border-radius:12px; }
body[data-product="medmettle"] #mm-marketing-v6 .review-icon { display:grid; place-items:center; width:47px; height:47px; flex-shrink:0; border-radius:50%; background:#E6EDE5; color:var(--teal); font-size:29px; }
body[data-product="medmettle"] #mm-marketing-v6 .review-note p { margin:0; color:var(--muted); font-size:14px; line-height:1.65; }
body[data-product="medmettle"] #mm-marketing-v6 .review-note strong { color:var(--navy); font-weight:650; }
body[data-product="medmettle"] #mm-marketing-v6 .note-star { margin-left:auto; color:#B78218; font-size:44px; line-height:1; }
body[data-product="medmettle"] #mm-marketing-v6 .guides-section { position:relative; margin-top:112px; padding:82px 0 75px; background:#E7EEE7; border-block:1px solid #D9E0D5; }
body[data-product="medmettle"] #mm-marketing-v6 .guides-inner { display:grid; grid-template-columns:.8fr 1.2fr; align-items:center; gap:28px; }
body[data-product="medmettle"] #mm-marketing-v6 .guides-copy .eyebrow { margin-bottom:22px; }
body[data-product="medmettle"] #mm-marketing-v6 .guides-copy h2 { font-size:clamp(39px,3.4vw,50px); }
body[data-product="medmettle"] #mm-marketing-v6 .guides-copy > p:not(.eyebrow) { max-width:350px; margin-top:24px; margin-bottom:19px; color:var(--muted); font-size:15px; line-height:1.75; }
body[data-product="medmettle"] #mm-marketing-v6 .guides-copy .text-link { color:var(--deep-teal); border-bottom:1px solid #0D7C7866; }
body[data-product="medmettle"] #mm-marketing-v6 .guide-lineup { display:grid; grid-template-columns:repeat(3,minmax(0,1fr)); align-items:end; gap:7px; padding-top:8px; }
body[data-product="medmettle"] #mm-marketing-v6 .guide-profile { margin:0; min-width:0; text-align:center; }
body[data-product="medmettle"] #mm-marketing-v6 .guide-image { position:relative; height:325px; border-radius:13px; background-position:center; background-size:cover; background-repeat:no-repeat; }
body[data-product="medmettle"] #mm-marketing-v6 .guide-profile--mettle .guide-image { background-image:url('/assets/medmettle/marketing-v6/backgrounds/mettle-cabin-backplate-v1.webp'); }
body[data-product="medmettle"] #mm-marketing-v6 .guide-profile--scout .guide-image { background-image:url('/assets/medmettle/marketing-v6/backgrounds/scout-library-backplate-v1.webp'); }
body[data-product="medmettle"] #mm-marketing-v6 .guide-profile--ripple .guide-image { background-image:url('/assets/medmettle/marketing-v6/backgrounds/ripple-waterside-backplate-v1.webp'); }
body[data-product="medmettle"] #mm-marketing-v6 .guide-image:after { content:''; position:absolute; z-index:0; bottom:calc(5.86% - 4px); width:70%; height:8px; left:15%; border-radius:50%; background:#25272940; filter:blur(6px); }
body[data-product="medmettle"] #mm-marketing-v6 .guide-image img { position:absolute; z-index:1; height:100%; width:auto; max-width:none; left:50%; transform:translateX(-50%); object-fit:contain; }
body[data-product="medmettle"] #mm-marketing-v6 .guide-profile figcaption { position:relative; z-index:2; padding-top:12px; }
body[data-product="medmettle"] #mm-marketing-v6 .guide-profile figcaption strong { display:block; font-family:var(--display); font-size:25px; font-weight:400; letter-spacing:-.035em; }
body[data-product="medmettle"] #mm-marketing-v6 .guide-profile figcaption span { display:block; font-size:10px; color:#52666A; margin-top:4px; }
body[data-product="medmettle"] #mm-marketing-v6 .screen-dialog { width:min(900px,calc(100vw - 32px)); max-height:92svh; padding:0 22px 22px; border:1px solid #CDDBCF; border-radius:15px; background:var(--cream); color:var(--navy); overscroll-behavior:contain; }
body[data-product="medmettle"] #mm-marketing-v6 .screen-dialog::backdrop { background:#102A43B3; backdrop-filter:blur(5px); }
body[data-product="medmettle"] #mm-marketing-v6 .dialog-header { display:flex; position:sticky; top:0; background:var(--cream); justify-content:space-between; align-items:center; gap:20px; padding:19px 0; border-bottom:1px solid var(--line); margin-bottom:20px; z-index:2; }
body[data-product="medmettle"] #mm-marketing-v6 .dialog-header h2 { font-family:inherit; font-size:17px; font-weight:650; letter-spacing:0; }
body[data-product="medmettle"] #mm-marketing-v6 .dialog-header button { border:1px solid #AABBB0; border-radius:7px; min-height:42px; padding:7px 12px; background:transparent; color:var(--navy); display:flex; gap:13px; align-items:center; font-size:12px; }
body[data-product="medmettle"] #mm-marketing-v6 .dialog-header button span { font-size:22px; }
body[data-product="medmettle"] #mm-marketing-v6 .screen-dialog > img { width:min(100%,700px); height:auto; margin-inline:auto; }
body[data-product="medmettle"] #mm-marketing-v6 .original-link { display:block; width:fit-content; font-size:13px; text-decoration:underline; margin:20px auto 0; padding:8px; }
@media (min-width:1600px) {
body[data-product="medmettle"] #mm-marketing-v6 .hero { padding-block:56px 45px; }
body[data-product="medmettle"] #mm-marketing-v6 .hero-art { min-height:620px; }
}
@media (max-width:1120px) {
body[data-product="medmettle"] #mm-marketing-v6 .section-wrap { width:calc(100% - 64px); }
body[data-product="medmettle"] #mm-marketing-v6 .hero { gap:5px; }
body[data-product="medmettle"] #mm-marketing-v6 .hero h1 { font-size:clamp(49px,5.45vw,65px); }
body[data-product="medmettle"] #mm-marketing-v6 .hero-copy { padding-bottom:27px; }
body[data-product="medmettle"] #mm-marketing-v6 .hero-description { font-size:16px; max-width:340px; }
body[data-product="medmettle"] #mm-marketing-v6 .hero-actions { gap:16px; }
body[data-product="medmettle"] #mm-marketing-v6 .button { padding-inline:17px; gap:18px; }
body[data-product="medmettle"] #mm-marketing-v6 .hero-caption { gap:9px; font-size:9px; }
body[data-product="medmettle"] #mm-marketing-v6 .hero-caption i { width:20px; }
body[data-product="medmettle"] #mm-marketing-v6 .hero-caption span:last-child { display:none; }
body[data-product="medmettle"] #mm-marketing-v6 .feature-plate { padding:22px 20px 18px; }
body[data-product="medmettle"] #mm-marketing-v6 .feature-intro { min-height:188px; }
body[data-product="medmettle"] #mm-marketing-v6 h3 { font-size:26px; }
body[data-product="medmettle"] #mm-marketing-v6 .guides-inner { grid-template-columns:.95fr 1.05fr; }
body[data-product="medmettle"] #mm-marketing-v6 .guide-image { height:295px; }
body[data-product="medmettle"] #mm-marketing-v6 .guide-profile figcaption span { font-size:9px; }
}
@media (max-width:850px) {
body[data-product="medmettle"] #mm-marketing-v6 .hero { grid-template-columns:1fr; padding-top:30px; padding-bottom:39px; gap:0; }
body[data-product="medmettle"] #mm-marketing-v6 .hero-copy { padding:22px 0 0; max-width:600px; }
body[data-product="medmettle"] #mm-marketing-v6 .eyebrow { font-size:10px; margin-bottom:22px; }
body[data-product="medmettle"] #mm-marketing-v6 .hero h1 { font-size:clamp(54px,8vw,70px); }
body[data-product="medmettle"] #mm-marketing-v6 .hero-description { max-width:440px; font-size:17px; }
body[data-product="medmettle"] #mm-marketing-v6 .hero-art { width:min(650px,100%); margin:0 auto; aspect-ratio:1.15; }
body[data-product="medmettle"] #mm-marketing-v6 .hero-phone { width:32%; top:1%; right:3%; }
body[data-product="medmettle"] #mm-marketing-v6 .hero-caption { font-size:11px; bottom:-1%; }
body[data-product="medmettle"] #mm-marketing-v6 .hero-caption span:last-child { display:inline; }
body[data-product="medmettle"] #mm-marketing-v6 .hero-caption i { width:30px; }
body[data-product="medmettle"] #mm-marketing-v6 .routine-strip { gap:19px; }
body[data-product="medmettle"] #mm-marketing-v6 .routine-strip > span { font-size:25px; }
body[data-product="medmettle"] #mm-marketing-v6 .routine-strip svg { width:44px; }
body[data-product="medmettle"] #mm-marketing-v6 .routine-strip p { display:none; }
body[data-product="medmettle"] #mm-marketing-v6 .film-section,
body[data-product="medmettle"] #mm-marketing-v6 .routine-section { padding-top:76px; }
body[data-product="medmettle"] #mm-marketing-v6 .section-heading { gap:30px; grid-template-columns:1.1fr .9fr; }
body[data-product="medmettle"] #mm-marketing-v6 .section-heading > p { font-size:15px; }
body[data-product="medmettle"] #mm-marketing-v6 .feature-grid { gap:13px; }
body[data-product="medmettle"] #mm-marketing-v6 .feature-plate { padding:19px 15px 16px; }
body[data-product="medmettle"] #mm-marketing-v6 .feature-intro { min-height:205px; }
body[data-product="medmettle"] #mm-marketing-v6 h3 { font-size:24px; }
body[data-product="medmettle"] #mm-marketing-v6 .feature-intro > p:last-child { font-size:12px; }
body[data-product="medmettle"] #mm-marketing-v6 .feature-device { padding:4px; border-radius:23px; }
body[data-product="medmettle"] #mm-marketing-v6 .feature-device img { border-radius:18px; }
body[data-product="medmettle"] #mm-marketing-v6 .screen-caption { font-size:10px; }
body[data-product="medmettle"] #mm-marketing-v6 .guides-section { margin-top:76px; padding-block:65px; }
body[data-product="medmettle"] #mm-marketing-v6 .guides-inner { grid-template-columns:1fr; gap:20px; }
body[data-product="medmettle"] #mm-marketing-v6 .guides-copy > p:not(.eyebrow) { max-width:500px; }
body[data-product="medmettle"] #mm-marketing-v6 .guide-lineup { max-width:620px; width:100%; margin-inline:auto; gap:12px; }
body[data-product="medmettle"] #mm-marketing-v6 .guide-image { height:350px; }
body[data-product="medmettle"] #mm-marketing-v6 .guide-profile figcaption span { font-size:11px; }
}
@media (max-width:600px) {
body[data-product="medmettle"] #mm-marketing-v6 { scroll-padding-top:24px; }
body[data-product="medmettle"] #mm-marketing-v6 .section-wrap { width:calc(100% - 40px); }
body[data-product="medmettle"] #mm-marketing-v6 .hero { padding-top:15px; padding-bottom:35px; }
body[data-product="medmettle"] #mm-marketing-v6 .hero-copy { padding-top:20px; }
body[data-product="medmettle"] #mm-marketing-v6 .eyebrow { letter-spacing:.105em; gap:9px; font-size:9px; }
body[data-product="medmettle"] #mm-marketing-v6 .eyebrow-line { width:22px; }
body[data-product="medmettle"] #mm-marketing-v6 .hero h1 { font-size:clamp(46px,11.5vw,65px); margin-bottom:22px; }
body[data-product="medmettle"] #mm-marketing-v6 .hero-description { font-size:15px; margin-bottom:24px; line-height:1.7; max-width:350px; }
body[data-product="medmettle"] #mm-marketing-v6 .hero-actions { gap:15px; }
body[data-product="medmettle"] #mm-marketing-v6 .button { font-size:12px; min-height:49px; gap:17px; padding:12px 16px; }
body[data-product="medmettle"] #mm-marketing-v6 .text-link { font-size:11px; gap:8px; }
body[data-product="medmettle"] #mm-marketing-v6 .link-symbol { width:23px; height:23px; font-size:13px; }
body[data-product="medmettle"] #mm-marketing-v6 .platform-line { font-size:10px; margin-top:18px; }
body[data-product="medmettle"] #mm-marketing-v6 .hero-art { margin-top:9px; aspect-ratio:1.04; }
body[data-product="medmettle"] #mm-marketing-v6 .hero-phone { width:34%; top:4%; right:1%; padding:4px; border-radius:23px; }
body[data-product="medmettle"] #mm-marketing-v6 .hero-phone img { border-radius:18px; }
body[data-product="medmettle"] #mm-marketing-v6 .hero-caption { font-size:8px; gap:9px; bottom:-1%; left:5%; }
body[data-product="medmettle"] #mm-marketing-v6 .hero-caption i { width:20px; }
body[data-product="medmettle"] #mm-marketing-v6 .hero-caption span:last-child { font-size:8px; }
body[data-product="medmettle"] #mm-marketing-v6 .routine-strip { gap:15px; padding-block:22px; justify-content:space-between; }
body[data-product="medmettle"] #mm-marketing-v6 .routine-strip > span { font-size:23px; }
body[data-product="medmettle"] #mm-marketing-v6 .routine-strip svg { width:31px; height:14px; }
body[data-product="medmettle"] #mm-marketing-v6 .film-section,
body[data-product="medmettle"] #mm-marketing-v6 .routine-section { padding-top:58px; }
body[data-product="medmettle"] #mm-marketing-v6 .section-heading { grid-template-columns:1fr; gap:22px; margin-bottom:30px; }
body[data-product="medmettle"] #mm-marketing-v6 .section-heading .eyebrow { margin-bottom:16px; }
body[data-product="medmettle"] #mm-marketing-v6 h2 { font-size:42px; }
body[data-product="medmettle"] #mm-marketing-v6 .section-heading > p { font-size:14px; max-width:330px; }
body[data-product="medmettle"] #mm-marketing-v6 .film-frame,
body[data-product="medmettle"] #mm-marketing-v6 .film-frame video { border-radius:9px; }
body[data-product="medmettle"] #mm-marketing-v6 .film-meta { align-items:flex-start; gap:15px; font-size:10px; }
body[data-product="medmettle"] #mm-marketing-v6 .film-description { font-size:11px; }
body[data-product="medmettle"] #mm-marketing-v6 .feature-grid { grid-template-columns:1fr; gap:23px; }
body[data-product="medmettle"] #mm-marketing-v6 .feature-plate { padding:24px 24px 19px; }
body[data-product="medmettle"] #mm-marketing-v6 .feature-intro { min-height:0; margin-bottom:25px; }
body[data-product="medmettle"] #mm-marketing-v6 .step-label { margin-bottom:13px; }
body[data-product="medmettle"] #mm-marketing-v6 h3 { font-size:31px; }
body[data-product="medmettle"] #mm-marketing-v6 .feature-intro > p:last-child { font-size:14px; max-width:32ch; margin-bottom:0; }
body[data-product="medmettle"] #mm-marketing-v6 .feature-device { max-width:276px; border-radius:30px; padding:5px; }
body[data-product="medmettle"] #mm-marketing-v6 .feature-device img { border-radius:24px; }
body[data-product="medmettle"] #mm-marketing-v6 .screen-caption { font-size:11px; }
body[data-product="medmettle"] #mm-marketing-v6 .review-note { padding:22px 20px; gap:13px; margin-top:23px; }
body[data-product="medmettle"] #mm-marketing-v6 .review-icon { width:37px; height:37px; font-size:24px; }
body[data-product="medmettle"] #mm-marketing-v6 .review-note p { font-size:12px; }
body[data-product="medmettle"] #mm-marketing-v6 .note-star { font-size:28px; }
body[data-product="medmettle"] #mm-marketing-v6 .guides-section { margin-top:60px; padding-block:52px 46px; }
body[data-product="medmettle"] #mm-marketing-v6 .guides-copy h2 { font-size:40px; }
body[data-product="medmettle"] #mm-marketing-v6 .guides-copy > p:not(.eyebrow) { font-size:14px; max-width:350px; margin-top:22px; }
body[data-product="medmettle"] #mm-marketing-v6 .guides-inner { gap:25px; }
body[data-product="medmettle"] #mm-marketing-v6 .guide-lineup { gap:2px; }
body[data-product="medmettle"] #mm-marketing-v6 .guide-image { height:clamp(190px,56vw,290px); }
body[data-product="medmettle"] #mm-marketing-v6 .guide-profile figcaption strong { font-size:22px; }
body[data-product="medmettle"] #mm-marketing-v6 .guide-profile figcaption span { font-size:8px; }
body[data-product="medmettle"] #mm-marketing-v6 .guide-image:after { bottom:calc(5.86% - 2.5px); height:5px; filter:blur(4px); }
body[data-product="medmettle"] #mm-marketing-v6 .screen-dialog { padding-inline:14px; max-height:93svh; }
body[data-product="medmettle"] #mm-marketing-v6 .dialog-header h2 { font-size:15px; }
body[data-product="medmettle"] #mm-marketing-v6 .dialog-header button { min-height:40px; }
}
@media (max-width:360px) {
body[data-product="medmettle"] #mm-marketing-v6 .section-wrap { width:calc(100% - 32px); }
body[data-product="medmettle"] #mm-marketing-v6 .hero h1 { font-size:44px; }
body[data-product="medmettle"] #mm-marketing-v6 .hero-actions { align-items:flex-start; gap:12px; }
body[data-product="medmettle"] #mm-marketing-v6 .hero-art { margin-top:15px; }
body[data-product="medmettle"] #mm-marketing-v6 .hero-caption span:last-child,
body[data-product="medmettle"] #mm-marketing-v6 .hero-caption i { display:none; }
body[data-product="medmettle"] #mm-marketing-v6 .hero-caption { left:7%; gap:20px; }
body[data-product="medmettle"] #mm-marketing-v6 .guide-profile figcaption span { font-size:7px; }
body[data-product="medmettle"] #mm-marketing-v6 .film-meta { flex-direction:column; gap:2px; }
}
@media (prefers-reduced-motion:reduce) {
body[data-product="medmettle"] #mm-marketing-v6 { scroll-behavior:auto; }
body[data-product="medmettle"] #mm-marketing-v6 *,
body[data-product="medmettle"] #mm-marketing-v6 *:before,
body[data-product="medmettle"] #mm-marketing-v6 *:after { animation:none !important; transition:none !important; }
body[data-product="medmettle"] #mm-marketing-v6 .screen-link:hover .feature-device { transform:none; }
}
body[data-product="medmettle"] #mm-marketing-v6 { text-align:left; color:#102A43; background:#F8F5ED; }
body[data-product="medmettle"] #mm-marketing-v6 section[id] { scroll-margin-top:150px; }
body[data-product="medmettle"] #mm-marketing-v6 .hero { margin-top:0; }

.gp-nav .gp-soon {
  flex: 0 0 auto;
  white-space: nowrap;
  gap: 7px;
  padding: 7px 12px;
  font-size: 12px;
}
.gp-nav .gp-soon::before { width: 6px; height: 6px; }
@media (max-width: 760px) {
  .gp-nav .gp-soon { display: none; }
}

@media (max-width: 359px) {
  .gp-closer__badges .gp-soon { padding: 11px 12px; font-size: 12px; }
}