/* Public interior hero contract. Legacy page selectors include ID-level specificity via :not(#hero).
   Contract declarations intentionally win over those selectors; page-specific overrides are forbidden.
   Home and workspaces never carry data-public-hero. */
.dp-public [data-public-hero] {
    --hero-inline:max(32px,calc((100% - 1280px)/2)) !important;
    position:relative !important;isolation:isolate !important;display:grid !important;grid-template-columns:minmax(0,1.12fr) minmax(0,1fr) !important;
    grid-template-areas:'copy motion' !important;align-items:center !important;gap:32px !important;min-height:480px !important;width:100% !important;max-width:none !important;
    margin:0 !important;padding:44px var(--hero-inline) !important;border:0 !important;border-bottom:1px solid #e4ede7 !important;border-radius:0 !important;
    background:#fff !important;box-shadow:none !important;overflow:hidden !important;text-align:start !important;color:#192f29 !important;
}
.dp-public [data-public-hero] > :not(.dp-page-backdrop):not(.dp-page-motion) {
    grid-area:copy !important;position:relative !important;z-index:1 !important;min-width:0 !important;width:100% !important;max-width:none !important;margin:0 !important;padding:0 !important;text-align:start !important;
}
.dp-public [data-public-hero] h1 {font-size:clamp(34px,4.5vw,64px) !important;font-weight:700 !important;line-height:1.4 !important;letter-spacing:normal !important;max-width:100% !important;margin:12px 0 20px !important;text-wrap:balance !important;overflow-wrap:anywhere !important;color:#192f29 !important}
.dp-public [data-public-hero] h1 :is(span,em) {font-size:inherit !important;line-height:inherit !important;font-style:normal !important}
.dp-public [data-public-hero] p {font-size:15px !important;line-height:1.95 !important;max-width:100% !important;margin:0 0 16px !important;text-wrap:pretty !important;color:#67796f !important}
.dp-public [data-public-hero] .text-center {text-align:start !important}
.dp-public [data-public-hero] > .dp-page-motion {grid-area:motion !important;position:relative !important;display:block !important;width:100% !important;max-width:520px !important;min-width:0 !important;margin:auto !important;align-self:center !important}
.dp-public [data-public-hero] .dp-page-scene {display:block !important;width:100% !important;height:auto !important;aspect-ratio:560/400 !important;max-height:none !important}
.dp-public [data-public-hero] > .dp-page-backdrop {position:absolute !important;inset:0 !important;z-index:-1 !important;pointer-events:none !important}
.dp-public [data-public-hero] :is(.sd-actions,.mh-actions) {margin-top:20px !important;flex-wrap:wrap !important}
.dp-public [data-public-hero] :is(.sd-button,.mh-button) {font-size:14px !important;padding:12px 18px !important}
.dp-public [data-public-hero] nav {flex-wrap:wrap !important}
.dp-public [data-public-hero] > .absolute {display:none !important}
.dp-hero-actions-layout>div+div {margin-top:20px;flex-wrap:wrap}
.dp-public .ds-product-intro {padding:32px 0;background:#fff}
.dp-public .ds-product-intro h2 {font-size:28px;font-weight:700}
.cs-paths {padding:32px 38px;background:#fafcfb}
.cs-paths>h2 {font-size:28px;font-weight:700;margin-bottom:12px}
.cs-paths p {line-height:1.95;color:#526e68}
.cs-path-grid {display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:24px;margin-top:24px}
.cs-path-grid article {display:flex;flex-direction:column;align-items:start;padding:28px;border:1px solid #c9e2d7;border-radius:22px;background:#eff8f3;min-width:0}
.cs-path-grid article:nth-child(2) {background:#fffaf0;border-color:#eee0b7}
.cs-path-symbol {display:grid;place-items:center;width:48px;height:48px;border-radius:14px;background:white;color:#087f70;margin-bottom:16px}
.cs-path-symbol svg {width:24px;height:24px}
.cs-path-grid h3 {font-size:23px;font-weight:700;line-height:1.6;margin-bottom:16px}
.cs-path-grid ul {padding-inline-start:20px;margin:16px 0 24px;list-style:disc;line-height:1.95;color:#365d52}
.cs-path-grid li {margin-bottom:12px}
.cs-path-grid .cs-button {margin-top:auto}
.cs-dialog [data-implementation-field][hidden] {display:none}
/* Interior scroll surfaces remain operable by wheel, touch and keyboard. The page scrollbar stays visible. */
.dp-public :is(dialog,[role="dialog"],.dp-scroll-box,.overflow-auto,.overflow-y-auto,.overflow-x-auto,.ss-table-wrap,.ps-table-wrap,.mh-table-wrap),
.dp-public :is(dialog,[role="dialog"]) :is(form,textarea,.ps-dialog-body) {scrollbar-width:none;-ms-overflow-style:none}
.dp-public :is(dialog,[role="dialog"],.dp-scroll-box,.overflow-auto,.overflow-y-auto,.overflow-x-auto,.ss-table-wrap,.ps-table-wrap,.mh-table-wrap)::-webkit-scrollbar,
.dp-public :is(dialog,[role="dialog"]) :is(form,textarea,.ps-dialog-body)::-webkit-scrollbar {display:none;width:0;height:0}
@media(min-width:768px) and (max-width:1023px) {
    .dp-public [data-public-hero] {gap:20px !important;padding:36px 28px !important;min-height:420px !important}
    .dp-public [data-public-hero] h1 {font-size:36px !important}
}
@media(max-width:767px) {
    .cs-paths {padding:24px}
    .cs-path-grid {grid-template-columns:1fr}
    .cs-path-grid article {padding:22px}
    .dp-public [data-public-hero] {grid-template-columns:minmax(0,1fr) !important;grid-template-areas:'copy' 'motion' !important;gap:8px !important;min-height:0 !important;padding:24px 22px 20px !important}
    .dp-public [data-public-hero] > :not(.dp-page-backdrop):not(.dp-page-motion),.dp-public [data-public-hero] .text-center {text-align:center !important}
    .dp-public [data-public-hero] h1 {font-size:32px !important;margin:12px auto !important;line-height:1.4 !important}
    .dp-public [data-public-hero] p {font-size:14px !important;margin-inline:auto !important}
    .dp-public [data-public-hero] > .dp-page-motion {max-width:290px !important}
    .dp-public [data-public-hero] :is(nav,.sd-actions,.mh-actions,.ss-tags,.ps-actions) {justify-content:center !important}
}