.commercial-dialog{position:fixed;inset:0;width:min(1060px,94vw);max-height:calc(100dvh - 40px);margin:auto;padding:0;border:0;border-radius:0;clip-path:polygon(0 0,calc(100% - 28px) 0,100% 28px,100% 100%,0 100%);background:var(--avante-paper,#fbfaf7);color:var(--ink);box-shadow:0 35px 120px rgba(15,8,17,.42);font-family:'DM Sans',sans-serif;overflow:auto}
.commercial-dialog[open]{display:grid;grid-template-columns:.88fr 1.12fr}
.commercial-dialog::backdrop{background:rgba(15,11,17,.75);backdrop-filter:blur(10px)}
.commercial-dialog .modal-intro{padding:62px 42px;color:white;display:flex;flex-direction:column;justify-content:center}
.commercial-dialog .commercial-eyebrow{font-size:12px;font-weight:700;letter-spacing:.17em;text-transform:uppercase;color:var(--lilac);margin:0 0 22px}
.commercial-dialog h2{font-size:clamp(37px,4vw,54px);letter-spacing:-.05em;line-height:1.04;margin:0;text-wrap:balance}
#commercial-description{font-size:15px;line-height:1.65;color:rgba(255,255,255,.67);margin:28px 0 0}
.commercial-close{position:absolute;z-index:2;right:18px;top:18px;width:40px;height:40px;border:0;border-radius:50%;color:var(--ink);background:white;font-size:24px;cursor:pointer}
.commercial-contact-panel{padding:48px clamp(26px,4vw,54px);align-self:center;min-width:0}
.commercial-panel-label{font-size:12px;letter-spacing:.14em;font-weight:700;color:var(--purple);padding-bottom:18px;margin-bottom:28px;border-bottom:1px solid rgba(38,25,40,.13)}
.commercial-options{display:grid;gap:18px}
.commercial-options a{position:relative;display:grid;gap:8px;padding:23px 48px 23px 22px;background:white;border:1px solid #d6ced7;border-radius:2px;text-decoration:none;color:var(--ink);transition:background .2s,border-color .2s}
.commercial-options a:hover{background:#f5edf4;border-color:var(--purple)}
.commercial-label{font-size:13px;color:var(--muted)}
.commercial-options strong{font-size:23px;font-weight:600;letter-spacing:-.4px;white-space:nowrap}
.commercial-arrow{position:absolute;right:22px;top:50%;transform:translateY(-50%);color:var(--purple)}
@media(max-width:700px){.commercial-dialog[open]{display:block;width:calc(100% - 24px);max-width:560px;max-height:calc(100dvh - 24px);overscroll-behavior:contain}.commercial-dialog .modal-intro{padding:28px 24px 24px}.commercial-dialog h2{font-size:28px;padding-right:24px}.commercial-dialog .commercial-eyebrow{font-size:11px;margin-bottom:16px}#commercial-description{font-size:14px;margin-top:12px}.commercial-contact-panel{padding:24px}.commercial-panel-label{margin-bottom:20px;padding-bottom:14px}.commercial-close{width:44px;height:44px;top:10px;right:10px}.commercial-options{gap:14px}.commercial-options a{padding:18px 40px 18px 18px}.commercial-options strong{font-size:20px}.commercial-arrow{right:18px}}

/* Same brand monogram used on the risk management cards. */
.commercial-contact-panel,#quote form{position:relative;isolation:isolate;overflow:hidden}
.commercial-contact-panel{align-self:stretch;display:flex;flex-direction:column;justify-content:center}
.commercial-contact-panel::before,#quote form::before{content:'';position:absolute;z-index:-1;pointer-events:none;inset:12% 4%;background:#96378d18;mask:url('/site/assets/avante-monogram.webp') center/contain no-repeat;-webkit-mask:url('/site/assets/avante-monogram.webp') center/contain no-repeat;transform:rotate(-12deg)}
.commercial-options a{background:transparent;border-color:#96378d50;min-height:90px;align-content:center}
.commercial-options a:hover{background:#96378d08;border-color:var(--purple)}
.commercial-options strong{font-size:20px;white-space:normal;letter-spacing:-.3px}
#quote .quote-step-controls .quote-next,#quote .quote-step .submit{background:transparent;color:var(--purple);border:1px solid #96378d70}
#quote .quote-step-controls .quote-next:hover,#quote .quote-step .submit:hover{background:#96378d08}
@media(max-width:700px){.commercial-options strong{font-size:18px}.commercial-options a{min-height:82px}.commercial-contact-panel::before,#quote form::before{inset:8% 3%}}


/* Retain the subtle brand mark in the lower right of the light panels. */
.commercial-contact-panel::before,#quote form::before{inset:auto;right:-45px;bottom:-65px;width:300px;height:290px;background:rgba(150,55,141,.065);transform:rotate(-12deg)}
/* Compact the quotation without reserving blank space between form steps. */
#quote .modal-intro{padding:40px 36px}
#quote .modal-intro h2{font-size:clamp(32px,3.5vw,44px)}
#quote .modal-intro .eyebrow{margin-bottom:18px}
#quote .modal-intro>p:not(.eyebrow){margin-top:20px;font-size:14px}
#quote .modal-intro>div{margin-top:24px}
#quote form{padding:26px clamp(26px,4vw,46px)}
#quote .quote-progress{margin-bottom:20px;padding-bottom:14px}
#quote .quote-step{min-height:0}
#quote form label{margin-bottom:14px}
#quote input,#quote .quote-profile select{min-height:44px;padding:10px 12px;margin-top:6px}
#quote textarea{min-height:86px}
#quote .quote-step-controls{position:static;margin-top:12px;padding-top:14px}
#quote .form-feedback:empty{display:none}
@media(max-width:700px){.commercial-contact-panel::before,#quote form::before{inset:auto;right:-35px;bottom:-55px;width:240px;height:230px}#quote .modal-intro{padding:24px 24px 20px}#quote .modal-intro h2{font-size:28px}#quote .modal-intro>p:not(.eyebrow){margin-top:12px}#quote .modal-intro>div{margin-top:14px}#quote form{padding:20px 24px}#quote .quote-progress{margin-bottom:16px}#quote input,#quote select,#quote textarea{font-size:16px}}

#quote .quote-privacy{margin:16px 0 18px;font-size:12px;line-height:1.6;color:var(--muted);text-align:left;word-spacing:normal}

/* Final quotation step: compact content and a balanced action row. */
#quote:has(form[data-step="2"]) .modal-intro{padding-block:28px}
#quote .quote-step[data-step="2"] textarea{height:100px;min-height:100px}
#quote .quote-privacy{margin:12px 0 16px;line-height:1.55}
#quote .quote-step[data-step="2"] .quote-step-controls{justify-content:space-between;align-items:center;gap:16px;margin-top:0;padding-top:16px}
#quote .quote-step[data-step="2"] .quote-step-controls button{flex:0 1 auto;width:auto;min-height:44px;border-radius:6px;box-shadow:none;font-size:13px}
#quote .quote-step[data-step="2"] .quote-back{padding:11px 18px;color:var(--purple);border-color:#96378d40}
#quote .quote-step[data-step="2"] .submit{padding:11px 22px;gap:18px;letter-spacing:0}
#quote .quote-step[data-step="2"] .quote-step-controls button:hover{background:#96378d08;box-shadow:none;transform:none}
@media(max-width:700px){#quote .quote-step[data-step="2"] .quote-step-controls{gap:10px}#quote .quote-step[data-step="2"] .submit{padding-inline:16px;gap:10px}#quote:has(form[data-step="2"]) .modal-intro{padding-block:20px}}