/* CRMx360 marketing pages. Scoped to avoid changing application and blog views. */
.crmx-page{--crmx-ink:#13213f;--crmx-muted:#526079;--crmx-accent:#473cdb;--crmx-line:#dfe6f2;--crmx-soft:#f3f7fe;box-sizing:border-box;max-width:1280px;margin-inline:auto;padding:30px 28px 72px;color:var(--crmx-ink);direction:rtl;text-align:start;font-family:inherit}
.crmx-page *{box-sizing:border-box}
.crmx-page h1,.crmx-page h2,.crmx-page h3,.crmx-page p,.crmx-page ul,.crmx-page figure{margin:0}
.crmx-page a{color:var(--crmx-accent)}
.crmx-page a:focus-visible,.crmx-page summary:focus-visible{outline:3px solid #2369e9;outline-offset:5px}
.crmx-breadcrumb{display:flex;align-items:center;gap:10px;color:var(--crmx-muted);font-size:.9rem;margin-block:0 22px}
.crmx-breadcrumb a{text-decoration:none}
.crmx-breadcrumb span[aria-hidden]{color:#8a96ab}
.crmx-hero{display:grid;grid-template-columns:1.03fr 1fr;align-items:center;gap:32px;padding:clamp(24px,4vw,54px);border:1px solid #e5ebf7;border-radius:30px;background:linear-gradient(125deg,#edf6ff 0%,#f7f9ff 65%,#fff 100%);isolation:isolate}
.crmx-eyebrow{display:inline-flex;align-items:center;gap:8px;color:var(--crmx-accent);font-size:.95rem;font-weight:700;margin-block-end:16px}
.crmx-eyebrow::before{content:"";width:7px;height:7px;border-radius:50%;background:currentColor}
.crmx-page .crmx-hero h1{font-size:clamp(2.05rem,3.5vw,3.6rem);line-height:1.18;font-weight:800;letter-spacing:-.025em;margin-block-end:22px;color:var(--crmx-ink)}
.crmx-hero p{font-size:1.13rem;line-height:1.9;color:var(--crmx-muted);max-width:53ch}
.crmx-hero figure{min-width:0;border-radius:24px;overflow:hidden;background:#faf7f4;box-shadow:0 20px 50px #1932650b}
.crmx-hero img{display:block;width:100%;height:auto;aspect-ratio:3/2;object-fit:contain}
.crmx-actions{display:flex;flex-wrap:wrap;align-items:center;gap:16px;margin-block-start:27px}
.crmx-page .crmx-button{display:inline-flex;align-items:center;justify-content:center;gap:9px;min-height:50px;padding:13px 24px;background:var(--crmx-accent);border:1px solid transparent;border-radius:13px;color:#fff;text-decoration:none;font-size:1.04rem;font-weight:700;line-height:1.45;box-shadow:0 6px 16px #473cdb18;transition:background .18s,transform .18s}
.crmx-page .crmx-button:hover{background:#352abb;transform:translateY(-1px);color:#fff}
.crmx-page .crmx-text-link{display:inline-flex;align-items:center;gap:8px;min-height:44px;text-decoration:underline;text-underline-offset:5px;font-weight:600}
.crmx-text-link::after{content:"\2190";font-size:1.2em}
.crmx-section{margin-block-start:68px}
.crmx-section-head{max-width:760px;margin-block-end:28px}
.crmx-page .crmx-section h2{font-size:clamp(1.7rem,2.5vw,2.3rem);line-height:1.35;font-weight:750;color:var(--crmx-ink);margin-block-end:13px}
.crmx-section-head p,.crmx-copy p{font-size:1.06rem;line-height:1.9;color:var(--crmx-muted)}
.crmx-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:22px}
.crmx-grid--two{grid-template-columns:repeat(2,minmax(0,1fr))}
.crmx-card{padding:28px;border:1px solid var(--crmx-line);border-radius:20px;background:#fff;box-shadow:0 8px 28px #172b4d04}
.crmx-card-icon{display:inline-flex;align-items:center;justify-content:center;width:48px;height:48px;margin-block-end:22px;border-radius:15px;background:#eef0ff;color:var(--crmx-accent)}
.crmx-card-icon svg{width:25px;height:25px;stroke:currentColor;fill:none;stroke-width:1.7;stroke-linecap:round;stroke-linejoin:round}
.crmx-page .crmx-card h3{font-size:1.3rem;line-height:1.45;color:var(--crmx-ink);font-weight:700;margin-block-end:12px}
.crmx-card p,.crmx-card li{font-size:1rem;line-height:1.85;color:var(--crmx-muted)}
.crmx-card ul{padding-inline-start:21px;margin-block-start:14px}
.crmx-card li+li{margin-block-start:6px}
.crmx-card .crmx-text-link{margin-block-start:16px}
.crmx-band{display:grid;grid-template-columns:1fr 1.15fr;gap:32px;align-items:center;padding:38px;border-radius:24px;background:var(--crmx-soft);border:1px solid #e2eafa}
.crmx-flow{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:16px;list-style:none;padding:0}
.crmx-flow li{position:relative;padding:20px 12px;border:1px solid var(--crmx-line);border-radius:17px;background:#fff;text-align:center;font-size:1rem;line-height:1.6;font-weight:650}
.crmx-flow li span{display:block;margin-block-end:8px;color:var(--crmx-accent);font-size:.85rem}
.crmx-questions{border:1px solid var(--crmx-line);border-radius:20px;padding:4px 26px;background:#fff}
.crmx-questions details+details{border-block-start:1px solid var(--crmx-line)}
.crmx-questions summary{cursor:pointer;padding:21px 0;font-weight:650;font-size:1.08rem;line-height:1.6}
.crmx-questions details p{padding-block-end:23px;color:var(--crmx-muted);line-height:1.9;max-width:85ch}
.crmx-page .crmx-cta{display:flex;align-items:center;justify-content:space-between;gap:28px;padding:40px;border-radius:25px;background:#14234d;color:#fff}
.crmx-page .crmx-cta h2{color:#fff;font-size:clamp(1.65rem,2.5vw,2.2rem);margin-block-end:10px}
.crmx-cta p{color:#d6def2;line-height:1.85;max-width:62ch}
.crmx-page .crmx-cta .crmx-button{flex-shrink:0;background:#fff;color:#352abb;box-shadow:none}
.crmx-page .crmx-cta .crmx-button:hover{background:#eaf0ff}
.crmx-related{display:flex;flex-wrap:wrap;gap:12px 28px;margin-block-start:28px;padding-block-start:24px;border-block-start:1px solid var(--crmx-line)}
.crmx-related a{font-weight:600;line-height:1.7;text-underline-offset:5px}
.crmx-contact-layout{display:grid;grid-template-columns:1.15fr .85fr;gap:30px;align-items:start;scroll-margin-top:100px}
.crmx-contact-form,.crmx-contact-info{border:1px solid var(--crmx-line);border-radius:22px;padding:30px;background:#fff;min-width:0}
.crmx-contact-form .contact-form-title{margin-block-end:12px;font-size:1.7rem;line-height:1.45;color:var(--crmx-ink)}
.crmx-form-hint{color:var(--crmx-muted);line-height:1.8;margin-block-end:24px!important}
.crmx-contact-form .field-row{margin-block-end:20px}
.crmx-contact-form .form-label{display:block;margin-block-end:8px;font-weight:650;font-size:1rem;color:var(--crmx-ink)}
.crmx-contact-form input:not([type=hidden]):not([type=checkbox]),.crmx-contact-form textarea{width:100%;max-width:100%;min-height:48px;border:1px solid #cbd5e5;border-radius:11px;padding:12px 14px;color:var(--crmx-ink);background:#fff;font:inherit}
.crmx-contact-form textarea{min-height:150px;resize:vertical}
.crmx-contact-form input[type=email]{direction:ltr;text-align:start}
.crmx-contact-form input:focus,.crmx-contact-form textarea:focus{outline:2px solid #6989ec;outline-offset:2px}
.crmx-contact-form .btn-primary{min-height:50px;border:0;border-radius:12px;padding:13px 24px;background:var(--crmx-accent);color:#fff;font:inherit;font-weight:700;cursor:pointer;white-space:normal}
.crmx-contact-form .website-field{display:none!important}
.crmx-contact-info .contact-details-title{font-size:1.5rem;line-height:1.5;margin-block-end:20px}
.crmx-contact-info a{overflow-wrap:anywhere}
.crmx-contact-info iframe{display:block;border:0;width:100%;max-width:100%;border-radius:14px;margin-block-start:24px}
.crmx-contact-info .contact-map-wrapper{margin-block-start:0}
.crmx-contact-info .contact-info-item{margin-block-end:20px}
.crmx-contact-info svg{max-width:28px;max-height:28px}
.crmx-contact-info details{margin-block-start:22px}
.crmx-contact-info summary{cursor:pointer;font-weight:650;min-height:44px;padding-block:10px}
.crmx-contact .crmx-hero h1{font-size:clamp(2rem,3.3vw,3.25rem)}
@media(max-width:980px){.crmx-hero{gap:24px;padding:32px}.crmx-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.crmx-band{grid-template-columns:1fr}.crmx-contact-layout{grid-template-columns:1fr 1fr}.crmx-page .crmx-cta{padding:30px}}
@media(max-width:760px){.crmx-page{padding:20px 18px 48px}.crmx-hero{grid-template-columns:1fr;padding:28px 22px;border-radius:23px;gap:28px}.crmx-hero figure{max-width:540px;justify-self:center;width:100%}.crmx-hero p{font-size:1.05rem}.crmx-section{margin-block-start:44px}.crmx-grid,.crmx-grid--two,.crmx-contact-layout{grid-template-columns:1fr}.crmx-card{padding:25px}.crmx-band{padding:27px 22px}.crmx-flow{gap:9px}.crmx-flow li{padding:15px 7px;font-size:.92rem}.crmx-page .crmx-cta{display:block;padding:29px 23px}.crmx-cta .crmx-button{margin-block-start:23px}.crmx-contact-form,.crmx-contact-info{padding:25px 21px}.crmx-questions{padding-inline:21px}.crmx-actions{gap:10px 18px}.crmx-related{gap:15px 22px}}
@media(prefers-reduced-motion:reduce){.crmx-page .crmx-button{transition:none}.crmx-page .crmx-button:hover{transform:none}}