.crm-hero-copy .module-hero-title{margin:0 0 24px;font-size:clamp(38px,3.65vw,51px);line-height:1.5;letter-spacing:-1.5px}.crm-hero-copy .module-hero-title-main{display:block;color:var(--navy-900);white-space:nowrap}.module-hero-title-accent{position:relative;display:inline-block;max-width:100%;margin-top:1px;color:var(--teal);font-size:.93em;letter-spacing:-1.2px;white-space:nowrap}.module-hero-title-accent:after{content:"";position:absolute;right:4px;bottom:-2px;width:82%;height:8px;background:url("data:image/svg+xml,%3Csvg width='240' height='12' viewBox='0 0 240 12' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M3 9C60 1 151 2 237 4' stroke='%2312D6D2' stroke-width='5' stroke-linecap='round'/%3E%3C/svg%3E") center/100% 100% no-repeat;opacity:.55}.crm-hero-copy .crm-lead{text-align:justify;text-align-last:right;text-justify:inter-word}
.crm-hero-copy{max-width:690px}.crm-lead+.crm-lead{margin-top:11px}.crm-hero-art{min-height:430px}.module-hero-image-panel{isolation:isolate;padding:0;background:#eaf3f6}.module-hero-image-panel:before,.module-hero-image-panel:after{display:none}.module-hero-image{width:100%;height:100%;object-fit:cover;object-position:center}.module-hero-brand{position:absolute;right:16px;bottom:16px;z-index:3;display:flex;align-items:center;gap:9px;padding:8px 12px;color:var(--navy);background:rgba(255,255,255,.9);border:1px solid rgba(255,255,255,.75);border-radius:15px;box-shadow:0 10px 26px rgba(7,34,60,.18);backdrop-filter:blur(12px);direction:rtl}.module-hero-brand>img{width:34px;height:auto;object-fit:contain}.module-hero-brand>span{display:block}.module-hero-brand strong,.module-hero-brand small{display:block;white-space:nowrap}.module-hero-brand strong{font-size:12px;line-height:1.35}.module-hero-brand small{margin-top:1px;color:#536b80;font-size:8px;line-height:1.4}.crm-dashboard{position:absolute;inset:25px;z-index:2;padding:24px;color:#fff;background:rgba(255,255,255,.055);border:1px solid rgba(255,255,255,.11);border-radius:22px}.crm-dashboard-head{display:flex;align-items:center;justify-content:space-between;margin-bottom:22px}.crm-dashboard-head b{font-size:15px}.crm-dashboard-head span{padding:4px 9px;color:var(--cyan);background:rgba(18,214,210,.1);border:1px solid rgba(18,214,210,.2);border-radius:99px;font-size:10px}.crm-customer{display:flex;align-items:center;gap:11px;margin-bottom:12px;padding:13px;background:rgba(255,255,255,.06);border-radius:14px}.crm-avatar{display:grid;width:38px;height:38px;place-items:center;color:var(--navy);background:#fff;border-radius:12px;font-weight:900}.crm-customer div{flex:1}.crm-customer b,.crm-customer small{display:block}.crm-customer b{font-size:12px}.crm-customer small{color:rgba(255,255,255,.55);font-size:10px}.crm-state{color:var(--cyan);font-size:10px}.crm-pipeline{display:grid;grid-template-columns:repeat(3,1fr);gap:8px;margin-top:18px}.crm-pipeline div{padding:12px 8px;text-align:center;background:rgba(255,255,255,.055);border-radius:12px}.crm-pipeline b,.crm-pipeline span{display:block}.crm-pipeline b{color:var(--cyan);font-size:16px}.crm-pipeline span{color:rgba(255,255,255,.55);font-size:9px}
.crm-intro{max-width:900px;margin:-25px auto 40px;color:var(--muted);font-size:15px;line-height:2.2;text-align:center}.crm-problem{padding:30px;color:#fff;background:linear-gradient(135deg,var(--navy),var(--navy-900));border-radius:23px}.crm-problem strong{display:block;margin-bottom:10px;color:var(--cyan);font-size:14px}.crm-problem p{margin:0;color:rgba(255,255,255,.74);font-size:14px;line-height:2.15}.crm-problem-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:18px;margin-top:20px}.crm-problem-card{padding:27px;background:#fff;border:1px solid var(--line);border-radius:21px}.crm-problem-card h3{margin:0 0 10px;color:var(--navy);font-size:17px}.crm-problem-card p{margin:0;color:var(--muted);font-size:14px;line-height:2.1}.crm-outcomes{display:grid;grid-template-columns:repeat(3,1fr);gap:13px;margin:28px 0 0;padding:0;list-style:none}.crm-outcomes li{padding:18px;color:#385269;background:#eaf5f5;border-radius:15px;font-weight:700;text-align:center}
.crm-capability-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:18px}.crm-capability{position:relative;padding:28px 72px 28px 27px;background:#fff;border:1px solid var(--line);border-radius:21px;transition:.25s}.crm-capability:hover{border-color:var(--teal);transform:translateY(-4px);box-shadow:var(--shadow)}.crm-capability-num{position:absolute;top:27px;right:24px;display:grid;width:34px;height:34px;place-items:center;color:var(--teal-dark);background:#e7f4f4;border-radius:11px;font-size:11px;font-weight:900}.crm-capability h3{margin:0 0 9px;color:var(--navy);font-size:17px}.crm-capability p{margin:0;color:var(--muted);font-size:14px;line-height:2.05}.crm-follow-up-note{margin-top:20px}
.crm-process-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:18px}.crm-process{position:relative;padding:29px;background:#fff;border:1px solid var(--line);border-radius:21px}.crm-process-step{display:grid;width:43px;height:43px;margin-bottom:18px;place-items:center;color:#fff;background:var(--teal);border-radius:13px;font-weight:900}.crm-process h3{margin:0 0 10px;color:var(--navy);font-size:18px}.crm-process p{margin:0 0 17px;color:var(--muted);font-size:14px;line-height:2.1}.crm-process a{display:inline-flex;color:var(--teal-dark);font-size:12px;font-weight:700}.crm-process a:hover{color:var(--navy)}
.crm-benefit-intro{max-width:850px;margin:16px auto 40px;color:rgba(255,255,255,.68);font-size:15px;line-height:2.2;text-align:center}.crm-benefits-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:13px;margin:0;padding:0;list-style:none}.crm-benefits-grid li{position:relative;padding:19px 48px 19px 18px;color:rgba(255,255,255,.82);background:rgba(255,255,255,.055);border:1px solid rgba(255,255,255,.09);border-radius:15px;font-weight:600}.crm-benefits-grid li:before{content:"✓";position:absolute;right:17px;top:18px;display:grid;width:22px;height:22px;place-items:center;color:var(--navy);background:var(--cyan);border-radius:7px;font-size:11px;font-weight:900}
.crm-audience-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:14px}.crm-audience{padding:23px;background:#fff;border:1px solid var(--line);border-radius:18px}.crm-audience h3{margin:0 0 7px;color:var(--navy);font-size:15px}.crm-audience p{margin:0;color:var(--muted);font-size:13px;line-height:2}.crm-faq-intro{max-width:760px;margin:-22px auto 36px;color:var(--muted);font-size:14px;line-height:2.1;text-align:center}
.mode-related{display:block;height:100%;transition:.25s}.mode-related:hover{border-color:var(--teal);transform:translateY(-4px);box-shadow:var(--shadow)}.mode-related .mode-related-link{display:inline-flex;margin-top:13px;color:var(--teal-dark);font-size:12px;font-weight:700}
@media(max-width:1050px){.crm-hero-copy .module-hero-title-main,.crm-hero-copy .module-hero-title-accent{white-space:normal}.crm-audience-grid{grid-template-columns:repeat(2,1fr)}}
@media(max-width:840px){.crm-hero-art{min-height:410px}.crm-problem-grid,.crm-outcomes,.crm-capability-grid,.crm-process-grid,.crm-benefits-grid{grid-template-columns:1fr}.crm-intro{margin-top:-10px}.crm-benefits-grid{max-width:650px;margin-inline:auto}}
@media(max-width:580px){.crm-hero-copy .module-hero-title{font-size:clamp(28px,8.4vw,36px);line-height:1.58;letter-spacing:-1px}.crm-hero-copy .crm-lead{font-size:15px;line-height:2.1}.module-hero-brand{right:10px;bottom:10px;padding:6px 9px;border-radius:12px}.module-hero-brand>img{width:28px}.module-hero-brand strong{font-size:10px}.module-hero-brand small{font-size:7px}.crm-dashboard{inset:18px;padding:17px}.crm-pipeline{grid-template-columns:1fr}.crm-customer{padding:10px}.crm-problem{padding:24px}.crm-audience-grid{grid-template-columns:1fr}.crm-capability{padding:72px 23px 24px}.crm-capability-num{top:22px;right:22px}.crm-intro,.crm-benefit-intro{font-size:13px}}
.crm-audience>a{display:inline-flex;margin-top:14px;color:var(--teal-dark);font-size:12px;font-weight:800}.crm-audience>a:hover{color:var(--navy)}.crm-audience>.section-label{margin-bottom:9px;font-size:10px}.crm-audience>.section-label:after{display:none}

/* Real product screenshots used in module hero sections. */
.module-screenshot-panel {
    display: flex;
    padding: 10px 10px 8px;
    flex-direction: column;
    gap: 8px;
    background: linear-gradient(145deg, #f6fafb, #e9f2f4);
    border-color: rgba(15, 48, 91, .13);
    box-shadow: 0 24px 55px rgba(15, 48, 91, .18);
}
.module-screenshot-viewport {
    position: relative;
    flex: 1 1 auto;
    min-height: 0;
    overflow: hidden;
    background: #eef4f6;
    border: 1px solid rgba(15, 48, 91, .08);
    border-radius: 17px;
}
.module-screenshot-slide {
    position: absolute;
    inset: 0;
    margin: 0;
    opacity: 0;
    visibility: hidden;
    transform: scale(1.01);
    transition: opacity .45s ease, transform .6s ease, visibility .45s ease;
}
.module-screenshot-slide.is-active {
    z-index: 1;
    opacity: 1;
    visibility: visible;
    transform: none;
}
.module-screenshot-slide img {
    display: block;
    width: 100%;
    height: 100%;
    object-fit: contain;
    object-position: center;
}
.module-screenshot-footer {
    display: flex;
    min-height: 48px;
    flex: 0 0 auto;
    align-items: center;
    justify-content: space-between;
    gap: 12px;
    padding: 0 5px;
    direction: rtl;
}
.module-screenshot-caption {
    color: #526a7f;
    font-size: 11px;
    font-weight: 650;
    line-height: 1.8;
}
.module-screenshot-controls {
    display: flex;
    flex: 0 0 auto;
    align-items: center;
    gap: 6px;
    direction: ltr;
}
.module-screenshot-arrow {
    display: grid;
    width: 34px;
    height: 34px;
    padding: 0;
    place-items: center;
    color: var(--navy);
    background: #fff;
    border: 1px solid #d8e4e7;
    border-radius: 10px;
    cursor: pointer;
    transition: color .2s ease, background .2s ease, border-color .2s ease, transform .2s ease;
}
.module-screenshot-arrow:hover,
.module-screenshot-arrow:focus-visible {
    color: #fff;
    background: var(--teal);
    border-color: var(--teal);
    outline: none;
    transform: translateY(-2px);
}
.module-screenshot-arrow:focus-visible,
.module-screenshot-dot:focus-visible { box-shadow: 0 0 0 3px rgba(47, 145, 150, .2); }
.module-screenshot-arrow svg { width: 16px; height: 16px; }
.module-screenshot-dots { display: flex; align-items: center; gap: 6px; }
.module-screenshot-dot {
    width: 7px;
    height: 7px;
    padding: 0;
    background: #b9c9cc;
    border: 0;
    border-radius: 50%;
    cursor: pointer;
    transition: width .2s ease, background .2s ease, border-radius .2s ease;
}
.module-screenshot-dot.is-active { width: 20px; background: var(--teal); border-radius: 8px; }

@media(max-width:580px) {
    .module-screenshot-panel { padding: 7px; gap: 5px; }
    .module-screenshot-viewport { border-radius: 13px; }
    .module-screenshot-footer { min-height: 70px; padding: 4px 3px; flex-direction: column; justify-content: center; gap: 5px; text-align: center; }
    .module-screenshot-caption { font-size: 10px; line-height: 1.65; }
    .module-screenshot-arrow { width: 31px; height: 31px; }
}