
  #ashout-home {
    --ao1-blue:#0d4f82; --ao1-blue-hover:#1475a9; --ao1-teal:#0b5d6b;
    --ao1-green:#4a9b71; --ao1-white:#fff; --ao1-ink:#153f5f;
    --ao1-muted:#405f75; --ao1-danger:#b42332; --ao1-line:rgba(18,82,122,.18);
    --ao1-ease:cubic-bezier(.16,1,.3,1);
    position:relative; isolation:isolate; overflow:hidden; width:100%;
    padding:clamp(74px,9vw,118px) 16px clamp(58px,8vw,90px);
    background:linear-gradient(180deg,#dff2fb 0%,#edf8fc 50%,#f5fbf9 100%);
    color:var(--ao1-ink); font-family:"KoHo","Segoe UI",Arial,sans-serif;
    scroll-margin-top:84px;
  }
  #ashout-home,#ashout-home *{box-sizing:border-box}
  #ashout-home [hidden]{display:none!important}
  #ashout-home a,#ashout-home button{font:inherit}
  #ashout-home .ao1__sky{position:absolute;inset:0;z-index:-1;pointer-events:none}
  #ashout-home .ao1__sun{position:absolute;top:58px;right:8%;width:clamp(90px,12vw,145px);aspect-ratio:1;border-radius:50%;background:rgba(255,221,123,.7);box-shadow:0 0 0 22px rgba(255,231,153,.2),0 0 56px rgba(255,215,102,.28)}
  #ashout-home .ao1__cloud{position:absolute;width:165px;height:46px;border-radius:999px;background:rgba(255,255,255,.68)}
  #ashout-home .ao1__cloud::before,#ashout-home .ao1__cloud::after{content:"";position:absolute;bottom:0;border-radius:50%;background:inherit}
  #ashout-home .ao1__cloud::before{left:25px;width:67px;height:67px}
  #ashout-home .ao1__cloud::after{right:24px;width:86px;height:86px}
  #ashout-home .ao1__cloud--one{top:140px;left:-75px;transform:scale(.88)}
  #ashout-home .ao1__cloud--two{top:300px;right:-95px;transform:scale(1.14);opacity:.48}
  #ashout-home .ao1__shell{width:min(1060px,100%);margin:0 auto}
  #ashout-home .ao1__intro{max-width:850px;margin:0 auto;text-align:center}
  #ashout-home .ao1__eyebrow{margin:0 0 10px;color:var(--ao1-green);font-size:.8rem;font-weight:700;letter-spacing:.17em}
  #ashout-home h1{margin:0;color:var(--ao1-blue);font-size:clamp(3rem,8vw,6.4rem);font-weight:400;letter-spacing:-.055em;line-height:.98}
  #ashout-home .ao1__lead{max-width:650px;margin:20px auto 8px;color:var(--ao1-muted);font-size:clamp(1.07rem,2vw,1.3rem);font-weight:500}
  #ashout-home .ao1__question{margin:0 auto 20px;color:var(--ao1-ink);font-weight:700}
  #ashout-home .ao1__actions{display:flex;justify-content:center;flex-wrap:wrap;gap:10px}
  #ashout-home .ao1__button{display:inline-flex;align-items:center;justify-content:center;gap:9px;min-height:50px;padding:12px 18px;border:1px solid transparent;border-radius:14px;font-weight:700;text-decoration:none;cursor:pointer;transition:transform 180ms var(--ao1-ease),background 180ms var(--ao1-ease),border-color 180ms var(--ao1-ease),box-shadow 180ms var(--ao1-ease)}
  #ashout-home .ao1__button svg{width:21px;height:21px;fill:none;stroke:currentColor;stroke-width:1.9;stroke-linecap:round;stroke-linejoin:round}
  #ashout-home .ao1__button:hover{transform:translateY(-2px)}
  #ashout-home .ao1__button:active{transform:translateY(1px) scale(.97)}
  #ashout-home .ao1__button--primary{background:var(--ao1-blue);color:var(--ao1-white);box-shadow:0 12px 28px rgba(13,79,130,.2)}
  #ashout-home .ao1__button--primary:hover{background:var(--ao1-blue-hover)}
  #ashout-home .ao1__button--secondary{border-color:rgba(13,79,130,.2);background:rgba(255,255,255,.82);color:var(--ao1-ink)}
  #ashout-home .ao1__button--quiet{background:transparent;color:var(--ao1-teal)}
  #ashout-home .ao1__button--quiet:hover{background:rgba(255,255,255,.55)}
  #ashout-home .ao1__test-link{display:grid;grid-template-columns:auto 1fr auto;align-items:center;gap:12px;width:min(520px,100%);margin:26px auto 0;padding:13px 15px;border:1px solid rgba(74,155,113,.2);border-radius:16px;background:rgba(255,255,255,.7);color:var(--ao1-teal);text-align:left;text-decoration:none;transition:transform 180ms var(--ao1-ease),background 180ms var(--ao1-ease)}
  #ashout-home .ao1__test-link:hover{transform:translateY(-2px);background:rgba(255,255,255,.94)}
  #ashout-home .ao1__test-icon{display:grid;place-items:center;width:44px;height:44px;border-radius:13px;background:rgba(74,155,113,.13)}
  #ashout-home .ao1__test-link svg{width:24px;height:24px;fill:none;stroke:currentColor;stroke-width:1.8;stroke-linecap:round;stroke-linejoin:round}
  #ashout-home .ao1__test-link span:nth-child(2){display:flex;flex-direction:column}
  #ashout-home .ao1__test-link small{color:var(--ao1-muted);font-size:.82rem;font-weight:600}
  #ashout-home .ao1__arrow{animation:ao1Arrow 1.7s ease-in-out infinite}
  #ashout-home .ao1__stat{position:relative;display:grid;justify-items:center;gap:10px;width:min(700px,100%);margin:34px auto 0;padding:22px 56px 20px;border:1px solid var(--ao1-line);border-radius:22px;background:rgba(255,255,255,.94);box-shadow:0 20px 48px rgba(25,94,132,.12);text-align:center}
  #ashout-home .ao1__stat-icon{display:grid;place-items:center;width:54px;height:54px;border-radius:17px;background:rgba(13,79,130,.08);color:var(--ao1-blue)}
  #ashout-home .ao1__stat-icon svg{width:36px;height:36px;fill:none;stroke:currentColor;stroke-width:1.8;stroke-linecap:round;stroke-linejoin:round}
  #ashout-home .ao1__stat-copy{display:grid;justify-items:center;gap:5px}#ashout-home .ao1__stat-label{margin:0;color:#31566f;font-size:.9rem;font-weight:700}
  #ashout-home .ao1__counter{display:block;color:var(--ao1-danger);font-size:clamp(2.7rem,7vw,4.7rem);font-weight:700;line-height:1;font-variant-numeric:tabular-nums;text-shadow:0 1px 0 rgba(255,255,255,.7)}
  #ashout-home .ao1__rate{margin:2px 0 0;color:#31566f;font-size:1rem;font-weight:650}#ashout-home .ao1__rate strong{color:var(--ao1-danger);font-weight:800}
  #ashout-home .ao1__info{position:absolute;top:14px;right:14px;width:40px;height:40px;border:1px solid rgba(13,79,130,.2);border-radius:50%;background:#edf8fc;color:var(--ao1-blue);font-weight:800;cursor:pointer}
  #ashout-home .ao1__source{width:100%;padding-top:13px;border-top:1px solid var(--ao1-line);color:#405f75;font-size:.82rem;font-weight:550;line-height:1.5;text-align:center}
  #ashout-home .ao1__source a{color:var(--ao1-blue);font-weight:700}
  #ashout-home a:focus-visible,#ashout-home button:focus-visible{outline:3px solid rgba(74,155,113,.36);outline-offset:3px}
  @keyframes ao1Arrow{0%,100%{transform:translateY(0)}50%{transform:translateY(4px)}}
  @media(max-width:620px){#ashout-home .ao1__actions{display:grid}#ashout-home .ao1__button{width:100%}#ashout-home .ao1__stat{padding:20px 48px 18px}#ashout-home .ao1__stat-icon{width:48px;height:48px}#ashout-home .ao1__counter{font-size:clamp(2.6rem,15vw,4rem)}}
  @media(prefers-reduced-motion:reduce){#ashout-home *,#ashout-home *::before,#ashout-home *::after{animation-duration:.01ms!important;animation-iteration-count:1!important;transition-duration:.01ms!important}}



  /* =========================================================
     DESIGN TOKENS
     ========================================================= */

  #ashout-about {

    --ao3-blue:
      #0d4f82;

    --ao3-blue-hover:
      #1475a9;

    --ao3-green:
      #4a9b71;

    --ao3-teal:
      #0b5d6b;

    --ao3-ink:
      #153f5f;

    --ao3-muted:
      #405f75;

    --ao3-line:
      rgba(
        18,
        82,
        122,
        .15
      );

    --ao3-ease:
      cubic-bezier(
        .16,
        1,
        .3,
        1
      );

    width:
      100%;

    padding:
      clamp(
        68px,
        8vw,
        108px
      )
      16px;

    background:
      radial-gradient(circle at 10% 0%, rgba(74,155,113,.08), transparent 30%),
      radial-gradient(circle at 90% 100%, rgba(20,117,169,.08), transparent 32%),
      linear-gradient(180deg,#f5fbf9 0%,#edf8fc 52%,#f5fbf9 100%);

    color:
      var(--ao3-ink);

    font-family:
      "KoHo",
      "Segoe UI",
      Arial,
      sans-serif;

    scroll-margin-top:
      84px;
  }


  #ashout-about,
  #ashout-about * {

    box-sizing:
      border-box;
  }


  #ashout-about a,
  #ashout-about button {

    font:
      inherit;
  }


  #ashout-about .ao3__shell {

    width:
      min(
        1080px,
        100%
      );

    margin:
      0 auto;
  }


  /* =========================================================
     INTRO
     ========================================================= */

  #ashout-about .ao3__intro {

    max-width:
      780px;

    margin:
      0 auto 38px;

    text-align:
      center;
  }


  #ashout-about .ao3__status {

    display:
      inline-flex;

    align-items:
      center;

    gap:
      8px;

    margin-bottom:
      17px;

    padding:
      7px 13px;

    border:
      1px solid
      rgba(
        74,
        155,
        113,
        .25
      );

    border-radius:
      999px;

    background:
      rgba(
        232,
        247,
        239,
        .88
      );

    color:
      var(--ao3-teal);

    font-size:
      .78rem;

    font-weight:
      700;

    letter-spacing:
      .1em;

    box-shadow:
      0 7px 20px
      rgba(
        74,
        155,
        113,
        .08
      );
  }


  #ashout-about .ao3__status-dot {

    width:
      8px;

    height:
      8px;

    border-radius:
      50%;

    background:
      var(--ao3-green);

    box-shadow:
      0 0 0 5px
      rgba(
        74,
        155,
        113,
        .12
      );

    animation:
      ao3Pulse
      2.2s
      ease-in-out
      infinite;
  }


  #ashout-about .ao3__eyebrow {

    margin:
      0 0 9px;

    color:
      var(--ao3-green);

    font-size:
      .78rem;

    font-weight:
      700;

    letter-spacing:
      .16em;
  }


  #ashout-about h2 {

    margin:
      0;

    color:
      var(--ao3-blue);

    font-size:
      clamp(
        2.45rem,
        6vw,
        4.7rem
      );

    font-weight:
      400;

    letter-spacing:
      -.04em;

    line-height:
      1.03;
  }


  #ashout-about .ao3__lead {

    max-width:
      700px;

    margin:
      15px auto 0;

    color:
      var(--ao3-muted);

    font-size:
      1.08rem;

    line-height:
      1.58;
  }


  /* =========================================================
     HIGHLIGHT CHIPS
     ========================================================= */

  #ashout-about .ao3__chips {

    display:
      flex;

    justify-content:
      center;

    flex-wrap:
      wrap;

    gap:
      8px;

    margin-top:
      19px;
  }


  #ashout-about .ao3__chips span {

    display:
      inline-flex;

    align-items:
      center;

    gap:
      6px;

    padding:
      7px 11px;

    border:
      1px solid
      var(--ao3-line);

    border-radius:
      999px;

    background:
      rgba(
        255,
        255,
        255,
        .78
      );

    color:
      var(--ao3-teal);

    font-size:
      .81rem;

    font-weight:
      600;
  }


  #ashout-about .ao3__chips svg {

    width:
      16px;

    height:
      16px;

    fill:
      none;

    stroke:
      currentColor;

    stroke-width:
      1.8;

    stroke-linecap:
      round;

    stroke-linejoin:
      round;
  }


  /* =========================================================
     INFORMATION CARDS
     ========================================================= */

  #ashout-about .ao3__grid {

    display:
      grid;

    grid-template-columns:
      repeat(
        2,
        minmax(
          0,
          1fr
        )
      );

    gap:
      14px;
  }


  #ashout-about .ao3__card {

    min-width:
      0;

    border:
      1px solid
      var(--ao3-line);

    border-radius:
      20px;

    background:
      rgba(
        255,
        255,
        255,
        .95
      );

    box-shadow:
      0 16px 42px
      rgba(
        25,
        94,
        132,
        .09
      );

    overflow:
      hidden;

    transition:

      transform
      180ms
      var(--ao3-ease),

      border-color
      180ms
      var(--ao3-ease),

      box-shadow
      180ms
      var(--ao3-ease);
  }


  #ashout-about .ao3__card:hover {

    transform:
      translateY(-2px);

    border-color:
      rgba(
        13,
        79,
        130,
        .28
      );

    box-shadow:
      0 21px 48px
      rgba(
        25,
        94,
        132,
        .12
      );
  }


  #ashout-about .ao3__card summary {

    display:
      grid;

    grid-template-columns:
      auto 1fr auto;

    align-items:
      center;

    gap:
      13px;

    min-height:
      132px;

    padding:
      22px;

    list-style:
      none;

    cursor:
      pointer;
  }


  #ashout-about
  .ao3__card
  summary::-webkit-details-marker {

    display:
      none;
  }


  #ashout-about .ao3__icon {

    display:
      grid;

    place-items:
      center;

    width:
      58px;

    height:
      58px;

    border-radius:
      18px;

    background:
      linear-gradient(
        145deg,
        #edf8fc,
        #eaf6ee
      );

    color:
      var(--ao3-blue);
  }


  #ashout-about .ao3__icon svg {

    width:
      35px;

    height:
      35px;

    fill:
      none;

    stroke:
      currentColor;

    stroke-width:
      1.8;

    stroke-linecap:
      round;

    stroke-linejoin:
      round;
  }


  #ashout-about .ao3__card-copy {

    display:
      flex;

    min-width:
      0;

    flex-direction:
      column;
  }


  #ashout-about .ao3__card-copy strong {

    color:
      var(--ao3-ink);

    font-size:
      1.14rem;
  }


  #ashout-about .ao3__card-copy small {

    margin-top:
      3px;

    color:
      var(--ao3-muted);

    font-size:
      .86rem;

    line-height:
      1.4;
  }


  #ashout-about .ao3__plus {

    position:
      relative;

    width:
      34px;

    height:
      34px;

    border-radius:
      50%;

    background:
      #edf8fc;
  }


  #ashout-about .ao3__plus::before,
  #ashout-about .ao3__plus::after {

    content:
      "";

    position:
      absolute;

    top:
      50%;

    left:
      50%;

    width:
      14px;

    height:
      2px;

    border-radius:
      999px;

    background:
      var(--ao3-blue);

    transform:
      translate(
        -50%,
        -50%
      );

    transition:
      transform
      180ms
      var(--ao3-ease);
  }


  #ashout-about .ao3__plus::after {

    transform:
      translate(
        -50%,
        -50%
      )
      rotate(
        90deg
      );
  }


  #ashout-about
  .ao3__card[open]
  .ao3__plus::after {

    transform:
      translate(
        -50%,
        -50%
      )
      rotate(
        0deg
      );
  }


  #ashout-about .ao3__card > p {

    margin:
      0;

    padding:
      0 22px 20px 93px;

    color:
      var(--ao3-muted);

    line-height:
      1.55;
  }


  /* =========================================================
     ASH OUT PRE-BOOK PANEL
     ========================================================= */

  #ashout-about .ao3__prebook {

    display:
      grid;

    grid-template-columns:
      auto 1fr auto;

    align-items:
      center;

    gap:
      18px;

    margin-top:
      28px;

    padding:
      clamp(
        20px,
        3vw,
        27px
      );

    border:
      1px solid
      rgba(
        13,
        79,
        130,
        .15
      );

    border-radius:
      22px;

    background:
      linear-gradient(
        125deg,
        rgba(
          231,
          245,
          251,
          .9
        ),
        rgba(
          232,
          247,
          239,
          .92
        )
      );

    box-shadow:
      0 18px 42px
      rgba(
        25,
        94,
        132,
        .1
      );
  }


  #ashout-about .ao3__prebook-icon {

    display:
      grid;

    place-items:
      center;

    width:
      66px;

    height:
      66px;

    border-radius:
      19px;

    background:
      white;

    color:
      var(--ao3-blue);
  }


  #ashout-about .ao3__prebook-icon svg {

    width:
      38px;

    height:
      38px;

    fill:
      none;

    stroke:
      currentColor;

    stroke-width:
      1.8;

    stroke-linecap:
      round;

    stroke-linejoin:
      round;
  }


  #ashout-about .ao3__prebook-label {

    display:
      block;

    margin-bottom:
      4px;

    color:
      var(--ao3-green);

    font-size:
      .73rem;

    font-weight:
      700;

    letter-spacing:
      .12em;
  }


  #ashout-about .ao3__prebook h3 {

    margin:
      0;

    color:
      var(--ao3-ink);

    font-size:
      clamp(
        1.25rem,
        2vw,
        1.55rem
      );
  }


  #ashout-about .ao3__prebook p {

    margin:
      6px 0 0;

    color:
      var(--ao3-muted);

    line-height:
      1.5;
  }


  #ashout-about .ao3__prebook-button {

    display:
      inline-flex;

    align-items:
      center;

    justify-content:
      center;

    gap:
      9px;

    min-height:
      50px;

    padding:
      12px 18px;

    border:
      1px solid
      var(--ao3-blue);

    border-radius:
      13px;

    background:
      var(--ao3-blue);

    color:
      white;

    font-weight:
      700;

    text-decoration:
      none;

    white-space:
      nowrap;

    box-shadow:
      0 11px 25px
      rgba(
        13,
        79,
        130,
        .17
      );

    transition:

      transform
      180ms
      var(--ao3-ease),

      background
      180ms
      var(--ao3-ease);
  }


  #ashout-about .ao3__prebook-button:hover {

    transform:
      translateY(-2px);

    background:
      var(--ao3-blue-hover);
  }


  #ashout-about .ao3__prebook-button:active {

    transform:
      translateY(1px)
      scale(.97);
  }


  #ashout-about .ao3__prebook-button svg {

    width:
      20px;

    height:
      20px;

    fill:
      none;

    stroke:
      currentColor;

    stroke-width:
      1.9;

    stroke-linecap:
      round;

    stroke-linejoin:
      round;
  }


  /* =========================================================
     C-TRACKER
     ========================================================= */

  #ashout-about .ao3__ctracker {

    position:
      relative;

    display:
      grid;

    grid-template-columns:
      auto 1fr auto;

    align-items:
      center;

    gap:
      18px;

    margin-top:
      18px;

    padding:
      clamp(
        20px,
        3vw,
        27px
      );

    border:
      1px solid
      rgba(
        74,
        155,
        113,
        .22
      );

    border-radius:
      22px;

    background:
      linear-gradient(
        135deg,
        rgba(
          232,
          247,
          239,
          .94
        ),
        rgba(
          244,
          251,
          253,
          .97
        )
      );

    box-shadow:
      0 15px 38px
      rgba(
        74,
        122,
        103,
        .09
      );
  }


  #ashout-about .ao3__ctracker-top {

    position:
      absolute;

    top:
      14px;

    right:
      16px;

    display:
      flex;

    align-items:
      center;

    gap:
      8px;
  }


  #ashout-about .ao3__ctracker-badge {

    padding:
      6px 9px;

    border-radius:
      999px;

    background:
      var(--ao3-green);

    color:
      #ffffff;

    font-size:
      .67rem;

    font-weight:
      700;

    letter-spacing:
      .08em;
  }


  #ashout-about .ao3__ctracker-title {

    color:
      var(--ao3-teal);

    font-size:
      .72rem;

    font-weight:
      700;

    letter-spacing:
      .07em;
  }


  #ashout-about .ao3__ctracker-icon {

    display:
      grid;

    place-items:
      center;

    width:
      68px;

    height:
      68px;

    border-radius:
      20px;

    background:
      #ffffff;

    color:
      var(--ao3-teal);

    box-shadow:
      0 8px 22px
      rgba(
        74,
        122,
        103,
        .08
      );
  }


  #ashout-about .ao3__ctracker-icon svg {

    width:
      39px;

    height:
      39px;

    fill:
      none;

    stroke:
      currentColor;

    stroke-width:
      1.8;

    stroke-linecap:
      round;

    stroke-linejoin:
      round;
  }


  #ashout-about .ao3__ctracker-copy {

    padding-top:
      8px;
  }


  #ashout-about .ao3__ctracker-copy h3 {

    margin:
      0;

    color:
      var(--ao3-ink);

    font-size:
      clamp(
        1.2rem,
        2vw,
        1.45rem
      );
  }


  #ashout-about .ao3__ctracker-copy p {

    margin:
      5px 0 4px;

    color:
      var(--ao3-muted);

    line-height:
      1.45;
  }


  #ashout-about .ao3__ctracker-copy small {

    color:
      var(--ao3-teal);

    line-height:
      1.45;
  }


  #ashout-about .ao3__ctracker-actions {

    display:
      flex;

    flex-direction:
      column;

    gap:
      8px;

    padding-top:
      12px;
  }


  #ashout-about .ao3__ctracker-primary,
  #ashout-about .ao3__ctracker-secondary {

    display:
      inline-flex;

    align-items:
      center;

    justify-content:
      center;

    gap:
      8px;

    min-height:
      44px;

    padding:
      10px 14px;

    border-radius:
      12px;

    font-weight:
      700;

    text-decoration:
      none;

    white-space:
      nowrap;

    transition:

      transform
      180ms
      var(--ao3-ease),

      background
      180ms
      var(--ao3-ease),

      border-color
      180ms
      var(--ao3-ease);
  }


  #ashout-about .ao3__ctracker-primary {

    border:
      1px solid
      var(--ao3-teal);

    background:
      var(--ao3-teal);

    color:
      #ffffff;
  }


  #ashout-about .ao3__ctracker-primary:hover {

    transform:
      translateY(-2px);

    background:
      #08707b;
  }


  #ashout-about .ao3__ctracker-secondary {

    border:
      1px solid
      rgba(
        13,
        79,
        130,
        .18
      );

    background:
      #ffffff;

    color:
      var(--ao3-blue);
  }


  #ashout-about .ao3__ctracker-secondary:hover {

    transform:
      translateY(-2px);

    background:
      #edf8fc;
  }


  #ashout-about .ao3__ctracker-actions svg {

    width:
      19px;

    height:
      19px;

    fill:
      none;

    stroke:
      currentColor;

    stroke-width:
      1.8;

    stroke-linecap:
      round;

    stroke-linejoin:
      round;
  }


  /* =========================================================
     KNOW MORE
     ========================================================= */

  #ashout-about .ao3__actions {

    display:
      flex;

    justify-content:
      center;

    margin-top:
      22px;
  }


  #ashout-about .ao3__button {

    display:
      inline-flex;

    align-items:
      center;

    gap:
      8px;

    padding:
      10px 14px;

    border:
      1px solid
      rgba(
        13,
        79,
        130,
        .16
      );

    border-radius:
      999px;

    background:
      white;

    color:
      var(--ao3-teal);

    font-weight:
      700;

    text-decoration:
      none;

    transition:

      transform
      180ms
      var(--ao3-ease),

      background
      180ms
      var(--ao3-ease);
  }


  #ashout-about .ao3__button:hover {

    transform:
      translateY(-2px);

    background:
      #edf8fc;
  }


  #ashout-about .ao3__button svg {

    width:
      19px;

    height:
      19px;

    fill:
      none;

    stroke:
      currentColor;

    stroke-width:
      1.8;

    stroke-linecap:
      round;

    stroke-linejoin:
      round;
  }


  /* =========================================================
     FINAL NOTE
     ========================================================= */

  #ashout-about .ao3__note {

    max-width:
      760px;

    margin:
      18px auto 0;

    color:
      var(--ao3-muted);

    font-size:
      .83rem;

    line-height:
      1.5;

    text-align:
      center;
  }


  /* =========================================================
     ACCESSIBILITY
     ========================================================= */

  #ashout-about summary:focus-visible,
  #ashout-about a:focus-visible {

    outline:
      3px solid
      rgba(
        74,
        155,
        113,
        .36
      );

    outline-offset:
      3px;
  }


  /* =========================================================
     ANIMATION
     ========================================================= */

  @keyframes ao3Pulse {

    0%,
    100% {

      box-shadow:
        0 0 0 5px
        rgba(
          74,
          155,
          113,
          .11
        );
    }


    50% {

      box-shadow:
        0 0 0 9px
        rgba(
          74,
          155,
          113,
          .03
        );
    }
  }


  /* =========================================================
     TABLET
     ========================================================= */

  @media (
    max-width: 760px
  ) {

    #ashout-about .ao3__grid {

      grid-template-columns:
        1fr;
    }


    #ashout-about .ao3__prebook {

      grid-template-columns:
        auto 1fr;
    }


    #ashout-about .ao3__prebook-button {

      grid-column:
        1 / -1;

      width:
        100%;
    }


    #ashout-about .ao3__ctracker {

      grid-template-columns:
        auto 1fr;
    }


    #ashout-about .ao3__ctracker-actions {

      grid-column:
        1 / -1;

      display:
        grid;

      grid-template-columns:
        1fr 1fr;

      padding-top:
        0;
    }
  }


  /* =========================================================
     MOBILE
     ========================================================= */

  @media (
    max-width: 460px
  ) {

    #ashout-about {

      padding-inline:
        12px;
    }


    #ashout-about .ao3__card summary {

      min-height:
        112px;

      padding:
        17px 14px;
    }


    #ashout-about .ao3__icon {

      width:
        49px;

      height:
        49px;
    }


    #ashout-about .ao3__icon svg {

      width:
        30px;

      height:
        30px;
    }


    #ashout-about .ao3__card > p {

      padding:
        0 14px 17px;
    }


    #ashout-about .ao3__prebook {

      grid-template-columns:
        1fr;

      text-align:
        center;
    }


    #ashout-about .ao3__prebook-icon {

      margin:
        0 auto;
    }


    #ashout-about .ao3__ctracker {

      grid-template-columns:
        1fr;

      padding-top:
        55px;

      text-align:
        center;
    }


    #ashout-about .ao3__ctracker-icon {

      margin:
        0 auto;
    }


    #ashout-about .ao3__ctracker-top {

      top:
        14px;

      left:
        14px;

      right:
        14px;

      justify-content:
        center;
    }


    #ashout-about .ao3__ctracker-actions {

      grid-column:
        auto;

      grid-template-columns:
        1fr;
    }


    #ashout-about .ao3__ctracker-primary,
    #ashout-about .ao3__ctracker-secondary {

      width:
        100%;
    }
  }


  /* =========================================================
     REDUCED MOTION
     ========================================================= */

  @media (
    prefers-reduced-motion: reduce
  ) {

    #ashout-about *,
    #ashout-about *::before,
    #ashout-about *::after {

      animation-duration:
        .01ms !important;

      animation-iteration-count:
        1 !important;

      transition-duration:
        .01ms !important;
    }
  }



