@import url('/design-tokens.css?ver=1');
@import url('/contact-portrait.css');
@import url('/page-types/product-focus.css?ver=3');
.product-contact{scroll-margin-top:calc(var(--nemely-page-header-height,var(--nemely-sticky-header-offset)) + var(--nemely-page-section-height) + 24px)}
.product-page,.product-page *{box-sizing:border-box}
.product-page{font-family:var(--nemely-font-editorial);font-size:17px;line-height:1.7;color:var(--nemely-color-navy);background:var(--nemely-surface-section)}
.product-page :is(h1,h2,h3,p,figure){margin:0}
.product-page :is(h1,h2,h3){font-family:inherit;color:inherit;text-transform:none;text-wrap:balance;font-weight:var(--nemely-heading-weight);line-height:1.06;letter-spacing:-.04em}
.product-page h1{font-size:var(--nemely-heading-hero-size);line-height:.99;letter-spacing:-.06em;max-width:15ch}
.product-page h1 span{display:block;color:var(--nemely-color-orange-heading)}
.product-page h2{font-size:clamp(36px,4.1vw,62px);max-width:20ch;margin-bottom:26px}
.product-page h3{font-size:25px;line-height:1.2;margin-bottom:14px}
.product-page p{color:var(--nemely-color-muted-ink);margin-bottom:20px}
.product-page p:last-child{margin-bottom:0}
.product-page a{color:inherit;text-decoration:none}
.product-page a:hover{text-decoration:underline}
.product-page a:focus-visible,.product-page summary:focus-visible{outline:2px solid var(--nemely-color-orange);outline-offset:5px}
.product-page :is(section[id],div[id]){scroll-margin-top:calc(var(--nemely-sticky-header-offset) + var(--nemely-sticky-nav-height) + 24px)}
.product-shell{width:min(var(--nemely-content-width),calc(100% - var(--nemely-page-gutter)));margin-inline:auto}
.product-page .product-eyebrow{display:flex;align-items:center;gap:14px;color:var(--nemely-color-orange-ink);font-size:11px;font-weight:750;letter-spacing:.14em;text-transform:uppercase;margin-bottom:26px;line-height:1.5}
.product-eyebrow::before{content:'';height:3px;width:40px;background:var(--nemely-color-orange);flex:none}
.product-actions{display:flex;gap:12px;flex-wrap:wrap;margin-top:30px}
.product-button{display:inline-flex;align-items:center;justify-content:center;min-height:var(--nemely-action-height);padding:var(--nemely-action-padding);gap:var(--nemely-action-gap);border-radius:var(--nemely-action-radius);font-size:14px;font-weight:var(--nemely-action-weight);line-height:1.4;background:var(--nemely-color-navy);border:1px solid var(--nemely-color-navy);color:var(--nemely-color-white)!important;text-decoration:none!important}
.product-button svg{width:18px;height:18px;flex:none}
.product-button:hover{background:var(--nemely-color-navy-dark)}
.product-button--outline{background:transparent;border-color:var(--nemely-color-stone);color:var(--nemely-color-navy)!important}
.product-button--outline:hover{color:var(--nemely-color-white)!important}
.product-hero{padding:80px 0 85px;background:var(--nemely-surface-page)}
.product-hero__inner{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1.1fr);gap:7%;align-items:center}
.product-hero__inner>*{min-width:0}
.product-page .product-intro{font-size:18px;line-height:1.75;margin-top:30px;max-width:62ch}
.product-page .product-built{border-left:2px solid var(--nemely-color-orange);padding-left:16px;font-size:12px;font-weight:650;margin-top:26px}
.product-hero__visual img{display:block;width:100%;height:auto}
.product-hero__visual figcaption{font-style:normal;font-size:11px;line-height:1.7;margin-top:20px;max-width:62ch}
.product-hero__visual figcaption a{display:inline-flex;gap:8px;align-items:center;margin-top:8px}
.product-hero__visual figcaption svg{width:14px;height:14px}
:is(.product-page--access-management,.product-page--mobile-workspace) .product-hero{color:var(--nemely-color-white);background:var(--nemely-color-navy-dark)}
:is(.product-page--access-management,.product-page--mobile-workspace) .product-hero :is(.product-eyebrow,h1 span){color:var(--nemely-color-orange)}
:is(.product-page--access-management,.product-page--mobile-workspace) .product-hero :is(.product-intro,.product-built,figcaption){color:var(--nemely-color-on-dark-muted)}
.product-page--access-management .product-hero__visual{position:relative;padding-top:45px}
.product-page--access-management .product-hero__visual::before{content:'';position:absolute;inset:0 12% 25% 12%;border:1px solid var(--nemely-color-orange);border-radius:50%;pointer-events:none;opacity:.65}
.product-page--access-management .product-hero__visual img{position:relative}
:is(.product-page--access-management,.product-page--mobile-workspace) .product-hero .product-button{background:var(--nemely-color-orange);border-color:var(--nemely-color-orange);color:var(--nemely-color-navy-dark)!important}
:is(.product-page--access-management,.product-page--mobile-workspace) .product-hero .product-button:hover{background:var(--nemely-color-orange-hover)}
:is(.product-page--access-management,.product-page--mobile-workspace) .product-hero .product-button--outline{background:transparent;border-color:var(--nemely-color-white-line);color:var(--nemely-color-white)!important}
:is(.product-page--access-management,.product-page--mobile-workspace) .product-hero .product-button--outline:hover{background:var(--nemely-color-white);color:var(--nemely-color-navy-dark)!important}
:is(.product-page--document-flow,.product-page--business-starter) .product-hero{background:var(--nemely-color-orange-soft);padding-bottom:65px}
:is(.product-page--document-flow,.product-page--business-starter) .product-hero__inner{display:block}
/* Name every hero slot so the breadcrumb cannot push the eyebrow below the H1. */
:is(.product-page--document-flow,.product-page--business-starter) .product-hero__copy{display:grid;grid-template-columns:minmax(0,1.1fr) minmax(0,1fr);grid-template-areas:"breadcrumb breadcrumb" "eyebrow eyebrow" "heading intro" "heading actions" "heading built";gap:0 9%;margin-bottom:45px}
:is(.product-page--document-flow,.product-page--business-starter) .product-hero__copy>.nemely-breadcrumbs{grid-area:breadcrumb}
:is(.product-page--document-flow,.product-page--business-starter) .product-hero__copy>.product-eyebrow{grid-area:eyebrow}
:is(.product-page--document-flow,.product-page--business-starter) .product-hero h1{grid-area:heading;max-width:15ch}
:is(.product-page--document-flow,.product-page--business-starter) .product-intro{grid-area:intro;margin-top:0;align-self:center}
:is(.product-page--document-flow,.product-page--business-starter) .product-actions{grid-area:actions;align-self:start}
:is(.product-page--document-flow,.product-page--business-starter) .product-built{grid-area:built}
:is(.product-page--document-flow,.product-page--business-starter) .product-hero__visual{max-width:1180px;margin-inline:auto;border-bottom:7px solid var(--nemely-color-orange);border-radius:22px 22px 90px 22px;overflow:hidden}
:is(.product-page--document-flow,.product-page--business-starter) .product-hero__visual img{aspect-ratio:2.1;object-fit:cover;object-position:center 12%}
.product-overview,.product-benefits,.product-feature,.product-questions{padding:85px 0}
.product-overview__grid{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:9%;align-items:center}
.product-overview figure img{display:block;width:100%;height:auto;border-radius:22px 90px 22px 22px}
.product-page--document-flow .product-overview__grid{grid-template-columns:minmax(0,.9fr) minmax(0,1.1fr)}
.product-page--document-flow .product-overview figure{order:2}
.product-page--document-flow .product-overview figure img{border-radius:22px}
.product-benefits{background:var(--nemely-surface-page)}
.product-benefits__grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:48px;margin-top:45px}
.product-benefits__grid article{border-top:2px solid var(--nemely-color-orange);padding-top:24px}
.product-number{display:block;color:var(--nemely-color-orange-ink);font-size:12px;letter-spacing:.12em;margin-bottom:20px}
.product-benefits__grid p{font-size:16px}
.product-feature__grid{display:grid;grid-template-columns:minmax(0,.95fr) minmax(0,1.05fr);gap:9%;align-items:center}
.product-feature__grid>*{min-width:0}
.product-feature--story .product-feature__media{grid-column:1;grid-row:1}
.product-feature--story .product-feature__copy{grid-column:2;grid-row:1}
.product-feature__media img{display:block;width:100%;height:auto;border-radius:22px 22px 90px 22px}
/* Photo-led stories keep the approved framing, with the accent chosen by family. */
:is(.product-page--access-management,.product-page--document-flow,.product-page--asset-lifecycle,.product-page--mobile-workspace) .product-feature--story .product-feature__media{position:relative;isolation:isolate;padding:24px 24px 0 0}
:is(.product-page--access-management,.product-page--document-flow,.product-page--asset-lifecycle,.product-page--mobile-workspace) .product-feature--story .product-feature__media::before{content:'';position:absolute;z-index:-1;inset:0 0 24px 25%;background:var(--product-story-backing,var(--nemely-color-orange));pointer-events:none}
:is(.product-page--access-management,.product-page--document-flow,.product-page--asset-lifecycle,.product-page--mobile-workspace) .product-feature--story .product-feature__media img{box-shadow:var(--nemely-shadow-photo)}
:is(.product-page--access-management,.product-page--document-flow){--product-story-backing:var(--nemely-color-navy)}
.product-page--asset-lifecycle .product-feature--story .product-feature__media{padding:0 24px 24px 0}
.product-page--asset-lifecycle .product-feature--story .product-feature__media::before{inset:24px 0 0 25%}
.product-page--document-flow .product-feature--story .product-feature__media{padding:0 0 24px 24px}
.product-page--document-flow .product-feature--story .product-feature__media::before{inset:24px 25% 0 0}
.product-feature--diagram{background:var(--nemely-color-orange-soft)}
.product-diagram{padding:35px;background:var(--nemely-surface-section);border-radius:22px;box-shadow:var(--nemely-shadow-photo)}
.product-diagram figcaption{font-style:normal;font-size:11px;text-transform:uppercase;letter-spacing:.12em;color:var(--nemely-color-muted-ink);margin-bottom:22px}
.product-diagram__root{display:flex;align-items:center;gap:16px;padding-bottom:24px;border-bottom:2px solid var(--nemely-color-orange);font-size:23px;line-height:1.3}
.product-diagram__root svg{width:30px;height:30px;flex:none;color:var(--nemely-color-orange-ink)}
.product-diagram__branches{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:25px;padding-top:28px}
.product-diagram__group h3{font-size:19px}
.product-diagram__group ul{list-style:none;padding:0;margin:0}
.product-diagram__group li{display:flex;gap:10px;align-items:start;font-size:14px;padding:10px 0;border-bottom:1px solid var(--nemely-color-navy-line)}
.product-diagram__group li svg{width:15px;height:15px;flex:none;margin-top:5px;color:var(--nemely-color-orange-ink)}
.product-page .product-diagram__note{font-size:11px;margin-top:26px;line-height:1.7}
.product-page--document-flow .product-feature--diagram{background:var(--nemely-color-navy-dark);color:var(--nemely-color-white)}
.product-page--document-flow .product-feature--diagram .product-feature__copy p{color:var(--nemely-color-on-dark-muted)}
.product-page--document-flow .product-feature--diagram .product-feature__copy .product-eyebrow{color:var(--nemely-color-orange)}
.product-page--document-flow .product-diagram{color:var(--nemely-color-navy);border-radius:22px 22px 65px 22px}
.product-page--document-flow .product-diagram__branches{grid-template-columns:1fr;gap:20px;margin-left:15px;padding-left:25px;border-left:1px solid var(--nemely-color-orange)}
.product-page--document-flow .product-diagram__group{position:relative}
.product-page--document-flow .product-diagram__group::before{content:'';position:absolute;width:25px;height:1px;background:var(--nemely-color-orange);left:-25px;top:12px}
.product-page--document-flow .product-diagram__group h3{margin-bottom:3px}
.product-feature--process .product-feature__grid{display:block}
.product-feature--process .product-feature__copy{display:grid;grid-template-columns:1fr 1fr;gap:0 10%;margin-bottom:45px}
.product-feature--process .product-feature__copy .product-eyebrow{grid-column:1;grid-row:1}
.product-feature--process h2{grid-column:1;grid-row:2/5}
.product-feature--process .product-feature__copy>p:not(.product-eyebrow){grid-column:2}
.product-process{padding:0;margin:0;list-style:none;display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:45px}
.product-process li{padding-top:28px;border-top:1px solid var(--nemely-color-navy-line)}
.product-process li>span{display:block;font-size:40px;line-height:1;color:var(--nemely-color-orange-ink);letter-spacing:-.04em;margin-bottom:22px}
.product-process p{font-size:16px}
.product-questions{background:var(--nemely-surface-page)}

