/* YTT v3.68.181 — transient hero dots + compact mobile lower sections. */

/* Hero dots: clean, contextual, never visually dominant. */
.ytt175-hero-breakout .ytt169-hero .ytt164-dots{
  display:flex!important;
  align-items:center!important;
  gap:5px!important;
  opacity:0!important;
  visibility:hidden!important;
  transform:translateY(2px)!important;
  transition:opacity .28s ease,visibility .28s ease,transform .28s ease!important;
  pointer-events:none!important;
}
.ytt175-hero-breakout .ytt169-hero.ytt-dots-visible .ytt164-dots,
.ytt175-hero-breakout .ytt169-hero:focus-within .ytt164-dots,
.ytt175-hero-breakout .ytt169-hero:hover .ytt164-dots{
  opacity:.82!important;
  visibility:visible!important;
  transform:translateY(0)!important;
  pointer-events:auto!important;
}
.ytt175-hero-breakout .ytt169-hero .ytt164-dot{
  width:5px!important;
  height:5px!important;
  min-width:5px!important;
  padding:0!important;
  border:0!important;
  border-radius:999px!important;
  background:rgba(255,255,255,.46)!important;
  box-shadow:none!important;
  transition:width .22s ease,background .22s ease,opacity .22s ease!important;
}
.ytt175-hero-breakout .ytt169-hero .ytt164-dot.is-active{
  width:15px!important;
  background:rgba(255,123,32,.92)!important;
}

@media(max-width:760px){
  .ytt175-hero-breakout .ytt169-hero:hover .ytt164-dots{
    opacity:0!important;
    visibility:hidden!important;
    pointer-events:none!important;
  }
  .ytt175-hero-breakout .ytt169-hero.ytt-dots-visible .ytt164-dots,
  .ytt175-hero-breakout .ytt169-hero:focus-within .ytt164-dots{
    opacity:.46!important;
    visibility:visible!important;
    pointer-events:auto!important;
  }
  .ytt175-hero-breakout .ytt169-hero .ytt164-dot{
    width:4px!important;
    height:4px!important;
    min-width:4px!important;
    background:rgba(255,255,255,.36)!important;
  }
  .ytt175-hero-breakout .ytt169-hero .ytt164-dot.is-active{
    width:12px!important;
    background:rgba(255,123,32,.72)!important;
  }

  /* Helpful Information: compact accordion footprint on mobile. */
  .ytt178-home .ytt166-faq{
    padding-top:32px!important;
    padding-bottom:0!important;
  }
  .ytt178-home .ytt166-faq .ytt166-section-head{
    margin-bottom:13px!important;
  }
  .ytt178-home .ytt166-faq .ytt163-kicker{
    margin-bottom:5px!important;
    font-size:9.5px!important;
    padding:4px 8px!important;
  }
  .ytt178-home .ytt166-faq .ytt166-section-head h2{
    margin-bottom:5px!important;
    font-size:24px!important;
    line-height:1.08!important;
  }
  .ytt178-home .ytt166-faq .ytt166-section-head>p:last-child{
    max-width:330px!important;
    margin:0 auto!important;
    font-size:11px!important;
    line-height:1.45!important;
  }
  .ytt178-home .ytt166-faq-grid{
    gap:7px!important;
  }
  .ytt178-home .ytt166-faq-item{
    border-radius:12px!important;
    box-shadow:0 4px 14px rgba(8,55,35,.025)!important;
  }
  .ytt178-home .ytt166-faq-item summary{
    min-height:44px!important;
    padding:10px 12px!important;
    gap:10px!important;
    font-size:11.5px!important;
    line-height:1.3!important;
  }
  .ytt178-home .ytt166-faq-item summary span{
    width:23px!important;
    height:23px!important;
    flex:0 0 23px!important;
    border-radius:7px!important;
    font-size:16px!important;
  }
  .ytt178-home .ytt166-faq-item p{
    padding:0 12px 11px!important;
    font-size:10.5px!important;
    line-height:1.5!important;
  }

  /* Start Planning: shorter, lighter closing CTA on mobile. */
  .ytt178-home .ytt163-cta{
    width:calc(100% - 20px)!important;
    margin:22px auto 28px!important;
    padding:18px 16px!important;
    border-radius:16px!important;
    gap:14px!important;
    text-align:left!important;
  }
  .ytt178-home .ytt163-cta .ytt163-kicker{
    margin-bottom:5px!important;
    font-size:9.5px!important;
    padding:4px 8px!important;
  }
  .ytt178-home .ytt163-cta h2{
    margin:0!important;
    font-size:23px!important;
    line-height:1.08!important;
  }
  .ytt178-home .ytt163-cta p:not(.ytt163-kicker){
    margin-top:7px!important;
    font-size:11px!important;
    line-height:1.45!important;
  }
  .ytt178-home .ytt163-cta .ytt163-actions{
    display:grid!important;
    grid-template-columns:1fr 1fr!important;
    gap:7px!important;
    width:100%!important;
    margin-top:0!important;
  }
  .ytt178-home .ytt163-cta .ytt163-btn{
    width:100%!important;
    min-height:38px!important;
    padding:8px 9px!important;
    font-size:9.5px!important;
    white-space:nowrap!important;
  }
}

@media(prefers-reduced-motion:reduce){
  .ytt175-hero-breakout .ytt169-hero .ytt164-dots{transition:none!important}
}
