.mdla-commerce,.mdla-agent-team{font-family:inherit;color:#233e54}
.mdla-commerce *,.mdla-agent-team *{box-sizing:border-box}
.mdla-commerce{background:linear-gradient(145deg,#e9f5fb,#fff 52%,#e8f2f9);padding:clamp(48px,7vw,110px) 24px}
.mdla-commerce-shell{max-width:1200px;margin:auto}
.mdla-commerce-heading{max-width:780px;margin:0 0 36px}
.mdla-commerce-kicker{font-size:12px;letter-spacing:.2em;text-transform:uppercase;font-weight:800;color:#47728e}
.mdla-commerce h2,.mdla-agent-team h2{font-family:Georgia,serif;font-size:clamp(36px,5vw,68px);font-weight:400;line-height:1.05;letter-spacing:-.04em;margin:12px 0 18px}
.mdla-commerce-heading p,.mdla-agent-team p{font-size:clamp(16px,1.5vw,19px);line-height:1.6}
.mdla-commerce-grid{display:grid;grid-template-columns:minmax(0,1.25fr) minmax(280px,.75fr);gap:24px}
.mdla-commerce-form,.mdla-commerce-summary{background:rgba(255,255,255,.85);border:1px solid rgba(80,120,150,.28);border-radius:22px;box-shadow:0 18px 60px rgba(25,58,83,.11);padding:clamp(22px,3vw,40px)}
.mdla-commerce-form label{display:block;font-size:14px;font-weight:750;margin-bottom:8px}
.mdla-commerce-form select,.mdla-commerce-form input[type=email],.mdla-commerce-form input[type=text]{width:100%;min-height:48px;border:1px solid #a9c2d1;border-radius:10px;background:#fff;color:#183247;padding:10px 14px;font:inherit}
.mdla-commerce-fields{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:18px;margin:22px 0}
.mdla-commerce-field{min-width:0}
.mdla-commerce-small{font-size:13px!important;color:#4d6576;margin:8px 0}
.mdla-commerce-check{display:flex!important;align-items:flex-start;gap:10px;font-weight:500!important;line-height:1.5}
.mdla-commerce-check input{width:18px;height:18px;flex:none;margin-top:3px}
.mdla-commerce-submit,.mdla-commerce-link{display:inline-flex;align-items:center;justify-content:center;min-height:52px;border:1px solid #233e54;border-radius:999px;background:#233e54;color:white!important;padding:12px 24px;text-decoration:none;font-family:inherit;font-size:15px;font-weight:700;cursor:pointer;transition:transform .2s ease,background .2s ease}
.mdla-commerce-submit:hover,.mdla-commerce-link:hover{transform:translateY(-2px);background:#365b76}
.mdla-commerce-submit:focus-visible,.mdla-commerce-link:focus-visible,.mdla-commerce-form :focus-visible{outline:3px solid #7abbe0;outline-offset:3px}
.mdla-commerce-submit:disabled{cursor:not-allowed;opacity:.6;transform:none}
.mdla-commerce-status{min-height:26px;font-size:14px;font-weight:650;color:#164a69}
.mdla-commerce-status.error{color:#a22c30}
.mdla-commerce-summary{align-self:start;background:#233e54;color:#fff;position:sticky;top:24px}
.mdla-commerce-summary h3{font-family:Georgia,serif;font-size:29px;font-weight:400;margin:0 0 22px;color:#fff}
.mdla-commerce-line{display:flex;justify-content:space-between;gap:14px;border-top:1px solid rgba(255,255,255,.22);padding:14px 0;font-size:14px}
.mdla-commerce-line strong{white-space:nowrap}
.mdla-commerce-totals{border-top:1px solid rgba(255,255,255,.6);padding-top:18px;margin-top:8px}
.mdla-commerce-total{font-family:Georgia,serif;font-size:34px;line-height:1.1;color:#fff}
.mdla-commerce-total small{display:block;font-family:inherit;font-size:12px;font-weight:600;letter-spacing:.1em;text-transform:uppercase;margin-bottom:6px}
.mdla-commerce-total + .mdla-commerce-total{font-size:25px;margin-top:18px}
.mdla-commerce-summary p{font-size:13px;line-height:1.5;color:#d6e8f2}
.mdla-agent-team{padding:clamp(60px,8vw,120px) 24px;background:radial-gradient(circle at 73% 15%,#d8edf9,transparent 42%),#f7fbfe}
.mdla-agent-shell{max-width:1200px;margin:auto;display:grid;grid-template-columns:minmax(230px,.72fr) minmax(0,1.28fr);gap:clamp(28px,5vw,70px);align-items:center}
.mdla-agent-portrait{margin:0;position:relative;padding:12px;border:1px solid #b5d2e3;border-radius:240px 240px 24px 24px;background:linear-gradient(135deg,#fff,#dcecf5);box-shadow:0 25px 65px rgba(36,79,109,.15)}
.mdla-agent-portrait img{display:block;width:100%;height:auto;max-height:580px;object-fit:cover;object-position:top;border-radius:230px 230px 17px 17px}
.mdla-agent-portrait figcaption{font-size:13px;text-align:center;padding:12px 0 4px;color:#42677f}
.mdla-agent-steps{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:10px;margin:26px 0}
.mdla-agent-steps article{border:1px solid #b6d0df;border-radius:15px;background:rgba(255,255,255,.8);padding:18px;min-height:150px;box-shadow:0 10px 26px rgba(35,62,84,.05)}
.mdla-agent-steps b{display:block;font-size:13px;text-transform:uppercase;letter-spacing:.1em;color:#36729b;margin-bottom:10px}
.mdla-agent-steps p{font-size:14px;line-height:1.5;margin:0}
@media(max-width:820px){.mdla-commerce-grid,.mdla-agent-shell{grid-template-columns:1fr}.mdla-commerce-summary{position:static}.mdla-agent-portrait{max-width:420px;margin:auto}.mdla-agent-steps{grid-template-columns:1fr}}
@media(max-width:500px){.mdla-commerce-fields{grid-template-columns:1fr}.mdla-commerce-form,.mdla-commerce-summary{padding:22px}.mdla-agent-team h2{font-size:39px}}
@media(prefers-reduced-motion:reduce){.mdla-commerce-submit,.mdla-commerce-link{transition:none}}