@media(max-width:1100px){.product-page h1{font-size:clamp(52px,6vw,76px)}.product-benefits__grid,.product-process{gap:25px}.product-diagram{padding:25px}.product-diagram__branches{gap:15px}}
@media(max-width:900px){
 .product-hero{padding:52px 0}.product-page h1{font-size:clamp(44px,8.5vw,72px);max-width:16ch}.product-page h2{font-size:clamp(36px,6.7vw,52px)}
 .product-hero__inner,.product-overview__grid,.product-page--document-flow .product-overview__grid,.product-feature__grid{grid-template-columns:1fr;gap:34px}
 :is(.product-page--document-flow,.product-page--business-starter) .product-hero__copy,.product-feature--process .product-feature__copy{display:block}
 :is(.product-page--document-flow,.product-page--business-starter) .product-intro{margin-top:28px}
 :is(.product-page--document-flow,.product-page--business-starter) .product-hero__visual{border-radius:18px 18px 65px 18px}
 :is(.product-page--document-flow,.product-page--business-starter) .product-hero__visual img{aspect-ratio:3/2}
 .product-page--access-management .product-hero__visual{padding-top:25px}
 .product-overview,.product-benefits,.product-feature,.product-questions{padding:55px 0}
 .product-page--document-flow .product-overview figure{order:0}
 .product-benefits__grid,.product-process{grid-template-columns:1fr;gap:26px;margin-top:30px}
 .product-benefits__grid article{padding-top:20px}.product-number{margin-bottom:12px}
 .product-feature--story :is(.product-feature__media,.product-feature__copy){grid-column:auto;grid-row:auto}
 .product-feature--story .product-feature__media{order:-1}
 .product-process li{display:grid;grid-template-columns:45px minmax(0,1fr);gap:24px;padding-top:20px}
 .product-process li>span{font-size:32px;margin:0}.product-process h3{font-size:23px}
 .product-diagram{padding:24px;border-radius:18px}.product-diagram__branches{grid-template-columns:1fr;gap:24px}
 .product-diagram__root{font-size:22px}.product-diagram__group li{font-size:15px}

}
@media(prefers-reduced-motion:reduce){.product-page *{scroll-behavior:auto!important;transition:none!important}}