/* V4 refinements: match Ash Out hero and centre promotional panels */
#ashout-about .ao3__prebook,
#ashout-about .ao3__ctracker,
#ashout-about .ao3__voices{
  grid-template-columns:1fr!important;
  justify-items:center!important;
  text-align:center!important;
  gap:14px!important;
  background:rgba(255,255,255,.72)!important;
  border-color:rgba(18,82,122,.14)!important;
  box-shadow:0 16px 42px rgba(25,94,132,.08)!important;
}
#ashout-about .ao3__prebook-icon,
#ashout-about .ao3__ctracker-icon{margin:0 auto!important}
#ashout-about .ao3__prebook-copy,
#ashout-about .ao3__ctracker-copy{max-width:720px;margin:0 auto;padding-top:0!important}
#ashout-about .ao3__prebook-button{margin:2px auto 0!important}
#ashout-about .ao3__ctracker-top{position:static!important;justify-content:center!important;margin-bottom:0!important}
#ashout-about .ao3__ctracker-actions{display:flex!important;flex-direction:row!important;justify-content:center!important;flex-wrap:wrap!important;padding-top:4px!important}
#ashout-about .ao3__ctracker-primary,
#ashout-about .ao3__ctracker-secondary{min-width:180px}
#ashout-about .ao3__actions{text-align:center}

