/* Photo-led material cards */
.options-grid{border:0;gap:24px;align-items:stretch}
.options-grid article{padding:0 0 27px;background:#fff;border:1px solid #d5d5cf;display:flex;flex-direction:column;overflow:hidden}
.options-grid article+article{border-left:1px solid #d5d5cf}
.option-photo{width:100%;height:auto;aspect-ratio:3/2;object-fit:cover;border-bottom:1px solid #d5d5cf}
.options-grid .option-number{top:15px;right:15px;color:#fff;background:#282828d9;padding:8px 10px;z-index:1}
.options-grid h3{margin:25px 25px 12px;font-size:24px}
.options-grid article>p{margin:0 25px 22px;font-size:13px;line-height:1.8}
.options-grid article>a{margin:auto 25px 0;font-size:12px;line-height:1.5;min-height:44px;display:flex;justify-content:space-between;align-items:center;gap:12px}
.options-grid article>a .icon{width:20px;height:20px}
/* A distinct callback path for business customers. */
.contractors{background:#eeeee9;border-bottom:1px solid #d5d5cf}
.contractor-grid{display:grid;grid-template-columns:1fr 1fr;align-items:start;gap:95px}
.contractor-copy{padding-top:32px}
.contractor-copy .eyebrow{color:var(--red)}
.contractor-copy h2{max-width:510px}
.contractor-copy>p:not(.eyebrow){font-size:16px;line-height:1.8;color:#62625e;max-width:450px;margin-top:25px}
.contractor-points{list-style:none;padding:25px 0;margin:30px 0;border-block:1px solid #cdcdc6;display:grid;gap:17px;max-width:450px;font-size:13px;line-height:1.5}
.contractor-points li{padding-left:22px;position:relative}
.contractor-points li:before{content:'✓';position:absolute;left:0;color:var(--red);font-weight:700}
.contractor-copy>.text-link{font-size:13px}
.contractor-card{background:#fff;padding:32px;border-top:4px solid var(--brand)}
.contractor-card h3{font-size:27px;line-height:1.2;letter-spacing:-.8px}
.contractor-card .form-intro{font-size:12px;line-height:1.7;margin:12px 0 25px;color:#656565}
.contractor-card .fields{gap:17px}
.contractor-card .fields input,.contractor-card .fields select{min-height:46px;padding:12px;margin-top:7px}
.contractor-card .fields select{width:100%;border:1px solid #c4c4c1;border-radius:0;background:#fafaf9;color:var(--ink);font:400 14px Arial}
.contractor-card .fields select:focus-visible{outline:3px solid var(--red);outline-offset:4px}
.contractor-card .submit-button{font-size:13px;padding-inline:16px;margin-top:18px;gap:14px}
.contractor-card .privacy-note{font-size:10px;line-height:1.7;margin-top:13px}
.contractor-card .privacy-note a{text-decoration:underline}
.header .nav nav{gap:19px}
@media(max-width:1100px){.contractor-grid{gap:45px}.options-grid{gap:16px}.options-grid h3{font-size:21px;margin-inline:20px}.options-grid article>p,.options-grid article>a{margin-inline:20px}.header .nav{gap:20px}.header .nav nav{gap:14px}}
@media(max-width:950px){.header .nav nav{display:none}.contractor-grid{gap:30px}.contractor-card{padding:25px}.contractor-card h3{font-size:24px}.contractor-points{font-size:12px}}
@media(max-width:760px){.options-grid{grid-template-columns:1fr;gap:24px}.options-grid article{padding-bottom:23px}.options-grid h3{font-size:26px;margin:24px 24px 12px}.options-grid article>p{font-size:15px;margin-inline:24px}.options-grid article>a{font-size:14px;margin-inline:24px}.contractor-grid{grid-template-columns:1fr;gap:30px}.contractor-copy{padding-top:0}.contractor-copy>p:not(.eyebrow){font-size:15px}.contractor-points{font-size:13px;margin-top:24px}.contractor-card{padding:25px 23px}.contractor-card h3{font-size:26px}.contractor-card .fields{grid-template-columns:1fr}.contractor-card input,.contractor-card textarea,.contractor-card .fields select{font-size:16px}.contractor-card .submit-button{font-size:13px}.contractor-card .form-intro{font-size:13px}}

.hero-contractor-link{display:inline-block;margin-top:18px;color:#fff;font-size:12px;line-height:1.6;text-decoration:underline;text-underline-offset:4px}.hero-contractor-link:hover{color:#ffb3aa}

/* Four clearly illustrated options, with room for readable text. */
.options-grid{grid-template-columns:repeat(4,minmax(0,1fr));gap:20px}
.options-grid h3{font-size:22px;line-height:1.25}
@media(max-width:1100px){.options-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:22px}}
@media(max-width:760px){.options-grid{grid-template-columns:1fr;gap:24px}.options-grid h3{font-size:26px}}

/* Final responsive QA: readable native controls without iPhone focus zoom. */
@media(max-width:760px){.planner select{font-size:16px;min-height:48px}.planner label{font-size:12px}}
@media(max-width:480px){.planner-fields{grid-template-columns:minmax(0,1fr)}}