/* Partner products share the same components with editorial workspace variants. */
.product-overview figcaption,.product-interface figcaption{font-size:12px;font-style:normal;line-height:1.7;color:var(--nemely-color-muted-ink);margin-top:18px}
.product-overview figcaption a,.product-interface figcaption a{display:inline-flex;align-items:center;gap:8px;margin-left:5px}
.product-overview figcaption svg,.product-interface figcaption svg{width:14px;height:14px;flex:none}
/* An authored workflow adds the approved photo backing and an overlapping caption. */
.product-overview .product-overview__photo{position:relative;isolation:isolate;min-width:0;padding:26px 24px 0 0}
.product-overview__photo::before{content:'';position:absolute;z-index:-1;inset:0 0 28px 24%;background:var(--nemely-color-orange);pointer-events:none}
.product-overview__photo-frame{border:1px solid var(--nemely-color-stone);border-radius:22px 70px 22px 22px;overflow:hidden;box-shadow:var(--nemely-shadow-photo)}
.product-overview .product-overview__photo-frame img{border-radius:0}
.product-overview .product-overview__workflow{position:relative;z-index:1;width:92%;margin:-34px -12px 0 auto;padding:24px;border:1px solid var(--nemely-color-stone);border-radius:22px;background:var(--nemely-surface-section);box-shadow:var(--nemely-shadow-photo);color:var(--nemely-color-navy);line-height:1.4}
.product-overview__workflow-head{display:flex;align-items:center;justify-content:space-between;gap:16px}
.product-overview__workflow-label{display:block;margin-bottom:7px;font-size:10px;font-weight:750;letter-spacing:.12em;text-transform:uppercase;color:var(--nemely-color-muted-ink)}
.product-overview__workflow-head strong{display:block;font-size:20px;line-height:1.25;letter-spacing:-.025em;font-weight:700}
.product-overview__workflow-icon{display:grid;place-items:center;flex:none;width:42px;height:42px;border-radius:50%;background:var(--nemely-color-orange);color:var(--nemely-color-navy)}
.product-overview .product-overview__workflow-icon svg{width:22px;height:22px}
.product-overview__workflow ol{display:grid;grid-auto-flow:column;grid-auto-columns:minmax(0,1fr);list-style:none;padding:0;margin:22px 0 0;gap:8px}
.product-overview__workflow li{position:relative;display:flex;flex-direction:column;align-items:flex-start;gap:10px;min-width:0;font-size:12px;font-weight:650}
.product-overview__workflow li>span:last-child{max-width:100%;overflow-wrap:anywhere}
.product-overview__workflow li:not(:last-child)::after{content:'';position:absolute;left:38px;right:0;top:15px;border-top:1px solid var(--nemely-color-stone)}
.product-overview__workflow-number{display:grid;place-items:center;width:30px;height:30px;flex:none;border-radius:50%;font-size:10px;font-weight:700;background:var(--nemely-color-navy);color:var(--nemely-color-white)}
@media(max-width:900px){.product-overview .product-overview__photo{width:100%;max-width:640px;margin-inline:auto}}
@media(max-width:639px){
 .product-overview .product-overview__photo{padding:20px 18px 0 0}
 .product-overview .product-overview__workflow{width:94%;margin:-22px -8px 0 auto;padding:18px;border-radius:18px}
 .product-overview__workflow-head{gap:10px}.product-overview__workflow-head strong{font-size:18px}
 .product-overview__workflow-icon{width:36px;height:36px}.product-overview__workflow ol{gap:6px;margin-top:18px}
 .product-overview__workflow li{font-size:11px}
}
@media(max-width:360px){
 .product-overview__workflow ol{grid-auto-flow:row;grid-template-columns:repeat(2,minmax(0,1fr));gap:16px}
 .product-overview__workflow li:nth-child(2n)::after{display:none}
}
.product-interface img{display:block;width:100%;height:auto;border:1px solid var(--nemely-color-navy-line);border-radius:12px;background:var(--nemely-color-white)}
.product-interface>a{display:block}
.product-feature--interface .product-feature__grid{display:block}
.product-feature--interface .product-feature__copy{display:grid;grid-template-columns:1fr 1fr;gap:0 9%;margin-bottom:40px}
.product-feature--interface .product-eyebrow{grid-column:1;grid-row:1}
.product-feature--interface h2{grid-column:1;grid-row:2/5}
.product-feature--interface .product-feature__copy>p:not(.product-eyebrow){grid-column:2}
.product-page--sales-workspace .product-hero__visual{width:100%;max-width:760px;justify-self:end}
.product-page--sales-workspace .product-hero__visual>a{display:block}
.product-page--sales-workspace .product-hero__visual figcaption{max-width:none;text-align:left}
:is(.product-page--sales-workspace,.product-page--connected-workspace) .product-feature--interface{background:var(--nemely-color-navy-dark);color:var(--nemely-color-white)}
:is(.product-page--sales-workspace,.product-page--connected-workspace) .product-feature--interface :is(.product-feature__copy p,.product-interface figcaption){color:var(--nemely-color-on-dark-muted)}
:is(.product-page--sales-workspace,.product-page--connected-workspace) .product-feature--interface .product-eyebrow{color:var(--nemely-color-orange);justify-content:start}
.product-page--sales-workspace .product-feature--diagram{background:var(--nemely-surface-section)}
.product-page--sales-workspace .product-diagram{background:var(--nemely-color-orange-soft);box-shadow:none;border-radius:22px 70px 22px 22px}
.product-page--sales-workspace .product-diagram__branches{grid-template-columns:1fr;gap:20px}
.product-page--sales-workspace .product-diagram__group ul{display:flex;gap:22px;flex-wrap:wrap}
:is(.product-page--sales-workspace,.product-page--connected-workspace) .product-feature--process{background:var(--nemely-surface-page)}
.product-page--campaign-workspace .product-hero{background:var(--nemely-color-orange-soft)}
.product-page--campaign-workspace .product-hero__inner{grid-template-columns:minmax(0,1.1fr) minmax(0,1fr);gap:7%}
.product-page--campaign-workspace .product-hero__visual{border-radius:90px 22px 22px 22px;overflow:hidden;border-bottom:7px solid var(--nemely-color-orange);box-shadow:var(--nemely-shadow-photo)}
.product-page--campaign-workspace .product-hero__visual img{height:590px;object-fit:cover;object-position:center}
.product-page--campaign-workspace .product-overview figure{order:2}
.product-page--campaign-workspace .product-overview img{border-radius:0;object-fit:contain}
.product-page--campaign-workspace .product-feature--interface{background:var(--nemely-color-orange-soft);padding:clamp(32px,3.5vw,48px) 0}
.product-page--campaign-workspace .product-feature--interface .product-feature__grid{display:grid;grid-template-columns:minmax(0,.82fr) minmax(0,1.18fr);gap:clamp(32px,4.5vw,64px);align-items:center}
.product-page--campaign-workspace .product-feature--interface .product-feature__copy{display:block;margin-bottom:0}
.product-page--campaign-workspace .product-feature--interface h2{font-size:clamp(36px,3.6vw,48px)}
.product-page--campaign-workspace .product-interface{width:100%;margin-inline:auto}
.product-page--campaign-workspace .product-interface>a{position:relative;isolation:isolate;padding:20px 22px 20px 14px}
.product-page--campaign-workspace .product-interface>a::before,.product-page--campaign-workspace .product-interface>a::after{content:'';position:absolute;z-index:-1;pointer-events:none}
.product-page--campaign-workspace .product-interface>a::before{inset:0 0 34% 28%;border-radius:0 46px 0 0;background:var(--nemely-color-orange)}
.product-page--campaign-workspace .product-interface>a::after{inset:42% 22% 0 0;border-radius:0 0 0 26px;background:var(--nemely-color-navy)}
.product-page--campaign-workspace .product-interface img{box-shadow:var(--nemely-shadow-photo)}
.product-page--campaign-workspace .product-feature--diagram{background:var(--nemely-color-navy-dark);color:var(--nemely-color-white)}
.product-page--campaign-workspace .product-feature--diagram .product-feature__copy p{color:var(--nemely-color-on-dark-muted)}
.product-page--campaign-workspace .product-feature--diagram .product-feature__copy .product-eyebrow{color:var(--nemely-color-orange)}
.product-page--campaign-workspace .product-diagram{color:var(--nemely-color-navy);box-shadow:none}
@media(min-width:901px) and (max-height:820px){
 .product-page--campaign-workspace .product-feature--interface{padding-block:32px}
 .product-page--campaign-workspace .product-interface{max-width:580px}
}
@media(max-width:900px){
 .product-page--campaign-workspace .product-hero__inner{grid-template-columns:1fr;gap:35px}
 .product-page--campaign-workspace .product-hero__visual{border-radius:55px 18px 18px 18px}
 .product-page--campaign-workspace .product-hero__visual img{height:auto;aspect-ratio:3/2}
 .product-page--campaign-workspace .product-overview figure{order:0}
 .product-page--campaign-workspace .product-feature--interface .product-feature__grid{grid-template-columns:1fr;gap:28px}
 .product-page--campaign-workspace .product-interface{max-width:640px}
 .product-feature--interface .product-feature__copy{display:block;margin-bottom:30px}
 .product-page--sales-workspace .product-diagram__group ul{display:block}
}
@media(max-width:639px){
 .product-page--campaign-workspace .product-interface>a{padding:14px 14px 14px 10px}
 .product-page--campaign-workspace .product-interface>a::before{border-top-right-radius:30px}
 .product-page--campaign-workspace .product-interface>a::after{border-bottom-left-radius:20px}
}