#ashout-about .ao3__voices{
  display:grid;
  margin-top:18px;
  padding:clamp(20px,3vw,27px);
  border:1px solid rgba(18,82,122,.14);
  border-radius:22px;
}
#ashout-about .ao3__voices-icon{display:grid;place-items:center;width:64px;height:64px;border-radius:19px;background:#edf8fc;color:var(--ao3-blue)}
#ashout-about .ao3__voices-icon svg{width:37px;height:37px;fill:none;stroke:currentColor;stroke-width:1.8;stroke-linecap:round;stroke-linejoin:round}
#ashout-about .ao3__voices-copy{max-width:720px}
#ashout-about .ao3__voices-copy>span{display:block;margin-bottom:4px;color:var(--ao3-green);font-size:.73rem;font-weight:700;letter-spacing:.14em}
#ashout-about .ao3__voices-copy h3{margin:0;color:var(--ao3-ink);font-size:clamp(1.25rem,2vw,1.55rem)}
#ashout-about .ao3__voices-copy p{margin:7px auto 0;color:var(--ao3-muted);line-height:1.5}
#ashout-about .ao3__voices-button{display:inline-flex;align-items:center;justify-content:center;min-height:48px;padding:11px 18px;border:1px solid var(--ao3-blue);border-radius:13px;background:var(--ao3-blue);color:#fff;font-weight:700;text-decoration:none;box-shadow:0 11px 25px rgba(13,79,130,.16);transition:transform 180ms var(--ao3-ease),background 180ms var(--ao3-ease)}
#ashout-about .ao3__voices-button:hover{transform:translateY(-2px);background:var(--ao3-blue-hover)}
@media(max-width:460px){
  #ashout-about .ao3__ctracker{padding-top:22px!important}
  #ashout-about .ao3__ctracker-actions{display:grid!important;grid-template-columns:1fr!important;width:100%}
  #ashout-about .ao3__ctracker-primary,#ashout-about .ao3__ctracker-secondary,#ashout-about .ao3__voices-button{width:100%}
}


  #kinara-ftnd-tool{--ao2-blue:#0d4f82;--ao2-blue-hover:#1475a9;--ao2-green:#4a9b71;--ao2-teal:#0b5d6b;--ao2-white:#fff;--ao2-ink:#153f5f;--ao2-muted:#405f75;--ao2-line:rgba(18,82,122,.16);--ao2-danger:#9d3440;--ao2-ease:cubic-bezier(.16,1,.3,1);width:100%;padding:clamp(64px,8vw,96px) 14px;background:radial-gradient(circle at 10% 0%,rgba(74,155,113,.08),transparent 30%),radial-gradient(circle at 90% 100%,rgba(20,117,169,.08),transparent 32%),linear-gradient(180deg,#f5fbf9 0%,#edf8fc 52%,#f5fbf9 100%);color:var(--ao2-ink);font-family:"KoHo","Segoe UI",Arial,sans-serif;scroll-margin-top:84px}
  #kinara-ftnd-tool,#kinara-ftnd-tool *{box-sizing:border-box}
  #kinara-ftnd-tool [hidden]{display:none!important}
  #kinara-ftnd-tool button,#kinara-ftnd-tool input,#kinara-ftnd-tool a{font:inherit}
  #kinara-ftnd-tool .ao2__shell{width:min(850px,100%);margin:0 auto}
  #kinara-ftnd-tool .ao2__intro{max-width:720px;margin:0 auto 24px;text-align:center}
  #kinara-ftnd-tool .ao2__eyebrow,#kinara-ftnd-tool .ao2__step{margin:0 0 8px;color:var(--ao2-green);font-size:.78rem;font-weight:700;letter-spacing:.16em;text-transform:uppercase}
  #kinara-ftnd-tool h2{margin:0;color:var(--ao2-blue);font-size:clamp(2.5rem,6vw,4.5rem);font-weight:400;letter-spacing:-.04em;line-height:1.04}
  #kinara-ftnd-tool .ao2__lead{margin:11px 0 15px;color:var(--ao2-muted);font-size:1.05rem}
  #kinara-ftnd-tool .ao2__meta{display:flex;justify-content:center;flex-wrap:wrap;gap:8px}
  #kinara-ftnd-tool .ao2__meta span,#kinara-ftnd-tool .ao2__privacy{display:inline-flex;align-items:center;gap:6px;border:1px solid var(--ao2-line);border-radius:999px;background:rgba(255,255,255,.75);color:var(--ao2-muted);font-size:.8rem;font-weight:600}
  #kinara-ftnd-tool .ao2__meta span{padding:6px 10px}
  #kinara-ftnd-tool .ao2__meta svg,#kinara-ftnd-tool .ao2__privacy svg{width:17px;height:17px;fill:none;stroke:currentColor;stroke-width:1.8;stroke-linecap:round;stroke-linejoin:round}
  #kinara-ftnd-tool .ao2__privacy{width:fit-content;margin:10px auto 0;padding:7px 11px;color:var(--ao2-teal)}
  #kinara-ftnd-tool .ao2__card{min-height:430px;padding:clamp(22px,4vw,38px);border:1px solid rgba(18,82,122,.14);border-radius:24px;background:rgba(255,255,255,.88);box-shadow:0 22px 56px rgba(25,94,132,.10);backdrop-filter:blur(8px);-webkit-backdrop-filter:blur(8px)}
  #kinara-ftnd-tool #ao2-start{text-align:center}
  #kinara-ftnd-tool #ao2-start .ao2__step,#kinara-ftnd-tool #ao2-start h3{ text-align:center }
  #kinara-ftnd-tool #ao2-start-button{margin:18px auto 0}
  #kinara-ftnd-tool .ao2__screen{animation:ao2Enter 220ms var(--ao2-ease) both}
  #kinara-ftnd-tool h3{margin:0;color:var(--ao2-ink);font-size:clamp(1.45rem,3vw,2rem);line-height:1.22}
  #kinara-ftnd-tool .ao2__products{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:11px;margin:22px 0 14px;padding:0;border:0}
  #kinara-ftnd-tool .ao2__product{position:relative;display:grid;justify-items:center;gap:10px;min-width:0;padding:17px 12px;border:1px solid var(--ao2-line);border-radius:17px;background:var(--ao2-white);text-align:center;cursor:pointer;transition:transform 180ms var(--ao2-ease),border-color 180ms var(--ao2-ease),box-shadow 180ms var(--ao2-ease),background 180ms var(--ao2-ease)}
  #kinara-ftnd-tool .ao2__product:hover{transform:translateY(-2px);border-color:rgba(13,79,130,.35)}
  #kinara-ftnd-tool .ao2__product.is-selected{border-color:var(--ao2-green);background:linear-gradient(145deg,#edf8fc,#f0f8f5);box-shadow:0 0 0 3px rgba(74,155,113,.12)}
  #kinara-ftnd-tool .ao2__product input{position:absolute;top:11px;right:11px;width:20px;height:20px;accent-color:var(--ao2-green);cursor:pointer}
  #kinara-ftnd-tool .ao2__product-icon{display:grid;place-items:center;width:56px;height:56px;border-radius:17px;background:#edf8fc;color:var(--ao2-blue)}
  #kinara-ftnd-tool .ao2__product-icon svg{width:34px;height:34px;fill:none;stroke:currentColor;stroke-width:1.8;stroke-linecap:round;stroke-linejoin:round}
  #kinara-ftnd-tool .ao2__product>span:last-child{display:flex;min-width:0;flex-direction:column}
  #kinara-ftnd-tool .ao2__product strong{color:var(--ao2-ink)}
  #kinara-ftnd-tool .ao2__product small{margin-top:3px;color:var(--ao2-muted);font-size:.78rem;line-height:1.35}
  #kinara-ftnd-tool .ao2__button{display:inline-flex;align-items:center;justify-content:center;gap:8px;min-height:48px;padding:11px 18px;border:1px solid transparent;border-radius:13px;font-weight:700;text-decoration:none;cursor:pointer;transition:transform 170ms var(--ao2-ease),background 170ms var(--ao2-ease),border-color 170ms var(--ao2-ease)}
  #kinara-ftnd-tool .ao2__button svg{width:20px;height:20px;fill:none;stroke:currentColor;stroke-width:1.9;stroke-linecap:round;stroke-linejoin:round}
  #kinara-ftnd-tool .ao2__button:hover{transform:translateY(-1px)}
  #kinara-ftnd-tool .ao2__button:active{transform:translateY(1px) scale(.97)}
  #kinara-ftnd-tool .ao2__button--primary{border-color:var(--ao2-blue);background:var(--ao2-blue);color:#fff;box-shadow:0 10px 24px rgba(13,79,130,.18)}
  #kinara-ftnd-tool .ao2__button--primary:hover{background:var(--ao2-blue-hover)}
  #kinara-ftnd-tool .ao2__button--secondary{border-color:var(--ao2-line);background:#fff;color:var(--ao2-ink)}
  #kinara-ftnd-tool .ao2__status{display:grid;grid-template-columns:1fr auto;align-items:center;gap:18px;margin-bottom:24px}
  #kinara-ftnd-tool .ao2__progress-copy{display:flex;justify-content:space-between;gap:12px;margin-bottom:7px;color:var(--ao2-muted);font-size:.82rem;font-weight:600}
  #kinara-ftnd-tool .ao2__track{display:block;width:100%;height:8px;overflow:hidden;border-radius:999px;background:#e2edf1}
  #kinara-ftnd-tool .ao2__fill{display:block;width:16.67%;height:100%;border-radius:inherit;background:linear-gradient(90deg,var(--ao2-blue),var(--ao2-green));transition:width 220ms var(--ao2-ease)}
  #kinara-ftnd-tool .ao2__live-score{display:grid;min-width:104px;padding:10px 13px;border:1px solid rgba(74,155,113,.2);border-radius:15px;background:#eef7f0;text-align:center}
  #kinara-ftnd-tool .ao2__live-score>span,#kinara-ftnd-tool .ao2__live-score small{color:var(--ao2-muted);font-size:.72rem}
  #kinara-ftnd-tool .ao2__live-score strong{color:var(--ao2-teal);font-size:1.45rem;line-height:1}
  #kinara-ftnd-tool .ao2__question-box{min-height:280px}
  #kinara-ftnd-tool .ao2__answers{display:grid;gap:10px;margin:22px 0 10px;padding:0;border:0}
  #kinara-ftnd-tool .ao2__answer{display:grid;grid-template-columns:auto 1fr;align-items:center;gap:11px;min-height:54px;padding:12px 14px;border:1px solid var(--ao2-line);border-radius:13px;background:#fff;cursor:pointer;transition:transform 170ms var(--ao2-ease),border-color 170ms var(--ao2-ease),background 170ms var(--ao2-ease)}
  #kinara-ftnd-tool .ao2__answer:hover{transform:translateY(-1px);border-color:rgba(13,79,130,.34)}
  #kinara-ftnd-tool .ao2__answer.is-selected{border-color:var(--ao2-green);background:linear-gradient(135deg,#edf8fc,#f0f8f5)}
  #kinara-ftnd-tool .ao2__answer input{width:20px;height:20px;accent-color:var(--ao2-green);cursor:pointer}
  #kinara-ftnd-tool .ao2__actions{display:flex;justify-content:space-between;gap:12px;margin-top:20px}
  #kinara-ftnd-tool .ao2__actions--wrap{justify-content:flex-start;flex-wrap:wrap}
  #kinara-ftnd-tool .ao2__error{min-height:1.3em;margin:8px 0 0;color:var(--ao2-danger);font-size:.85rem;font-weight:600}
  #kinara-ftnd-tool .ao2__notice-icon{display:grid;place-items:center;width:58px;height:58px;margin-bottom:14px;border-radius:17px;background:#edf8fc;color:var(--ao2-blue)}
  #kinara-ftnd-tool .ao2__notice-icon svg{width:34px;height:34px;fill:none;stroke:currentColor;stroke-width:1.8}
  #kinara-ftnd-tool .ao2__short-copy{max-width:610px;margin:12px 0 0;color:var(--ao2-muted)}
  #kinara-ftnd-tool .ao2__result-head{display:grid;grid-template-columns:155px 1fr;align-items:center;gap:28px}
  #kinara-ftnd-tool .ao2__score-ring{--ao2-angle:0deg;display:grid;place-items:center;width:150px;height:150px;border-radius:50%;background:conic-gradient(var(--ao2-blue) var(--ao2-angle),#dfecef var(--ao2-angle))}
  #kinara-ftnd-tool .ao2__score-ring>span{display:grid;place-items:center;align-content:center;width:116px;height:116px;border-radius:50%;background:#fff}
  #kinara-ftnd-tool .ao2__score-ring strong{color:var(--ao2-blue);font-size:3.1rem;font-weight:500;line-height:.95}
  #kinara-ftnd-tool .ao2__score-ring small{color:var(--ao2-muted)}
  #kinara-ftnd-tool .ao2__result-band{display:inline-flex;margin:0 0 8px;padding:6px 10px;border-radius:999px;background:#eaf6ee;color:var(--ao2-teal);font-size:.75rem;font-weight:700;text-transform:uppercase}
  #kinara-ftnd-tool .ao2__result-summary{margin:10px 0 0;color:var(--ao2-muted)}
  #kinara-ftnd-tool .ao2__details-toggle{display:inline-flex;align-items:center;gap:9px;margin-top:22px;padding:9px 12px;border:0;border-radius:999px;background:#eef7f0;color:var(--ao2-teal);font-weight:700;cursor:pointer}
  #kinara-ftnd-tool .ao2__details-icon{display:grid;place-items:center;width:27px;height:27px;border-radius:50%;background:#fff}
  #kinara-ftnd-tool .ao2__details{margin-top:12px;padding:15px 17px;border-left:4px solid var(--ao2-green);border-radius:12px;background:linear-gradient(135deg,#edf8fc,#eef7f0);color:var(--ao2-ink)}
  #kinara-ftnd-tool .ao2__details p{margin:0 0 8px}#kinara-ftnd-tool .ao2__details small{color:var(--ao2-muted)}
  #kinara-ftnd-tool .ao2__ack{display:grid;grid-template-columns:auto 1fr;gap:9px;margin-top:17px;padding:13px;border:1px solid var(--ao2-line);border-radius:12px;cursor:pointer}
  #kinara-ftnd-tool .ao2__ack input{width:20px;height:20px;accent-color:var(--ao2-green)}
  #kinara-ftnd-tool .ao2__ack span{color:var(--ao2-muted);font-size:.87rem}
  #kinara-ftnd-tool .ao2__button.is-disabled{opacity:.45;cursor:not-allowed}
  #kinara-ftnd-tool .ao2__copy-status{min-height:1.3em;margin:10px 0 0;color:var(--ao2-green);font-size:.84rem;font-weight:600}
  #kinara-ftnd-tool .ao2__sr-only{position:absolute!important;width:1px!important;height:1px!important;margin:-1px!important;padding:0!important;overflow:hidden!important;clip:rect(0,0,0,0)!important;white-space:nowrap!important;border:0!important}
  #kinara-ftnd-tool button:focus-visible,#kinara-ftnd-tool a:focus-visible,#kinara-ftnd-tool input:focus-visible{outline:3px solid rgba(74,155,113,.35);outline-offset:3px}
  @keyframes ao2Enter{from{opacity:0;transform:translateY(6px)}to{opacity:1;transform:translateY(0)}}
  @media(max-width:700px){#kinara-ftnd-tool .ao2__products{grid-template-columns:1fr}#kinara-ftnd-tool .ao2__product{grid-template-columns:auto 1fr;justify-items:start;text-align:left}#kinara-ftnd-tool .ao2__status{grid-template-columns:1fr}#kinara-ftnd-tool .ao2__live-score{grid-template-columns:auto auto auto;align-items:center;justify-content:space-between}#kinara-ftnd-tool .ao2__result-head{grid-template-columns:1fr;justify-items:center;text-align:center}}
  @media(max-width:430px){#kinara-ftnd-tool .ao2__actions:not(.ao2__actions--wrap){flex-direction:column-reverse}#kinara-ftnd-tool .ao2__actions .ao2__button{width:100%}}
  @media(prefers-reduced-motion:reduce){#kinara-ftnd-tool *,#kinara-ftnd-tool *::before,#kinara-ftnd-tool *::after{animation-duration:.01ms!important;animation-iteration-count:1!important;transition-duration:.01ms!important}}


  #ashout-recovery-timeline {
    --bg: #f5fbf9;
    --surface: rgba(255,255,255,.88);
    --surface-soft: #edf8fc;
    --care: #eef7f0;
    --joy: #edf8fc;
    --calm: #edf8fc;
    --ink: #153f5f;
    --muted: #405f75;
    --line: rgba(18,82,122,.16);
    --wine: #0d4f82;
    --rose: #4a9b71;
    --lavender: #b9dcec;
    --teal: #0b5d6b;
    --shadow: 0 18px 45px rgba(25,94,132,.09);
    --font-ui: "KoHo", "Segoe UI", Arial, sans-serif;
    --font-display: "KoHo", "Segoe UI", Arial, sans-serif;
    --font-copy: "KoHo", "Segoe UI", Arial, sans-serif;

    width: 100%;
    padding: clamp(56px, 7vw, 84px) 16px;
    background:
      radial-gradient(circle at 10% 0%, rgba(74,155,113,.08), transparent 30%),
      radial-gradient(circle at 90% 100%, rgba(20,117,169,.08), transparent 32%),
      linear-gradient(180deg,#f5fbf9 0%,#edf8fc 52%,#f5fbf9 100%);
    color: var(--ink);
    font-family: var(--font-ui);
    letter-spacing: 0;
    scroll-margin-top: 88px;
    border-top: 0;
    border-bottom: 0;
  }

  #ashout-recovery-timeline,
  #ashout-recovery-timeline * { box-sizing: border-box; }
  #ashout-recovery-timeline [hidden] { display: none !important; }
  #ashout-recovery-timeline button,
  #ashout-recovery-timeline input,
  #ashout-recovery-timeline a { font: inherit; letter-spacing: 0; }

  #ashout-recovery-timeline .ao-quit__shell {
    width: min(1180px, 100%);
    margin: 0 auto;
  }

  #ashout-recovery-timeline .ao-quit__intro {
    max-width: 760px;
    margin: 0 auto 22px;
    text-align: center;
  }

  #ashout-recovery-timeline .ao-quit__eyebrow {
    margin: 0 0 8px;
    color: var(--wine);
    font-family: var(--font-ui);
    font-size: .78rem;
    font-weight: 800;
    text-transform: uppercase;
  }

  #ashout-recovery-timeline h2 {
    margin: 0 0 10px;
    color: var(--wine);
    font-family: var(--font-display);
    font-size: clamp(2.6rem, 7vw, 5rem);
    line-height: 1.02;
    font-weight: 300;
    letter-spacing: -.04em;
    text-align: center;
  }

  #ashout-recovery-timeline .ao-quit__lead {
    max-width: 720px;
    margin: 0 auto;
    color: var(--muted);
    font-family: var(--font-copy);
    font-size: clamp(1.05rem, 2vw, 1.35rem);
    line-height: 1.6;
    text-align: center;
  }

  #ashout-recovery-timeline .ao-quit__mode-picker {
    display: grid;
    grid-template-columns: repeat(2, minmax(0, 1fr));
    gap: 12px;
    margin: 18px 0;
  }

  #ashout-recovery-timeline .ao-quit__mode {
    display: grid;
    grid-template-columns: 50px minmax(0, 1fr);
    align-items: center;
    gap: 12px;
    width: 100%;
    min-width: 0;
    padding: 14px 16px;
    border: 1px solid var(--line);
    border-radius: 16px;
    background: var(--surface);
    color: var(--ink);
    text-align: center;
    cursor: pointer;
    transition: transform .16s ease, border-color .16s ease, background .16s ease, box-shadow .16s ease;
  }

  #ashout-recovery-timeline .ao-quit__mode:hover {
    border-color: var(--rose);
    transform: translateY(-1px);
  }

  #ashout-recovery-timeline .ao-quit__mode.is-active {
    border-color: rgba(79,111,99,.24);
    background: var(--care);
    box-shadow: var(--shadow);
  }

  #ashout-recovery-timeline .ao-quit__mode-visual {
    display: grid;
    place-items: center;
    width: 50px;
    height: 50px;
    border-radius: 16px;
    background: var(--calm);
    color: var(--wine);
  }

  #ashout-recovery-timeline .ao-quit__mode-visual svg {
    width: 29px;
    height: 29px;
    fill: none;
    stroke: currentColor;
    stroke-width: 2;
    stroke-linecap: round;
    stroke-linejoin: round;
  }

  #ashout-recovery-timeline .ao-quit__mode-title {
    display: block;
    margin-bottom: 3px;
    color: var(--wine);
    font-weight: 800;
    font-size: 1rem;
  }

  #ashout-recovery-timeline .ao-quit__mode-sub {
    display: block;
    color: var(--muted);
    font-family: var(--font-copy);
    font-size: .9rem;
    line-height: 1.4;
  }

  #ashout-recovery-timeline .ao-quit__panel {
    min-width: 0;
    padding: 18px;
    border: 1px solid var(--line);
    border-radius: 16px;
    background: rgba(255,255,255,.72);
    box-shadow: var(--shadow);
    overflow: hidden;
  }

  #ashout-recovery-timeline .ao-quit__control-head {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 14px;
    margin-bottom: 14px;
  }

  #ashout-recovery-timeline .ao-quit__control-head h3 {
    margin: 0;
    color: var(--wine);
    font-family: var(--font-display);
    font-size: 1.25rem;
    font-weight: 400;
  }

  #ashout-recovery-timeline .ao-quit__stepper {
    display: grid;
    grid-template-columns: repeat(2, 120px);
    gap: 8px;
  }

  #ashout-recovery-timeline .ao-quit__navbtn,
  #ashout-recovery-timeline .ao-quit__action,
  #ashout-recovery-timeline .ao-quit__support-btn {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    min-height: 44px;
    padding: 0 16px;
    border-radius: 16px;
    font-weight: 800;
    text-decoration: none;
    cursor: pointer;
    transition: transform .16s ease, background .16s ease, border-color .16s ease;
  }

  #ashout-recovery-timeline .ao-quit__navbtn {
    width: 120px;
    border: 1px solid var(--line);
    background: var(--surface);
    color: var(--ink);
  }

  #ashout-recovery-timeline .ao-quit__navbtn:hover:not(:disabled) { border-color: var(--rose); }
  #ashout-recovery-timeline .ao-quit__navbtn:disabled { cursor: not-allowed; opacity: .55; }

  #ashout-recovery-timeline .ao-quit__slider-wrap {
    position:relative;
    margin:12px 0 18px;
    padding:8px 2px 0;
  }

  #ashout-recovery-timeline .ao-quit__slider {
    --ao-slider-progress:0%;
    display:block;
    width:100%;
    height:28px;
    margin:0;
    appearance:none;
    -webkit-appearance:none;
    background:transparent;
    cursor:pointer;
  }

  #ashout-recovery-timeline .ao-quit__slider::-webkit-slider-runnable-track {
    height:8px;
    border-radius:999px;
    background:linear-gradient(90deg,var(--wine) 0%,var(--rose) var(--ao-slider-progress),rgba(13,79,130,.12) var(--ao-slider-progress),rgba(13,79,130,.12) 100%);
    box-shadow:inset 0 0 0 1px rgba(18,82,122,.08);
  }

  #ashout-recovery-timeline .ao-quit__slider::-moz-range-track {
    height:8px;
    border-radius:999px;
    background:rgba(13,79,130,.12);
  }

  #ashout-recovery-timeline .ao-quit__slider::-moz-range-progress {
    height:8px;
    border-radius:999px;
    background:linear-gradient(90deg,var(--wine),var(--rose));
  }

  #ashout-recovery-timeline .ao-quit__slider::-webkit-slider-thumb {
    width:24px;
    height:24px;
    margin-top:-8px;
    appearance:none;
    -webkit-appearance:none;
    border:4px solid #fff;
    border-radius:50%;
    background:var(--wine);
    box-shadow:0 5px 16px rgba(13,79,130,.25);
    transition:transform .16s ease,box-shadow .16s ease;
  }

  #ashout-recovery-timeline .ao-quit__slider:active::-webkit-slider-thumb {
    transform:scale(1.12);
    box-shadow:0 7px 20px rgba(13,79,130,.32);
  }

  #ashout-recovery-timeline .ao-quit__slider::-moz-range-thumb {
    width:18px;
    height:18px;
    border:4px solid #fff;
    border-radius:50%;
    background:var(--wine);
    box-shadow:0 5px 16px rgba(13,79,130,.25);
  }

  #ashout-recovery-timeline .ao-quit__slider-scale {
    display:flex;
    align-items:center;
    justify-content:space-between;
    gap:12px;
    margin-top:2px;
    color:var(--muted);
    font-size:.76rem;
    font-weight:600;
  }
  #ashout-recovery-timeline .ao-quit__slider-scale span:nth-child(2){opacity:.72;text-align:center}

  #ashout-recovery-timeline .ao-quit__milestones {
    display: flex;
    max-width: 100%;
    gap: 8px;
    overflow-x: auto;
    overscroll-behavior-inline: contain;
    padding: 2px 1px 8px;
    margin-bottom: 16px;
    scrollbar-width: thin;
    scrollbar-color: var(--lavender) transparent;
  }

  #ashout-recovery-timeline .ao-quit__milestones::-webkit-scrollbar { height: 7px; }
  #ashout-recovery-timeline .ao-quit__milestones::-webkit-scrollbar-thumb { background: var(--lavender); border-radius: 999px; }

  #ashout-recovery-timeline .ao-quit__chip {
    flex: 0 0 auto;
    min-height: 38px;
    padding: 0 13px;
    border: 1px solid var(--line);
    border-radius: 999px;
    background: var(--surface);
    color: var(--ink);
    white-space: nowrap;
    font-weight: 750;
    cursor: pointer;
  }

  #ashout-recovery-timeline .ao-quit__chip:hover { border-color: var(--rose); }
  #ashout-recovery-timeline .ao-quit__chip.is-active {
    background: var(--wine);
    border-color: var(--wine);
    color: #fff;
  }

  #ashout-recovery-timeline .ao-quit__card {
    width: 100%;
    min-width: 0;
    overflow: hidden;
    padding: 18px;
    border: 1px solid var(--line);
    border-radius: 16px;
    background: var(--surface);
    box-shadow: 0 10px 26px rgba(48,69,63,.05);
  }

  #ashout-recovery-timeline .ao-quit__card-top {
    display: flex;
    align-items: flex-start;
    justify-content: space-between;
    gap: 16px;
    margin-bottom: 16px;
  }

  #ashout-recovery-timeline .ao-quit__time {
    margin: 0 0 5px;
    color: var(--rose);
    font-size: .78rem;
    font-weight: 900;
    text-transform: uppercase;
  }

  #ashout-recovery-timeline .ao-quit__title {
    margin: 0;
    color: var(--wine);
    font-family: var(--font-display);
    font-size: clamp(1.35rem, 2.4vw, 1.8rem);
    font-weight: 400;
    line-height: 1.2;
  }

  #ashout-recovery-timeline .ao-quit__info-toggle {
    flex: 0 0 auto;
    width: 40px;
    height: 40px;
    border: 1px solid var(--line);
    border-radius: 50%;
    background: var(--calm);
    color: var(--wine);
    font-weight: 900;
    cursor: pointer;
  }

  #ashout-recovery-timeline .ao-quit__info-toggle:hover { border-color: var(--rose); }

  #ashout-recovery-timeline .ao-quit__icon-grid {
    display: grid;
    grid-template-columns: repeat(4, minmax(0, 1fr));
    gap: 10px;
    margin-bottom: 16px;
  }

  #ashout-recovery-timeline .ao-quit__icon-card {
    min-width: 0;
    padding: 13px 9px;
    border: 1px solid var(--line);
    border-radius: 16px;
    background: var(--surface-soft);
    color: var(--wine);
    text-align: center;
  }

  #ashout-recovery-timeline .ao-quit__icon {
    display: grid;
    place-items: center;
    width: 48px;
    height: 48px;
    margin: 0 auto 8px;
    border-radius: 16px;
    background: var(--care);
  }

  #ashout-recovery-timeline .ao-quit__icon svg {
    width: 29px;
    height: 29px;
    fill: none;
    stroke: currentColor;
    stroke-width: 2;
    stroke-linecap: round;
    stroke-linejoin: round;
  }

  #ashout-recovery-timeline .ao-quit__icon svg .fill { fill: currentColor; stroke: none; opacity: .18; }
  #ashout-recovery-timeline .ao-quit__icon-text {
    display: block;
    color: var(--ink);
    font-size: .86rem;
    font-weight: 700;
    line-height: 1.3;
  }

  #ashout-recovery-timeline .ao-quit__gist {
    margin: 0;
    color: var(--muted);
    font-family: var(--font-copy);
    font-size: 1rem;
    line-height: 1.6;
  }

  #ashout-recovery-timeline .ao-quit__detail {
    margin-top: 14px;
    padding: 13px 15px;
    border: 1px solid var(--line);
    border-radius: 16px;
    background: var(--care);
    color: var(--ink);
    font-family: var(--font-copy);
    line-height: 1.6;
  }
  #ashout-recovery-timeline .ao-quit__detail p { margin: 0; }

  #ashout-recovery-timeline .ao-quit__personal-form {
    display: flex;
    flex-wrap: wrap;
    gap: 12px;
    align-items: end;
    margin-bottom: 16px;
  }

  #ashout-recovery-timeline .ao-quit__personal-form label {
    display: flex;
    flex: 1 1 260px;
    min-width: 0;
    flex-direction: column;
    gap: 6px;
    color: var(--muted);
    font-size: .78rem;
    font-weight: 900;
    text-transform: uppercase;
  }

  #ashout-recovery-timeline .ao-quit__field-wrap {
    display: flex;
    width: 100%;
    min-width: 0;
    min-height: 42px;
    padding: 8px 10px;
    border: 1px solid var(--line);
    border-radius: 16px;
    background: var(--surface);
  }

  #ashout-recovery-timeline .ao-quit__field-wrap input[type="date"] {
    display: block;
    width: 100%;
    min-width: 0;
    border: 0;
    padding: 0;
    background: transparent;
    color: var(--ink);
  }

  #ashout-recovery-timeline .ao-quit__action,
  #ashout-recovery-timeline .ao-quit__support-btn--primary {
    border: 1px solid var(--wine);
    background: var(--wine);
    color: #fff;
  }

  #ashout-recovery-timeline .ao-quit__action:hover,
  #ashout-recovery-timeline .ao-quit__support-btn--primary:hover {
    transform: translateY(-1px);
    background: var(--rose);
    border-color: var(--rose);
  }

  #ashout-recovery-timeline .ao-quit__personal-summary {
    display: grid;
    grid-template-columns: repeat(3, minmax(0, 1fr));
    gap: 10px;
    margin-bottom: 16px;
  }

  #ashout-recovery-timeline .ao-quit__summary-box {
    min-width: 0;
    padding: 14px;
    border: 1px solid var(--line);
    border-radius: 16px;
    background: var(--surface);
  }

  #ashout-recovery-timeline .ao-quit__summary-label {
    display: block;
    margin-bottom: 5px;
    color: var(--muted);
    font-size: .78rem;
    font-weight: 800;
    text-transform: uppercase;
  }

  #ashout-recovery-timeline .ao-quit__summary-box strong {
    color: var(--wine);
    font-size: 1rem;
    line-height: 1.35;
    overflow-wrap: anywhere;
  }

  #ashout-recovery-timeline .ao-quit__support {
    display: flex;
    justify-content: center;
    align-items: center;
    flex-wrap: wrap;
    gap: 10px;
    width: 100%;
    margin: 20px auto 0;
    text-align: center;
  }

  #ashout-recovery-timeline .ao-quit__support-btn {
    width: min(230px, 100%);
    text-align: center;
  }

  #ashout-recovery-timeline .ao-quit__support-btn--secondary {
    border: 1px solid var(--line);
    background: var(--surface);
    color: var(--wine);
  }

  #ashout-recovery-timeline .ao-quit__support-btn--secondary:hover {
    transform: translateY(-1px);
    border-color: var(--rose);
    background: var(--care);
  }

  #ashout-recovery-timeline .ao-quit__note {
    margin: 16px auto 0;
    color: var(--muted);
    font-family: var(--font-copy);
    font-size: .88rem;
    line-height: 1.55;
    text-align: center;
  }

  #ashout-recovery-timeline button:focus-visible,
  #ashout-recovery-timeline input:focus-visible,
  #ashout-recovery-timeline a:focus-visible {
    outline: 3px solid rgba(120,153,135,.30);
    outline-offset: 3px;
  }

  @media (max-width: 860px) {
    #ashout-recovery-timeline .ao-quit__icon-grid { grid-template-columns: repeat(2, minmax(0, 1fr)); }
    #ashout-recovery-timeline .ao-quit__personal-summary { grid-template-columns: 1fr; }
  }

  @media (max-width: 620px) {
    #ashout-recovery-timeline { padding-inline: 12px; }
    #ashout-recovery-timeline .ao-quit__mode-picker { grid-template-columns: 1fr; }
    #ashout-recovery-timeline .ao-quit__control-head { flex-direction: column; align-items: stretch; }
    #ashout-recovery-timeline .ao-quit__stepper { grid-template-columns: 1fr 1fr; }
    #ashout-recovery-timeline .ao-quit__navbtn { width: 100%; }
    #ashout-recovery-timeline .ao-quit__support { display: grid; grid-template-columns: 1fr; justify-items: center; }
    #ashout-recovery-timeline .ao-quit__support-btn { width: 100%; max-width: 420px; }
  }

  @media (max-width: 390px) {
    #ashout-recovery-timeline .ao-quit__icon-grid { grid-template-columns: 1fr 1fr; gap: 8px; }
    #ashout-recovery-timeline .ao-quit__icon-card { padding-inline: 7px; }
    #ashout-recovery-timeline .ao-quit__mode { grid-template-columns: 44px minmax(0, 1fr); padding-inline: 12px; }
    #ashout-recovery-timeline .ao-quit__mode-visual { width: 44px; height: 44px; }
  }

  @media (prefers-reduced-motion: reduce) {
    #ashout-recovery-timeline *,
    #ashout-recovery-timeline *::before,
    #ashout-recovery-timeline *::after {
      transition-duration: .01ms !important;
      animation-duration: .01ms !important;
      animation-iteration-count: 1 !important;
      scroll-behavior: auto !important;
    }
  }


