/* Service visuals and the layered H identity. */
.brand img{width:55px;height:42px;object-fit:contain;border:0;border-radius:0}
.brand{gap:13px;flex-shrink:0}
.brand .brand-wordmark{width:210px;height:52px}
.brand .brand-symbol{width:69px;height:53px}
.architecture-heading .architecture-wordmark{width:138px;height:34px;object-fit:contain}
.button,.outline-button{justify-content:center}
.text-link,.service-link{text-decoration:underline;text-decoration-color:currentColor;text-underline-offset:5px;text-decoration-thickness:1px}
.text-link:hover,.service-link:hover{text-decoration-thickness:2px}
.hero-actions .button{min-width:188px}
.hero .button:hover{transform:none}
.service-category:before{display:none}
.service-item{padding:27px;background:#f2f4ee}
.service-diagram{display:flex;align-items:center;justify-content:center;height:164px;margin:-27px -27px 27px;padding:16px 18px;background:#102631;border-bottom:1px solid #729da52b;overflow:hidden}
.service-diagram svg{width:100%;height:100%;fill:none;stroke:#779dab;stroke-width:1.2;stroke-linejoin:round;stroke-linecap:round}
.service-diagram rect{fill:#152f3d}
.service-diagram .diagram-core{stroke:#b5e4d2}
.service-diagram .diagram-core rect,.service-diagram rect.diagram-core{fill:#23504f}
.service-diagram text{fill:#91b3bc;stroke:none;text-anchor:middle;font:8px "Segoe UI",Arial,sans-serif;letter-spacing:.8px}
.service-diagram .signal{stroke:#b4ead2;stroke-dasharray:8 12;animation:service-data-flow 3.2s linear infinite;animation-play-state:paused}
.service-diagram.is-on-screen .signal{animation-play-state:running}
.service-item:hover .service-diagram{background:#15333f}
.service-item:hover .service-diagram .diagram-core{stroke:#d5fae8}
.workflow-emblem{border:0;background:none;box-shadow:none;transform:none;width:80px;height:61px}
.workflow-emblem img{width:100%;height:auto}
.scenario-symbol svg{width:24px;height:24px;fill:none;stroke:currentColor;stroke-width:1.4;stroke-linecap:round;stroke-linejoin:round}
.back-top{width:auto;min-width:110px;height:42px;padding:10px 14px;border-radius:3px;font-size:11px;font-weight:500}
.brief-shortcut{gap:0}

.crm-offering{grid-template-columns:.82fr 1.18fr;align-items:start;gap:40px;margin-top:38px;padding:36px;background:#e5ece6;border-left:1px solid #b7cfc3}
.crm-copy{position:sticky;top:121px;padding-top:13px;min-width:0}
.crm-copy h3{font-size:34px;line-height:1.2;margin-bottom:26px}
.crm-offering .crm-copy>p:not(.eyebrow){font-size:14px;line-height:1.9;margin-bottom:18px}
.crm-copy .text-link{margin-top:12px;line-height:1.8}
.suite-preview{min-width:0;overflow:hidden;border:1px solid #678d974a;border-radius:5px;background:#102631;color:#e5eeeb;box-shadow:0 18px 45px #12302b14}
.suite-header{display:flex;justify-content:space-between;gap:20px;align-items:center;background:#17323e;border-bottom:1px solid #a4c1ce24;padding:17px 20px;font-size:9px;line-height:1.7;letter-spacing:.1em;color:#b7d4d2}
.suite-header>span:last-child{font-size:8px;color:#8eaeba;text-align:right}
.suite-body{padding:20px}
.suite-scope{display:grid;grid-template-columns:1fr 1fr;gap:4px;background:#0b1d28;border:1px solid #537c863b;border-radius:4px;padding:4px}
.suite-scope button{min-height:41px;padding:10px 8px;font-size:11px;background:transparent;color:#94b2bf;border:1px solid transparent;border-radius:3px}
.suite-scope button[aria-pressed="true"]{border-color:#a7d7c36b;color:#d5f2e1;background:#204644}
.suite-scope button:hover{color:#e1f1ec}
.suite-topology{margin:18px -4px 22px}
.suite-topology svg{display:block;width:100%;height:auto}
.suite-connection{fill:none;stroke:#9cd5be;stroke-width:1.4;stroke-dasharray:7 11;animation:service-data-flow 3.6s linear infinite;animation-play-state:paused}
.suite-preview.is-on-screen .suite-connection{animation-play-state:running}
.suite-input rect{fill:#193542;stroke:#779ba658;stroke-width:1}
.suite-input text,.suite-diagram-caption{font:9px "Segoe UI",Arial,sans-serif;letter-spacing:.55px;fill:#b0c9ce;text-anchor:middle}
.suite-diagram-caption{font-size:8px;fill:#7fa6b6;letter-spacing:1px}
.suite-mark{filter:drop-shadow(0 12px 8px #06121b60)}
.suite-preview[data-suite-mode="group"] .suite-input rect{fill:#24474b;stroke:#94cab788}
.suite-modules{border:0;padding:0;margin:0 0 21px;min-width:0}
.suite-modules legend{font-size:11px;color:#b2cbd0;line-height:1.7;margin-bottom:13px}
.suite-modules>div{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:7px}
.suite-modules label{position:relative;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:9px;min-height:78px;padding:12px 6px;border:1px solid #6d929d44;border-radius:3px;background:#16333e;color:#92b1be;cursor:pointer}
.suite-modules input{position:absolute;opacity:0;width:22px;height:22px;left:12px;top:12px}
.suite-modules label:has(input:checked){color:#d4f2df;border-color:#b1e5cda1;background:#234945}
.suite-modules label:has(input:focus-visible){outline:3px solid #b77f42;outline-offset:3px}
.suite-modules label:hover{border-color:#a5d9c8}
.suite-modules svg{width:24px;height:24px;fill:none;stroke:currentColor;stroke-width:1.4;stroke-linecap:round;stroke-linejoin:round}
.suite-modules label span{font-size:10px;line-height:1.5;text-align:center;overflow-wrap:anywhere}
.suite-record{padding:19px 18px;background:#18363f;border:1px solid #97c2ba32;border-radius:4px;min-height:248px}
.suite-record-heading{display:flex;justify-content:space-between;gap:14px;margin-bottom:15px;align-items:start}
.suite-record-heading>span{font-size:8px;letter-spacing:.08em;color:#9fc4c2;line-height:1.7}
.suite-record-heading .suite-context{color:#d1e2d6;flex-shrink:0;padding:2px 6px;border:1px solid #80afa44a;border-radius:2px;font-size:7px;letter-spacing:.04em}
.suite-record h4{font-size:21px;font-weight:400;line-height:1.35;letter-spacing:-.025em;margin-bottom:11px}
.suite-record p{font-size:12px;line-height:1.8;color:#a4c0c8;margin-bottom:19px}
.suite-sample{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:14px;padding:15px 0 0;border-top:1px solid #a4c1ce24}
.suite-sample>div{display:flex;flex-direction:column;gap:7px;min-width:0}
.suite-sample span{font-size:9px;color:#8eafb9;line-height:1.7}
.suite-sample strong{font-size:11px;line-height:1.7;font-weight:500;color:#c4e5d7}
.suite-note{font-size:10px;line-height:1.85;color:#89a9b6;margin:17px 0 16px}
.suite-body .button{width:100%;min-height:46px;font-size:12px;background:#b5e8d4;color:#1b3f33;border-color:#b5e8d4}
.suite-body .button:hover{background:#d4f4e6}
.suite-record.is-updating .suite-sample{animation:suite-record-in .35s ease both}
.motion-paused .service-diagram .signal,.motion-paused .suite-connection{animation-play-state:paused}
.motion-paused .suite-record.is-updating .suite-sample{animation:none}
@keyframes service-data-flow{to{stroke-dashoffset:-114}}
@keyframes suite-record-in{from{opacity:.4;transform:translateY(5px)}to{opacity:1;transform:translateY(0)}}
@media(max-width:1180px){.crm-offering{gap:28px;padding:28px;grid-template-columns:.75fr 1.25fr}.crm-copy h3{font-size:30px}.suite-body{padding:18px}.suite-header{padding:16px 18px;font-size:8px}.service-diagram{height:146px}}
@media(max-width:900px){.brand img{width:44px;height:34px}.crm-offering{grid-template-columns:1fr;gap:29px}.crm-copy{padding-top:0;max-width:630px}.crm-copy h3{font-size:32px}.suite-preview{width:100%;max-width:670px;margin-inline:auto}.suite-body{padding:24px}.suite-modules label span{font-size:12px}.suite-record-heading>span{font-size:9px}.suite-record-heading .suite-context{font-size:8px}.suite-sample strong{font-size:12px}.suite-record{min-height:225px}.service-diagram{height:154px}}
@media(max-width:700px){.brand img{width:49px;height:38px}.service-diagram{height:173px}.hero-actions .button{width:100%}.hero-actions .text-link{padding:10px 0}.crm-offering{padding:23px 18px;gap:25px;margin-top:29px}.crm-copy h3{font-size:30px}.crm-offering .crm-copy>p:not(.eyebrow){font-size:14px}.suite-body{padding:17px}.suite-header{padding:15px 17px;font-size:8px;gap:12px}.suite-header>span:last-child{font-size:7px}.suite-scope button{font-size:11px;min-height:44px}.suite-topology{margin-inline:-9px}.suite-modules>div{grid-template-columns:repeat(2,minmax(0,1fr))}.suite-modules label{flex-direction:row;justify-content:flex-start;gap:10px;min-height:55px;padding:12px 10px}.suite-modules label span{font-size:11px}.suite-modules svg{width:22px;height:22px;flex-shrink:0}.suite-record{padding:18px 15px;min-height:290px}.suite-record-heading{flex-wrap:wrap;gap:7px}.suite-record h4{font-size:23px}.suite-record p{font-size:13px}.suite-sample{grid-template-columns:1fr;gap:0;padding-top:6px}.suite-sample>div{flex-direction:row;justify-content:space-between;align-items:center;gap:18px;padding:8px 0}.suite-sample span{font-size:10px}.suite-sample strong{font-size:11px;text-align:right;max-width:145px}.suite-note{font-size:11px}.suite-body .button{font-size:12px;line-height:1.6}.workflow-emblem{width:65px;height:48px}.builder-actions .button,.explorer-bottom .button{justify-content:center}.back-top{margin-top:0}.service-link{min-height:44px;font-size:12px}.brief-shortcut{font-size:11px}}
@media(max-width:360px){.crm-offering{padding:22px 12px}.suite-body{padding:13px}.suite-modules label{gap:7px;padding-inline:8px}.suite-modules label span{font-size:10px}.suite-record{padding-inline:12px}.suite-record h4{font-size:21px}.suite-topology{margin-inline:-10px}.suite-scope button{font-size:10px}.service-diagram{height:149px}}
@media(prefers-reduced-motion:reduce){.service-diagram .signal,.suite-connection,.suite-record.is-updating .suite-sample{animation:none!important}}
@media(max-width:900px){.crm-copy{position:static}}
@media(max-width:900px){.brand{gap:10px}.brand .brand-wordmark{width:162px;height:40px}.brand .brand-symbol{width:55px;height:42px}.architecture-heading .architecture-wordmark{width:126px;height:31px}}
@media(max-width:700px){.header-inner{gap:18px}.brand .brand-wordmark{width:160px;height:40px}.brand .brand-symbol{width:55px;height:42px}.architecture-heading .architecture-wordmark{width:138px;height:34px}}
@media(max-width:360px){.header-inner{gap:12px}.brand{gap:9px}.brand .brand-wordmark{width:140px;height:35px}.brand .brand-symbol{width:48px;height:37px}.architecture-heading>span:last-child{display:none}}
@media print{.service-diagram,.suite-topology,.suite-scope,.suite-modules,.suite-body>.button{display:none!important}.crm-offering{display:block;break-inside:avoid}.crm-copy{position:static}.suite-preview,.suite-record{background:white;color:#203c38;box-shadow:none}.suite-record p,.suite-sample strong{color:#203c38}}