/* Lifecycle products connect an asset story with editable capability detail. */
.product-lifecycle{margin-top:60px;padding:26px 30px 30px;border-radius:20px;background:var(--nemely-color-navy-dark);color:var(--nemely-color-white)}
.product-page .product-lifecycle__label{font-size:11px;line-height:1.5;letter-spacing:.12em;text-transform:uppercase;color:var(--nemely-color-on-dark-muted);margin-bottom:22px}
.product-lifecycle ol{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));padding:0;margin:0;list-style:none;gap:26px}
.product-lifecycle ol:has(>li:last-child:nth-child(3)){grid-template-columns:repeat(3,minmax(0,1fr))}
.product-lifecycle li{display:grid;grid-template-columns:auto minmax(0,1fr);gap:14px;border-top:1px solid var(--nemely-color-white-line);padding-top:20px}
.product-lifecycle__number{font-size:12px;line-height:1.5;font-weight:650;color:var(--nemely-color-orange);padding-top:3px}
.product-page .product-lifecycle h2{font-size:19px;line-height:1.25;letter-spacing:-.02em;margin-bottom:9px;max-width:none}
.product-page .product-lifecycle li p{font-size:13px;line-height:1.6;color:var(--nemely-color-on-dark-muted)}
.product-feature--capabilities .product-feature__grid{display:block}
.product-feature--capabilities .product-feature__copy{display:grid;grid-template-columns:1fr 1fr;gap:0 10%;margin-bottom:44px}
.product-feature--capabilities .product-eyebrow{grid-column:1;grid-row:1}
.product-feature--capabilities h2{grid-column:1;grid-row:2/5}
.product-feature--capabilities .product-feature__copy>p:not(.product-eyebrow){grid-column:2}
.product-feature--capabilities .product-interface{margin-bottom:44px}
.product-capabilities{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));column-gap:55px;align-items:start}
.product-capabilities details{border-top:1px solid var(--nemely-color-navy-line);padding:26px 0}
.product-capabilities summary{display:grid;grid-template-columns:25px minmax(0,1fr) 22px;gap:18px;align-items:start;cursor:pointer;list-style:none}
.product-capabilities summary::-webkit-details-marker{display:none}
.product-capabilities__number{font-size:12px;line-height:1.5;padding-top:4px;letter-spacing:.06em;color:var(--nemely-color-orange-ink)}
.product-capabilities__intro{display:block;min-width:0}
.product-capabilities__intro strong{display:block;font-size:25px;font-weight:var(--nemely-heading-weight);line-height:1.2;letter-spacing:-.03em;text-wrap:balance}
.product-capabilities__intro>span{display:block;font-size:15px;line-height:1.65;color:var(--nemely-color-muted-ink);margin-top:12px}
.product-capabilities__toggle{display:block;font-size:24px;line-height:1;text-align:center;color:var(--nemely-color-orange-ink);transition:transform .2s ease}
.product-capabilities details[open] .product-capabilities__toggle{transform:rotate(45deg)}
.product-capabilities ul{padding:0 22px 0 61px;margin:22px 0 0;font-size:15px;line-height:1.7;color:var(--nemely-color-muted-ink)}
.product-capabilities li{padding-left:3px;margin-top:10px}
.product-capabilities li::marker{color:var(--nemely-color-orange-ink)}
.product-overview--diagram .product-overview__copy{grid-column:2;grid-row:1}
.product-overview--diagram .product-diagram{grid-column:1;grid-row:1}
.product-overview--diagram .product-diagram{box-shadow:none;border:1px solid var(--nemely-color-stone);background:var(--nemely-surface-page);padding:34px}
.product-overview--diagram .product-diagram figcaption{margin:0 0 22px;font-size:11px}
.product-overview--diagram .product-diagram__branches{grid-template-columns:1fr;gap:22px;border-left:1px solid var(--nemely-color-orange);margin-left:15px;padding-left:25px}
.product-overview--diagram .product-diagram__group{position:relative}
.product-overview--diagram .product-diagram__group::before{content:'';position:absolute;left:-25px;top:11px;width:25px;height:1px;background:var(--nemely-color-orange)}
.product-overview--diagram .product-diagram__group h3{margin-bottom:7px}
.product-overview--diagram .product-diagram__group ul{display:flex;flex-wrap:wrap;gap:5px 15px}
.product-overview--diagram .product-diagram__group li{padding:2px 0;border:0;font-size:13px}
.product-overview--diagram .product-diagram__group li svg{display:none}
.product-overview--diagram .product-diagram__note{padding-top:20px;border-top:1px solid var(--nemely-color-stone)}
.product-page--asset-lifecycle .product-hero{padding:65px 0 55px;background:var(--nemely-surface-page)}
.product-page--asset-lifecycle .product-hero__inner{grid-template-columns:minmax(0,1.15fr) minmax(0,1fr);gap:7%}
.product-page--asset-lifecycle .product-hero h1{max-width:13ch}
.product-page--asset-lifecycle .product-hero__visual{border-radius:22px 100px 22px 22px;overflow:hidden;border-bottom:7px solid var(--nemely-color-orange);box-shadow:var(--nemely-shadow-photo)}
.product-page--asset-lifecycle .product-hero__visual img{height:540px;object-fit:cover;object-position:center 70%}
.product-page--asset-lifecycle .product-hero__visual figcaption{padding:0 22px 20px}
.product-page--asset-lifecycle .product-feature--capabilities{background:var(--nemely-surface-section)}
.product-page--asset-lifecycle .product-feature--process{background:var(--nemely-color-orange-soft)}
:is(.product-page--asset-lifecycle,.product-page--business-starter) .product-feature--diagram{background:var(--nemely-color-navy-dark);color:var(--nemely-color-white)}
:is(.product-page--asset-lifecycle,.product-page--business-starter) .product-feature--diagram .product-feature__copy p{color:var(--nemely-color-on-dark-muted)}
:is(.product-page--asset-lifecycle,.product-page--business-starter) .product-feature--diagram .product-feature__copy .product-eyebrow{color:var(--nemely-color-orange)}
:is(.product-page--asset-lifecycle,.product-page--business-starter) .product-feature--diagram .product-diagram{color:var(--nemely-color-navy);box-shadow:none;border-radius:22px 22px 65px 22px}
:is(.product-page--asset-lifecycle,.product-page--business-starter) .product-feature--diagram .product-diagram__branches{grid-template-columns:1fr;gap:22px}
:is(.product-page--asset-lifecycle,.product-page--business-starter) .product-feature--diagram .product-diagram__group h3{margin-bottom:7px}
:is(.product-page--asset-lifecycle,.product-page--business-starter) .product-feature--diagram .product-diagram__group ul{display:flex;gap:6px 20px;flex-wrap:wrap}
:is(.product-page--asset-lifecycle,.product-page--business-starter) .product-feature--diagram .product-diagram__group li{border:0;padding:2px 0}
@media(max-width:900px){
 .product-page--asset-lifecycle .product-hero{padding:45px 0}
 .product-page--asset-lifecycle .product-hero__inner{grid-template-columns:1fr;gap:35px}
 .product-page--asset-lifecycle .product-hero h1{max-width:15ch}
 .product-page--asset-lifecycle .product-hero__visual{border-radius:18px 65px 18px 18px}
 .product-page--asset-lifecycle .product-hero__visual img{height:auto;aspect-ratio:3/2}
 .product-lifecycle{margin-top:40px;padding:25px}
 .product-lifecycle ol,.product-lifecycle ol:has(>li:last-child:nth-child(3)){grid-template-columns:repeat(2,minmax(0,1fr));gap:24px}
 .product-feature--capabilities .product-feature__copy{display:block;margin-bottom:32px}
 .product-feature--capabilities .product-interface{margin-bottom:32px}
 .product-overview--diagram :is(.product-overview__copy,.product-diagram){grid-column:auto;grid-row:auto}
 .product-capabilities{column-gap:28px}
 .product-capabilities summary{gap:12px}
 .product-capabilities__intro strong{font-size:22px}
 .product-capabilities ul{padding-left:55px}
}
@media(max-width:600px){
 .product-lifecycle ol,.product-lifecycle ol:has(>li:last-child:nth-child(3)){grid-template-columns:1fr;gap:20px}
 .product-lifecycle li{padding-top:18px}
 .product-page .product-lifecycle li p{max-width:40ch}
 .product-capabilities{grid-template-columns:1fr}
 .product-capabilities details{padding:23px 0}
 .product-overview--diagram .product-diagram{padding:24px}
 .product-overview--diagram .product-diagram__branches{margin-left:10px;padding-left:20px}
 .product-overview--diagram .product-diagram__group::before{left:-20px;width:20px}
}

