.contact-page section{position:relative}

.contact-hero .hero-inner{display:flex;justify-content:flex-start;position:relative}
.contact-hero .hero-inner::after{content:"";width:clamp(12rem,30vw,24rem);aspect-ratio:1;position:absolute;right:4%;top:50%;transform:translateY(-50%);border-radius:50%;border:1px solid rgba(100,214,197,.18);box-shadow:inset 0 0 70px rgba(139,124,255,.08)}
.hero-text{max-width:640px;text-align:left;position:relative;z-index:1}

.contact-options .options-grid{display:grid;grid-template-columns:1.35fr .8fr .8fr;gap:var(--space-3);align-items:start}
.contact-options .options-grid .card:first-child{min-height:18rem;display:flex;flex-direction:column;justify-content:flex-end}
.options-grid > *{min-width:0}

.contact-form-section .form-grid{display:grid;grid-template-columns:3fr 2fr;gap:var(--space-3)}
.form-grid > *{min-width:0}
.field{display:flex;flex-direction:column;gap:.4rem;margin-bottom:var(--space-2)}
input,textarea{background:var(--surface-secondary);border:1px solid var(--border-primary);padding:.7rem;border-radius:var(--radius-panel);color:var(--text-primary)}
input:focus,textarea:focus{outline:1px solid var(--brand-mint)}
.form-note{font-size:var(--step-6)}
.form-success{color:var(--brand-mint);margin-top:var(--space-2)}

.expectations .expect-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:var(--space-3)}
.expect-grid > *{min-width:0}

.disclaimer-inner{max-width:700px;margin-inline:auto}

.cta-download{background:var(--surface-secondary)}
.cta-inner{display:flex;flex-direction:column;align-items:center;text-align:center;gap:var(--space-2)}

.faq{background:linear-gradient(115deg,rgba(100,214,197,.055),transparent 50%);padding-block:var(--space-5)}
.faq-inner{max-width:860px;margin-inline:auto}
.faq-list{display:flex;flex-direction:column;gap:var(--space-2)}
.faq-question{width:100%;text-align:left;padding:var(--space-2);background:var(--surface-tertiary);border:1px solid var(--border-primary)}
.faq-answer{display:none;padding:var(--space-2);border:1px solid var(--border-primary);border-top:none}
.faq-item.active .faq-answer{display:block}

.closing-inner{max-width:600px;margin-inline:auto;text-align:center}

@media(max-width:900px){
.contact-options .options-grid{grid-template-columns:1fr}
.contact-form-section .form-grid{grid-template-columns:1fr}
.expectations .expect-grid{grid-template-columns:1fr}
.contact-hero .hero-inner::after{opacity:.45;right:-6rem}
}
