/* How We Help: purposeful transitions with a calm, readable resting state. */
.how-we-help-page[data-approach-motion]{--approach-ease:cubic-bezier(.2,.65,.3,1)}
.how-we-help-page[data-approach-motion] [data-approach-reveal]{opacity:1}

/* Short heading rules settle once; existing section layouts remain intact. */
.how-we-help-page[data-approach-motion] .approach-heading-rule::after{
 content:"";display:block;width:76px;height:2px;border-radius:2px;margin-top:22px;
 background:linear-gradient(90deg,#b18c50,#a282b3 72%,#d9c9e3);
 transform:scaleX(1);transform-origin:left;opacity:.85;pointer-events:none;
 transition:transform .65s var(--approach-ease),opacity .65s;
}
.how-we-help-page.approach-motion-enabled [data-approach-reveal]:not(.approach-revealed) .approach-heading-rule::after,
.how-we-help-page.approach-motion-enabled .approach-heading-rule[data-approach-reveal]:not(.approach-revealed)::after{transform:scaleX(.15);opacity:.25}

/* One brief panel transition per deliberate process selection. */
.how-we-help-page[data-approach-motion] .process-panels>[role=tabpanel],
.how-we-help-page[data-approach-motion] .faq-list details[open]>div{animation:none}
.how-we-help-page[data-approach-motion] .process-tabs button{transition:background .25s,border-color .25s,box-shadow .25s,color .25s}
.how-we-help-page[data-approach-motion] .process-tabs button>span{transition:background .3s,border-color .3s,box-shadow .3s,color .3s}
.how-we-help-page[data-approach-motion] .process-tabs button>.icon{transition:transform .25s var(--approach-ease),color .25s}
.how-we-help-page[data-approach-motion] .process-tabs button[aria-selected=true]>.icon{transform:translateX(2px);color:#633d85}
.how-we-help-page[data-approach-motion] .process-tabs button:focus-visible{outline:2px solid #805699;outline-offset:3px}
.how-we-help-page[data-approach-motion] .process-tabs button:focus-visible>span{border-color:#a686be;background:#fcfaff}
.how-we-help-page[data-approach-motion] .process-panels{transition:border-color .3s,box-shadow .3s}
.how-we-help-page[data-approach-motion] .process-panels:focus-within{border-color:#bda1cf;box-shadow:0 10px 30px #633d8508}
.how-we-help-page[data-approach-motion] .process-panels .button{transition:background .25s,border-color .25s,color .25s;transform:none}
.how-we-help-page[data-approach-motion] .process-panels .button:hover{transform:none}
.how-we-help-page[data-approach-motion] .process-panels .button .icon{transition:transform .3s var(--approach-ease)}
.how-we-help-page[data-approach-motion] .process-panels .button:focus-visible{outline:2px solid #805699;outline-offset:4px}

/* Scope, Cost, and Next Steps are reading cards with quiet numbered accents. */
.how-we-help-page[data-approach-motion] .expectation-grid>div{transition:border-color .35s,box-shadow .35s}
.how-we-help-page[data-approach-motion] .expectation-grid>div::before{transition:background .45s,border-color .45s,color .45s;transform:none}
.how-we-help-page[data-approach-motion] .expectation-grid>div.approach-revealed::before{background:#f4edf9;border-color:#cdb5dc;color:#725285}
.how-we-help-page[data-approach-motion] .expectation-grid>div:nth-child(2).approach-revealed::before{background:#fcf7ed;border-color:#d9c49d;color:#80602f}

/* Keep native FAQ controls; only the newly opened answer fades briefly. */
.how-we-help-page[data-approach-motion] .faq-list details{transition:border-color .3s,box-shadow .3s,background .3s}
.how-we-help-page[data-approach-motion] .faq-list details[open]{border-color:#bba1ce;background:#fefcff;box-shadow:0 8px 24px #633d8508}
.how-we-help-page[data-approach-motion] .faq-list summary{transition:background .25s,color .25s}
.how-we-help-page[data-approach-motion] .faq-list summary::before{transition:color .25s}
.how-we-help-page[data-approach-motion] .faq-list details[open] summary::before{color:#725285}
.how-we-help-page[data-approach-motion] .faq-list summary .icon{transition:transform .25s var(--approach-ease)}
.how-we-help-page[data-approach-motion] .faq-list summary:focus-visible{outline:2px solid #805699;outline-offset:-4px;border-radius:14px;background:#f7f1fb}

/* Contact information can enter gently; the form itself stays stationary. */
.how-we-help-page[data-approach-motion] .page-contact-info .contact-options>a{transition:background .3s,border-color .3s,box-shadow .3s}
.how-we-help-page[data-approach-motion] .page-contact-info .contact-options>a:hover{transform:none}
.how-we-help-page[data-approach-motion] .page-contact-info .contact-options>a:focus-visible{outline:2px solid #805699;outline-offset:3px;background:#f7f0fb;border-color:#bda1cf}
.how-we-help-page[data-approach-motion] .review-form-panel{transition:border-color .3s,box-shadow .3s}
.how-we-help-page[data-approach-motion] .review-form-panel:focus-within{border-color:#c2a7d3;box-shadow:0 18px 45px #633d850c}
.how-we-help-page[data-approach-motion] .form-section-nav>a{transition:background .25s,border-color .25s,color .25s}
.how-we-help-page[data-approach-motion] .form-chapter{transition:border-color .3s}
.how-we-help-page[data-approach-motion] .form-chapter:focus-within{border-color:#bda1cf}
.how-we-help-page[data-approach-motion] .form-chapter legend>span{transition:background .3s,border-color .3s,color .3s}
.how-we-help-page[data-approach-motion] .form-chapter:focus-within legend>span{background:#f4edf9;border-color:#b596c8;color:#633d85}
.how-we-help-page[data-approach-motion] .completion-track>span{transition:width .32s var(--approach-ease)}
.how-we-help-page[data-approach-motion] .submit-request,
.how-we-help-page[data-approach-motion] .submit-request:hover{transform:none}
.how-we-help-page[data-approach-motion] .form-success{animation:none}
@media(hover:hover) and (pointer:fine){
 .how-we-help-page[data-approach-motion] .process-panels .button:hover .icon{transform:translate(2px,-2px)}
 .how-we-help-page[data-approach-motion] .faq-list summary:hover{background:#faf6fd}
 .how-we-help-page[data-approach-motion] .page-contact-info .contact-options>a:hover{background:#f7f0fb;border-color:#bda1cf;box-shadow:0 5px 16px #633d8509}
}
@media(max-width:700px){
 .how-we-help-page[data-approach-motion] .approach-heading-rule::after{width:62px;margin-top:18px}
}

/* Visible defaults; pause and reduced-motion settle decorative transitions. */
.how-we-help-page[data-approach-motion]:not(.approach-motion-enabled) .approach-section *,
.how-we-help-page[data-approach-motion]:not(.approach-motion-enabled) .approach-section *::before,
.how-we-help-page[data-approach-motion]:not(.approach-motion-enabled) .approach-section *::after,
html.motion-off .how-we-help-page[data-approach-motion] .approach-section *,
html.motion-off .how-we-help-page[data-approach-motion] .approach-section *::before,
html.motion-off .how-we-help-page[data-approach-motion] .approach-section *::after{animation:none!important;transition:none!important}
html.motion-off .how-we-help-page[data-approach-motion] [data-approach-reveal]{opacity:1;transform:none}
@media(prefers-reduced-motion:reduce){
 .how-we-help-page[data-approach-motion] .approach-section *,
 .how-we-help-page[data-approach-motion] .approach-section *::before,
 .how-we-help-page[data-approach-motion] .approach-section *::after{animation:none!important;transition:none!important}
 .how-we-help-page[data-approach-motion] [data-approach-reveal]{opacity:1;transform:none}
}
@media print{
 .how-we-help-page[data-approach-motion] .approach-section *,
 .how-we-help-page[data-approach-motion] .approach-section *::before,
 .how-we-help-page[data-approach-motion] .approach-section *::after{animation:none!important;transition:none!important}
 .how-we-help-page[data-approach-motion] [data-approach-reveal]{opacity:1;transform:none}
}