:root{
    --ivory:#FAF6EC;
    --cream:#F3EDDE;
    --navy:#162336;
    --navy-2:#1E2F49;
    --charcoal:#26344A;
    --gold:#DDA46F;
    --gold-soft:#EFCBA8;
    --gold-text:#A16126;
    --aqua:#3EB1C8;
    --aqua-text:#277888;
    --coral:#E0704A;
    --line: rgba(22,35,54,0.15);
    --radius: 14px;
  }

  *{box-sizing:border-box;}
  html,body{margin:0;padding:0;}
  
  h1,h2,h3,.serif{
    font-family:'Cormorant Garamond', serif;
    color:var(--navy);
    font-weight:500;
    margin:0;
  }
 display:block;}

  /* ---------- draft badge ---------- */
    /* ---------- site chrome (context only) ---------- */
  .site-nav{
    display:flex;
    align-items:center;
    justify-content:space-between;
    padding:28px 56px;
    max-width:1180px;
    margin:0 auto;
  }
  .logo{
    display:flex;
    align-items:center;
    gap:9px;
  }
  .logo img{
    height:34px;
    width:auto;
    flex:none;
  }
  .logo-text{
    font-family:'Cormorant Garamond', serif;
    font-size:23px;
    letter-spacing:.02em;
    color:var(--navy);
  }
  .logo-sub{
    font-family:'Jost', sans-serif;
    font-size:9.5px;
    letter-spacing:.24em;
    color:var(--aqua-text);
    text-transform:uppercase;
    margin-left:20px;
    display:none;
  }
  @media(min-width:720px){ .logo-sub{ display:inline; } }

  /* ---------- top bar trigger (secondary, matches real phone-number bar) ---------- */
  .topbar-right{
    display:flex;
    align-items:center;
    gap:18px;
  }
  .topbar-phone{
    font-family:'Jost', sans-serif;
    font-size:14px;
    color:var(--navy);
    text-decoration:none;
    letter-spacing:.01em;
    white-space:nowrap;
  }
  .topbar-sep{
    width:3px;height:3px;border-radius:50%;
    background:var(--line);
    display:inline-block;
  }
  .topbar-trigger{
    background:none;
    border:none;
    cursor:pointer;
    font-family:'Jost', sans-serif;
    font-size:13.5px;
    color:var(--gold-text);
    text-decoration:underline;
    text-underline-offset:3px;
    letter-spacing:.01em;
    white-space:nowrap;
    padding:0;
  }
  .topbar-trigger:hover{ color:var(--navy); }

  /* ---------- hero video (context only — represents real homepage video) ---------- */
                              /* ---------- persistent floating trigger ---------- */
  .fab-trigger{
    position:fixed;
    right:22px;
    bottom:22px;
    z-index:800;
    display:flex;
    align-items:center;
    gap:11px;
    background:var(--navy);
    color:var(--ivory);
    border:none;
    padding:18px 26px;
    border-radius:999px;
    font-family:'Jost', sans-serif;
    font-size:15px;
    letter-spacing:.02em;
    cursor:pointer;
    box-shadow:0 10px 28px rgba(22,35,54,.26);
    opacity:0;
    transform:translateY(14px);
    transition:
      opacity .5s cubic-bezier(0.16, 1, 0.3, 1),
      transform .5s cubic-bezier(0.16, 1, 0.3, 1),
      background .2s ease,
      box-shadow .2s ease;
  }
  .fab-trigger.visible{
    opacity:1;
    transform:translateY(0);
  }
  .fab-trigger:hover{
    background:var(--navy-2);
    transform:translateY(-2px);
    box-shadow:0 10px 28px rgba(22,35,54,.28);
  }
  .fab-trigger svg{ flex:none; }
  @keyframes fabHop{
    0%{ transform:translateY(0); }
    22%{ transform:translateY(-7px); }
    44%{ transform:translateY(0); }
    64%{ transform:translateY(-4px); }
    82%{ transform:translateY(0); }
    100%{ transform:translateY(0); }
  }
  @keyframes fabNudgeColor{
    0%{ background:var(--navy); box-shadow:0 8px 24px rgba(22,35,54,.22), 0 0 0 0 rgba(62,177,200,.45), 0 0 0 0 rgba(62,177,200,.3); }
    22%{ background:#E0704A; box-shadow:0 8px 24px rgba(22,35,54,.22), 0 0 0 10px rgba(62,177,200,.25), 0 0 0 0 rgba(62,177,200,.3); }
    45%{ background:#E0704A; box-shadow:0 8px 24px rgba(22,35,54,.22), 0 0 0 20px rgba(62,177,200,0), 0 0 0 8px rgba(62,177,200,.2); }
    75%{ background:var(--navy); box-shadow:0 8px 24px rgba(22,35,54,.22), 0 0 0 20px rgba(62,177,200,0), 0 0 0 24px rgba(62,177,200,0); }
    100%{ background:var(--navy); box-shadow:0 8px 24px rgba(22,35,54,.22), 0 0 0 0 rgba(62,177,200,0), 0 0 0 0 rgba(62,177,200,0); }
  }
  .fab-trigger.nudge{
    animation:
      fabHop .9s ease-in-out,
      fabNudgeColor 3.6s ease-in-out .9s;
  }
  @media(max-width:640px){
    .fab-trigger{ right:16px; bottom:16px; padding:15px 22px; font-size:14px; }
  }
  /* hide once the full-size drawer/sheet is open, so it never sits under it */
  body.drawer-open .fab-trigger{ opacity:0; pointer-events:none; }

    /* ---------- dedicated page section ---------- */
    /* ---------- shared form styling ---------- */
  .care-form-shell{
    background:var(--cream);
    border-radius:20px;
    padding:40px 36px 36px;
  }
    /* ---------- progress indicator ---------- */
  .form-progress-track{
    height:3px;
    background:var(--line);
    border-radius:999px;
    overflow:hidden;
    margin-bottom:26px;
  }
  .form-progress-fill{
    height:100%;
    width:0%;
    background:var(--gold-text);
    border-radius:999px;
    transition:width .35s ease;
  }

  /* ---------- inline field validation ---------- */
  .input-wrap{
    position:relative;
  }
  .input-wrap input{
    padding-right:38px;
  }
  .field-check{
    position:absolute;
    right:13px;
    top:50%;
    transform:translateY(-50%) scale(.7);
    opacity:0;
    transition:opacity .2s ease, transform .2s ease;
    pointer-events:none;
  }
  .field-check.valid{
    opacity:1;
    transform:translateY(-50%) scale(1);
  }

  /* ---------- respect reduced-motion preference ---------- */
  @media (prefers-reduced-motion: reduce){
    *, *::before, *::after{
      animation-duration:.001ms !important;
      animation-delay:.001ms !important;
      animation-iteration-count:1 !important;
      transition-duration:.001ms !important;
    }
  }

  .announce{
    display:flex;
    flex-wrap:wrap;
    gap:10px;
    align-items:center;
    font-size:13px;
    font-weight:500;
    letter-spacing:.14em;
    text-transform:uppercase;
    color:var(--aqua-text);
    margin-bottom:22px;
  }
  .announce .sep{
    width:3px;height:3px;border-radius:50%;
    background:var(--aqua);
    display:inline-block;
  }

  .form-heading{
    font-size:clamp(28px, 3.6vw, 34px);
    margin-bottom:14px;
    line-height:1.16;
  }
  .heading-line{
    height:1.4px;
    background:var(--gold-text);
    width:0;
    margin-bottom:22px;
  }
  .drawer.open .heading-line{
    animation:hzDraw .9s cubic-bezier(0.65,0,0.35,1) both;
    animation-delay:.5s;
  }
  @keyframes hzDraw{ to{ width:64px; } }
    .form-sub{
    font-size:17.5px;
    font-weight:500;
    color:var(--charcoal);
    opacity:.95;
    margin-bottom:30px;
    max-width:46ch;
  }

  fieldset{
    border:none;
    margin:0;
    padding:0;
  }

  .field-grid{
    display:grid;
    grid-template-columns:1fr;
    gap:18px;
    margin-bottom:18px;
  }
  @media(min-width:600px){
    .field-grid.two-col{ grid-template-columns:1fr 1fr; }
    .field-grid.address-row{ grid-template-columns:2fr 1fr 1fr; }
  }

  label{
    display:block;
    font-size:16px;
    font-weight:600;
    color:var(--navy);
    margin-bottom:7px;
    letter-spacing:.01em;
  }
  .req{
    color:var(--coral);
    margin-left:3px;
    font-size:1.25em;
    font-weight:600;
    line-height:1;
  }
  .field-note{
    display:block;
    font-size:12.5px;
    color:var(--charcoal);
    opacity:.6;
    margin-top:5px;
  }

  input[type="text"],
  input[type="email"],
  input[type="tel"],
  select,
  textarea{
    width:100%;
    font-family:'Jost', sans-serif;
    font-weight:500;
    font-size:17.5px;
    color:var(--charcoal);
    background:var(--ivory);
    border:1px solid var(--line);
    border-radius:10px;
    padding:12px 14px;
    outline:none;
    transition:border-color .18s ease, box-shadow .18s ease;
    appearance:none;
    -webkit-appearance:none;
  }
    textarea{
    resize:vertical;
    min-height:88px;
  }
  input::placeholder, textarea::placeholder{
    color:var(--charcoal);
    opacity:.4;
  }
  @keyframes inputRipple{
    0%{ box-shadow:0 0 0 0 rgba(62,177,200,.45), 0 0 0 3px rgba(221,164,111,.16); }
    100%{ box-shadow:0 0 0 8px rgba(62,177,200,0), 0 0 0 3px rgba(221,164,111,.16); }
  }
  input:focus, select:focus, textarea:focus{
    border-color:var(--gold-text);
    box-shadow:0 0 0 3px rgba(221,164,111,.16);
    animation:inputRipple .6s ease-out;
  }

  input.field-invalid, select.field-invalid, textarea.field-invalid{
    border-color:var(--coral);
  }
  @keyframes fieldShake{
    0%, 100%{ transform:translateX(0); }
    20%{ transform:translateX(-5px); }
    40%{ transform:translateX(4px); }
    60%{ transform:translateX(-3px); }
    80%{ transform:translateX(2px); }
  }
  input.shake, select.shake, textarea.shake{
    animation:fieldShake .4s ease-in-out;
  }

  select{
    background-image:url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' width='12' height='8' viewBox='0 0 12 8'><path d='M1 1L6 6L11 1' stroke='%2316263D' stroke-width='1.4' fill='none' stroke-linecap='round' stroke-linejoin='round'/></svg>");
    background-repeat:no-repeat;
    background-position:right 14px center;
    padding-right:36px;
    cursor:pointer;
  }

  .section-divider{
    height:1px;
    background:var(--line);
    margin:26px 0;
  }

  .hp-field{
    position:absolute;
    left:-9999px;
    width:1px;
    height:1px;
    overflow:hidden;
  }

  .consent-row{
    display:flex;
    align-items:flex-start;
    gap:11px;
    margin:26px 0 30px;
  }
  .consent-row input[type="checkbox"]{
    appearance:none;
    -webkit-appearance:none;
    width:19px;
    height:19px;
    border:1.5px solid var(--navy);
    border-radius:5px;
    margin-top:2px;
    flex:none;
    cursor:pointer;
    position:relative;
    background:var(--ivory);
  }
  .consent-row input[type="checkbox"]:checked{
    background:var(--navy);
  }
  .consent-row input[type="checkbox"]:checked::after{
    content:"";
    position:absolute;
    left:5px; top:1.5px;
    width:5px; height:9px;
    border:solid var(--ivory);
    border-width:0 2px 2px 0;
    transform:rotate(40deg);
  }
  .consent-row label{
    margin:0;
    font-size:16px;
    font-weight:500;
    color:var(--charcoal);
    line-height:1.5;
  }

  .privacy-note{
    margin:10px 0 26px;
    padding-left:30px;
    font-size:12.5px;
    color:var(--charcoal);
    opacity:.7;
    line-height:1.5;
  }

  /* Google requires either its visible badge or this text disclosure
     when the badge is hidden — hidden here so it doesn't collide
     with the floating trigger button in the same corner. */
  .grecaptcha-badge{
    visibility:hidden !important;
  }
  .recaptcha-disclosure{
    padding-left:30px;
    margin-top:-16px;
    margin-bottom:26px;
    font-size:11.5px;
    color:var(--charcoal);
    opacity:.6;
    line-height:1.5;
  }
  .recaptcha-disclosure a{
    color:inherit;
    text-decoration:underline;
  }

  .submit-btn{
    width:100%;
    background:var(--navy);
    color:var(--ivory);
    border:none;
    border-radius:999px;
    padding:16px 20px;
    font-family:'Jost', sans-serif;
    font-size:18px;
    font-weight:600;
    letter-spacing:.03em;
    cursor:pointer;
    transition:background .2s ease, transform .2s ease;
  }
  .submit-btn:hover{ background:var(--navy-2); transform:translateY(-1px); }
  .submit-btn:disabled{ opacity:.65; cursor:not-allowed; transform:none; }
  .form-error.network{ color:#9A5A3C; }

  .form-error{
    font-size:14.5px;
    font-weight:500;
    color:#9A5A3C;
    margin-top:14px;
    display:none;
  }
  .form-error.show{ display:block; }

  /* ---------- confirmation ---------- */
  .confirm{
    display:none;
    text-align:left;
    padding:6px 0 4px;
  }
  .confirm.show{ display:block; }
  .confirm .mark{
    width:44px;height:44px;
    border-radius:50%;
    border:1.4px solid var(--gold);
    display:flex; align-items:center; justify-content:center;
    margin-bottom:22px;
  }
  .confirm.show .mark{
    animation:markPulse 1.8s ease-in-out .6s infinite;
  }
  @keyframes markPulse{
    0%,100%{ box-shadow:0 0 0 0 rgba(224,112,74,0); }
    50%{ box-shadow:0 0 0 6px rgba(224,112,74,.18); }
  }
  .mark-path{
    stroke-dasharray:20;
    stroke-dashoffset:20;
  }
  .confirm.show .mark-path{
    animation:markDraw .5s ease-out .1s forwards;
  }
  @keyframes markDraw{ to{ stroke-dashoffset:0; } }
  .confirm h2{
    font-size:clamp(26px,3.2vw,31px);
    margin-bottom:14px;
    line-height:1.2;
    opacity:0;
  }
  .confirm.show h2{
    animation:stepIn .7s cubic-bezier(0.16, 1, 0.3, 1) both;
    animation-delay:.35s;
  }
  .confirm p{
    font-size:17.5px;
    font-weight:500;
    color:var(--charcoal);
    max-width:44ch;
    opacity:0;
  }
  @keyframes stepInMuted{
    from{ opacity:0; transform:translateY(8px); }
    to{ opacity:.94; transform:translateY(0); }
  }
  .confirm.show p{
    animation:stepInMuted .7s cubic-bezier(0.16, 1, 0.3, 1) both;
    animation-delay:.55s;
  }
  .confirm a{
    color:var(--navy);
    text-decoration:underline;
    text-underline-offset:2px;
  }
  .confirm .close-confirm{
    margin-top:26px;
    background:none;
    border:1.4px solid var(--navy);
    color:var(--navy);
    padding:11px 24px;
    border-radius:999px;
    font-family:'Jost', sans-serif;
    font-size:16px;
    font-weight:600;
    cursor:pointer;
    opacity:0;
  }
  .confirm.show .close-confirm{
    animation:
      stepIn .5s cubic-bezier(0.16, 1, 0.3, 1) 1.7s both,
      closePulse 2.2s ease-in-out 2.2s infinite;
  }
  @keyframes closePulse{
    0%, 100%{ box-shadow:0 0 0 0 rgba(22,35,54,0); }
    50%{ box-shadow:0 0 0 6px rgba(22,35,54,.14); }
  }

  /* ---------- next-steps reveal + booking moment ---------- */
  @keyframes stepIn{
    from{ opacity:0; transform:translateY(8px); }
    to{ opacity:1; transform:translateY(0); }
  }
  .next-steps{
    list-style:none;
    margin:26px 0 0;
    padding:0;
  }
  .next-steps li{
    position:relative;
    padding-left:22px;
    margin-bottom:12px;
    font-size:13.5px;
    color:var(--charcoal);
    line-height:1.5;
    font-size:16px;
    font-weight:500;
    opacity:0;
    animation:stepIn .5s cubic-bezier(0.16, 1, 0.3, 1) both;
  }
  .next-steps li::before{
    content:"";
    position:absolute;
    left:0; top:7px;
    width:6px; height:6px;
    border-radius:50%;
    background:var(--aqua);
  }
  @keyframes dotPulse{
    0%, 100%{ transform:scale(1); opacity:1; }
    50%{ transform:scale(1.5); opacity:.55; }
  }
  .next-steps li:nth-child(1)::before{ animation:dotPulse 1.7s ease-in-out 1.4s infinite; }
  .next-steps li:nth-child(2)::before{ animation:dotPulse 1.7s ease-in-out 1.65s infinite; }
  .next-steps li:nth-child(3)::before{ animation:dotPulse 1.7s ease-in-out 1.9s infinite; }
  .next-steps li:nth-child(1){ animation-delay:.9s; }
  .next-steps li:nth-child(2){ animation-delay:1.15s; }
  .next-steps li:nth-child(3){ animation-delay:1.4s; }

  /* ---------- drawer / bottom sheet ---------- */
  .overlay{
    position:fixed; inset:0;
    background:rgba(22,38,61,.36);
    opacity:0;
    pointer-events:none;
    transition:opacity .3s ease-out;
    z-index:900;
  }
  .overlay.open{ opacity:1; pointer-events:auto; }

  .drawer{
    position:fixed;
    top:0; right:0;
    height:100%;
    width:min(460px, 100%);
    background:var(--ivory);
    box-shadow:-18px 0 40px rgba(22,38,61,.14);
    z-index:901;
    transform:translateX(105%);
    transition:transform .46s cubic-bezier(0.16, 1, 0.3, 1);
    overflow-y:auto;
    padding:36px 32px 48px;
  }
  .drawer.open{ transform:translateX(0); }
  .drawer.peek{ transform:translateX(calc(100% - 48px)); }

  .drawer-grab{
    position:absolute;
    left:0; top:50%;
    transform:translate(-50%, -50%);
    width:10px;
    height:76px;
    border-radius:999px;
    background:var(--gold-text);
    cursor:grab;
    touch-action:none;
  }
  .drawer-grab:active{ cursor:grabbing; }

  @keyframes contentSettle{
    from{ opacity:0; transform:translateY(10px); }
    to{ opacity:1; transform:translateY(0); }
  }
  .drawer .form-view{
    opacity:0;
  }
  .drawer.open .form-view{
    animation:contentSettle .5s cubic-bezier(0.16, 1, 0.3, 1) both;
    animation-delay:.16s;
  }

  .drawer-top{
    display:flex;
    justify-content:center;
    align-items:flex-start;
    margin-bottom:30px;
    position:relative;
  }
  .drawer-logo{ display:flex; align-items:center; gap:12px; }
  .drawer-logo img{ height:52px; width:auto; }
  .drawer-logo span{ font-family:'Cormorant Garamond', serif; font-size:30px; color:var(--navy); }
  .close-btn{
    background:none; border:none; cursor:pointer;
    width:34px;height:34px;
    border-radius:50%;
    display:flex; align-items:center; justify-content:center;
    color:var(--navy);
    transition:background .18s ease;
    position:absolute;
    top:0; right:0;
  }
  .close-btn:hover{ background:var(--cream); }

  @media(max-width:640px){
    .drawer{
      top:auto; bottom:0; right:0; left:0;
      width:100%;
      height:auto;
      max-height:92vh;
      border-radius:22px 22px 0 0;
      transform:translateY(100%);
      padding:14px 22px 40px;
    }
    .drawer.open{ transform:translateY(0); }
    .drawer.peek{ transform:translateY(calc(100% - 48px)); }
    .sheet-handle{
      width:56px; height:6px;
      border-radius:999px;
      background:var(--line);
      margin:4px auto 18px;
      touch-action:none;
      cursor:grab;
    }
    .drawer-top{ margin-top:2px; }
  }
  .sheet-handle{ display:none; }
  @media(max-width:640px){ .drawer-grab{ display:none; } }
  @media(max-width:640px){ .sheet-handle{ display:block; } }