/* Mobile CRM and CRM starter products reuse the shared product compositions. */
.product-page--mobile-workspace .product-hero{padding:65px 0}
.product-page--mobile-workspace .product-hero__inner{grid-template-columns:minmax(0,1.1fr) minmax(0,1fr);gap:8%}
.product-page--mobile-workspace .product-hero h1{max-width:13ch}
.product-page--mobile-workspace .product-hero__visual{max-width:490px;justify-self:end;border:1px solid var(--nemely-color-white-line);border-bottom:6px solid var(--nemely-color-orange);border-radius:100px 24px 24px 24px;overflow:hidden}
.product-page--mobile-workspace .product-hero__visual img{height:590px;object-fit:cover;object-position:center 70%}
.product-page--mobile-workspace .product-feature--process{background:var(--nemely-color-orange-soft)}
.product-page--mobile-workspace .product-feature--diagram .product-diagram__branches{grid-template-columns:1fr;gap:22px}
.product-page--mobile-workspace .product-feature--diagram .product-diagram__group ul{display:flex;flex-wrap:wrap;gap:8px 22px}
.product-page--mobile-workspace .product-feature--diagram .product-diagram__group li{border:0;padding:0}
.product-page--business-starter .product-hero{background:var(--nemely-surface-page);padding-top:65px}
.product-page--business-starter .product-hero h1{max-width:17ch;font-size:clamp(48px,5.3vw,78px)}
.product-page--business-starter .product-hero__visual img{aspect-ratio:2.1;object-position:center 65%}
.product-page--business-starter .product-feature--process{background:var(--nemely-color-orange-soft)}
.product-page--business-starter .product-feature--capabilities .product-capabilities{column-gap:65px}
@media(max-width:900px){
 .product-page--mobile-workspace .product-hero{padding:45px 0}
 .product-page--mobile-workspace .product-hero__inner{grid-template-columns:1fr;gap:35px}
 .product-page--mobile-workspace .product-hero h1{max-width:16ch}
 .product-page--mobile-workspace .product-hero__visual{max-width:none;width:100%;border-radius:60px 18px 18px 18px}
 .product-page--mobile-workspace .product-hero__visual img{height:auto;aspect-ratio:4/3;object-position:center 73%}
 .product-page--business-starter .product-hero{padding-top:45px}
 .product-page--business-starter .product-hero h1{font-size:clamp(42px,8.4vw,66px);max-width:18ch}
 .product-page--business-starter .product-hero__visual img{aspect-ratio:3/2;object-position:center 76%}
 .product-page--business-starter .product-feature--capabilities .product-capabilities{column-gap:28px}
}

