.crm-page {
    --crm-ink: #071a2d;
    --crm-navy: #001f41;
    --crm-navy-2: #062b52;
    --crm-yellow: #f5b759;
    --crm-yellow-2: #ffcf7f;
    --crm-paper: #fbfaf6;
    --crm-soft: #f1f4f8;
    --crm-line: rgba(7, 26, 45, .12);
    --crm-muted: #5c6b7c;
    --crm-green: #1ea97c;
    color: var(--crm-ink);
    background: var(--crm-paper);
    font-family: "Nunito Sans", sans-serif;
    overflow: hidden;
}

.crm-page *, .crm-page *::before, .crm-page *::after { box-sizing: border-box; }
.crm-page h1, .crm-page h2, .crm-page h3, .crm-page p { margin-top: 0; }
.crm-page h1, .crm-page h2, .crm-page h3 { color: inherit; }
.crm-shell { width: min(1180px, calc(100% - 40px)); margin: 0 auto; }

.crm-hero {
    position: relative;
    padding: 7.5rem 0 5.5rem;
    color: #fff;
    background:
        radial-gradient(circle at 75% 30%, rgba(40, 121, 184, .34), transparent 32%),
        radial-gradient(circle at 15% 0%, rgba(245, 183, 89, .13), transparent 25%),
        linear-gradient(135deg, #00172f 0%, #00264d 52%, #061526 100%);
}

.crm-hero::before {
    content: "";
    position: absolute;
    inset: 0;
    opacity: .18;
    pointer-events: none;
    background-image: linear-gradient(rgba(255,255,255,.08) 1px, transparent 1px), linear-gradient(90deg, rgba(255,255,255,.08) 1px, transparent 1px);
    background-size: 56px 56px;
    mask-image: linear-gradient(to bottom, #000, transparent 85%);
}

.crm-orbit { position: absolute; border: 1px solid rgba(255,255,255,.09); border-radius: 50%; pointer-events: none; }
.crm-orbit--one { width: 570px; height: 570px; right: -270px; top: -210px; }
.crm-orbit--two { width: 330px; height: 330px; left: -220px; bottom: -180px; }
.crm-hero__grid { position: relative; z-index: 1; display: grid; grid-template-columns: .92fr 1.08fr; gap: 4.4rem; align-items: center; }
.crm-breadcrumb { display: flex; gap: .65rem; align-items: center; margin-bottom: 2rem; font-size: .78rem; font-weight: 700; letter-spacing: .08em; text-transform: uppercase; color: rgba(255,255,255,.48); }
.crm-breadcrumb a { color: rgba(255,255,255,.7); }
.crm-breadcrumb a:hover { color: var(--crm-yellow); }
.crm-kicker, .crm-eyebrow { display: inline-flex; align-items: center; gap: .58rem; color: var(--crm-navy); font-size: .76rem; font-weight: 900; letter-spacing: .16em; text-transform: uppercase; }
.crm-kicker { color: var(--crm-yellow); }
.crm-kicker i { font-size: .45rem; }
.crm-hero h1 { max-width: 650px; margin: 1.25rem 0 1.45rem; font-size: clamp(2.65rem, 4.8vw, 4.65rem); font-weight: 900; line-height: .98; letter-spacing: -.055em; color: #fff; }
.crm-hero h1 em { color: var(--crm-yellow); font-style: normal; }
.crm-hero__lead { max-width: 620px; margin-bottom: 2rem; font-size: 1.15rem; line-height: 1.7; color: rgba(255,255,255,.75); }
.crm-actions { display: flex; flex-wrap: wrap; align-items: center; gap: .8rem; }
.crm-actions--center { justify-content: center; }
.crm-button { min-height: 52px; display: inline-flex; align-items: center; justify-content: center; gap: .7rem; padding: .82rem 1.35rem; border: 1px solid transparent; border-radius: 8px; font-weight: 900; font-size: .94rem; transition: transform .2s ease, box-shadow .2s ease, color .2s ease, background-color .2s ease; }
.crm-button:hover { transform: translateY(-2px); }
.crm-button--primary { color: var(--crm-navy); background: var(--crm-yellow); box-shadow: 0 14px 35px rgba(245,183,89,.22); }
.crm-button--primary:hover { color: var(--crm-navy); background: var(--crm-yellow-2); box-shadow: 0 17px 38px rgba(245,183,89,.31); }
.crm-button--ghost { color: #fff; border-color: rgba(255,255,255,.23); background: rgba(255,255,255,.05); }
.crm-button--ghost:hover { color: #fff; background: rgba(255,255,255,.1); }
.crm-hero__proof { display: flex; flex-wrap: wrap; gap: 1rem 1.35rem; margin-top: 1.6rem; font-size: .8rem; color: rgba(255,255,255,.62); }
.crm-hero__proof i { margin-right: .35rem; color: var(--crm-yellow); }

.crm-command { position: relative; border: 1px solid rgba(255,255,255,.16); border-radius: 15px; background: #eef2f6; box-shadow: 0 35px 90px rgba(0,0,0,.38); color: var(--crm-ink); transform: perspective(1200px) rotateY(-2deg) rotateX(1deg); }
.crm-command::before { content: ""; position: absolute; inset: 14px -16px -18px 18px; z-index: -1; border: 1px solid rgba(245,183,89,.23); border-radius: 16px; }
.crm-command__topbar { height: 45px; display: flex; align-items: center; justify-content: space-between; padding: 0 1rem; border-radius: 15px 15px 0 0; color: #d9e5f0; background: #061c31; }
.crm-command__brand { display: flex; align-items: center; gap: .55rem; font-size: .72rem; font-weight: 800; }
.crm-command__brand span { display: grid; place-items: center; width: 24px; height: 24px; border-radius: 6px; background: var(--crm-yellow); color: var(--crm-navy); font-size: .63rem; }
.crm-command__controls { display: flex; gap: .35rem; }.crm-command__controls i { width: 7px; height: 7px; border-radius: 50%; background: rgba(255,255,255,.28); }
.crm-command__body { min-height: 432px; display: grid; grid-template-columns: 54px 1fr; }
.crm-command__nav { display: flex; flex-direction: column; align-items: center; gap: .6rem; padding: .95rem .4rem; background: #092744; }
.crm-command__nav b { width: 24px; height: 2px; margin-bottom: .7rem; background: rgba(255,255,255,.25); box-shadow: 0 6px rgba(255,255,255,.25); }
.crm-command__nav span { width: 34px; height: 34px; display: grid; place-items: center; border-radius: 7px; color: rgba(255,255,255,.52); font-size: .75rem; }
.crm-command__nav span.is-active { color: var(--crm-yellow); background: rgba(245,183,89,.12); }
.crm-command__content { min-width: 0; padding: 1.2rem; }
.crm-command__heading { display: flex; justify-content: space-between; align-items: center; margin-bottom: .9rem; }
.crm-command__heading div { display: flex; flex-direction: column; gap: .15rem; }.crm-command__heading small { font-size: .55rem; letter-spacing: .16em; color: #74859a; }.crm-command__heading strong { font-size: 1.05rem; }.crm-command__heading > span { padding: .42rem .6rem; border: 1px solid #d8e0e8; border-radius: 6px; font-size: .6rem; color: #58697c; background: #fff; }
.crm-kpi-grid { display: grid; grid-template-columns: repeat(3, 1fr); gap: .65rem; }
.crm-kpi { display: flex; flex-direction: column; gap: .18rem; padding: .78rem; border: 1px solid #dce3e9; border-radius: 8px; background: #fff; }
.crm-kpi small { font-size: .5rem; font-weight: 800; letter-spacing: .12em; color: #75859a; }.crm-kpi strong { font-size: .95rem; }.crm-kpi span { font-size: .55rem; color: #8190a2; }.crm-kpi span.is-up { color: var(--crm-green); }
.crm-command__lower { display: grid; grid-template-columns: 1.12fr .88fr; gap: .65rem; margin-top: .65rem; }
.crm-funnel-card, .crm-next-card { min-height: 208px; padding: .85rem; border: 1px solid #dce3e9; border-radius: 8px; background: #fff; }
.crm-ui-title { display: flex; align-items: center; justify-content: space-between; }.crm-ui-title strong { font-size: .66rem; }.crm-ui-title span { font-size: .5rem; color: #8795a5; }
.crm-funnel-bars { display: flex; flex-direction: column; gap: .62rem; margin-top: 1.05rem; }.crm-funnel-bars div { display: grid; grid-template-columns: 54px 1fr 15px; align-items: center; gap: .45rem; }.crm-funnel-bars span, .crm-funnel-bars b { font-size: .48rem; color: #718196; }.crm-funnel-bars b { text-align: right; }.crm-funnel-bars i { position: relative; display: block; height: 7px; border-radius: 99px; background: #edf1f5; overflow: hidden; }.crm-funnel-bars i::after { content: ""; display: block; width: var(--bar); height: 100%; border-radius: inherit; background: linear-gradient(90deg, var(--crm-yellow), #eb8f38); }
.crm-next-item { display: flex; align-items: center; gap: .55rem; padding: .65rem 0; border-bottom: 1px solid #edf1f4; }.crm-next-item:last-child { border: 0; }.crm-next-item > i { width: 25px; height: 25px; display: grid; place-items: center; border-radius: 6px; background: #eef4f8; color: #37688f; font-size: .58rem; }.crm-next-item div { display: flex; flex-direction: column; }.crm-next-item b { font-size: .52rem; }.crm-next-item span { font-size: .45rem; color: #8a97a7; }
.crm-command__alert { position: absolute; right: -22px; bottom: 24px; width: 245px; display: grid; grid-template-columns: 32px 1fr; gap: .65rem; align-items: center; padding: .78rem; border: 1px solid rgba(245,183,89,.52); border-radius: 9px; background: #fff9ea; box-shadow: 0 12px 30px rgba(0,0,0,.16); }.crm-command__alert > i { width: 32px; height: 32px; display: grid; place-items: center; border-radius: 7px; color: #a9690a; background: #ffe6ad; }.crm-command__alert span { display: flex; flex-direction: column; font-size: .48rem; color: #6c6557; }.crm-command__alert b { margin-bottom: .15rem; font-size: .58rem; color: var(--crm-ink); }

.crm-signal { border-bottom: 1px solid var(--crm-line); background: #fff; }
.crm-signal__grid { min-height: 84px; display: grid; grid-template-columns: repeat(6, 1fr); align-items: center; }
.crm-signal span { display: flex; justify-content: center; align-items: center; gap: .6rem; padding: .7rem; border-right: 1px solid var(--crm-line); font-size: .76rem; font-weight: 800; color: #42566d; }.crm-signal span:last-child { border-right: 0; }.crm-signal i { color: #b67b25; }

.crm-section { position: relative; padding: 7rem 0; }
.crm-section__intro { max-width: 820px; margin-bottom: 3.3rem; }
.crm-section__intro--center { margin-right: auto; margin-left: auto; text-align: center; }
.crm-section__intro--split { max-width: none; display: grid; grid-template-columns: 1.1fr .9fr; gap: 5rem; align-items: end; }
.crm-section__intro h2, .crm-metrics__copy h2, .crm-handoff__copy h2, .crm-fit__copy h2, .crm-faq__intro h2, .crm-final h2 { margin: .9rem 0 1.1rem; font-size: clamp(2.15rem, 4vw, 3.55rem); font-weight: 900; line-height: 1.04; letter-spacing: -.045em; }
.crm-section__intro p, .crm-metrics__copy > p, .crm-handoff__copy p, .crm-fit__copy p, .crm-faq__intro p { color: var(--crm-muted); font-size: 1.05rem; line-height: 1.75; }
.crm-section__intro--split p { margin-bottom: .3rem; }

.crm-problem { background: var(--crm-paper); }
.crm-problem__grid { display: grid; grid-template-columns: repeat(4, 1fr); border-top: 1px solid var(--crm-line); border-left: 1px solid var(--crm-line); }
.crm-problem article { position: relative; min-height: 280px; padding: 2rem 1.65rem; border-right: 1px solid var(--crm-line); border-bottom: 1px solid var(--crm-line); background: rgba(255,255,255,.4); transition: color .25s ease, background-color .25s ease, transform .25s ease; }
.crm-problem article:hover { z-index: 1; color: #fff; background: var(--crm-navy); transform: translateY(-5px); }.crm-problem article > span { position: absolute; right: 1.2rem; top: 1rem; font-size: .7rem; font-weight: 900; color: #9aa5af; }.crm-problem article > i { display: block; margin: 2.7rem 0 2rem; font-size: 1.55rem; color: #c48831; }.crm-problem h3 { margin-bottom: .75rem; font-size: 1.22rem; font-weight: 900; }.crm-problem p { color: #6b7887; line-height: 1.65; font-size: .9rem; }.crm-problem article:hover p { color: rgba(255,255,255,.66); }

.crm-flow { color: #fff; background: var(--crm-navy); }
.crm-flow::after { content: "ESCALANDO"; position: absolute; right: -2rem; bottom: -2.2rem; font-size: 10rem; font-weight: 900; letter-spacing: -.05em; color: rgba(255,255,255,.025); pointer-events: none; }
.crm-eyebrow--light { color: var(--crm-yellow); }.crm-flow .crm-section__intro p { color: rgba(255,255,255,.66); }
.crm-flow__rail { position: relative; z-index: 1; display: grid; grid-template-columns: repeat(5, 1fr); border: 1px solid rgba(255,255,255,.13); }
.crm-flow__rail article { position: relative; min-height: 300px; padding: 2rem 1.45rem; border-right: 1px solid rgba(255,255,255,.13); background: rgba(255,255,255,.025); transition: background-color .25s ease; }.crm-flow__rail article:last-child { border-right: 0; }.crm-flow__rail article:hover { background: rgba(245,183,89,.08); }.crm-flow__rail article > span { font-size: .66rem; font-weight: 900; color: rgba(255,255,255,.36); }.crm-flow__rail article > i { display: grid; place-items: center; width: 52px; height: 52px; margin: 3.3rem 0 2rem; border: 1px solid rgba(245,183,89,.3); border-radius: 50%; color: var(--crm-yellow); background: rgba(245,183,89,.08); }.crm-flow__rail h3 { font-size: 1.2rem; font-weight: 900; color: #fff; }.crm-flow__rail p { font-size: .86rem; line-height: 1.65; color: rgba(255,255,255,.58); }.crm-flow__rail article:not(:last-child)::after { content: ""; position: absolute; right: -5px; top: 84px; z-index: 2; width: 9px; height: 9px; border-top: 1px solid var(--crm-yellow); border-right: 1px solid var(--crm-yellow); transform: rotate(45deg); }

.crm-bento { background: #eef2f5; }
.crm-bento__grid { display: grid; grid-template-columns: repeat(12, 1fr); gap: 1rem; }
.crm-bento__item { position: relative; min-height: 360px; grid-column: span 4; display: flex; flex-direction: column; padding: 2rem; border: 1px solid rgba(7,26,45,.1); border-radius: 14px; background: #fff; box-shadow: 0 12px 30px rgba(0,31,65,.04); overflow: hidden; }
.crm-bento__item--wide { min-height: 410px; grid-column: span 8; display: grid; grid-template-columns: .9fr 1.1fr; gap: 2rem; align-items: center; }
.crm-bento__item--navy { color: #fff; background: var(--crm-navy); }.crm-bento__item--navy p { color: rgba(255,255,255,.63) !important; }.crm-bento__item--communication { min-height: 370px; grid-column: span 8; display: grid; grid-template-columns: .9fr 1.1fr; align-items: center; gap: 2rem; background: #fff8e8; }
.crm-bento__item h3 { margin: .9rem 0 .8rem; font-size: 1.55rem; font-weight: 900; line-height: 1.14; letter-spacing: -.025em; }.crm-bento__item p { margin-bottom: 0; font-size: .92rem; line-height: 1.7; color: var(--crm-muted); }.crm-chip { font-size: .64rem; font-weight: 900; letter-spacing: .13em; text-transform: uppercase; color: #b57b25; }.crm-icon-box { width: 45px; height: 45px; display: grid; place-items: center; margin-bottom: auto; border-radius: 9px; color: var(--crm-navy); background: #f8e6c6; }
.crm-mini-kanban { align-self: stretch; display: grid; grid-template-columns: 1fr 1fr; gap: .65rem; padding: .8rem; border: 1px solid rgba(255,255,255,.12); border-radius: 10px; background: rgba(255,255,255,.045); }.crm-mini-kanban > div { padding: .65rem; border-radius: 7px; background: rgba(0,0,0,.12); }.crm-mini-kanban small { display: block; margin-bottom: .75rem; font-size: .5rem; letter-spacing: .1em; color: rgba(255,255,255,.45); }.crm-mini-kanban span { display: flex; flex-direction: column; gap: .25rem; margin-bottom: .55rem; padding: .62rem; border-left: 2px solid var(--crm-yellow); border-radius: 4px; background: #fff; color: var(--crm-ink); }.crm-mini-kanban b { font-size: .58rem; }.crm-mini-kanban em { font-size: .5rem; font-style: normal; color: #728196; }
.crm-capture-line { display: flex; align-items: center; justify-content: space-between; margin-top: auto; padding-top: 2rem; color: #bd8026; }.crm-capture-line i { width: 40px; height: 40px; display: grid; place-items: center; border-radius: 50%; background: #fff5e2; }.crm-capture-line span { flex: 1; height: 1px; background: repeating-linear-gradient(90deg, #d5b375 0 4px, transparent 4px 8px); }
.crm-cadence-days { display: grid; grid-template-columns: repeat(4, 1fr); gap: .35rem; margin-top: auto; padding-top: 1.8rem; }.crm-cadence-days span { display: flex; flex-direction: column; align-items: center; gap: .45rem; padding: .55rem .25rem; border: 1px solid #e4e8ed; border-radius: 7px; background: #f8fafb; }.crm-cadence-days b { font-size: .52rem; color: #7f8b98; }.crm-cadence-days i { color: var(--crm-navy); font-size: .72rem; }
.crm-chat-ui { display: flex; flex-direction: column; gap: .55rem; padding: 1rem; border: 1px solid #ead9b8; border-radius: 10px; background: #fff; box-shadow: 0 15px 34px rgba(75,48,5,.08); }.crm-chat-ui span { max-width: 86%; padding: .7rem .82rem; border-radius: 10px; font-size: .72rem; line-height: 1.4; }.crm-chat-ui .is-client { align-self: flex-start; background: #eef2f5; }.crm-chat-ui .is-team { align-self: flex-end; color: #fff; background: var(--crm-navy); }.crm-chat-ui small { align-self: flex-end; color: #97876b; font-size: .52rem; }.crm-chat-ui small i { margin-right: .25rem; color: var(--crm-green); }
.crm-rule { display: flex; flex-direction: column; align-items: flex-start; gap: .38rem; margin-top: auto; padding-top: 1.5rem; }.crm-rule span { padding: .22rem .4rem; border-radius: 3px; font-size: .48rem; font-weight: 900; color: #9a671d; background: #fff0d5; }.crm-rule b { width: 100%; padding: .55rem .65rem; border: 1px solid #e3e8ed; border-radius: 6px; font-size: .64rem; }.crm-rule > i { align-self: center; color: #b7c0c9; font-size: .65rem; }
.crm-ai-note { display: flex; gap: .7rem; align-items: center; margin-top: auto; padding: .8rem; border: 1px solid #e6d2aa; border-radius: 8px; background: #fff9eb; }.crm-ai-note > i { color: #ae6f12; }.crm-ai-note span { display: flex; flex-direction: column; font-size: .56rem; color: #7b6c52; }.crm-ai-note b { margin-bottom: .1rem; font-size: .62rem; color: var(--crm-ink); }

.crm-metrics { color: #fff; background: #071a2d; }
.crm-metrics__grid { display: grid; grid-template-columns: .88fr 1.12fr; gap: 6rem; align-items: center; }.crm-metrics__copy > p { color: rgba(255,255,255,.65); }.crm-metrics__copy ul { list-style: none; padding: 0; margin: 2rem 0; }.crm-metrics__copy li { display: flex; gap: .7rem; padding: .55rem 0; font-size: .9rem; color: rgba(255,255,255,.78); }.crm-metrics__copy li i { color: var(--crm-yellow); }.crm-text-link { display: inline-flex; align-items: center; gap: .65rem; padding-bottom: .3rem; border-bottom: 1px solid currentColor; font-size: .87rem; font-weight: 900; color: #b37720; }.crm-metrics .crm-text-link { color: var(--crm-yellow); }.crm-text-link:hover { color: #e59e34; }
.crm-metrics__visual { padding: 2rem; border: 1px solid rgba(255,255,255,.12); border-radius: 14px; background: rgba(255,255,255,.045); box-shadow: 0 30px 60px rgba(0,0,0,.24); }.crm-goal { display: flex; justify-content: space-between; align-items: center; }.crm-goal div { display: flex; flex-direction: column; gap: .2rem; }.crm-goal small { font-size: .58rem; letter-spacing: .15em; color: rgba(255,255,255,.4); }.crm-goal strong { color: #fff; font-size: 1.65rem; }.crm-goal > span { font-size: 1.2rem; font-weight: 900; color: var(--crm-yellow); }.crm-goal__track { height: 7px; margin: 1rem 0 1.4rem; border-radius: 99px; background: rgba(255,255,255,.1); }.crm-goal__track i { display: block; width: 67%; height: 100%; border-radius: inherit; background: linear-gradient(90deg, var(--crm-yellow), #ed8c34); }.crm-metric-cards { display: grid; grid-template-columns: 1fr 1fr; gap: .7rem; }.crm-metric-cards article { display: flex; flex-direction: column; gap: .25rem; padding: 1rem; border-radius: 8px; background: rgba(255,255,255,.06); }.crm-metric-cards span { font-size: .6rem; color: rgba(255,255,255,.45); }.crm-metric-cards b { color: #fff; }.crm-metric-cards small { font-size: .54rem; color: rgba(255,255,255,.46); }.crm-chart { margin-top: .7rem; padding: 1rem; border-radius: 8px; background: rgba(255,255,255,.06); }.crm-chart .crm-ui-title strong { color: #fff; }.crm-chart__plot { height: 175px; display: flex; align-items: flex-end; justify-content: space-around; gap: .65rem; padding-top: 1.8rem; border-bottom: 1px solid rgba(255,255,255,.12); }.crm-chart__plot i { position: relative; width: 15%; height: var(--h); border-radius: 4px 4px 0 0; background: linear-gradient(180deg, var(--crm-yellow), #b9732d); }.crm-chart__plot i b { position: absolute; top: -1.2rem; left: 50%; transform: translateX(-50%); color: rgba(255,255,255,.65); font-size: .5rem; font-style: normal; }.crm-chart__plot i span { position: absolute; bottom: -1.3rem; left: 50%; transform: translateX(-50%); color: rgba(255,255,255,.45); font-size: .45rem; font-style: normal; }

.crm-handoff { padding-top: 6rem; padding-bottom: 6rem; background: #fff; }
.crm-handoff__panel { display: grid; grid-template-columns: .85fr 1.15fr; gap: 4rem; align-items: center; padding: 4rem; border: 1px solid #ead9b6; border-radius: 18px; background: linear-gradient(135deg, #fff8e8, #fff 68%); }.crm-handoff__copy h2 { font-size: clamp(2rem, 3.4vw, 3rem); }.crm-handoff__steps { display: flex; align-items: center; justify-content: space-between; }.crm-handoff__steps > span { width: 30%; min-height: 160px; display: flex; flex-direction: column; align-items: center; justify-content: center; gap: .35rem; padding: 1rem; border: 1px solid #e5e9ed; border-radius: 10px; text-align: center; background: #fff; box-shadow: 0 10px 28px rgba(0,31,65,.06); }.crm-handoff__steps span > i { display: grid; place-items: center; width: 42px; height: 42px; margin-bottom: .5rem; border-radius: 50%; color: #b9791c; background: #fff1d8; }.crm-handoff__steps b { font-size: .78rem; }.crm-handoff__steps small { font-size: .56rem; color: #84909d; }.crm-handoff__steps > i { color: #b6bec6; }

.crm-implementation { background: var(--crm-paper); }.crm-implementation__grid { display: grid; grid-template-columns: repeat(4, 1fr); gap: .8rem; }.crm-implementation article { position: relative; min-height: 275px; padding: 2rem 1.6rem; border: 1px solid var(--crm-line); border-radius: 10px; background: #fff; }.crm-implementation article > span { position: absolute; right: 1rem; top: 1rem; font-size: .65rem; font-weight: 900; color: #aeb6bf; }.crm-implementation article > i { display: grid; place-items: center; width: 50px; height: 50px; margin: 2rem 0 1.6rem; border-radius: 9px; color: #b9791c; background: #fff1d8; }.crm-implementation h3 { font-size: 1.15rem; font-weight: 900; }.crm-implementation p { font-size: .85rem; line-height: 1.65; color: var(--crm-muted); }

.crm-fit { color: #fff; background: var(--crm-navy); }.crm-fit__grid { display: grid; grid-template-columns: .85fr 1.15fr; gap: 6rem; align-items: center; }.crm-fit__copy p { color: rgba(255,255,255,.64); }.crm-fit__list { display: flex; flex-direction: column; border-top: 1px solid rgba(255,255,255,.12); }.crm-fit__list span { display: flex; gap: .8rem; align-items: center; padding: 1.05rem 0; border-bottom: 1px solid rgba(255,255,255,.12); font-weight: 700; color: rgba(255,255,255,.8); }.crm-fit__list i { width: 27px; height: 27px; display: grid; place-items: center; border-radius: 50%; color: var(--crm-navy); background: var(--crm-yellow); font-size: .65rem; }

.crm-faq { background: #fff; }.crm-faq__grid { display: grid; grid-template-columns: .7fr 1.3fr; gap: 6rem; align-items: start; }.crm-faq__intro { position: sticky; top: 120px; }.crm-faq__intro h2 { font-size: clamp(2rem, 3.5vw, 3.15rem); }.crm-faq__list { border-top: 1px solid var(--crm-line); }.crm-faq details { border-bottom: 1px solid var(--crm-line); }.crm-faq summary { list-style: none; display: flex; justify-content: space-between; gap: 1.5rem; padding: 1.35rem .2rem; cursor: pointer; font-size: .98rem; font-weight: 900; color: var(--crm-ink); }.crm-faq summary::-webkit-details-marker { display: none; }.crm-faq summary i { width: 28px; height: 28px; display: grid; flex: 0 0 auto; place-items: center; border-radius: 50%; color: #a36a17; background: #fff1d8; font-size: .65rem; transition: transform .2s ease; }.crm-faq details[open] summary i { transform: rotate(45deg); }.crm-faq details p { max-width: 680px; padding: 0 2.7rem 1.45rem .2rem; color: var(--crm-muted); line-height: 1.7; }

.crm-final { position: relative; padding: 8rem 0; color: #fff; text-align: center; background: #06182a; }.crm-final__grid { position: absolute; inset: 0; opacity: .22; background-image: linear-gradient(rgba(245,183,89,.17) 1px, transparent 1px), linear-gradient(90deg, rgba(245,183,89,.17) 1px, transparent 1px); background-size: 58px 58px; mask-image: radial-gradient(circle at center, #000, transparent 70%); }.crm-final__inner { position: relative; z-index: 1; max-width: 850px; }.crm-final h2 { margin-right: auto; margin-left: auto; font-size: clamp(2.55rem, 5vw, 4.5rem); color: #fff; }.crm-final p { max-width: 680px; margin: 0 auto 2rem; font-size: 1.08rem; line-height: 1.7; color: rgba(255,255,255,.67); }.crm-final small { display: block; margin-top: 1.3rem; color: rgba(255,255,255,.4); }

[data-crm-reveal] { opacity: 0; transform: translateY(24px); transition: opacity .65s ease, transform .65s cubic-bezier(.2,.7,.2,1); }
[data-crm-reveal].is-visible { opacity: 1; transform: translateY(0); }
.crm-command[data-crm-reveal] { transform: perspective(1200px) rotateY(-2deg) rotateX(1deg) translateY(24px); }
.crm-command[data-crm-reveal].is-visible { transform: perspective(1200px) rotateY(-2deg) rotateX(1deg) translateY(0); }

@media (max-width: 1100px) {
    .crm-hero__grid { grid-template-columns: 1fr; gap: 4rem; }.crm-hero__copy { max-width: 760px; }.crm-command { max-width: 760px; margin: 0 auto; transform: none; }.crm-command[data-crm-reveal], .crm-command[data-crm-reveal].is-visible { transform: translateY(0); }
    .crm-problem__grid { grid-template-columns: repeat(2, 1fr); }.crm-flow__rail { grid-template-columns: repeat(5, 220px); overflow-x: auto; }.crm-flow__rail article { min-height: 280px; }
    .crm-metrics__grid, .crm-fit__grid { gap: 3.5rem; }.crm-handoff__panel { grid-template-columns: 1fr; }.crm-faq__grid { gap: 3rem; }
}

@media (max-width: 850px) {
    .crm-section { padding: 5rem 0; }.crm-section__intro--split, .crm-metrics__grid, .crm-fit__grid, .crm-faq__grid { grid-template-columns: 1fr; gap: 2rem; }.crm-faq__intro { position: static; }.crm-bento__item, .crm-bento__item--wide, .crm-bento__item--communication { grid-column: span 12; }.crm-bento__item--capture, .crm-bento__item--cadence, .crm-bento__item--automation, .crm-bento__item--ai { grid-column: span 6; }.crm-implementation__grid { grid-template-columns: repeat(2, 1fr); }.crm-signal__grid { grid-template-columns: repeat(3, 1fr); }.crm-signal span:nth-child(3) { border-right: 0; }.crm-signal span:nth-child(-n+3) { border-bottom: 1px solid var(--crm-line); }
}

@media (max-width: 620px) {
    .crm-shell { width: min(100% - 28px, 1180px); }.crm-hero { padding: 5.7rem 0 4rem; }.crm-hero h1 { font-size: 2.65rem; }.crm-hero__lead { font-size: 1rem; }.crm-actions { align-items: stretch; flex-direction: column; }.crm-button { width: 100%; }.crm-command { margin-right: -18px; margin-left: -4px; border-radius: 11px; }.crm-command__body { min-height: 360px; grid-template-columns: 38px 1fr; }.crm-command__nav span { width: 28px; height: 28px; }.crm-command__content { padding: .75rem; }.crm-kpi-grid { grid-template-columns: 1fr 1fr; }.crm-kpi-grid .crm-kpi:last-child { display: none; }.crm-command__lower { grid-template-columns: 1fr; }.crm-next-card { display: none; }.crm-funnel-card { min-height: 180px; }.crm-command__alert { right: -5px; bottom: 18px; width: 210px; }.crm-command__topbar { height: 40px; }.crm-command::before { display: none; }
    .crm-signal__grid { grid-template-columns: repeat(2, 1fr); }.crm-signal span:nth-child(n) { border-right: 1px solid var(--crm-line); border-bottom: 1px solid var(--crm-line); }.crm-signal span:nth-child(2n) { border-right: 0; }.crm-signal span:nth-last-child(-n+2) { border-bottom: 0; }
    .crm-section__intro h2, .crm-metrics__copy h2, .crm-handoff__copy h2, .crm-fit__copy h2, .crm-faq__intro h2 { font-size: 2.2rem; }.crm-problem__grid { grid-template-columns: 1fr; }.crm-problem article { min-height: 235px; }.crm-flow::after { font-size: 5rem; }.crm-bento__item, .crm-bento__item--wide, .crm-bento__item--communication, .crm-bento__item--capture, .crm-bento__item--cadence, .crm-bento__item--automation, .crm-bento__item--ai { grid-column: span 12; }.crm-bento__item--wide, .crm-bento__item--communication { display: flex; }.crm-mini-kanban { width: 100%; margin-top: 1.4rem; }.crm-chat-ui { width: 100%; margin-top: 1.4rem; }.crm-metrics__visual { padding: 1.15rem; }.crm-handoff__panel { padding: 2rem 1.2rem; }.crm-handoff__steps { flex-direction: column; }.crm-handoff__steps > span { width: 100%; min-height: 125px; }.crm-handoff__steps > i { transform: rotate(90deg); margin: .4rem 0; }.crm-implementation__grid { grid-template-columns: 1fr; }.crm-implementation article { min-height: 230px; }.crm-final { padding: 6rem 0; }.crm-final h2 { font-size: 2.65rem; }.crm-hero__proof { flex-direction: column; gap: .55rem; }
}

@media (prefers-reduced-motion: reduce) {
    .crm-page *, .crm-page *::before, .crm-page *::after { scroll-behavior: auto !important; animation: none !important; transition-duration: .01ms !important; }
    [data-crm-reveal] { opacity: 1; transform: none; }
}