.roof-inquiry{display:grid;grid-template-columns:1fr 1.15fr;gap:42px;margin:36px 0 28px;padding:30px;border:1px solid #31545c;background:linear-gradient(120deg,#0c2932,#0b222a);border-radius:3px}
.roof-inquiry[hidden]{display:none}
.roof-inquiry h3{margin:10px 0 12px;font:400 clamp(25px,2.5vw,35px)/1.2 Jost,sans-serif;color:#f1f4ef}
.roof-inquiry p{margin:0;color:#b0c7cd;font:400 14px/1.7 Jost,sans-serif}
.roof-inquiry .eyebrow{color:#32d8cf;font:400 10px/1.7 'IBM Plex Mono',monospace;letter-spacing:.1em}
.roof-inquiry-actions{display:flex;align-items:flex-start;flex-direction:column;gap:15px}
.roof-inquiry-consent{display:flex;align-items:flex-start;gap:11px;color:#f1f4ef;font:400 16px/1.5 Jost,sans-serif;cursor:pointer}
.roof-inquiry-consent input{flex:none;width:19px;height:19px;margin:3px 0 0;accent-color:#29d4ce}
.roof-inquiry .roof-inquiry-note{font-size:12px;line-height:1.6}
.roof-inquiry .button{min-height:52px;max-width:100%;gap:18px;text-align:left;white-space:normal;font-size:16px}
.roof-inquiry .button:disabled{opacity:.45;cursor:not-allowed}
.roof-inquiry .text-link{font-size:13px}
.roof-inquiry :focus-visible{outline:2px solid #6affec;outline-offset:5px}
#roof-inquiry-status{color:#f7dcaf}
@media(max-width:850px){.roof-inquiry{grid-template-columns:1fr;gap:22px;padding:24px}}
@media(max-width:540px){.roof-inquiry{padding:20px;margin-top:26px}.roof-inquiry .button{width:100%;justify-content:space-between;font-size:15px}.roof-inquiry-consent{font-size:15px}}