/* Shared AfterClinic shell (extracted from homepage) */

    :root {
      --navy: #0b3a69;
      --navy-deep: #062e56;
      --cyan: #00b7c7;
      --cyan-dark: #009baa;
      --cyan-pale: #e9fafd;
      --sky: #f1fbfe;
      --text: #17466d;
      --muted: #52718c;
      --line: #d5edf3;
      --white: #fff;
      --shadow: 0 12px 34px rgba(14, 74, 112, .12);
      --radius: 14px;
      --container: 1180px;
      --reference: url("https://afterclinic-reference.pages.dev/Page_d_accueil_me_dicale_AfterClinic_en_franc_ais-600c247a-92f5-4c99-9ed4-a89b551a27f9.jpg");
    }

    * { box-sizing: border-box; }

    html { scroll-behavior: smooth; }

    body {
      margin: 0;
      color: var(--text);
      background: var(--white);
      font-family: "Figtree", Arial, sans-serif;
      font-size: 16px;
      line-height: 1.45;
      -webkit-font-smoothing: antialiased;
      overflow-x: hidden;
    }

    img { max-width: 100%; display: block; }
    a { color: inherit; text-decoration: none; }
    button { font: inherit; }

    .desktop-pixel {
      position: relative;
      width: 100%;
      overflow: hidden;
      line-height: 0;
      background: #fff;
    }

    .desktop-pixel > img {
      width: 100%;
      height: auto;
      display: block;
    }

    .pixel-hit {
      position: absolute;
      z-index: 2;
      display: block;
      border-radius: .6vw;
      cursor: pointer;
    }

    .pixel-hit:hover {
      background: rgba(0, 183, 199, .08);
      box-shadow: inset 0 0 0 2px rgba(0, 183, 199, .22);
    }

    .pixel-hit:focus-visible {
      outline: .22vw solid #00b7c7;
      outline-offset: .15vw;
    }

    .semantic-page { display: none; }

    .skip-link {
      position: fixed;
      z-index: 1000;
      top: 8px;
      left: 8px;
      padding: 12px 16px;
      color: var(--white);
      background: var(--navy);
      border-radius: 8px;
      transform: translateY(-140%);
    }

    .skip-link:focus { transform: translateY(0); }

    .container {
      width: min(calc(100% - 40px), var(--container));
      margin-inline: auto;
    }

    .icon {
      width: 24px;
      height: 24px;
      display: inline-block;
      flex: none;
      fill: none;
      stroke: currentColor;
      stroke-width: 1.8;
      stroke-linecap: round;
      stroke-linejoin: round;
    }

    header {
      position: sticky;
      top: 0;
      z-index: 200;
    }

    .topbar {
      color: var(--white);
      background: var(--navy-deep);
      font-size: 12px;
    }

    .topbar-inner {
      min-height: 44px;
      display: grid;
      grid-template-columns: minmax(0, 1fr) auto minmax(0, 1fr);
      align-items: center;
      gap: 16px;
    }

    .topbar-group {
      display: flex;
      align-items: center;
      gap: 36px;
    }

    .topbar-group-main {
      grid-column: 2;
      justify-self: center;
    }

    .topbar-group-auth {
      grid-column: 3;
      justify-self: end;
      gap: 10px;
      width: auto;
    }

    .topbar-auth-spacer {
      flex: none;
      width: var(--nav-lang-switch-width, 104px);
    }

    .topbar-group-auth .topbar-item {
      flex: none;
      justify-content: center;
      width: var(--nav-register-width, 174px);
    }

    .topbar-item {
      min-height: 44px;
      display: inline-flex;
      align-items: center;
      gap: 9px;
      white-space: nowrap;
    }

    .topbar-group-main .topbar-item > span {
      font-weight: 700;
      line-height: 1.15;
    }

    .topbar-item small {
      display: block;
      margin-top: -2px;
      opacity: .78;
      font-size: 9px;
      font-weight: 400;
    }

    .topbar .icon {
      width: 20px;
      height: 20px;
      stroke-width: 2.5;
    }

    .navbar {
      position: relative;
      z-index: 20;
      background: #fff;
      box-shadow: 0 1px 0 rgba(16, 74, 107, .08);
    }

    .nav-inner {
      min-height: 84px;
      display: flex;
      align-items: center;
      justify-content: space-between;
      gap: 28px;
    }

    .brand {
      display: inline-flex;
      align-items: center;
      gap: 12px;
      flex: none;
    }

    .brand-mark {
      position: relative;
      width: 50px;
      height: 50px;
    }

    .brand-mark::before,
    .brand-mark::after {
      content: "";
      position: absolute;
      border: 4px solid var(--cyan);
      border-radius: 8px;
    }

    .brand-mark::before {
      width: 17px;
      height: 44px;
      left: 15px;
      top: 1px;
    }

    .brand-mark::after {
      width: 44px;
      height: 17px;
      left: 1px;
      top: 15px;
    }

    .brand-wordmark {
      display: inline-grid;
      grid-template-columns: auto auto;
      align-items: start;
      column-gap: 0;
    }

    .brand-text-stack {
      grid-column: 1;
      display: inline-flex;
      flex-direction: column;
      align-items: flex-start;
    }

    .brand-letters {
      display: inline-flex;
      align-items: baseline;
      font-size: 23px;
      font-weight: 800;
      line-height: .95;
      white-space: nowrap;
    }

    .brand-text-stack .brand-tagline {
      margin-top: 4px;
      box-sizing: border-box;
      color: #5c8198;
      font-size: 8px;
      font-weight: 600;
      line-height: 1;
      letter-spacing: 0;
      text-align: justify;
      text-align-last: justify;
      white-space: nowrap;
    }

    .brand-after,
    .brand-clinic {
      letter-spacing: inherit;
    }

    .brand-wordmark > .brand-tm {
      grid-column: 2;
      grid-row: 1;
      margin: 0 0 0 -2px;
      color: var(--cyan-dark);
      font-size: 0.285em;
      font-weight: 700;
      letter-spacing: 0;
      line-height: 1;
      align-self: start;
    }

    .nav-links {
      display: flex;
      align-items: center;
      gap: 28px;
      font-size: 13px;
      font-weight: 500;
    }

    .nav-links a {
      position: relative;
      display: inline-flex;
      min-height: 44px;
      align-items: center;
      color: var(--navy);
      transition: color 0.2s ease;
    }

    .nav-links a:hover,
    .nav-links a:focus-visible {
      color: var(--cyan-dark);
    }

    .nav-links a.active {
      color: var(--navy);
    }

    .nav-links a::after {
      content: "";
      position: absolute;
      right: 0;
      left: 0;
      top: calc(75% + 0.25em);
      height: 2px;
      background: var(--cyan);
      transform: translateY(-50%) scaleX(0);
      transform-origin: center;
      transition: transform .2s ease;
    }

    .nav-links a:hover::after,
    .nav-links a:focus-visible::after,
    .nav-links a.active::after { transform: translateY(-50%) scaleX(1); }

    .nav-actions {
      display: flex;
      align-items: center;
      gap: 10px;
      flex: none;
    }

    .lang-switch {
      position: relative;
      flex: none;
    }

    .lang-switch-toggle {
      display: inline-flex;
      align-items: center;
      gap: 8px;
      min-height: 42px;
      padding: 8px 16px;
      border: none;
      border-radius: 999px;
      background: #f0f6f8;
      color: var(--navy);
      font-family: inherit;
      font-size: 14px;
      font-weight: 600;
      line-height: 1;
      text-transform: uppercase;
      cursor: pointer;
      transition: background 0.2s ease;
    }

    .lang-switch-toggle:hover,
    .lang-switch.is-open .lang-switch-toggle {
      background: #e3eef2;
    }

    .lang-switch-flag {
      width: 16px;
      height: 16px;
      border-radius: 50%;
      object-fit: cover;
      flex: none;
    }

    .lang-switch-chevron {
      width: 12px;
      height: 12px;
      flex: none;
      stroke: currentColor;
      stroke-width: 2.2;
      fill: none;
    }

    .lang-switch-panel {
      position: absolute;
      top: calc(100% + 8px);
      right: 0;
      z-index: 60;
      display: none;
      width: min(320px, calc(100vw - 24px));
      max-height: min(420px, calc(100vh - 120px));
      overflow: auto;
      padding: 8px;
      background: #fff;
      border: 1px solid #e3eef2;
      border-radius: 12px;
      box-shadow: 0 16px 40px rgba(11, 58, 105, 0.14);
    }

    .lang-switch.is-open .lang-switch-panel {
      display: block;
    }

    .lang-switch-option {
      display: flex;
      align-items: center;
      gap: 10px;
      padding: 10px 12px;
      border-radius: 8px;
      color: var(--navy);
      font-size: 14px;
      font-weight: 500;
      line-height: 1.2;
    }

    .lang-switch-option:hover {
      background: #f0f9fb;
    }

    .lang-switch-option.is-active {
      background: #e7f7fa;
      font-weight: 600;
    }

    .lang-switch-option .lang-switch-code {
      margin-left: auto;
      color: #628096;
      font-size: 12px;
      font-weight: 700;
      letter-spacing: 0.04em;
    }

    .mobile-menu .lang-switch {
      width: 100%;
      margin-bottom: 8px;
    }

    .mobile-menu .lang-switch-toggle {
      width: 100%;
      justify-content: center;
    }

    .mobile-menu .lang-switch-panel {
      position: static;
      display: none;
      width: 100%;
      max-height: 240px;
      margin-bottom: 8px;
      box-shadow: none;
    }

    .mobile-menu .lang-switch.is-open .lang-switch-panel {
      display: block;
    }

    .button {
      min-height: 48px;
      padding: 0 25px;
      display: inline-flex;
      align-items: center;
      justify-content: center;
      gap: 12px;
      color: var(--white);
      background: var(--cyan-dark);
      border: 1px solid var(--cyan-dark);
      border-radius: 7px;
      box-shadow: 0 7px 18px rgba(0, 155, 170, .18);
      font-weight: 700;
      font-size: 14px;
      cursor: pointer;
      transition: background-color .2s ease, transform .2s ease, box-shadow .2s ease;
      touch-action: manipulation;
    }

    .button:hover {
      background: #008d9b;
      box-shadow: 0 10px 24px rgba(0, 155, 170, .25);
      transform: translateY(-1px);
    }

    .button:focus-visible,
    a:focus-visible,
    button:focus-visible {
      outline: 3px solid rgba(0, 183, 199, .38);
      outline-offset: 3px;
    }

    .button .icon { width: 18px; height: 18px; }

    .button.secondary {
      color: var(--navy);
      background: var(--white);
      border-color: #82dbe4;
      box-shadow: none;
    }

    .button.secondary:hover { background: #f4fdff; }

    .menu-toggle {
      width: 48px;
      height: 48px;
      display: none;
      align-items: center;
      justify-content: center;
      padding: 0;
      color: var(--navy);
      background: transparent;
      border: none;
      border-radius: 0;
      box-shadow: none;
      cursor: pointer;
    }

    .menu-toggle:focus-visible {
      outline: none;
    }

    .hero {
      position: relative;
      min-height: 556px;
      overflow: hidden;
      background:
        radial-gradient(circle at 68% 15%, rgba(255, 255, 255, .94) 0 12%, rgba(255, 255, 255, 0) 37%),
        linear-gradient(100deg, #edfaff 0%, #f6fcfd 43%, #e7f6f8 100%);
    }

    .hero::before {
      content: "";
      position: absolute;
      inset: 0;
      opacity: .35;
      background-image:
        linear-gradient(rgba(255,255,255,.55) 1px, transparent 1px),
        linear-gradient(90deg, rgba(255,255,255,.55) 1px, transparent 1px);
      background-size: 46px 46px;
      mask-image: linear-gradient(90deg, #000, transparent 62%);
    }

    .hero-inner {
      position: relative;
      min-height: 556px;
      display: grid;
      grid-template-columns: 52% 48%;
      align-items: center;
    }

    .hero-copy {
      position: relative;
      z-index: 4;
      padding: 55px 0 86px;
    }

    .eyebrow {
      width: max-content;
      margin-bottom: 14px;
      padding: 6px 16px;
      color: #3288a0;
      background: #e5f7fa;
      border-radius: 999px;
      font-size: 11px;
      font-weight: 500;
      letter-spacing: 1.4px;
      text-transform: uppercase;
    }

    .eyebrow .eyebrow-em {
      font-weight: 800;
      letter-spacing: 2px;
    }

    h1, h2, h3, p { margin-top: 0; }

    .hero h1 {
      max-width: 610px;
      margin-bottom: 16px;
      color: var(--navy);
      font-size: clamp(42px, 4.2vw, 64px);
      font-weight: 600;
      letter-spacing: -2.2px;
      line-height: 1.1;
    }

    .accent { color: var(--cyan); }

    .hero-availability {
      display: inline-block;
      letter-spacing: -0.03em;
    }

    .hero-availability .time-sep {
      display: inline-block;
      font-size: 0.55em;
      font-weight: 500;
      line-height: 1;
      vertical-align: 0.24em;
      margin-inline: 0.04em;
      opacity: 0.9;
    }

    .hero-lead {
      max-width: 610px;
      margin-bottom: 26px;
      color: #476b88;
      font-size: 18px;
      line-height: 1.48;
    }

    .hero-actions-slot {
      display: contents;
    }

    .hero-actions {
      display: flex;
      flex-direction: column;
      align-items: flex-start;
      gap: 16px;
      flex: 0 0 auto;
    }

    .hero-actions-row {
      display: flex;
      flex-wrap: wrap;
      align-items: center;
      gap: 18px;
    }

    .hero-trust-banner {
      color: #4a6578;
      font-size: 13px;
      line-height: 1.4;
    }

    .hero-trust-banner .testimonial-trust-row {
      margin-bottom: 6px;
    }

    .hero-trust-banner .trustpilot-logo {
      font-size: 14px;
    }

    .hero-trust-banner .trustpilot-logo svg {
      width: 20px;
      height: 20px;
    }

    .hero-trust-stars {
      display: flex;
      align-items: center;
      gap: 1px;
      margin-left: auto;
    }

    .hero-trust-stars span {
      color: #00b67a;
      font-size: 16px;
      line-height: 1;
    }

    .hero-trust-caption {
      margin: 0;
      font-size: 12px;
    }

    .hero-trust-caption strong {
      color: #243647;
      font-weight: 700;
    }

    .watch-link {
      min-height: 48px;
      padding: 0 16px;
      display: inline-flex;
      align-items: center;
      justify-content: center;
      gap: 10px;
      color: var(--navy);
      background: rgba(255,255,255,.84);
      border: 1px solid #b9e5eb;
      border-radius: 7px;
      font-size: 14px;
      font-weight: 700;
      text-align: center;
    }

    .play {
      width: 26px;
      height: 26px;
      display: inline-grid;
      place-items: center;
      color: var(--navy);
      background: #dff6f9;
      border-radius: 50%;
      font-size: 11px;
    }

    .hero-visual {
      position: absolute;
      z-index: 2;
      top: 0;
      right: max(calc((100vw - var(--container)) / -2), -130px);
      bottom: 0;
      width: 59%;
    }

    .hero-photo {
      position: absolute;
      inset: 0;
      background:
        linear-gradient(90deg, #eefafd 0%, rgba(238, 250, 253, .25) 28%, rgba(238, 250, 253, 0) 45%),
        url("https://images.unsplash.com/photo-1544005313-94ddf0286df2?auto=format&fit=crop&w=1100&q=88") 55% 28% / cover no-repeat;
      clip-path: ellipse(78% 83% at 65% 48%);
    }

    .hero-photo::after {
      content: "";
      position: absolute;
      inset: 0;
      background: linear-gradient(90deg, #eefafd 0%, transparent 32%);
    }

    .hand-note {
      position: absolute;
      z-index: 3;
      top: 67px;
      left: 28%;
      color: var(--navy);
      font-family: "Figtree", cursive;
      font-size: 18px;
      font-weight: 600;
      line-height: 1.25;
      text-align: center;
      transform: rotate(-8deg);
    }

    .hand-note .heart {
      display: block;
      color: var(--cyan);
      font-size: 26px;
    }

    .rating-card {
      position: absolute;
      z-index: 5;
      right: clamp(70px, calc((100vw - var(--container)) / 2 + 16px), 160px);
      bottom: 56px;
      display: flex;
      align-items: flex-start;
      gap: 14px;
      width: min(320px, calc(100% - 24px));
      padding: 18px 16px;
      color: #4a6981;
      background: rgba(255, 255, 255, .96);
      border: 1px solid #e4eff2;
      border-radius: 10px;
      box-shadow: var(--shadow);
      font-size: 12px;
      line-height: 1.35;
    }

    .rating-avatar {
      flex: none;
      width: 72px;
      height: 72px;
      min-width: 72px;
      min-height: 72px;
      aspect-ratio: 1 / 1;
      object-fit: cover;
      object-position: center;
      border-radius: 50%;
      box-shadow: 0 0 0 8px #eef8fa;
    }

    .rating-card .testimonial-profile { width: 92px; }
    .rating-card .testimonial-profile strong { font-size: 11px; }
    .rating-card .testimonial-profile .testimonial-meta { font-size: 9px; }
    .rating-card .testimonial-body { min-width: 0; flex: 1; }
    .testimonial-trust-row {
      display: flex;
      align-items: center;
      gap: 10px;
      margin-bottom: 8px;
    }
    .testimonial-trust-row .trustpilot-logo,
    .testimonial-trust-row .testimonial-stars {
      margin: 0;
    }
    .rating-card .trustpilot-logo {
      display: flex;
      align-items: center;
      gap: 7px;
      color: #191919;
      font-size: 15px;
      font-weight: 700;
      letter-spacing: -.2px;
    }
    .rating-card .trustpilot-logo svg { width: 22px; height: 22px; flex: none; }
    .rating-card .testimonial-trust-row .testimonial-stars,
    .testimonial .testimonial-trust-row .testimonial-stars {
      margin-left: auto;
    }

    .testimonial .trustpilot-logo {
      display: flex;
      align-items: center;
      gap: 7px;
      color: #191919;
      font-size: 15px;
      font-weight: 700;
      letter-spacing: -.2px;
    }

    .testimonial .trustpilot-logo svg {
      width: 22px;
      height: 22px;
      flex: none;
    }

    .stars {
      margin-bottom: 5px;
      color: #00b67a;
      font-size: 14px;
      letter-spacing: 1px;
      line-height: 1;
    }

    .benefit-bar {
      position: absolute;
      z-index: 7;
      right: 0;
      bottom: 0;
      left: 0;
      border-top: 1px solid rgba(154, 220, 230, .65);
      background: rgba(239, 251, 253, .93);
      backdrop-filter: blur(9px);
    }

    .benefit-grid {
      min-height: 82px;
      display: grid;
      grid-template-columns: repeat(4, 1fr);
      align-items: center;
      gap: 22px;
    }

    .benefit-item {
      display: flex;
      align-items: center;
      gap: 13px;
      color: var(--navy);
      font-size: 13px;
      font-weight: 700;
      line-height: 1.2;
    }

    .benefit-item .icon {
      width: 34px;
      height: 34px;
      color: var(--cyan);
    }

    .benefit-item span span {
      display: block;
      margin-top: 3px;
      color: #628096;
      font-size: 10px;
      font-weight: 500;
    }

    .section {
      padding: 56px 0;
    }

    .section-head {
      max-width: 810px;
      margin: 0 auto 26px;
      text-align: center;
    }

    .section-kicker {
      width: max-content;
      margin: 0 auto 8px;
      padding: 5px 14px;
      color: #378aa1;
      background: #e7f7fa;
      border-radius: 999px;
      font-size: 10px;
      font-weight: 700;
      letter-spacing: 1.3px;
      text-transform: uppercase;
    }

    .section h2 {
      margin-bottom: 8px;
      color: var(--navy);
      font-size: clamp(30px, 3vw, 43px);
      line-height: 1.08;
      letter-spacing: -1.2px;
    }

    .section-head p {
      margin-bottom: 0;
      color: #607d94;
      font-size: 15px;
    }

    .steps-section {
      background:
        radial-gradient(circle at 8% 95%, rgba(0, 183, 199, .08), transparent 28%),
        linear-gradient(#fff, #f3fbfd);
    }
    .steps-section .section-head .section-kicker { margin-bottom: 12px; }
    .steps-section .section-head h2 { margin-bottom: 14px; }
    .steps-synthesis {
      max-width: 920px;
      margin: 28px auto 0;
      padding: 0 12px;
      color: var(--navy);
      font-size: clamp(17px, 2.1vw, 21px);
      font-weight: 600;
      line-height: 1.4;
      letter-spacing: -0.35px;
      text-align: center;
    }

    .steps {
      position: relative;
      display: grid;
      grid-template-columns: repeat(4, 1fr);
      gap: 34px;
    }

    .step {
      position: relative;
      min-height: 0;
      padding: 20px 22px;
      background: rgba(255, 255, 255, .92);
      border: 1px solid #e3f1f4;
      border-radius: 12px;
      box-shadow: 0 8px 24px rgba(15, 77, 112, .08);
    }

    .step:not(:last-child)::after {
      content: "→";
      position: absolute;
      top: 47%;
      right: -27px;
      color: #4c90b2;
      font-size: 28px;
      font-weight: 400;
    }

    .step-top {
      margin-bottom: 19px;
      display: flex;
      align-items: center;
      justify-content: space-between;
    }

    .step-number {
      width: 47px;
      height: 47px;
      display: grid;
      place-items: center;
      color: var(--cyan-dark);
      background: #e5f8fb;
      border-radius: 50%;
      font-size: 26px;
      font-weight: 800;
    }

    .step-top .icon {
      width: 44px;
      height: 44px;
      color: var(--cyan);
    }

    .step h3 {
      margin-bottom: 8px;
      color: var(--navy);
      font-size: 17px;
      line-height: 1.2;
      min-height: 0;
    }

    .step p {
      margin: 0;
      color: #637f95;
      font-size: 13px;
      line-height: 1.45;
      min-height: 0;
    }

    .professionals {
      padding-top: 52px;
      background: var(--white);
    }

    .pro-grid {
      display: grid;
      grid-template-columns: 1fr 1fr;
      gap: 18px;
    }

    .pro-card {
      position: relative;
      display: flex;
      align-items: stretch;
      min-height: 365px;
      overflow: hidden;
      background: #f2fbfd;
      border: 1px solid #d9edf2;
      border-radius: 13px;
      box-shadow: 0 9px 26px rgba(21, 79, 112, .09);
    }

    .pro-card-content {
      position: relative;
      z-index: 3;
      display: flex;
      flex-direction: column;
      flex: 1;
      width: 59%;
      margin-left: 41%;
      padding: 38px 28px 28px 28px;
      box-sizing: border-box;
    }

    .pro-card.nurse .pro-card-content {
      flex: 0 0 59%;
      width: 59%;
      max-width: 59%;
      margin-left: 0;
      padding: 38px 28px 28px 34px;
    }

    .pro-photo {
      position: absolute;
      z-index: 1;
      inset: 0 auto 0 0;
      width: 46%;
      background:
        linear-gradient(90deg, transparent 65%, #f2fbfd 100%),
        url("https://images.unsplash.com/photo-1612349317150-e413f6a5b16d?auto=format&fit=crop&w=700&q=88") 52% 30% / cover no-repeat;
    }

    .pro-card.nurse .pro-photo {
      inset: 0 0 0 auto;
      background:
        linear-gradient(270deg, transparent 66%, #f2fbfd 100%),
        url("https://images.unsplash.com/photo-1559839734-2b71ea197ec2?auto=format&fit=crop&w=700&q=88") 55% 35% / cover no-repeat;
    }

    .pro-label {
      width: max-content;
      margin-bottom: 13px;
      padding: 5px 11px;
      color: #328a9c;
      background: #dff5f7;
      border-radius: 999px;
      font-size: 9px;
      font-weight: 700;
      letter-spacing: .7px;
      text-transform: uppercase;
    }

    .pro-card h3 {
      margin-bottom: 14px;
      color: var(--navy);
      font-size: 22px;
      line-height: 1.12;
    }

    .check-list {
      margin: 0 0 18px;
      padding: 0;
      list-style: none;
    }

    .check-list li {
      position: relative;
      margin: 7px 0;
      padding-left: 23px;
      color: #5b7c91;
      font-size: 12px;
    }

    .check-list li::before {
      content: "✓";
      position: absolute;
      top: 0;
      left: 0;
      width: 16px;
      height: 16px;
      display: grid;
      place-items: center;
      color: var(--white);
      background: var(--cyan);
      border-radius: 50%;
      font-size: 10px;
      font-weight: 800;
    }

    .price {
      margin: 0 0 16px;
      color: #4d728b;
      font-size: 11px;
    }

    .price strong {
      display: block;
      color: var(--navy);
      font-size: 17px;
    }

    .pro-card .button {
      margin-top: auto;
      align-self: center;
      width: 100%;
      max-width: 270px;
      min-height: 43px;
      padding: 0 20px;
      font-size: 12px;
    }

    .testimonials {
      padding-top: 40px;
      padding-bottom: 0;
    }

    .testimonials h2 {
      margin-bottom: 25px;
      text-align: center;
      font-size: 28px;
    }

    .testimonial-grid {
      display: grid;
      grid-template-columns: 1fr 1fr;
      gap: 22px;
    }

    .testimonial {
      display: flex;
      align-items: flex-start;
      gap: 16px;
      min-height: 176px;
      padding: 22px 20px 20px;
      background: #fff;
      border: 1px solid #e4eff2;
      border-radius: 10px;
      box-shadow: 0 5px 18px rgba(17, 72, 104, .05);
    }

    .testimonial-profile {
      flex: none;
      width: 84px;
      display: flex;
      flex-direction: column;
      align-items: center;
      text-align: center;
      gap: 5px;
    }

    .testimonial-avatar {
      flex: none;
      width: 64px;
      height: 64px;
      min-width: 64px;
      min-height: 64px;
      aspect-ratio: 1 / 1;
      object-fit: cover;
      object-position: center;
      border-radius: 50%;
      box-shadow: 0 0 0 4px #eef8fa;
    }

    .testimonial-profile strong {
      margin: 0;
      color: var(--navy);
      font-size: 11px;
      line-height: 1.25;
    }

    .testimonial-profile .testimonial-meta {
      margin: 0;
      color: var(--cyan-dark);
      font-size: 9px;
      line-height: 1.35;
    }

    .testimonial-body {
      min-width: 0;
      flex: 1;
    }

    .testimonial-title {
      margin: 0 0 6px;
      color: #627a8f;
      font-size: 11px;
      font-weight: 600;
      letter-spacing: .02em;
      text-transform: uppercase;
    }

    .testimonial-stars {
      margin: 0 0 8px;
      color: #00b67a;
      font-size: 14px;
      letter-spacing: 1px;
      line-height: 1;
    }

    .testimonial-headline {
      margin: 0 0 8px;
      color: var(--navy);
      font-size: 13px;
      font-weight: 700;
      line-height: 1.3;
    }

    .testimonial-text {
      margin: 0 0 10px;
      color: #5a778d;
      font-size: 12px;
      line-height: 1.5;
    }

    .testimonial-meta span {
      display: block;
    }

    .quote { display: none; }

    .dots {
      margin-top: 17px;
      display: flex;
      justify-content: center;
      gap: 8px;
    }

    .dot {
      width: 9px;
      height: 9px;
      padding: 0;
      background: #d3e3e8;
      border: 0;
      border-radius: 50%;
    }

    .dot.active { background: var(--navy); }

    .cta-wrap { padding: 40px 0; }

    .cta-panel {
      min-height: 116px;
      padding: 22px 38px;
      display: flex;
      align-items: center;
      justify-content: space-between;
      gap: 28px;
      background:
        radial-gradient(circle at 13% 50%, rgba(0,183,199,.12), transparent 15%),
        linear-gradient(100deg, #eaf9fc, #effbfd);
      border: 1px solid #d9eff3;
      border-radius: 13px;
    }

    .cta-copy {
      display: flex;
      align-items: center;
      gap: 22px;
    }

    .cta-icon {
      width: 60px;
      height: 60px;
      display: grid;
      place-items: center;
      color: var(--cyan);
      background: #d7f4f8;
      border-radius: 50%;
    }

    .cta-icon .icon { width: 34px; height: 34px; }

    .cta-panel h2 {
      margin-bottom: 3px;
      font-size: 24px;
    }

    .cta-panel p {
      margin: 0;
      color: #638198;
      font-size: 12px;
    }

    .cta-note {
      color: var(--navy);
      font-size: 15px;
      font-style: italic;
      font-weight: 600;
      line-height: 1.15;
      text-align: center;
      transform: rotate(-5deg);
    }

    footer {
      padding: 0;
      border-top: 1px solid #dcecf0;
      background: #fff;
    }

    .footer-main {
      display: grid;
      grid-template-columns: 1.35fr repeat(6, 1fr);
      gap: 26px;
      align-items: center;
      padding: 27px 0;
    }

    .footer-about {
      justify-self: center;
      align-self: center;
      width: fit-content;
      max-width: 100%;
      text-align: center;
      display: flex;
      flex-direction: column;
      align-items: center;
    }

    .footer-about .brand {
      justify-content: center;
    }

    .footer-about .brand-mark {
      width: 36px;
      height: 36px;
      background: transparent;
    }

    .footer-about .brand {
      gap: 8px;
    }

    .footer-about .brand-mark img {
      background: transparent;
    }

    .footer-about .brand-wordmark {
      width: fit-content;
      max-width: 100%;
    }

    .footer-about .brand-letters {
      font-size: 17px;
      font-weight: 600;
      line-height: 1;
    }

    .footer-about .brand-after,
    .footer-about .brand-clinic {
      letter-spacing: 2.65px;
    }

    .footer-about .brand-text-stack .brand-tagline {
      margin-top: 5px;
      font-size: 8px;
      font-weight: 500;
    }

    .footer-about p {
      max-width: 272px;
      margin: 14px 0 15px;
      color: #678298;
      font-size: 11px;
      line-height: 1.38;
      text-align: center;
      text-wrap: balance;
    }

    .store-badges {
      position: relative;
      width: calc(36px * 552 / 108);
      height: 36px;
      flex: none;
      opacity: 0.75;
      background: url("store-badges-fr.png") no-repeat left center / 100% 100%;
      border-radius: 6px;
      transition: opacity 0.2s ease;
    }

    .store-badges:hover {
      opacity: 0.9;
    }

    .store-badge {
      position: absolute;
      top: 0;
      width: 50%;
      height: 100%;
      line-height: 0;
      border-radius: 0;
      transition: opacity .2s ease;
    }

    .store-badge:first-child {
      left: 0;
      border-radius: 6px 0 0 6px;
    }

    .store-badge:last-child {
      right: 0;
      border-radius: 0 6px 6px 0;
    }

    .store-badge img { display: none; }

    .footer-col h3 {
      margin: 5px 0 12px;
      color: var(--navy);
      font-size: 12px;
    }

    .footer-col a {
      min-height: 25px;
      display: block;
      color: #6c8497;
      font-size: 10px;
    }

    .footer-col a:hover { color: var(--cyan-dark); }

    .footer-trust {
      min-height: 69px;
      display: grid;
      grid-template-columns: repeat(7, 1fr);
      align-items: center;
      gap: 16px;
      border-top: 1px solid #e5f0f3;
    }

    .trust-item {
      display: flex;
      align-items: center;
      gap: 7px;
      color: #52728a;
      font-size: 9px;
      line-height: 1.2;
    }

    .trust-item .trust-text {
      display: flex;
      flex-direction: column;
      line-height: 1.22;
    }

    .trust-item .trust-line-1 {
      font-weight: 600;
      color: #3f627a;
    }

    .trust-item .trust-line-2 {
      font-weight: 400;
    }

    .trust-item .icon {
      width: 25px;
      height: 25px;
      color: var(--cyan);
    }

    .copyright {
      min-height: 42px;
      display: flex;
      align-items: center;
      justify-content: space-between;
      color: #8398a8;
      border-top: 1px solid #edf3f5;
      font-size: 9px;
    }

    .footer-locale-reminder {
      display: inline-flex;
      align-items: center;
      gap: 5px;
      color: #93a8b6;
      font-size: inherit;
      font-weight: 500;
      letter-spacing: 0.02em;
      white-space: nowrap;
    }

    .footer-locale-reminder img {
      width: 13px;
      height: 13px;
      border-radius: 2px;
      object-fit: cover;
      opacity: 0.88;
    }

    .mobile-menu {
      display: none;
    }

    @media (max-width: 1024px) {
      :root { --container: 920px; }
      .topbar-group-main .topbar-item:nth-child(3) { display: none; }
      .nav-links { gap: 16px; font-size: 12px; }
      .hero h1 { font-size: 50px; }
      .rating-card { right: max(68px, calc((100vw - var(--container)) / 2 + 14px)); }
      .step { padding: 20px 17px; }
      .pro-card-content { width: 62%; margin-left: 38%; }
      .pro-card.nurse .pro-card-content {
        flex: 0 0 62%;
        width: 62%;
        max-width: 62%;
        margin-left: 0;
      }
      .footer-main { grid-template-columns: 1.4fr repeat(3, 1fr); }
      .footer-col:nth-child(6),
      .footer-col:nth-child(7) { display: none; }
      .footer-trust { grid-template-columns: repeat(4, 1fr); }
      .trust-item:nth-child(n+5) { display: none; }
    }

    @media (max-width: 820px) {
      .container { width: min(calc(100% - 32px), 700px); }
      .topbar-group-main .topbar-item:nth-child(2) { display: none; }
      .nav-links,
      .nav-inner > .nav-actions { display: none; }
      .menu-toggle { display: inline-flex; }
      .nav-inner { min-height: 72px; }
      .brand-mark { width: 42px; height: 42px; transform: scale(.84); transform-origin: left center; }
      .brand-letters { font-size: 20px; }
      .mobile-menu {
        position: absolute;
        z-index: 30;
        top: 100%;
        right: 0;
        left: 0;
        padding: 10px 16px 20px;
        background: #fff;
        border-top: 1px solid var(--line);
        box-shadow: 0 14px 24px rgba(12, 56, 90, .12);
      }
      .mobile-menu.open { display: block; }
      .mobile-menu a {
        min-height: 48px;
        padding: 0 10px;
        display: flex;
        align-items: center;
        color: var(--navy);
        border-bottom: 1px solid #edf5f7;
        font-weight: 600;
      }
      .mobile-menu .button { margin-top: 12px; }
      .hero,
      .hero-inner { min-height: 790px; }
      .hero-inner {
        display: block;
      }
      .hero-copy {
        padding-top: 42px;
        text-align: center;
      }
      .hero-copy .eyebrow { margin-inline: auto; }
      .hero h1,
      .hero-lead { margin-right: auto; margin-left: auto; }
      .hero-actions { align-items: center; }
      .hero-actions-row { justify-content: center; }
      .hero-trust-banner { text-align: center; }
      .hero-visual {
        top: 345px;
        right: -5%;
        bottom: 80px;
        width: 110%;
      }
      .hero-photo {
        clip-path: ellipse(65% 58% at 55% 53%);
        background-position: 50% 30%;
      }
      .hand-note { top: 80px; left: 20%; }
      .rating-card { right: 8%; bottom: 25px; }
      .benefit-grid {
        min-height: 106px;
        grid-template-columns: repeat(2, 1fr);
        gap: 12px 24px;
      }
      .benefit-item { font-size: 12px; }
      .benefit-item .icon { width: 29px; height: 29px; }
      .steps { grid-template-columns: 1fr 1fr; }
      .step:not(:last-child)::after { display: none; }
      .pro-grid { grid-template-columns: 1fr; }
      .testimonial-grid { grid-template-columns: 1fr; }
      .cta-panel { flex-wrap: wrap; }
      .cta-note { display: none; }
      .footer-main { grid-template-columns: 1.4fr repeat(2, 1fr); }
      .footer-col:nth-child(4) { display: none; }
    }

    @media (max-width: 560px) {
      .desktop-pixel { display: none; }
      .semantic-page { display: block; }
      body { font-size: 16px; }
      .container { width: min(calc(100% - 28px), 480px); }
      .topbar-inner { min-height: 38px; }
      .topbar-group-main { display: none; }
      .topbar-group-auth {
        grid-column: 1 / -1;
        justify-self: center;
        width: auto;
      }
      .topbar-auth-spacer { display: none; }
      .topbar-group-auth .topbar-item { width: auto; }
      .topbar-group { gap: 25px; }
      .topbar-item { min-height: 38px; font-size: 10px; }
      .topbar-item:first-child small { display: none; }
      .topbar-item .icon { width: 16px; height: 16px; stroke-width: 2.3; }
      .navbar .brand {
        width: 150px;
        height: 32px;
        display: block;
        background-image: var(--reference);
        background-repeat: no-repeat;
        background-size: 492.31% 4096%;
        background-position: 4.36% 3.1%;
      }
      .navbar .brand > * { visibility: hidden; }
      .nav-inner { min-height: 66px; }
      .hero,
      .hero-inner { min-height: 880px; }
      .hero-copy { padding: 31px 0 0; }
      .eyebrow { margin-bottom: 11px; padding: 5px 12px; font-size: 9px; }
      .hero h1 {
        max-width: 390px;
        margin-bottom: 14px;
        font-size: clamp(36px, 11vw, 48px);
        letter-spacing: -1.6px;
        line-height: 1.1;
      }
      .hero-lead {
        max-width: 420px;
        margin-bottom: 20px;
        font-size: 15px;
      }
      .hero-actions {
        flex-direction: column;
        gap: 10px;
      }
      .hero-actions .button,
      .watch-link { width: min(100%, 310px); }
      .hero-visual {
        top: 500px;
        right: 0;
        bottom: auto;
        width: 100%;
        aspect-ratio: 280 / 191;
      }
      .hero-photo {
        clip-path: none;
        background-image: var(--reference);
        background-repeat: no-repeat;
        background-size: 205.71% 536.13%;
        background-position: 100% 7.68%;
      }
      .hero-photo::after,
      .hand-note,
      .rating-card { display: none; }
      .benefit-bar {
        position: relative;
      }
      .benefit-grid {
        min-height: auto;
        padding: 18px 0;
        grid-template-columns: 1fr 1fr;
      }
      .benefit-item { align-items: flex-start; gap: 8px; font-size: 11px; }
      .benefit-item .icon { width: 25px; height: 25px; }
      .benefit-item span span { font-size: 9px; }
      .section { padding: 48px 0; }
      .section-head { margin-bottom: 20px; }
      .section h2 { font-size: 29px; }
      .section-head p { font-size: 13px; }
      .steps { grid-template-columns: 1fr 1fr; gap: 14px; }
      .step {
        min-height: 0;
        padding: 0;
        aspect-ratio: 122 / 116;
        background-image: var(--reference);
        background-repeat: no-repeat;
        background-size: 472.13% 882.76%;
        background-position-y: 40.75%;
        border: 0;
        box-shadow: 0 8px 24px rgba(15, 77, 112, .08);
      }
      .step:nth-child(1) { background-position-x: 3.96%; }
      .step:nth-child(2) { background-position-x: 34.8%; }
      .step:nth-child(3) { background-position-x: 65.42%; }
      .step:nth-child(4) { background-position-x: 96.26%; }
      .step > * { opacity: 0; }
      .step-top { margin-bottom: 13px; }
      .step-number { width: 41px; height: 41px; font-size: 22px; }
      .step-top .icon { width: 36px; height: 36px; }
      .professionals { padding-top: 35px; }
      .pro-card {
        min-height: 0;
        aspect-ratio: 274 / 168;
        background-image: var(--reference);
        background-repeat: no-repeat;
        background-size: 210.22% 609.52%;
        background-position-y: 64.14%;
      }
      .pro-card:first-child { background-position-x: 3.96%; }
      .pro-card.nurse { background-position-x: 96.04%; }
      .pro-photo,
      .pro-card.nurse .pro-photo {
        display: none;
        inset: 0;
        width: 100%;
        height: 100%;
      }
      .pro-card-content,
      .pro-card.nurse .pro-card-content {
        width: 100%;
        height: 100%;
        margin: 0;
        padding: 0;
        opacity: 0;
      }
      .testimonials h2 { font-size: 25px; }
      .testimonial {
        min-height: 0;
        padding: 0;
        aspect-ratio: 268 / 80;
        background-image: var(--reference);
        background-repeat: no-repeat;
        background-size: 214.93% 1280%;
        background-position-y: 79.24%;
      }
      .testimonial:first-child { background-position-x: 5.19%; }
      .testimonial:nth-child(2) { background-position-x: 94.48%; }
      .testimonial > * { opacity: 0; }
      .testimonial-avatar { top: 28px; left: 20px; width: 56px; height: 56px; box-shadow: 0 0 0 5px #eef8fa; }
      .quote { top: 18px; left: 82px; }
      .cta-panel { padding: 22px; justify-content: center; text-align: center; }
      .cta-copy { flex-direction: column; gap: 10px; }
      .cta-panel h2 { font-size: 21px; }
      .cta-panel .button { width: 100%; }
      .footer-main { grid-template-columns: 1fr 1fr; gap: 28px 18px; }
      .footer-about { grid-column: 1 / -1; }
      .footer-col { display: block !important; }
      .footer-main { padding: 24px 0; align-items: center; }
      .footer-trust { grid-template-columns: 1fr 1fr; padding: 13px 0; }
      .trust-item:nth-child(n+5) { display: none; }
      .copyright { align-items: flex-start; flex-direction: column; justify-content: center; gap: 4px; padding: 10px 0; }
    }

    @media (prefers-reduced-motion: reduce) {
      *, *::before, *::after {
        scroll-behavior: auto !important;
        transition-duration: .01ms !important;
      }
    }
  

    :root {
      --navy: #003b67;
      --navy-deep: #00345e;
      --cyan: #08b4c2;
      --cyan-dark: #06a8b8;
      --text: #073f6b;
      --muted: #627a8f;
      --line: #d9edf2;
      --container: 1340px;
    }

    .desktop-pixel { display: none !important; }
    .semantic-page { display: block !important; }

    h1, h2, h3,
    .brand-letters,
    .button,
    .watch-link,
    .nav-links,
    .step-number {
      font-family: "Poppins", "Figtree", sans-serif;
    }

    .container {
      width: min(calc(100% - 100px), var(--container));
    }

    .topbar .container,
    .navbar .container {
      width: min(calc(100% - 40px), 1400px);
    }
    .topbar-inner {
      min-height: 32px;
      grid-template-columns: minmax(0, 1fr) auto minmax(0, 1fr);
    }
    .topbar-group-main { gap: clamp(22px, 3vw, 54px); }
    .topbar-group { gap: 54px; }
    .topbar-item {
      min-height: 32px;
      gap: 8px;
      font-size: 10px;
      line-height: 1.05;
    }
    .topbar-item small { margin-top: 1px; font-size: 8px; }
    .topbar .icon { width: 15px; height: 15px; stroke-width: 2.4; }

    .nav-inner {
      min-height: 72px;
      gap: 26px;
      align-items: stretch;
    }
    .nav-inner > .brand,
    .nav-inner > .nav-actions,
    .nav-inner > .menu-toggle {
      align-self: center;
    }
    .brand { gap: 11px; }
    .brand-mark {
      width: 50px;
      height: 50px;
      flex: none;
    }
    .brand-mark::before,
    .brand-mark::after { display: none; }
    .brand-mark img {
      width: 100%;
      height: 100%;
      display: block;
      object-fit: contain;
    }
    .brand-wordmark {
      width: fit-content;
      max-width: 100%;
    }
    .brand-letters {
      font-size: 22px;
      font-weight: 600;
      line-height: 1;
      letter-spacing: 0;
    }
    .brand-after {
      color: var(--navy);
      letter-spacing: 3.55px;
    }
    .brand-clinic {
      color: var(--cyan-dark);
      letter-spacing: 3.55px;
    }
    .brand-wordmark > .brand-tm {
      margin: 1px 0 0 -3px;
      font-size: 6px;
    }
    .brand-text-stack .brand-tagline {
      margin-top: 5px;
      font-size: 10.35px;
      font-weight: 500;
    }
    .nav-links {
      flex: 1;
      justify-content: center;
      align-self: stretch;
      align-items: center;
      gap: 28px;
      font-size: 13px;
      font-weight: 500;
    }
    .nav-links a {
      align-self: stretch;
      min-height: 72px;
    }
    :root {
      --nav-lang-switch-width: 104px;
      --nav-register-width: 174px;
    }

    .nav-actions .button {
      width: var(--nav-register-width);
      min-height: 42px;
      padding-inline: 19px;
      border-radius: 7px;
      font-size: 12px;
    }

    .hero,
    .hero-inner {
      height: calc(100svh - 104px);
      min-height: 676px;
      max-height: 940px;
    }
    .hero {
      background:
        radial-gradient(circle at 11% 26%, rgba(255,255,255,.9), transparent 24%),
        linear-gradient(100deg, #effafe 0%, #f7fcfd 50%, #eaf7f9 100%);
    }
    .hero::before {
      opacity: .16;
      background-size: 58px 58px;
    }
    .hero-inner {
      width: min(100%, 1440px);
      position: relative;
      display: block;
      height: 100%;
    }
    .hero-copy {
      width: min(56%, 840px);
      height: calc(100% - 90px);
      display: flex;
      flex-direction: column;
      padding: clamp(50px, 7vh, 86px) 32px 12px 23px;
      box-sizing: border-box;
    }
    .eyebrow {
      margin-bottom: clamp(20px, 2.8vh, 30px);
      padding: 7px 21px;
      font-size: 11px;
      letter-spacing: 1.8px;
    }
    .hero-top-row {
      display: flex;
      flex-wrap: wrap;
      align-items: center;
      gap: 12px 22px;
      margin-bottom: clamp(20px, 2.8vh, 30px);
    }
    .hero-top-row .eyebrow {
      margin-bottom: 0;
    }
    .hero-top-row .hero-trust-banner .testimonial-trust-row {
      margin-bottom: 2px;
    }
    .hero h1 {
      max-width: 100%;
      margin-bottom: clamp(22px, 3vh, 34px);
      display: grid;
      font-size: 63px;
      font-weight: 600;
      line-height: 1.1;
      letter-spacing: -2.8px;
    }
    .hero-title-state {
      grid-area: 1 / 1;
      opacity: 0;
      pointer-events: none;
      transition: opacity .8s ease-in-out;
    }
    .hero-title-state.is-active {
      opacity: 1;
    }
    .hero-lead {
      max-width: 100%;
      margin-bottom: 0;
      font-size: 19px;
      line-height: 1.45;
      flex: 0 0 auto;
    }
    .hero-actions-slot {
      display: flex;
      flex: 1 1 auto;
      align-items: center;
      align-self: stretch;
      width: 100%;
      min-height: 0;
    }
    .hero-actions {
      gap: 18px;
      margin-top: 0;
      width: 100%;
    }
    .hero-actions-row {
      gap: 23px;
    }
    .hero-trust-banner {
      max-width: 420px;
    }
    .hero-actions .button {
      width: 273px;
      min-height: 60px;
      border-radius: 10px;
      font-size: 16px;
    }
    .watch-link {
      width: 305px;
      min-height: 60px;
      padding-inline: 24px;
      border-radius: 10px;
      font-size: 15px;
    }
    .play { width: 31px; height: 31px; }
    .hero-visual {
      top: 0;
      right: calc(50% - 50vw);
      bottom: 90px;
      left: 34%;
      width: auto;
      overflow: hidden;
    }
    .hero-photo {
      clip-path: none;
      background-image: var(--hero-image);
      background-position: right center;
      background-size: cover;
      background-repeat: no-repeat;
      opacity: 0;
      pointer-events: none;
      transition: opacity .8s ease-in-out;
      -webkit-mask-image: linear-gradient(
        90deg,
        transparent 0%,
        rgba(0, 0, 0, .12) 10%,
        rgba(0, 0, 0, .45) 24%,
        rgba(0, 0, 0, .78) 38%,
        #000 52%
      );
      mask-image: linear-gradient(
        90deg,
        transparent 0%,
        rgba(0, 0, 0, .12) 10%,
        rgba(0, 0, 0, .45) 24%,
        rgba(0, 0, 0, .78) 38%,
        #000 52%
      );
      -webkit-mask-repeat: no-repeat;
      mask-repeat: no-repeat;
      -webkit-mask-size: 100% 100%;
      mask-size: 100% 100%;
    }
    .hero-photo.is-active {
      opacity: 1;
    }
    .hero-photo::before {
      content: "";
      position: absolute;
      inset: 0;
      background: linear-gradient(
        90deg,
        rgba(239, 250, 254, .98) 0%,
        rgba(239, 250, 254, .72) 16%,
        rgba(239, 250, 254, .28) 34%,
        transparent 54%
      );
      pointer-events: none;
    }
    .hero-photo::after {
      content: "";
      position: absolute;
      inset: 0;
      background:
        linear-gradient(180deg, rgba(239, 250, 254, .45) 0%, transparent 16%, transparent 70%, rgba(240, 251, 253, .65) 100%),
        radial-gradient(ellipse 90% 80% at 70% 45%, transparent 35%, rgba(239, 250, 254, .18) 100%);
      pointer-events: none;
    }
    .hand-note {
      top: 60px;
      left: 22%;
      font-family: "Caveat", "Figtree", cursive;
      font-size: 24px;
      line-height: 1.05;
      transform: rotate(-7deg);
    }
    .hand-note .heart { font-size: 34px; }
    .rating-card {
      right: auto;
      bottom: 18px;
      left: calc(30% - 40px);
      width: min(620px, calc(70% - 24px));
      min-height: 112px;
      padding: 14px 16px;
      align-items: center;
      gap: 18px;
      background: rgba(255, 255, 255, .94);
      border-radius: 15px;
      box-shadow: 0 16px 44px rgba(0, 59, 103, .16);
      backdrop-filter: blur(12px);
      -webkit-backdrop-filter: blur(12px);
      opacity: 0;
      pointer-events: none;
      transition: opacity .8s ease-in-out;
    }
    .rating-card.is-active {
      opacity: 1;
      pointer-events: auto;
    }
    .rating-avatar {
      grid-row: 1 / 3;
      width: 62px;
      height: 62px;
      min-width: 62px;
      min-height: 62px;
      box-shadow: 0 0 0 5px #eef8fa;
    }
    .rating-card .testimonial-profile {
      width: 190px;
      min-width: 190px;
      padding-right: 18px;
      display: grid;
      grid-template-columns: 62px minmax(0, 1fr);
      grid-template-rows: auto auto;
      align-items: center;
      column-gap: 12px;
      row-gap: 3px;
      text-align: left;
      border-right: 1px solid #dfedf1;
    }
    .rating-card .testimonial-profile strong {
      align-self: end;
      font-size: 12px;
      line-height: 1.2;
    }
    .rating-card .testimonial-profile .testimonial-meta {
      align-self: start;
      color: #39899c;
      font-size: 9px;
      line-height: 1.25;
    }
    .rating-card .testimonial-body {
      min-width: 0;
      flex: 1;
    }
    .rating-card .testimonial-trust-row {
      margin-bottom: 5px;
    }
    .rating-card .trustpilot-logo {
      gap: 5px;
      font-size: 12px;
    }
    .rating-card .trustpilot-logo svg {
      width: 17px;
      height: 17px;
    }
    .rating-card .testimonial-stars { font-size: 13px; }
    .rating-card .testimonial-headline {
      margin-bottom: 4px;
      font-size: 13px;
    }
    .rating-card .testimonial-text {
      margin-bottom: 0;
      display: -webkit-box;
      overflow: hidden;
      color: #52758a;
      font-size: 11px;
      line-height: 1.35;
      -webkit-box-orient: vertical;
      -webkit-line-clamp: 2;
    }
    .care-chat {
      position: absolute;
      z-index: 6;
      top: clamp(72px, 9vh, 102px);
      left: calc(30% - 40px);
      width: min(348px, calc(100% - 40px));
      padding: 14px;
      color: var(--navy);
      background: rgba(255, 255, 255, .96);
      border: 1px solid rgba(191, 224, 232, .92);
      border-radius: 18px;
      box-shadow: 0 22px 60px rgba(0, 59, 103, .18);
      backdrop-filter: blur(14px);
      -webkit-backdrop-filter: blur(14px);
      opacity: 0;
      transform: translateY(8px);
      pointer-events: none;
      transition: opacity .55s ease, transform .55s ease;
    }
    .care-chat.is-active {
      opacity: 1;
      transform: translateY(0);
      pointer-events: auto;
    }
    .care-chat-launcher,
    .care-chat-close {
      display: none;
    }
    .care-chat-kicker {
      margin-bottom: 11px;
      display: flex;
      align-items: center;
      justify-content: space-between;
      gap: 12px;
      color: #418095;
      font-size: 8px;
      font-weight: 700;
      letter-spacing: 1.25px;
      line-height: 1;
      text-transform: uppercase;
    }
    .care-chat-security {
      display: inline-flex;
      align-items: center;
      gap: 4px;
      color: #558094;
      letter-spacing: .6px;
    }
    .care-chat-security .icon {
      width: 12px;
      height: 12px;
      color: var(--cyan-dark);
      stroke-width: 2.3;
    }
    .care-chat-header {
      display: grid;
      grid-template-columns: 44px minmax(0, 1fr) auto;
      align-items: center;
      gap: 10px;
      padding-bottom: 12px;
      border-bottom: 1px solid #e6f1f4;
    }
    .care-chat-avatar {
      width: 44px;
      height: 44px;
      object-fit: cover;
      object-position: center 18%;
      border: 2px solid #fff;
      border-radius: 50%;
      box-shadow: 0 0 0 2px #dff4f7;
    }
    .care-chat-identity {
      min-width: 0;
      line-height: 1.15;
    }
    .care-chat-name-row {
      min-width: 0;
      margin-bottom: 4px;
      display: flex;
      align-items: center;
      gap: 7px;
    }
    .care-chat-identity strong {
      display: block;
      margin: 0;
      color: var(--navy);
      font-size: 13px;
      font-weight: 700;
    }
    .care-chat-identity > span {
      display: block;
      color: #668498;
      font-size: 10px;
    }
    .care-chat-identity .care-chat-nurse-score {
      padding: 3px 6px;
      display: inline-flex;
      align-items: center;
      gap: 3px;
      flex: none;
      color: #8a6500;
      background: #fff8dc;
      border: 1px solid #f0df9f;
      border-radius: 999px;
      font-size: 8px;
      font-weight: 800;
      line-height: 1;
      white-space: nowrap;
    }
    .care-chat-nurse-score::before {
      content: "★";
      color: #e5a500;
      font-size: 9px;
      line-height: 1;
    }
    .care-chat-status {
      display: inline-flex;
      align-items: center;
      gap: 5px;
      color: #247a5a;
      font-size: 9px;
      font-weight: 700;
      white-space: nowrap;
    }
    .care-chat-status::before {
      content: "";
      width: 7px;
      height: 7px;
      background: #28b37d;
      border: 2px solid #ddf7ec;
      border-radius: 50%;
      box-sizing: content-box;
    }
    .care-chat-thread {
      display: flex;
      flex-direction: column;
      gap: 8px;
      max-height: 198px;
      overflow-y: auto;
      overscroll-behavior: contain;
      padding: 12px 2px 14px 0;
      scrollbar-color: #bfdee5 transparent;
      scrollbar-width: thin;
    }
    .care-chat-message {
      display: flex;
      align-items: center;
      gap: 7px;
      max-width: 94%;
    }
    .care-chat-message-avatar {
      width: 28px;
      height: 28px;
      flex: none;
      object-fit: cover;
      object-position: center 20%;
      border: 2px solid #fff;
      border-radius: 50%;
      box-shadow: 0 0 0 1px #dfecef;
    }
    .care-chat-message-body {
      min-width: 0;
      flex: 1;
      text-align: center;
    }
    .care-chat-message p {
      margin: 0;
      padding: 10px 12px;
      color: #315c78;
      background: #f1f7f9;
      border: 1px solid #e2eef1;
      border-radius: 5px 14px 14px 14px;
      font-size: 11px;
      line-height: 1.38;
      text-align: center;
    }
    .care-chat-message-body > span {
      display: block;
      margin-top: 3px;
      margin-bottom: 1px;
      padding-inline: 4px;
      color: #8299a8;
      font-size: 8px;
      line-height: 1.2;
      text-align: center;
    }
    .care-chat-message-body .care-chat-attachment,
    .care-chat-message-body .care-chat-voice-note {
      width: fit-content;
      max-width: 100%;
      margin-inline: auto;
      text-align: center;
    }
    .care-chat-message.is-patient {
      align-self: flex-end;
      flex-direction: row-reverse;
    }
    .care-chat-message.is-patient p {
      color: #075870;
      background: #e4f8fb;
      border-color: #cceff4;
      border-radius: 14px 5px 14px 14px;
    }
    .care-chat-composer {
      min-height: 44px;
      padding: 3px;
      display: flex;
      align-items: center;
      justify-content: space-between;
      gap: 5px;
      color: #8aa0ad;
      background: #f8fbfc;
      border: 1px solid #dfecef;
      border-radius: 12px;
      font-size: 10px;
    }
    .care-chat-composer:focus-within {
      border-color: #71cbd6;
      box-shadow: 0 0 0 3px rgba(0, 183, 199, .12);
    }
    .care-chat-input {
      min-width: 0;
      width: 100%;
      padding: 8px 2px;
      color: var(--navy);
      background: transparent;
      border: 0;
      outline: 0;
      font: inherit;
      font-size: 11px;
    }
    .care-chat-input::placeholder {
      color: #8aa0ad;
      opacity: 1;
    }
    .care-chat-tools {
      display: inline-flex;
      align-items: center;
      gap: 1px;
      flex: none;
    }
    .care-chat-tool {
      width: 28px;
      height: 34px;
      padding: 0;
      display: inline-grid;
      place-items: center;
      color: #5e8295;
      background: transparent;
      border: 0;
      border-radius: 8px;
      cursor: pointer;
      transition: color .18s ease, background .18s ease;
    }
    .care-chat-tool:hover {
      color: var(--cyan-dark);
      background: #e8f7f9;
    }
    .care-chat-tool:focus-visible {
      outline: 2px solid rgba(0, 183, 199, .35);
      outline-offset: 1px;
    }
    .care-chat-tool .icon {
      width: 15px;
      height: 15px;
      stroke-width: 2;
    }
    .care-chat-tool.is-recording {
      color: #fff;
      background: #d95252;
    }
    .care-chat-attachment,
    .care-chat-voice-note {
      padding: 8px;
      display: flex;
      align-items: center;
      gap: 9px;
      color: #075870;
      background: #e4f8fb;
      border: 1px solid #cceff4;
      border-radius: 12px 5px 12px 12px;
      text-align: left;
    }
    .care-chat-attachment-preview {
      width: 58px;
      height: 44px;
      flex: none;
      object-fit: cover;
      border-radius: 8px;
    }
    .care-chat-file-icon {
      width: 36px;
      height: 36px;
      display: inline-grid;
      place-items: center;
      flex: none;
      color: var(--cyan-dark);
      background: #fff;
      border-radius: 9px;
    }
    .care-chat-file-icon .icon {
      width: 18px;
      height: 18px;
      stroke-width: 2;
    }
    .care-chat-attachment-copy {
      min-width: 0;
    }
    .care-chat-attachment-copy strong {
      max-width: 170px;
      display: block;
      overflow: hidden;
      color: #075870;
      font-size: 10px;
      line-height: 1.25;
      text-overflow: ellipsis;
      white-space: nowrap;
    }
    .care-chat-attachment-copy span {
      margin: 3px 0 0;
      padding: 0;
      color: #5f8797;
      font-size: 8px;
      line-height: 1.2;
    }
    .care-chat-voice-note {
      display: block;
    }
    .care-chat-voice-note strong {
      display: block;
      margin-bottom: 5px;
      font-size: 10px;
    }
    .care-chat-audio {
      width: 230px;
      max-width: 100%;
      height: 30px;
      display: block;
    }
    .care-chat-send {
      width: 38px;
      height: 38px;
      display: inline-grid;
      place-items: center;
      flex: none;
      color: #fff;
      background: var(--cyan);
      border: 0;
      border-radius: 9px;
      cursor: pointer;
      transition: background .2s ease, opacity .2s ease;
    }
    .care-chat-send:hover:not(:disabled) {
      background: var(--cyan-dark);
    }
    .care-chat-send:focus-visible {
      outline: 3px solid rgba(0, 183, 199, .28);
      outline-offset: 2px;
    }
    .care-chat-send:disabled {
      opacity: .38;
      cursor: not-allowed;
    }
    .care-chat-send .icon {
      width: 14px;
      height: 14px;
      stroke-width: 2.4;
    }
    .care-chat-rating {
      min-height: 30px;
      margin-top: 9px;
      padding-top: 8px;
      display: flex;
      align-items: center;
      gap: 7px;
      border-top: 1px solid #e6f1f4;
    }
    .care-chat-rating-label {
      color: #486f86;
      font-size: 9px;
      font-weight: 700;
      white-space: nowrap;
    }
    .care-chat-rating-anon {
      color: #6a8fa3;
      font-weight: 500;
    }
    .care-chat-stars {
      display: inline-flex;
      align-items: center;
      gap: 1px;
      margin-left: auto;
    }
    .care-chat-star {
      width: 24px;
      height: 24px;
      padding: 0;
      display: inline-grid;
      place-items: center;
      color: #c7d9df;
      background: transparent;
      border: 0;
      border-radius: 6px;
      font-size: 17px;
      line-height: 1;
      cursor: pointer;
      transition: color .18s ease, background .18s ease;
    }
    .care-chat-star.is-selected {
      color: #f3ad00;
    }
    .care-chat-star.is-selected:hover,
    .care-chat-star:hover {
      background: #fff8dd;
    }
    .care-chat-star:focus-visible {
      outline: 2px solid rgba(0, 183, 199, .35);
      outline-offset: 1px;
    }
    .care-chat-rating-score {
      width: 26px;
      color: #6b8799;
      font-size: 9px;
      font-weight: 700;
      text-align: right;
      white-space: nowrap;
    }
    .care-chat-rating-score.is-rated {
      color: var(--navy);
    }
    .benefit-bar {
      height: 90px;
      background: rgba(240,251,253,.95);
    }
    .benefit-grid {
      min-height: 90px;
      grid-template-columns: repeat(4, 1fr);
      gap: 45px;
      padding-inline: 22px;
    }
    .benefit-item { gap: 16px; font-size: 14px; }
    .benefit-item .icon { width: 42px; height: 42px; }
    .benefit-item span span { font-size: 11px; }

    .steps-section {
      height: auto;
      padding: 72px 0 92px;
      background:
        radial-gradient(circle at 9% 90%, rgba(8,180,194,.08), transparent 25%),
        linear-gradient(#fff, #effafe);
    }
    .steps-section > .container {
      width: min(calc(100vw - 60px), 1380px);
      max-width: 1380px;
    }
    .steps-section .section-head {
      max-width: 1100px;
      height: auto;
      margin-bottom: 40px;
    }
    .steps-section .section-head .section-kicker {
      margin-bottom: 16px;
    }
    .steps-section .section-head h2 {
      margin-bottom: 20px;
      font-size: 44px;
      line-height: 1.08;
    }
    .steps-section .section-head p {
      margin-top: 0;
      font-size: 16px;
      line-height: 1.45;
    }
    .section-kicker {
      margin-bottom: 8px;
      padding: 6px 18px;
      font-size: 10px;
      letter-spacing: 1.8px;
    }
    .section h2 {
      margin-bottom: 9px;
      font-size: 44px;
      line-height: 1.08;
    }
    .section-head p { font-size: 16px; line-height: 1.4; }
    .steps {
      --steps-gap: clamp(16px, 2vw, 24px);
      width: 100%;
      margin-inline: auto;
      grid-template-columns: repeat(4, minmax(0, 1fr));
      gap: var(--steps-gap);
      align-items: stretch;
    }
    .step {
      display: flex;
      flex-direction: column;
      min-height: 0;
      height: 100%;
      padding: 24px 26px 22px;
      border-radius: 18px;
      box-shadow: 0 8px 30px rgba(0,70,100,.08);
    }
    .step p {
      flex: 0 1 auto;
      margin-bottom: 0;
    }
    .step:not(:last-child)::after {
      right: calc(var(--steps-gap) / -2 - 6px);
      font-size: clamp(26px, 2.2vw, 32px);
    }
    .step-top { margin-bottom: 16px; }
    .step-number {
      width: 58px;
      height: 58px;
      font-size: 26px;
    }
    .step-top .icon { width: 48px; height: 48px; }
    .step h3 { margin-bottom: 10px; font-size: 19px; min-height: 0; }
    .step p {
      font-size: 14px;
      line-height: 1.45;
      min-height: 0;
    }
    .steps-synthesis {
      margin-top: 40px;
      font-size: clamp(20px, 2.1vw, 24px);
    }

    .professionals {
      height: auto;
      padding: 52px 0 60px;
    }
    .professionals > .container {
      width: min(calc(100vw - 60px), 1380px);
      max-width: 1380px;
    }
    .professionals .section-head {
      max-width: 1170px;
      height: auto;
      margin-bottom: 28px;
    }
    .professionals .section-head h2 { font-size: 43px; }
    .pro-grid {
      width: 100%;
      margin-inline: auto;
      grid-template-columns: repeat(2, minmax(0, 1fr));
      gap: clamp(16px, 2vw, 22px);
      align-items: stretch;
    }
    .pro-card {
      min-height: 440px;
      border-radius: 18px;
      box-shadow: 0 6px 23px rgba(0,59,88,.1);
    }
    .pro-photo {
      width: 42%;
      background:
        linear-gradient(90deg, transparent 72%, #f2fbfd 100%),
        url("https://afterclinic-reference.pages.dev/afterclinic-surgeon-hd.jpg") center 22% / cover no-repeat;
    }
    .pro-card.nurse .pro-photo {
      background:
        linear-gradient(270deg, transparent 72%, #f2fbfd 100%),
        url("https://afterclinic-reference.pages.dev/afterclinic-nurse-hd.jpg") center 26% / cover no-repeat;
    }
    .pro-card-content {
      width: 58%;
      margin-left: 42%;
      padding: 27px 34px 28px 34px;
    }
    .pro-card.nurse .pro-card-content {
      flex: 0 0 58%;
      width: 58%;
      max-width: 58%;
      margin-left: 0;
      padding: 27px 34px 28px 34px;
    }
    .pro-label {
      margin-bottom: 13px;
      padding: 6px 15px;
      font-size: 10px;
    }
    .pro-card h3 { margin-bottom: 15px; font-size: 23px; }
    .check-list { margin-bottom: 14px; }
    .check-list li { margin: 6px 0; padding-left: 25px; font-size: 14px; }
    .check-list li::before { width: 18px; height: 18px; }
    .price { margin-bottom: 14px; font-size: 12px; }
    .price strong { font-size: 19px; }
    .pro-card .button {
      max-width: 270px;
      width: 100%;
      min-width: 0;
      min-height: 53px;
      border-radius: 9px;
      font-size: 14px;
    }

    .testimonials {
      height: auto;
      padding: 44px 0 0;
    }
    .testimonials .container {
      width: min(calc(100% - 80px), 1360px);
    }
    .testimonials-head {
      max-width: 900px;
      margin-bottom: 22px;
    }
    .testimonials-head .section-kicker { margin-bottom: 14px; }
    .testimonials-head h2 {
      margin-bottom: 0;
      font-size: 35px;
      text-align: center;
    }
    .testimonials h2 { margin-bottom: 22px; font-size: 35px; text-align: center; }
    .testimonials-row {
      display: grid;
      grid-template-columns: minmax(190px, 220px) minmax(0, 1fr);
      gap: 28px;
      align-items: stretch;
    }
    .trustpilot-brand {
      display: flex;
      flex-direction: column;
      justify-content: center;
      gap: 10px;
      padding: 18px 16px;
      background: #fff;
      border: 1px solid #e4eff2;
      border-radius: 10px;
      box-shadow: 0 5px 18px rgba(17, 72, 104, .05);
    }
    .trustpilot-logo {
      display: flex;
      align-items: center;
      gap: 8px;
      color: #191919;
      font-size: 18px;
      font-weight: 700;
      letter-spacing: -.2px;
    }
    .trustpilot-logo svg { width: 28px; height: 28px; flex: none; }
    .trustpilot-score {
      color: #00b67a;
      font-size: 22px;
      letter-spacing: 2px;
      line-height: 1;
    }
    .trustpilot-brand .trustpilot-logo {
      margin: 0;
    }
    .trustpilot-brand .trustpilot-score {
      margin: 2px 0 10px;
    }
    .trustpilot-excellent {
      margin: 0 0 6px;
      color: var(--navy);
      font-size: 16px;
      font-weight: 700;
      line-height: 1.2;
    }
    .trustpilot-brand p {
      margin: 0;
      color: #627a8f;
      font-size: 12px;
      line-height: 1.35;
    }
    .testimonial-slider {
      min-width: 0;
      align-self: stretch;
      display: flex;
      flex-direction: column;
      --testimonial-gap: 17px;
      --testimonial-per-view: 3;
    }
    .testimonial-viewport {
      overflow: hidden;
      border-radius: 10px;
      flex: 1 1 auto;
      min-height: 0;
    }
    .testimonial-track {
      display: flex;
      align-items: stretch;
      gap: var(--testimonial-gap);
      height: 100%;
      transition: transform .45s ease;
      will-change: transform;
    }
    @media (prefers-reduced-motion: reduce) {
      .testimonial-track { transition: none; }
    }
    .testimonial-grid {
      width: 100%;
      margin-inline: 0;
      gap: 0;
    }
    .testimonial-track .testimonial {
      flex: 0 0 calc((100% - (var(--testimonial-gap) * (var(--testimonial-per-view) - 1))) / var(--testimonial-per-view));
      min-width: calc((100% - (var(--testimonial-gap) * (var(--testimonial-per-view) - 1))) / var(--testimonial-per-view));
    }
    .testimonial {
      box-sizing: border-box;
      min-height: 0;
      height: 100%;
      padding: 22px 18px 20px;
      border-radius: 10px;
      margin: 0;
      gap: 14px;
    }
    .testimonials-row .testimonial-body {
      display: flex;
      flex-direction: column;
      min-height: 0;
    }
    .testimonials-row .testimonial-text {
      margin-bottom: 0;
      overflow: hidden;
      display: -webkit-box;
      -webkit-box-orient: vertical;
      -webkit-line-clamp: 4;
    }
    .testimonial-avatar {
      width: 64px;
      height: 64px;
      min-width: 64px;
      min-height: 64px;
      box-shadow: 0 0 0 4px #eef8fa;
    }
    .testimonial-title { font-size: 11px; margin-bottom: 5px; }
    .testimonial-stars { font-size: 15px; margin-bottom: 7px; }
    .testimonial-text { margin-bottom: 9px; font-size: 13px; line-height: 1.45; }
    .testimonial-profile { width: 84px; }
    .testimonial-profile strong { font-size: 11px; line-height: 1.25; }
    .testimonial-profile .testimonial-meta { font-size: 9px; }
    .testimonial .testimonial-trust-row { margin-bottom: 7px; }
    .testimonial .testimonial-headline { font-size: 14px; margin-bottom: 7px; }
    .cta-wrap {
      height: auto;
      padding: 44px 0;
    }
    .cta-panel {
      width: min(calc(100vw - 75px), 1368px);
      min-height: 118px;
      margin-inline: auto;
      padding: 20px 31px;
      border-radius: 18px;
    }
    .cta-icon { width: 82px; height: 82px; }
    .cta-icon .icon { width: 47px; height: 47px; }
    .cta-copy { gap: 18px; }
    .cta-panel h2 { margin-bottom: 3px; font-size: 30px; }
    .cta-panel p { font-size: 14px; }
    .cta-panel .button {
      width: 243px;
      min-height: 63px;
      border-radius: 10px;
      font-size: 15px;
    }
    .cta-note {
      width: 170px;
      font-family: "Caveat", "Figtree", cursive;
      font-size: 20px;
    }

    footer { height: 309px; padding: 0; }
    footer .container { width: min(calc(100% - 100px), 1340px); }
    .footer-main {
      min-height: calc(309px - 70px - 37px);
      height: auto;
      grid-template-columns: 1.55fr repeat(6, 1fr);
      gap: 30px;
      align-items: center;
      padding: 0;
    }
    .footer-about .brand-mark { transform: none; width: 42px; height: 42px; }
    .footer-about .brand-letters { font-size: 19px; }
    .footer-about .brand-after,
    .footer-about .brand-clinic { letter-spacing: 3.1px; }
    .footer-about .brand-text-stack .brand-tagline { font-size: 9.75px; }
    .footer-about p {
      max-width: 300px;
      margin: 9px 0 10px;
      font-size: 13px;
      line-height: 1.38;
      text-wrap: balance;
    }
    .footer-col h3 { margin: 3px 0 10px; font-size: 12px; }
    .footer-col a { min-height: 26px; font-size: 12px; }
    .store-badges { width: calc(40px * 552 / 108); height: 40px; }
    .footer-trust { min-height: 70px; grid-template-columns: repeat(7, 1fr); }
    .trust-item { font-size: 12px; }
    .copyright { min-height: 37px; font-size: 11px; }

    @media (max-width: 1180px) {
      .container { width: min(calc(100% - 48px), 1080px); }
      .nav-links { gap: 18px; font-size: 13px; }
      .nav-actions .button { display: none; }
      .hero-copy {
        width: 58%;
        height: calc(100% - 90px);
        display: flex;
        flex-direction: column;
        padding-left: 0;
      }
      .hero h1 { font-size: clamp(48px, 5.2vw, 60px); }
      .hero-lead { font-size: 17px; }
      .hero-visual {
        left: 42%;
        right: calc(50% - 50vw);
        width: auto;
      }
      .hero-photo { background-position: right center; }
      .care-chat {
        left: calc(18% - 40px);
        width: 320px;
      }
      .rating-card {
        right: auto;
        left: calc(18% - 40px);
        width: min(520px, calc(82% - 18px));
        gap: 14px;
      }
      .rating-card .testimonial-profile {
        width: 164px;
        min-width: 164px;
        padding-right: 14px;
        grid-template-columns: 54px minmax(0, 1fr);
        column-gap: 10px;
      }
      .rating-card .rating-avatar {
        width: 54px;
        height: 54px;
        min-width: 54px;
        min-height: 54px;
      }
      .steps { width: 100%; gap: 22px; }
      .step { padding: 23px 20px; }
      .step:not(:last-child)::after { right: -19px; }
      .pro-grid,
      .testimonial-grid,
      .cta-panel { width: 100%; }
      .pro-card-content { padding-inline: 24px; }
      .pro-card .button { min-width: 215px; }
    }

    @media (max-width: 820px) {
      .topbar .container,
      .navbar .container { width: min(calc(100% - 28px), 760px); }
      .topbar-inner { min-height: 36px; }
      .topbar-item { min-height: 36px; }
      .topbar-group-main .topbar-item:nth-child(n+2) { display: none; }
      .topbar-auth-spacer { display: none; }
      .topbar-group-auth {
        width: auto;
      }
      .topbar-group-auth .topbar-item {
        width: auto;
        justify-content: flex-start;
      }
      .nav-inner { min-height: 60px; }
      .nav-links,
      .nav-inner > .nav-actions { display: none; }
      .menu-toggle { display: inline-flex; }
      .navbar .brand {
        width: auto;
        height: auto;
        display: inline-flex;
        background: none;
      }
      .navbar .brand > * { visibility: visible; }
      .hero,
      .hero-inner {
        height: auto;
        min-height: 0;
        max-height: none;
      }
      .hero {
        display: flex;
        flex-direction: column;
      }
      .hero-inner {
        display: flex;
        flex-direction: column;
        align-items: stretch;
        padding-bottom: 0;
        order: 1;
      }
      .benefit-bar {
        position: relative;
        bottom: auto;
        left: auto;
        right: auto;
        order: 2;
        margin-top: 0;
        height: auto;
      }
      .benefit-grid {
        min-height: 0;
        padding: 14px 0;
      }
      .hero-copy {
        width: 100%;
        height: auto;
        display: block;
        flex: 0 0 auto;
        padding: 34px 0 12px;
        text-align: center;
      }
      .hero-lead {
        margin-bottom: 23px;
        padding-bottom: 0;
      }
      .hero-actions-slot {
        display: block;
        flex: none;
      }
      .hero-actions { margin-top: 0; }
      .hero-copy .eyebrow { margin-inline: auto; }
      .hero h1 { max-width: 700px; margin-inline: auto; font-size: 54px; }
      .hero-lead { margin-inline: auto; }
      .hero-actions { align-items: center; width: 100%; }
      .hero-actions-row {
        flex-direction: row;
        flex-wrap: nowrap;
        justify-content: center;
        gap: 10px;
        width: 100%;
        max-width: min(100%, 520px);
        margin-inline: auto;
      }
      .hero-actions .button,
      .watch-link {
        flex: 1 1 0;
        width: auto;
        min-width: 0;
        min-height: 52px;
      }
      .hero-actions .button {
        padding-inline: 14px;
        font-size: 14px;
      }
      .watch-link {
        padding-inline: 10px;
        font-size: 12px;
        line-height: 1.2;
        white-space: normal;
        text-align: center;
        justify-content: center;
      }
      .watch-link .play {
        width: 26px;
        height: 26px;
        flex: none;
      }
      .hero-trust-banner { text-align: center; margin-inline: auto; }
      .hero-top-row { justify-content: center; }
      .hero-top-row .hero-trust-banner { margin-inline: 0; }
      .hero-visual {
        position: relative;
        top: auto;
        right: auto;
        bottom: auto;
        left: auto;
        width: 100%;
        height: clamp(280px, 42vw, 380px);
        min-height: 280px;
        flex: 0 0 auto;
        margin-top: 4px;
      }
      .hero-photo {
        background-position: center 42%;
        background-size: cover;
        background-repeat: no-repeat;
        -webkit-mask-image: linear-gradient(180deg, transparent 0%, #000 12%, #000 100%);
        mask-image: linear-gradient(180deg, transparent 0%, #000 12%, #000 100%);
      }
      .hero-photo::before {
        display: block;
        background: linear-gradient(180deg, rgba(239, 250, 254, .82) 0%, rgba(239, 250, 254, .22) 14%, transparent 28%);
      }
      .hero-photo::after {
        display: block;
        background:
          linear-gradient(180deg, transparent 62%, rgba(240, 251, 253, .75) 100%),
          linear-gradient(90deg, rgba(239, 250, 254, .25) 0%, transparent 20%);
      }
      .hand-note { display: none; }
      .rating-card { display: none; }
      .care-chat {
        top: 16px;
        right: auto;
        left: 16px;
        width: min(330px, calc(100% - 32px));
      }
      .care-chat.is-active {
        visibility: hidden;
        opacity: 0;
        transform: translateY(10px) scale(.98);
        pointer-events: none;
      }
      .care-chat.is-active.is-mobile-open {
        visibility: visible;
        opacity: 1;
        transform: translateY(0) scale(1);
        pointer-events: auto;
      }
      .care-chat-launcher {
        position: absolute;
        z-index: 7;
        top: 28px;
        bottom: auto;
        left: 20px;
        width: 58px;
        height: 58px;
        padding: 0;
        display: grid;
        place-items: center;
        visibility: hidden;
        color: #fff;
        background: var(--cyan);
        border: 3px solid rgba(255,255,255,.92);
        border-radius: 50%;
        box-shadow: 0 13px 30px rgba(0, 74, 103, .27);
        opacity: 0;
        transform: translateY(8px) scale(.92);
        cursor: pointer;
        pointer-events: none;
        transition: opacity .25s ease, transform .25s ease, background .2s ease;
      }
      .care-chat-launcher.is-active {
        visibility: visible;
        opacity: 1;
        transform: translateY(0) scale(1);
        pointer-events: auto;
      }
      .care-chat-launcher.is-active[aria-expanded="true"] {
        visibility: hidden;
        opacity: 0;
        transform: translateY(8px) scale(.92);
        pointer-events: none;
      }
      .care-chat-launcher:hover {
        background: var(--cyan-dark);
      }
      .care-chat-launcher:focus-visible {
        outline: 4px solid rgba(0, 183, 199, .25);
        outline-offset: 3px;
      }
      .care-chat-launcher::after {
        content: "";
        position: absolute;
        top: 2px;
        right: 2px;
        width: 9px;
        height: 9px;
        background: #27b57d;
        border: 2px solid #fff;
        border-radius: 50%;
      }
      .care-chat-launcher .icon {
        width: 25px;
        height: 25px;
        stroke-width: 2;
      }
      .care-chat-header {
        grid-template-columns: 44px minmax(0, 1fr) auto 30px;
      }
      .care-chat-close {
        width: 30px;
        height: 30px;
        padding: 0;
        display: inline-grid;
        place-items: center;
        color: #668498;
        background: #eff7f9;
        border: 0;
        border-radius: 9px;
        cursor: pointer;
      }
      .care-chat-close:hover {
        color: var(--navy);
        background: #e1f1f4;
      }
      .care-chat-close:focus-visible {
        outline: 2px solid rgba(0, 183, 199, .35);
        outline-offset: 2px;
      }
      .care-chat-close .icon {
        width: 15px;
        height: 15px;
        stroke-width: 2.2;
      }
      .benefit-grid { grid-template-columns: 1fr 1fr; gap: 5px 30px; }
      .steps-section,
      .professionals,
      .testimonials,
      .cta-wrap,
      footer { height: auto; }
      .steps-section { padding: 44px 0 48px; }
      .steps-section .section-head,
      .professionals .section-head { height: auto; margin-bottom: 24px; }
      .steps { grid-template-columns: 1fr 1fr; }
      .step { min-height: 0; }
      .step:not(:last-child)::after { display: none; }
      .professionals { padding: 44px 0 48px; }
      .pro-grid { grid-template-columns: 1fr; gap: 18px; }
      .testimonials-row { grid-template-columns: 1fr; }
      .trustpilot-brand { flex-direction: column; align-items: flex-start; }
      .testimonial-grid { grid-template-columns: 1fr; }
      .testimonials { padding: 36px 0 0; }
      .cta-wrap { padding: 40px 16px; }
      .cta-panel { width: 100%; flex-wrap: wrap; }
      .cta-note { display: none; }
      footer { padding-top: 0; }
      .footer-main {
        min-height: 0;
        height: auto;
        grid-template-columns: 1.4fr repeat(2, 1fr);
        align-items: center;
        padding: 27px 0;
      }
      .footer-col:nth-child(n+4) { display: none; }
      .footer-trust { grid-template-columns: repeat(4, 1fr); }
      .trust-item:nth-child(n+5) { display: none; }
    }

    @media (max-width: 560px) {
      .container { width: min(calc(100% - 28px), 480px); }
      .topbar-group-main { display: none; }
      .topbar-group-auth {
        grid-column: 1 / -1;
        justify-self: center;
        width: auto;
      }
      .topbar-auth-spacer { display: none; }
      .nav-inner { min-height: 56px; }
      .brand-mark { width: 46px; height: 46px; transform: none; }
      .brand-letters { font-size: 20px; }
      .brand-after,
      .brand-clinic { letter-spacing: 3.2px; }
      .brand-text-stack .brand-tagline { font-size: 9.5px; }
      .hero,
      .hero-inner {
        height: auto;
        min-height: 0;
        max-height: none;
      }
      .hero-inner { padding-bottom: 0; }
      .hero-copy { padding-top: 28px; }
      .hero h1 {
        max-width: 390px;
        font-size: clamp(38px, 11vw, 49px);
        line-height: 1.1;
      }
      .hero-lead {
        max-width: 390px;
        margin-bottom: 16px;
        font-size: 15px;
      }
      .hero-lead br { display: none; }
      .hero-actions { gap: 12px; }
      .hero-actions-row { gap: 8px; max-width: 100%; }
      .hero-actions .button {
        min-height: 46px;
        padding-inline: 10px;
        font-size: 12px;
      }
      .watch-link {
        min-height: 46px;
        padding-inline: 8px;
        font-size: 11px;
        gap: 6px;
      }
      .watch-link .play {
        width: 22px;
        height: 22px;
        font-size: 9px;
      }
      .hero-actions .button .icon {
        width: 14px;
        height: 14px;
      }
      .hero-trust-banner { width: auto; max-width: 330px; }
      .hero-top-row .hero-trust-stars { margin-left: 10px; }
      .hero-visual {
        height: clamp(320px, 42vh, 370px);
        min-height: 320px;
      }
      .hero-photo {
        background-position: center 38%;
      }
      .care-chat {
        top: 12px;
        left: 12px;
        width: min(320px, calc(100% - 24px));
        padding: 11px;
        border-radius: 15px;
      }
      .care-chat-kicker {
        margin-bottom: 8px;
        font-size: 7px;
      }
      .care-chat-header {
        grid-template-columns: 38px minmax(0, 1fr) auto 28px;
        gap: 8px;
        padding-bottom: 9px;
      }
      .care-chat-close {
        width: 28px;
        height: 28px;
      }
      .care-chat-avatar {
        width: 38px;
        height: 38px;
      }
      .care-chat-identity strong { font-size: 12px; }
      .care-chat-identity span { font-size: 9px; }
      .care-chat-thread {
        gap: 6px;
        max-height: 178px;
        padding: 9px 0 12px;
      }
      .care-chat-message-avatar {
        width: 24px;
        height: 24px;
      }
      .care-chat-message p {
        padding: 8px 10px;
        font-size: 10px;
        line-height: 1.3;
      }
      .care-chat-composer {
        min-height: 40px;
      }
      .care-chat-tool {
        width: 25px;
        height: 32px;
      }
      .care-chat-tool .icon {
        width: 14px;
        height: 14px;
      }
      .care-chat-input {
        font-size: 9px;
      }
      .care-chat-send {
        width: 34px;
        height: 34px;
      }
      .care-chat-rating {
        min-height: 26px;
        margin-top: 6px;
        padding-top: 6px;
        gap: 5px;
      }
      .care-chat-star {
        width: 21px;
        height: 21px;
        font-size: 15px;
      }
      .rating-avatar {
        width: 64px;
        height: 64px;
        min-width: 64px;
        min-height: 64px;
      }
      .benefit-bar { height: auto; margin-top: 0; }
      .benefit-grid { min-height: 0; padding: 12px 0 14px; gap: 10px 15px; }
      .hero-visual { margin-bottom: 0; }
      .benefit-item { font-size: 11px; }
      .benefit-item .icon { width: 30px; height: 30px; }
      .section h2,
      .professionals .section-head h2 { font-size: 30px; }
      .steps { width: 100%; grid-template-columns: 1fr; gap: 15px; }
      .step {
        min-height: 0;
        aspect-ratio: auto;
        padding: 20px;
        background: #fff;
        border: 1px solid #e3f1f4;
      }
      .step > * { opacity: 1; }
      .step-number { width: 48px; height: 48px; font-size: 24px; }
      .step-top .icon { width: 42px; height: 42px; }
      .pro-card {
        min-height: 530px;
        aspect-ratio: auto;
        background: #f2fbfd;
      }
      .pro-photo,
      .pro-card.nurse .pro-photo {
        display: block;
        inset: 0 0 auto 0;
        width: 100%;
        height: 260px;
      }
      .pro-photo {
        background:
          linear-gradient(0deg, #f2fbfd 0%, transparent 32%),
          url("https://afterclinic-reference.pages.dev/afterclinic-surgeon-hd.jpg") center 24% / cover no-repeat;
      }
      .pro-card.nurse .pro-photo {
        background:
          linear-gradient(0deg, #f2fbfd 0%, transparent 32%),
          url("https://afterclinic-reference.pages.dev/afterclinic-nurse-hd.jpg") center 23% / cover no-repeat;
      }
      .pro-card-content,
      .pro-card.nurse .pro-card-content {
        width: 100%;
        height: auto;
        margin: 238px 0 0;
        padding: 10px 22px 24px;
        opacity: 1;
      }
      .pro-card .button {
        position: static;
        min-width: 0;
        width: 100%;
        max-width: none;
        margin-top: 16px;
      }
      .testimonial-slider { --testimonial-per-view: 1; --testimonial-gap: 0px; }
      .testimonials-row .testimonial-text { -webkit-line-clamp: unset; display: block; overflow: visible; }
      .testimonial {
        min-height: 175px;
        aspect-ratio: auto;
        padding: 20px 18px;
        background: #fff;
        gap: 14px;
      }
      .testimonial > * { opacity: 1; }
      .testimonial-avatar {
        width: 56px;
        height: 56px;
        min-width: 56px;
        min-height: 56px;
        box-shadow: 0 0 0 3px #eef8fa;
      }
      .testimonial-profile { width: 76px; }
      .cta-panel { padding: 22px; justify-content: center; text-align: center; }
      .cta-copy { flex-direction: column; }
      .cta-panel .button { width: 100%; }
      footer .container { width: min(calc(100% - 28px), 480px); }
      .footer-main { grid-template-columns: 1fr 1fr; align-items: center; }
      .footer-about { grid-column: 1 / -1; }
      .footer-col { display: block !important; }
      .footer-trust { grid-template-columns: 1fr 1fr; }
      .copyright { height: auto; padding: 12px 0; }
    }