/* Mirror the Judith composition with the same Bradial type and card surfaces. */
.crm-section{padding:60px 0 100px;background:radial-gradient(ellipse at 5% 45%,#f4faff,transparent 62%),#fff}
.crm-container{width:min(1240px,calc(100% - 80px));margin-inline:auto}
.crm-layout{display:grid;grid-template-columns:7fr 5fr;gap:28px;align-items:stretch}
.crm-copy{grid-column:2;grid-row:1;align-self:center;min-width:0;padding:20px 0}
.crm-tagline{display:block;width:fit-content;max-width:100%;margin:0 0 24px;color:#2f86ea;font-size:13px;font-weight:450;line-height:1.6;letter-spacing:.14em}
.crm-headline{max-width:505px;margin:0;color:var(--ink);font-size:clamp(44px,4.1vw,57px);font-weight:400;line-height:1.11;letter-spacing:-.045em;text-wrap:balance}
.crm-description{max-width:470px;margin:28px 0 0;color:#6c8193;font-size:17px;font-weight:350;line-height:1.75}
.crm-offers{display:flex;flex-wrap:wrap;gap:10px;margin:25px 0 0}
.crm-offer{display:inline-flex;align-items:center;min-height:40px;padding:10px 13px;border:1px solid #d4e7fa;border-radius:10px;background:#f5f9fd;color:#648097;font-size:14px;font-weight:400;line-height:1.4}
.crm-offer-highlight{background:#e8f3ff;border-color:#d1e6ff;color:#2376cc}
.crm-copy>.primary-button{margin-top:28px}
.crm-card{position:relative;grid-column:1;grid-row:1;isolation:isolate;min-width:0;min-height:0;aspect-ratio:3/2;align-self:center}
.crm-panel{position:absolute;inset:0;display:flex;align-items:center;justify-content:center;padding:24px;border:1px solid #cce3f9;border-radius:24px;overflow:hidden;background:radial-gradient(ellipse at 55% 20%,#dff3ff,#b9ddff 55%,#e7f4ff 95%);box-shadow:inset 0 1px 0 #ffffffc9}
.crm-preview{display:block;width:100%;height:auto;max-width:650px;object-fit:contain;transform:none;user-select:none}



.crm-benefits{grid-column:1/-1;grid-row:2;display:grid;grid-template-columns:1fr 1fr;gap:24px}
.crm-benefit{min-width:0;padding:28px 30px;border-radius:22px;background:#eaf4fe}
.crm-benefit:last-child{background:#e1effc}
.crm-benefit h3{margin:0 0 12px;color:var(--ink);font-size:23px;font-weight:450;line-height:1.3;letter-spacing:-.025em}
.crm-benefit p{margin:0;color:#627d95;font-size:15px;font-weight:350;line-height:1.7}
@media(max-width:1100px) and (min-width:801px){
 .crm-container{width:calc(100% - 56px)}.crm-layout{gap:24px}.crm-headline{font-size:49px}.crm-description{font-size:16px}.crm-card{min-height:0}.crm-panel{padding:20px}.crm-benefit{padding:25px}.crm-benefit h3{font-size:22px}.crm-offer{font-size:14px}
}
@media(max-width:800px){
 .crm-section{padding:40px 0 72px}.crm-container{width:calc(100% - 48px)}.crm-layout{grid-template-columns:1fr;gap:30px}.crm-copy{grid-column:1;grid-row:1;padding:0}.crm-headline{font-size:52px;max-width:620px;text-wrap:initial}.crm-description{font-size:17px;max-width:610px}.crm-tagline{margin-bottom:22px}
 .crm-card{grid-column:1;grid-row:2;min-height:0}.crm-panel{padding:24px}.crm-preview{max-width:600px}.crm-benefits{grid-column:1;grid-row:3;gap:18px}.crm-benefit{padding:24px}.crm-benefit h3{font-size:22px}
}
@media(max-width:520px){
 .crm-section{padding:34px 0 60px}.crm-container{width:calc(100% - 36px)}.crm-layout{gap:27px}.crm-tagline{font-size:12px;line-height:1.7;letter-spacing:.13em;margin-bottom:20px}.crm-headline{font-size:clamp(37px,10.3vw,48px);line-height:1.1;letter-spacing:-.044em}.crm-description{margin-top:23px;font-size:16px;line-height:1.75}.crm-offers{gap:9px;margin-top:23px}.crm-offer{font-size:14px;padding:10px 12px}.crm-copy>.primary-button .button-surface{font-size:15px;padding:16px 22px}
 .crm-card{min-height:0}.crm-panel{padding:16px;border-radius:22px}.crm-benefits{grid-template-columns:1fr;gap:14px}.crm-benefit{padding:25px 24px;border-radius:20px}.crm-benefit h3{font-size:22px}.crm-benefit p{font-size:15px}
}
@media(max-width:360px){.crm-headline{font-size:37px}.crm-card{min-height:0}.crm-panel{padding-inline:15px}.crm-benefit{padding:23px 20px}}
@media(prefers-reduced-motion:reduce){.crm-headline .headline-char,.crm-tagline .headline-char{opacity:1!important;transform:none!important}}

/* Side-by-side columns share the top of their editorial content. */
@media(min-width:801px){.crm-card{align-self:start;margin-top:20px}.crm-copy{align-self:start}}

/* Current shared preview: single glass frame, natural horizontal image. */
.crm-card{aspect-ratio:auto;align-self:center;margin-top:0}
.crm-panel{position:relative;inset:auto;padding:6px;border:1px solid #fff;border-radius:19px;background:#e4f4ff;box-shadow:0 20px 45px -30px #1a5b9f55}
.crm-preview{display:block;width:100%;height:auto;max-width:none;border:0;border-radius:12px;object-fit:contain;transform:none}
@media(min-width:801px){.crm-layout{align-items:center}.crm-copy{align-self:center;padding-top:0;padding-bottom:0}.crm-card{align-self:center;margin-top:0}}

/* Below-hero screenshots match the approved Features card framing. */
.crm-panel{padding:16px;border:1px solid #cce3f9;border-radius:24px;background:radial-gradient(ellipse at 55% 20%,#dff3ff,#b9ddff 55%,#e7f4ff 95%);box-shadow:0 0 0 5px #e9f4ff66}
.crm-preview{border-radius:16px}
@media(max-width:520px){.crm-panel{padding:12px;border-radius:22px}}