/* CRM marketing page: isolated from the website's existing home sections. */
.crm-page { --crm-border:#c7cdd4; color:var(--dark); }
.crm-presentation { width:min(92vw,80rem); margin-inline:auto; }
.crm-presentation h1,.crm-presentation h2,.crm-presentation h3 { color:inherit; letter-spacing:var(--heading-letter-spacing); }
.crm-presentation h1 { font-size:clamp(2.6rem,4.5vw,4.6rem); line-height:1.06; font-weight:700; margin:0 0 1.5rem; text-wrap:balance; }
.crm-presentation h2 { font-size:clamp(2rem,3vw,3rem); line-height:1.15; margin:0 0 1rem; }
.crm-presentation h3 { font-size:clamp(1.5rem,2vw,2rem); line-height:1.2; margin:0 0 1rem; }
.crm-presentation p { line-height:1.7; }
.crm-eyebrow { color:var(--maroon); font-size:.75rem; font-weight:700; letter-spacing:.1em; margin:0 0 1rem; }
.crm-hero { display:grid; grid-template-columns:1.25fr 1fr; align-items:center; gap:clamp(2rem,5vw,5rem); padding-block:var(--section-space); }
.crm-description { color:var(--soft); font-size:1.125rem; max-width:52ch; }
.crm-actions { display:flex; flex-wrap:wrap; align-items:center; gap:1rem 1.5rem; margin-top:2rem; }
.crm-actions>a { color:inherit; font-weight:600; font-size:.875rem; padding-block:.75rem; text-decoration:underline; text-underline-offset:.25em; }
.crm-button { display:inline-flex; justify-content:center; align-items:center; gap:.75rem; background:linear-gradient(135deg,var(--red),var(--orange)); color:#fff; font:600 1rem/1.5 Inter,system-ui,sans-serif; border:1px solid #ae180d; border-radius:.75rem; min-height:3rem; padding:.875rem 1.5rem; cursor:pointer; }
.crm-button:hover { background:linear-gradient(135deg,#a70e09,#c43d10); }
.crm-helper { max-width:58ch; color:var(--soft); font-size:.8125rem; margin-top:1rem; }
.crm-path { background:var(--card-bg); color:var(--dark); border:1px solid var(--line); box-shadow:var(--shadow); padding:clamp(1.5rem,3vw,2.5rem); border-radius:1.25rem; }
.crm-path .crm-eyebrow { color:var(--maroon); }
.crm-path h2 { font-size:1.75rem; }
.crm-path ol,.crm-start ol { display:grid; gap:1.5rem; list-style:none; padding:1rem 0; margin:0; }
.crm-path li,.crm-start li { display:flex; gap:1rem; align-items:start; }
.crm-path h3,.crm-start li h3 { font-size:1.125rem; margin:0 0 .375rem; }
.crm-path li p,.crm-start li p { font-size:.875rem; }
.crm-path li p { color:var(--soft); }
.crm-start li p { color:rgba(255,255,255,.84); }
.crm-number { flex:none; display:grid; place-items:center; width:2.75rem; height:2.75rem; border:1px solid #67717b; border-radius:.75rem; font-size:.875rem; font-weight:600; }
.crm-path .crm-number { color:var(--maroon); border-color:var(--crm-border); background:#fff; }
.crm-included { border-top:1px solid var(--crm-border); padding-top:1.25rem; margin-top:1rem; font-size:.8125rem; }
.crm-solutions { scroll-margin-top:8rem; padding-bottom:var(--section-space); }
.crm-section-heading { max-width:48rem; padding-block:0 var(--section-space); }
.crm-story { display:grid; grid-template-columns:.8fr 1.2fr; gap:clamp(1.5rem,3vw,3rem); align-items:center; margin-bottom:2rem; padding:clamp(1.5rem,3vw,3rem); background:#f1f2f4; border:1px solid var(--crm-border); border-radius:1.25rem; }
.crm-story-copy>p:not(.crm-eyebrow),.crm-section-heading>p:last-child { color:var(--soft); }
.crm-problem { font-size:.875rem; margin-bottom:.75rem; }
.crm-story ul { list-style:none; display:grid; gap:.75rem; padding:0; margin:1.5rem 0 0; font-size:.875rem; }
.crm-story li { display:flex; gap:.75rem; align-items:start; }
.crm-story li>span { color:var(--red); }
.crm-story figure { margin:0; min-width:0; }
.crm-screenshot { display:block; border:1px solid var(--crm-border); border-radius:.75rem; overflow:hidden; background:#fff; box-shadow:0 .5rem 2rem #00000012; }
.crm-screenshot img { display:block; width:100%; height:auto; }
.crm-story figcaption { display:flex; flex-wrap:wrap; justify-content:space-between; gap:.5rem; color:var(--soft); font-size:.75rem; margin-top:.75rem; }
.crm-start { color:#fff; display:grid; grid-template-columns:1fr 1fr; align-items:center; gap:clamp(2rem,6vw,6rem); padding-block:0 var(--section-space); }
.crm-start .crm-eyebrow { color:var(--peach); }
.crm-start>div>p:not(.crm-eyebrow) { color:rgba(255,255,255,.84); margin-bottom:1.5rem; }
.crm-page .site-footer { margin-top:0; }
.crm-page .nav-links>a[aria-current=page] { color:var(--red); font-weight:700; }
.crm-page .language-switcher { flex:none; width:auto; align-self:center; }
.crm-page .nav-links .language-switcher a { display:inline-flex; align-items:center; justify-content:center; min-width:2.75rem; min-height:2.75rem; text-align:center; }
.crm-page .nav-links .nav-cta { display:inline-flex; align-items:center; justify-content:center; gap:.5rem; min-height:2.75rem; color:#fff; white-space:nowrap; text-align:center; }
.crm-page .nav-links .nav-cta:hover { background:linear-gradient(135deg,#a70e09,#c43d10); }
.crm-page :is(a,button,input,select):focus-visible { outline:3px solid var(--red); outline-offset:4px; }
.crm-skip { position:fixed; top:-5rem; left:1rem; z-index:10000; background:#fff; color:var(--dark); padding:.75rem 1rem; }
.crm-skip:focus { top:1rem; }
@media(min-width:1121px) and (min-height:700px) { .crm-hero { min-height:var(--hero-min-height); } }
@media(max-width:900px) { .crm-hero,.crm-story,.crm-start { grid-template-columns:1fr; } .crm-story { gap:2rem; } .crm-hero>div { max-width:42rem; } }
@media(max-width:480px) { .crm-actions { align-items:stretch; flex-direction:column; } .crm-actions>a { text-align:center; } .crm-story { padding:1.25rem; } .crm-start { padding-top:0; } }
@media(prefers-reduced-motion:reduce) { html { scroll-behavior:auto; } .crm-page *, .crm-page *::before,.crm-page *::after { animation:none!important; transition:none!important; } }