/* Connected business applications use the family's copy-left, visual-right rhythm. */
/* Workspace heroes share a copy-first split; product imagery is never cropped. */
:is(.product-page--connected-workspace,.product-page--sales-workspace) .product-hero{padding-block:65px}
:is(.product-page--connected-workspace,.product-page--sales-workspace) .product-hero__inner,
.product-page--connected-workspace .product-overview__grid,
.product-page--connected-workspace :is(.product-feature--interface,.product-feature--illustrated) .product-feature__grid{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1.1fr);gap:clamp(36px,5vw,72px);align-items:center}
:is(.product-page--connected-workspace,.product-page--sales-workspace) .product-hero h1{font-size:clamp(44px,4.8vw,72px);max-width:17ch}
.product-page--connected-workspace .product-hero__visual img{border:1px solid var(--nemely-color-navy-line);border-radius:16px;box-shadow:var(--nemely-shadow-photo)}
.product-page--connected-workspace .product-overview__copy{grid-column:1;grid-row:1}
.product-page--connected-workspace .product-overview__grid>figure{grid-column:2;grid-row:1}
.product-page--connected-workspace :is(.product-feature--interface,.product-feature--illustrated) .product-feature__copy{display:block;margin:0}
.product-page--connected-workspace .product-feature--illustrated .product-capabilities{grid-column:1/-1}
.product-page--connected-workspace .product-feature--illustrated .product-interface{margin:0}
.product-page--connected-workspace .product-interface img{box-shadow:var(--nemely-shadow-photo)}
@media(max-width:900px){
 :is(.product-page--connected-workspace,.product-page--sales-workspace) .product-hero{padding-block:45px}
 :is(.product-page--connected-workspace,.product-page--sales-workspace) .product-hero__inner,
 .product-page--connected-workspace .product-overview__grid,
 .product-page--connected-workspace :is(.product-feature--interface,.product-feature--illustrated) .product-feature__grid{grid-template-columns:1fr;gap:34px}
 :is(.product-page--connected-workspace,.product-page--sales-workspace) .product-hero h1{font-size:clamp(44px,8.5vw,72px)}
 .product-page--sales-workspace .product-hero__visual{justify-self:start}
 .product-page--connected-workspace :is(.product-overview__copy,.product-overview__grid>figure){grid-column:auto;grid-row:auto}
}