/* Judith: shared proportional Bradial card, without corner cut or arrow. */
.judith-section{padding:60px 0 100px;background:radial-gradient(ellipse at 95% 50%,#f4faff,transparent 62%),#fff}
.judith-container{width:min(1240px,calc(100% - 80px));margin-inline:auto}
.judith-layout{display:grid;grid-template-columns:5fr 7fr;grid-template-rows:auto auto;gap:38px 28px;align-items:stretch}
.judith-copy{grid-column:1;grid-row:1;min-width:0;padding-top:22px}
.judith-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}
.judith-headline{max-width:500px;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}
.judith-description{max-width:470px;margin:28px 0 0;color:#6c8193;font-size:17px;font-weight:350;line-height:1.75}
.judith-copy>.primary-button{margin-top:32px}
.judith-benefits{grid-column:1/-1;grid-row:2;display:grid;grid-template-columns:repeat(3,minmax(0,1fr));align-content:start;gap:24px;min-width:0;margin:0;padding:0;list-style:none}
.judith-benefit{display:flex;align-items:center;gap:20px;min-width:0;min-height:86px;padding:19px 24px;border-radius:22px;background:#eaf4fe;color:#53738e;font-size:15px;font-weight:400;line-height:1.6}
.judith-benefit img{width:48px;height:48px;object-fit:contain;flex-shrink:0;user-select:none}
.judith-benefit span{min-width:0}
.judith-card{position:relative;grid-column:2;grid-row:1;isolation:isolate;min-width:0;min-height:0;aspect-ratio:3/2;align-self:center}
.judith-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}
/* Crop the canvas margin in layout; keep the original interface unaltered. */
.judith-screen{position:relative;width:100%;max-width:650px;aspect-ratio:1400/890;border:1px solid #ffffffd9;border-radius:17px;overflow:hidden;background:#fff;box-shadow:0 18px 45px -15px #3774ab4a}
.judith-screen img{position:absolute;left:-4.857143%;top:-7.303371%;display:block;width:109.714286%;max-width:none;height:auto;transform:none;user-select:none}



@media(max-width:1100px) and (min-width:801px){
 .judith-container{width:calc(100% - 56px)}.judith-layout{grid-template-columns:5fr 7fr;gap:30px 24px}.judith-headline{font-size:49px}.judith-description{font-size:16px}.judith-benefit{gap:16px;padding:18px;min-height:88px}.judith-benefit img{width:44px;height:44px}.judith-panel{padding:20px}.judith-card{min-height:0}
}
@media(max-width:800px){
 .judith-section{padding:40px 0 72px}.judith-container{width:calc(100% - 48px)}.judith-layout{grid-template-columns:1fr;gap:30px}.judith-copy{grid-column:1;grid-row:1;padding:0}.judith-headline{font-size:52px;max-width:620px;text-wrap:initial}.judith-description{font-size:17px;max-width:610px}.judith-tagline{margin-bottom:22px}.judith-copy>.primary-button{margin-top:28px}
 .judith-benefits{grid-column:1;grid-row:3;grid-template-columns:1fr;gap:11px}.judith-benefit{min-height:83px;padding:18px 23px;font-size:16px}.judith-benefit img{width:48px;height:48px}.judith-card{grid-column:1;grid-row:2;min-height:0}.judith-panel{padding:24px}.judith-screen{max-width:600px}
}
@media(max-width:520px){
 .judith-section{padding:34px 0 60px}.judith-container{width:calc(100% - 36px)}.judith-layout{gap:27px}.judith-tagline{font-size:12px;line-height:1.7;letter-spacing:.13em;margin-bottom:20px}.judith-headline{font-size:clamp(37px,10.3vw,48px);line-height:1.1;letter-spacing:-.044em}.judith-description{margin-top:23px;font-size:16px;line-height:1.75}.judith-copy>.primary-button .button-surface{font-size:15px;padding:16px 22px}
 .judith-benefit{gap:16px;padding:17px 18px;font-size:15px;min-height:88px;border-radius:20px}.judith-benefit img{width:43px;height:43px}.judith-card{min-height:0}.judith-panel{padding:16px;border-radius:22px}.judith-screen{border-radius:11px}
}
@media(max-width:360px){.judith-tagline{font-size:12px;letter-spacing:.08em}.judith-headline{font-size:37px}.judith-benefit{padding-inline:16px;font-size:15px;gap:14px}.judith-card{min-height:0}.judith-panel{padding-inline:15px}}
@media(prefers-reduced-motion:reduce){.judith-headline .headline-char,.judith-tagline .headline-char{opacity:1!important;transform:none!important}}

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

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

/* Below-hero screenshots match the approved Features card framing. */
.judith-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}
.judith-preview{border-radius:16px}
@media(max-width:520px){.judith-panel{padding:12px;border-radius:22px}}