/* Timeline V4 visual refinements */
#ashout-recovery-timeline .ao-quit__mode-picker,
#ashout-recovery-timeline .ao-quit__control-head,
#ashout-recovery-timeline .ao-quit__support{text-align:center}
#ashout-recovery-timeline .ao-quit__control-head{justify-content:center;flex-wrap:wrap}
#ashout-recovery-timeline .ao-quit__stepper{margin-left:auto;margin-right:auto}
#ashout-recovery-timeline .ao-quit__card{border-radius:20px;background:rgba(255,255,255,.88)}
#ashout-recovery-timeline .ao-quit__panel{border-radius:22px;background:rgba(255,255,255,.62);backdrop-filter:blur(8px);-webkit-backdrop-filter:blur(8px)}
#ashout-recovery-timeline .ao-quit__mode{border-radius:18px;background:rgba(255,255,255,.78);text-align:center;justify-items:center}
#ashout-recovery-timeline .ao-quit__mode.is-active{background:linear-gradient(145deg,#edf8fc,#eef7f0)}
#ashout-recovery-timeline .ao-quit__chip{transition:background .18s ease,border-color .18s ease,color .18s ease,transform .18s ease}
#ashout-recovery-timeline .ao-quit__chip:hover{transform:translateY(-1px)}
#ashout-recovery-timeline .ao-quit__card.ao-quit__card--changing{opacity:.55;transform:translateY(4px)}
#ashout-recovery-timeline .ao-quit__card{transition:opacity .18s ease,transform .18s ease,box-shadow .18s ease}


html{scroll-padding-top:110px}body{overflow-x:hidden}
#main{padding-top:0}
#main>section{margin:0 auto;width:100%;max-width:100%}
