/* Home page (index.html) — page-specific rules.
   Everything else on the page is inline-styled, so this file only holds
   what inline styles cannot express: open/closed states and form fields. */

/* Expandable question cards and timeline steps */
.home-more{display:none}
.home-question.is-open .home-more,
.home-step.is-open .home-more{display:block}
.home-question:hover{border-color:rgba(217,138,54,.45)}
.home-step-toggle:hover,.home-question-toggle:hover{transform:scale(1.1)}

/* Testimonial dots */
.home-dot{width:10px;height:10px;border-radius:50%;border:0;padding:0;cursor:pointer;background:rgba(255,255,255,.22)}
.home-dot.active{background:#f0a85c}

/* Contact form fields */
.home-form input,
.home-form select,
.home-form textarea{width:100%;box-sizing:border-box;padding:11px 14px;background:rgba(4,17,29,.6);
  border:1px solid rgba(182,207,228,.2);color:#fff;font:inherit;outline-color:#d98a36}
.home-form textarea{min-height:110px;resize:vertical}

/* Timeline: single column on phones, connector line hidden */
@media (max-width:760px){
  .home-timeline{grid-template-columns:1fr!important;gap:22px!important}
  .home-timeline > div[aria-hidden="true"]{display:none}
}

/* action circles: size + look come from .action-circle in styles.css */
.home-step-toggle{margin:12px 0 24px;position:relative;z-index:2;box-shadow:0 0 0 7px #0d2b48;font-size:24px}
.home-service-link{flex:0 0 auto;width:26px;height:26px;font-size:17px}