* { box-sizing: border-box; }
body { margin: 0; color: #003127; font-family: "DM Sans", Arial, sans-serif; background: #fff; }
[data-site-nav] { left: 0; position: sticky; top: 0; width: 100%; z-index: 10000; }
.faq-page { background: radial-gradient(900px 280px at 10% -40px, transparent 99%, rgba(0,49,39,.08) 100%, transparent 101%), #fff; overflow: hidden; padding-top: 110px; }
.faq-hero,.faq-list { margin: 0 auto; max-width: 1170px; }
.faq-hero { display: grid; gap: 60px; grid-template-columns: 650px 370px; }
.eyebrow { background: #c6fbec; border-radius: 999px; color: #1a6a59; display: inline-block; font-size: 16px; font-weight: 700; padding: 7px 12px; }
.faq-hero h1 { font-size: 66px; line-height: 1.05; margin: 26px 0 70px; }
.faq-hero p { align-self: center; color: #696e77; font-size: 18px; line-height: 1.45; margin: 0; }
.faq-hero img { border-radius: 8px; display: block; grid-column: 1 / -1; height: 500px; object-fit: cover; width: 1170px; }
.faq-list { display: grid; gap: 20px; margin-top: 180px; padding-bottom: 130px; }
.faq-list article { align-items: center; border: 1px solid #1a6a59; border-radius: 8px; display: grid; gap: 50px; grid-template-columns: 90px 1fr; min-height: 90px; padding: 18px 36px; }
.faq-list strong { color: #11dba3; font-size: 56px; font-weight: 500; line-height: 1; }
.faq-list h2 { font-size: 28px; font-weight: 600; line-height: 1.2; margin: 0; }
.faq-list p { color: #003127; font-size: 16px; line-height: 1.5; margin: 14px 0 0; }
.faq-list .open { min-height: 147px; }
.faq-contact { background: #003d31; color: #fff; display: grid; gap: 80px; grid-template-columns: 535px 535px; margin-top: 0; padding: 80px calc((100% - 1170px)/2) 0; min-height: 830px; }
.faq-contact h2 { color: #fff; font-size: 50px; font-weight: 500; line-height: 1.16; margin: 0 0 26px; }
.faq-contact p { color: #fff; font-size: 18px; line-height: 1.45; margin: 0 0 68px; }
.faq-contact form { display: grid; gap: 20px; }
.faq-contact input,.faq-contact select { appearance:none; background: rgba(255,255,255,.18); border:1px solid rgba(255,255,255,.35); border-radius:8px; color:#fff; font:inherit; font-size:18px; height:54px; padding:0 24px; }
.faq-contact input::placeholder { color:#fff; opacity:1; }
.form-row { display:grid; gap:20px; grid-template-columns:1fr 1fr; }
.faq-contact button { background:#fff; border:0; border-radius:8px; color:#003127; font:inherit; font-size:18px; font-weight:700; height:54px; margin-top:30px; width:183px; }
.faq-contact img { border-radius:50%; display:block; height:535px; object-fit:cover; width:535px; }
@media (max-width: 900px){ .faq-page{padding:80px 20px 0}.faq-hero,.faq-list{max-width:100%}.faq-hero{grid-template-columns:1fr;gap:28px}.faq-hero h1{font-size:46px;margin-bottom:20px}.faq-hero img{height:auto;width:100%}.faq-list{margin-top:70px}.faq-list article{gap:20px;grid-template-columns:70px 1fr;padding:18px}.faq-list strong{font-size:44px}.faq-list h2{font-size:22px}.faq-contact{grid-template-columns:1fr;margin-left:-20px;margin-right:-20px;min-height:0;padding:70px 40px 0}.form-row{grid-template-columns:1fr}.faq-contact img{height:auto;margin:10px auto -70px;max-width:420px;width:100%} }