/* Scoped to Email Marketing & CRM. Shared site components remain unchanged. */
.email-page .ec-main{max-width:1440px;padding-top:32px}
.email-page .ec-topline{display:flex;align-items:center;justify-content:space-between;gap:20px;margin-bottom:38px}
.email-page .ec-label{font-size:11px;font-weight:500;line-height:1.6;letter-spacing:1.45px;color:var(--muted);text-transform:uppercase}
.email-page .ec-back{display:inline-flex;align-items:center;gap:10px;font-size:14px;line-height:1.5;transition:color .22s}
.email-page .ec-back:hover,.email-page .ec-back:focus-visible{color:var(--lime)}
.email-page .ec-hero{display:grid;grid-template-columns:.9fr 1.1fr;align-items:center;gap:7%;padding-bottom:48px}
.email-page .ec-intro>.ec-label{color:#c6c6c1;font-size:10px;letter-spacing:1.25px}
.email-page .ec-intro h1{font-size:clamp(58px,6.4vw,94px);font-weight:400;line-height:.97;letter-spacing:-.06em;margin:24px 0}
.email-page .ec-intro h1 em{color:var(--lime)}
.email-page .ec-lead{font-size:clamp(17px,1.4vw,20px);line-height:1.6;color:#c3c3c0;max-width:430px}
.email-page .ec-photo{position:relative;min-width:0}
.email-page .ec-photo img{display:block;width:100%;aspect-ratio:1.7;max-height:360px;object-fit:cover;object-position:49% 52%;height:auto;filter:grayscale(.88) brightness(.63) contrast(1.08)}
.email-page .ec-photo figcaption{font-size:10px;line-height:1.5;letter-spacing:.2px;color:#9d9d98;margin-top:9px}
.email-page .ec-photo figcaption a{transition:color .22s}
.email-page .ec-photo figcaption a:hover,.email-page .ec-photo figcaption a:focus-visible{color:var(--lime)}
.email-page .ec-capabilities{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));border-top:1px solid var(--line);border-bottom:1px solid var(--line)}
.email-page .ec-capability{min-width:0;padding:30px 30px 32px 0;position:relative;display:flex;flex-direction:column}
.email-page .ec-capability+.ec-capability{padding-left:30px;border-left:1px solid var(--line)}
.email-page .ec-capability:last-child{padding-right:0}
.email-page .ec-capability::after{content:"";position:absolute;top:-1px;left:0;right:0;height:1px;background:var(--lime);transform:scaleX(0);transform-origin:left;transition:transform .35s ease;pointer-events:none}
.email-page .ec-illustration{display:block;width:146px;height:113px;color:var(--lime);margin:0 0 25px}
.email-page .ec-capability h2{font-size:clamp(25px,2.25vw,34px);letter-spacing:-.04em;line-height:1.14;font-weight:400;margin:12px 0 17px;max-width:310px}
.email-page .ec-description{font-size:16px;line-height:1.65;color:#c0c0bd;margin-bottom:24px}
.email-page .ec-expertise{font-size:12px;line-height:1.8;color:#a9a9a4;margin-top:auto;max-width:320px}
.email-page .ec-tools{display:flex;gap:36px;align-items:center;padding:30px 0;border-bottom:1px solid var(--line)}
.email-page .ec-tools h2{flex:0 0 auto;font-size:11px;letter-spacing:1.45px}
.email-page .ec-tools ul{display:flex;flex-wrap:wrap;gap:8px;list-style:none;margin:0;padding:0}
.email-page .ec-tools li{padding:8px 12px;border:1px solid #3b3b3b;border-radius:2px;font-size:12px;line-height:1.4;color:#d1d1cb}
.email-page .ec-bottom-nav{padding:26px 0 40px}
.email-page .ec-bottom-nav .ec-back{font-size:13px;color:var(--lime)}
.email-page .ec-bottom-nav .ec-back:hover,.email-page .ec-bottom-nav .ec-back:focus-visible{color:#fff}
.email-page .reveal.in-view{animation:ec-reveal .7s ease both}
.email-page .ec-capability.in-view .ec-illustration path{animation:ec-draw 1.5s ease both}
.email-page .ec-capability:nth-child(2).in-view .ec-illustration path{animation-delay:.12s}
.email-page .ec-capability:nth-child(3).in-view .ec-illustration path{animation-delay:.24s}
@media(hover:hover) and (pointer:fine){.email-page .ec-capability:hover::after{transform:scaleX(1)}}
@keyframes ec-reveal{from{opacity:0;transform:translateY(16px)}to{opacity:1;transform:none}}
@keyframes ec-draw{from{stroke-dasharray:1;stroke-dashoffset:1}to{stroke-dasharray:1;stroke-dashoffset:0}}
@media(min-width:761px) and (max-width:1000px){
.email-page .ec-main{width:calc(100% - 64px)}
.email-page .ec-hero{gap:5%;grid-template-columns:1fr 1fr}
.email-page .ec-intro h1{font-size:64px}
.email-page .ec-photo img{aspect-ratio:1.08}
.email-page .ec-capability{padding-right:20px}
.email-page .ec-capability+.ec-capability{padding-left:20px}
.email-page .ec-capability h2{font-size:26px}
.email-page .ec-description{font-size:15px}
.email-page .ec-tools{gap:20px;align-items:flex-start}
}
@media(max-width:760px){
.email-page .ec-main{width:calc(100% - 48px);padding-top:24px}
.email-page .ec-topline{margin-bottom:30px}
.email-page .ec-back{font-size:13px}
.email-page .ec-label{font-size:10px;letter-spacing:1.1px}
.email-page .ec-hero{grid-template-columns:1fr;gap:28px;padding-bottom:32px}
.email-page .ec-intro h1{font-size:clamp(54px,13vw,78px);margin:20px 0;line-height:1}
.email-page .ec-intro h1 br{display:none}
.email-page .ec-lead{font-size:17px;line-height:1.6;max-width:480px}
.email-page .ec-photo img{aspect-ratio:1.6;object-position:center}
.email-page .ec-capabilities{grid-template-columns:1fr}
.email-page .ec-capability,.email-page .ec-capability+.ec-capability{padding:28px 0;border-left:0}
.email-page .ec-capability+.ec-capability{border-top:1px solid var(--line)}
.email-page .ec-illustration{width:120px;height:93px;margin-bottom:20px}
.email-page .ec-capability h2{font-size:30px;max-width:390px;margin:10px 0 16px}
.email-page .ec-description{font-size:16px;line-height:1.65;margin-bottom:18px}
.email-page .ec-expertise{max-width:none;font-size:12px}
.email-page .ec-tools{display:block;padding:26px 0}
.email-page .ec-tools h2{margin-bottom:18px}
.email-page .ec-tools li{font-size:12px;padding:8px 10px}
.email-page .ec-bottom-nav{padding:25px 0 32px}
}
@media(prefers-reduced-motion:reduce){
.email-page .reveal.in-view,.email-page .ec-capability.in-view .ec-illustration path{animation:none;opacity:1;transform:none}
.email-page .ec-capability::after,.email-page .ec-back,.email-page .ec-photo figcaption a{transition:none}
}