/* All replica styles remain inside the landing demo boundary. */
.lp-demo{--ld-bg:#FAF7F1;--ld-panel:#fff;--ld-ink:#0F172A;--ld-muted:#526176;--ld-line:#E4DED2;--ld-soft:#F4F1E9;--ld-ok:#DCF0EA;--ld-green:#0B5D4E;--ld-warn:#FCEDD1;--ld-warnink:#8A5A06;--ld-bad:#F7DFE1;position:relative;isolation:isolate;aspect-ratio:16/9;overflow:hidden;border-radius:18px;background:var(--ld-bg);color:var(--ld-ink);font:clamp(11px,1.05vw,14px)/1.45 Inter,-apple-system,BlinkMacSystemFont,'Segoe UI',sans-serif;box-shadow:0 18px 55px #0b5d4e14;border:1px solid var(--ld-line);container-type:inline-size}
.lp-demo[data-demo=trusted-link]{aspect-ratio:4/3}.lp-demo[data-demo=talent],.lp-demo[data-demo=workforce]{aspect-ratio:16/10}
.lp-demo *{box-sizing:border-box}.lp-demo .ld-inner{position:absolute;inset:0;padding:14px}.lp-demo .ld-window{height:100%;position:relative;overflow:hidden;border:1px solid var(--ld-line);border-radius:12px;background:var(--ld-panel);box-shadow:0 4px 16px #0f172a08}.lp-demo header{height:35px;background:var(--ld-soft);display:flex;align-items:center;justify-content:space-between;gap:12px;padding:0 12px;border-bottom:1px solid var(--ld-line);font-size:11px}.lp-demo .ld-dots{letter-spacing:2px;color:#a5b3b0;font-size:8px}.lp-demo .ld-windowmark{color:var(--ld-green)}.lp-demo .ld-shell{display:flex;height:calc(100% - 35px)}.lp-demo main{padding:18px;flex:1;min-width:0;position:relative;overflow:hidden}.lp-demo h3{font-family:Poppins,Inter,sans-serif;font-size:1.15em;line-height:1.3;margin:0 0 12px;font-weight:600}.lp-demo small{font-size:11px;color:var(--ld-muted);display:block}.lp-demo p{margin:8px 0}.lp-demo aside{width:55px;flex-shrink:0;background:#0B5D4E;color:#b8d6ce;display:flex;align-items:center;flex-direction:column;gap:18px;padding:18px 7px;font-size:17px}.lp-demo aside b{color:#fff;font-size:23px}.lp-demo aside b span{display:none}.lp-demo aside i{flex:1}.lp-demo .ld-navactive{background:#ffffff24;color:#F5B52E;border-radius:8px;padding:3px 10px}.lp-demo .ld-row{display:flex;align-items:center;gap:9px;padding:12px 0;border-bottom:1px solid var(--ld-line);min-height:53px;transition:background-color .2s ease,color .2s ease}.lp-demo .ld-rowtext{flex:1;min-width:0}.lp-demo .ld-row b{font-size:1em;display:block}.lp-demo .ld-pill{display:inline-flex;align-items:center;white-space:nowrap;background:var(--ld-soft);color:var(--ld-muted);border-radius:20px;padding:4px 9px;font-size:11px;font-weight:600}.lp-demo .ld-ok{background:var(--ld-ok);color:var(--ld-green)}.lp-demo .ld-warn{background:var(--ld-warn);color:var(--ld-warnink)}.lp-demo .ld-bad{background:var(--ld-bad);color:var(--ld-badink,#9B1C2B)}.lp-demo .ld-control{display:inline-flex;align-items:center;justify-content:center;min-height:32px;border:1px solid var(--ld-line);border-radius:8px;padding:5px 10px;font-size:11px;font-weight:600;background:var(--ld-panel);white-space:nowrap}.lp-demo .ld-primary,.lp-demo .ld-selected{background:#0B5D4E;color:white;border-color:#0B5D4E}.lp-demo .ld-section{display:flex;justify-content:space-between;align-items:center;margin:12px 0;gap:8px}.lp-demo .ld-cover{background:linear-gradient(120deg,#0B5D4E,#1FA89A);color:#e2f4ef;display:flex;justify-content:space-between;align-items:center;padding:16px;border-radius:8px;font:10px 'IBM Plex Mono',monospace;letter-spacing:.12em}.lp-demo .ld-person{display:flex;align-items:center;gap:12px;margin:13px 0}.lp-demo .ld-person h3{margin:0 0 3px}.lp-demo .ld-avatar{border-radius:50%;height:36px;width:36px;flex-shrink:0;background:var(--ld-ok);color:var(--ld-green);display:grid;place-items:center;font-weight:600;font-size:12px}.lp-demo .ld-counts{display:flex;gap:24px;color:var(--ld-muted);border-bottom:1px solid var(--ld-line);padding-bottom:12px;font-size:11px}.lp-demo .ld-counts b{font-size:18px;color:var(--ld-ink);margin-right:3px}.lp-demo .ld-info{background:var(--ld-soft);border:1px solid var(--ld-line);padding:14px;border-radius:10px;margin-top:16px;font-size:12px}.lp-demo .ld-segments,.lp-demo .ld-chips{display:flex;gap:6px;flex-wrap:wrap;margin-bottom:14px}.lp-demo .ld-segments .ld-control{flex:1;white-space:normal;text-align:center}.lp-demo .ld-link{font-family:monospace;color:var(--ld-green)}.lp-demo .ld-progress{background:var(--ld-soft);height:7px;border-radius:9px;overflow:hidden;margin:9px 0 15px}.lp-demo .ld-progress i{display:block;height:100%;background:#1FA89A;transition:width .2s ease}.lp-demo .ld-overlay{position:absolute;inset:35px 0 0;background:#0f172a30;display:grid;place-items:center;animation:ld-enter .2s ease}.lp-demo .ld-dialog{width:80%;max-width:360px;padding:20px;background:var(--ld-panel);border:1px solid var(--ld-line);border-radius:13px;box-shadow:0 12px 40px #0002;display:flex;flex-direction:column;gap:8px}.lp-demo .ld-dialog h3{margin:0 0 5px}.lp-demo label{font-size:11px;color:var(--ld-muted)}.lp-demo .ld-field,.lp-demo .ld-textarea{background:var(--ld-soft);border:1px solid var(--ld-line);border-radius:8px;padding:10px;font-size:12px}.lp-demo .ld-textarea{min-height:95px}.lp-demo .ld-search{margin-bottom:12px;color:var(--ld-muted)}.lp-demo .ld-sidepanel{justify-items:end;background:#0f172a20}.lp-demo .ld-sidepanel .ld-dialog{height:100%;width:72%;max-width:360px;border-radius:12px 0 0 12px;padding-top:24px;animation:ld-slide .2s ease}.lp-demo .ld-dialog .ld-control{align-self:flex-start;margin-top:5px}.lp-demo .ld-toast{position:absolute;bottom:10px;left:16px;right:16px;background:#0B5D4E;color:white;padding:10px 13px;border-radius:8px;font-size:11px;box-shadow:0 5px 15px #0002;animation:ld-enter .2s ease}.lp-demo .ld-tiles{display:flex;gap:9px;margin-bottom:14px}.lp-demo .ld-tiles>div{flex:1;background:var(--ld-soft);border:1px solid var(--ld-line);border-radius:10px;padding:12px}.lp-demo .ld-tiles strong{display:block;font-size:26px;color:var(--ld-green)}.lp-demo .ld-menu{position:absolute;right:18px;top:155px;display:flex;flex-direction:column;gap:3px;background:var(--ld-panel);padding:7px;border:1px solid var(--ld-line);border-radius:10px;box-shadow:0 6px 20px #0002}.lp-demo .ld-feed{max-height:280px;transition:max-height .2s ease}.lp-demo .ld-filtered{max-height:75px}.lp-demo .ld-footnote{margin-top:15px}.lp-demo .ld-compliance{display:flex;gap:14px;align-items:center;margin-bottom:13px}.lp-demo .ld-compliance h3{margin-bottom:3px}.lp-demo .ld-ring{width:66px;height:66px;border-radius:50%;background:conic-gradient(#1FA89A 86%,var(--ld-soft) 0);display:grid;place-items:center;position:relative}.lp-demo .ld-ring:before{content:'';position:absolute;inset:7px;border-radius:50%;background:var(--ld-panel)}.lp-demo .ld-ring b{position:relative;font-size:17px}.lp-demo .ld-tablehead{display:flex;justify-content:space-between;background:var(--ld-soft);padding:7px 8px;font-size:10px;color:var(--ld-muted)}.lp-demo .ld-success{font-size:35px;color:var(--ld-green);margin-top:30px}.lp-demo .ld-cursor{position:absolute;width:24px;height:29px;left:70%;top:78%;z-index:8;pointer-events:none;transition:left .65s ease,top .65s ease;filter:drop-shadow(0 2px 2px #0004)}.lp-demo .ld-ripple{position:absolute;z-index:7;pointer-events:none;width:30px;height:30px;border:2px solid #1FA89A;border-radius:50%;opacity:0;transform:translate(-50%,-50%)}.lp-demo .ld-click{animation:ld-click .6s .6s ease-out}.lp-demo [hidden]{display:none!important}@keyframes ld-click{0%{opacity:.8;scale:.4}100%{opacity:0;scale:1.5}}@keyframes ld-enter{from{opacity:.72;transform:translateY(2px)}to{opacity:1;transform:translateY(0)}}@keyframes ld-slide{from{transform:translateX(12px);opacity:.72}to{transform:translateX(0);opacity:1}}
@container (max-width:440px){.lp-demo .ld-inner{padding:7px}.lp-demo header{height:26px;padding:0 8px;font-size:10px}.lp-demo .ld-shell{height:calc(100% - 26px)}.lp-demo main{padding:10px}.lp-demo .ld-overlay{top:26px}.lp-demo .ld-row{padding:7px 0;min-height:40px;gap:5px}.lp-demo .ld-control{font-size:11px;padding:3px 6px;min-height:27px}.lp-demo .ld-pill{padding:3px 6px;font-size:11px;white-space:normal;line-height:1.2;max-width:115px}.lp-demo .ld-row small{font-size:11px;line-height:1.25}.lp-demo .ld-row b{font-size:11px;line-height:1.25}.lp-demo .ld-info{padding:9px;margin-top:10px;font-size:11px}.lp-demo .ld-section{margin:7px 0}.lp-demo .ld-chips{gap:4px;margin-bottom:6px}.lp-demo h3{font-size:12px;margin-bottom:8px}.lp-demo aside{width:35px;gap:11px;padding:10px 3px;font-size:14px}.lp-demo .ld-avatar{width:27px;height:27px;font-size:11px}.lp-demo .ld-person{margin:8px 0;gap:8px}.lp-demo .ld-cover{padding:9px;font-size:9px}.lp-demo .ld-counts{padding-bottom:7px;gap:14px}.lp-demo .ld-counts b{font-size:15px}.lp-demo .ld-dialog{padding:12px;gap:5px}.lp-demo .ld-sidepanel .ld-dialog{padding:12px;width:85%}.lp-demo .ld-textarea{min-height:58px;padding:7px;font-size:11px}.lp-demo .ld-field{padding:7px;font-size:11px}.lp-demo .ld-ring{height:45px;width:45px}.lp-demo .ld-ring b{font-size:13px}.lp-demo .ld-compliance{margin-bottom:6px;gap:8px}.lp-demo .ld-tablehead{padding:4px;font-size:10px}.lp-demo .ld-tiles>div{padding:8px}.lp-demo .ld-tiles strong{font-size:20px}.lp-demo .ld-menu{top:113px;right:10px}.lp-demo .ld-progress{margin:6px 0 9px}.lp-demo .ld-toast{font-size:11px;padding:7px}.lp-demo .ld-cursor{width:20px;height:24px}}
@media(prefers-color-scheme:dark){:root:not([data-theme=light]) .lp-demo{--ld-bg:#0B1120;--ld-panel:#141D31;--ld-ink:#ECEFF4;--ld-muted:#A6B2C4;--ld-line:#28334B;--ld-soft:#1A2439;--ld-ok:#123A33;--ld-green:#7FD8C6;--ld-warn:#3B2F13;--ld-warnink:#F5CE7A;--ld-bad:#3B1A20;--ld-badink:#F3AAB3}}
:root[data-theme=dark] .lp-demo{--ld-bg:#0B1120;--ld-panel:#141D31;--ld-ink:#ECEFF4;--ld-muted:#A6B2C4;--ld-line:#28334B;--ld-soft:#1A2439;--ld-ok:#123A33;--ld-green:#7FD8C6;--ld-warn:#3B2F13;--ld-warnink:#F5CE7A;--ld-bad:#3B1A20;--ld-badink:#F3AAB3}
@media(prefers-reduced-motion:reduce){.lp-demo *, .lp-demo *:before{animation:none!important;transition:none!important}.lp-demo .ld-cursor,.lp-demo .ld-ripple{display:none}}
/* Compact replicas retain their prescribed aspect ratios on narrow mounts. */
@container (max-width:440px){.lp-demo[data-demo=feed] .ld-inner,.lp-demo[data-demo=talent] .ld-inner,.lp-demo[data-demo=workforce] .ld-inner{padding:4px}.lp-demo[data-demo=feed] main,.lp-demo[data-demo=talent] main,.lp-demo[data-demo=workforce] main{padding:6px}.lp-demo[data-demo=feed] .ld-row{padding:2px 0;min-height:28px}.lp-demo[data-demo=feed] .ld-row small,.lp-demo[data-demo=feed] .ld-row b{line-height:1.05}.lp-demo[data-demo=feed] .ld-chips{gap:3px;margin-bottom:5px}.lp-demo[data-demo=feed] .ld-control{min-height:23px;padding:2px 5px}.lp-demo[data-demo=feed] .ld-pill{font-size:11px;padding:2px 4px}.lp-demo[data-demo=talent] aside{width:28px;gap:10px;padding:7px 2px}.lp-demo[data-demo=talent] main>h3{display:none}.lp-demo[data-demo=talent] .ld-field{padding:5px;margin-bottom:5px}.lp-demo[data-demo=talent] .ld-chips{gap:3px;flex-wrap:nowrap}.lp-demo[data-demo=talent] .ld-chips .ld-control{white-space:normal;padding:3px 4px;line-height:1.1;min-height:26px;font-weight:500}.lp-demo[data-demo=talent] .ld-section{margin:5px 0}.lp-demo[data-demo=talent] .ld-section small:last-child{display:none}.lp-demo[data-demo=talent] .ld-row{min-height:33px;padding:3px 0}.lp-demo[data-demo=talent] .ld-row .ld-avatar{width:22px;height:22px;font-size:11px}.lp-demo[data-demo=talent] .ld-row small{line-height:1.05}.lp-demo[data-demo=talent] .ld-row .ld-control{padding:3px;min-height:25px}.lp-demo[data-demo=workforce] .ld-ring{width:35px;height:35px}.lp-demo[data-demo=workforce] .ld-ring:before{inset:5px}.lp-demo[data-demo=workforce] .ld-compliance{margin-bottom:5px}.lp-demo[data-demo=workforce] .ld-row{min-height:28px;padding:2px 0}.lp-demo[data-demo=workforce] .ld-row small{line-height:1.05}.lp-demo[data-demo=workforce] .ld-tablehead{padding:3px 4px}.lp-demo[data-demo=courses] .ld-info{padding:6px;margin-top:6px}.lp-demo[data-demo=visibility] main>h3{font-size:12px;margin-bottom:8px}.lp-demo[data-demo=visibility] .ld-info{padding:8px;margin-top:8px}.lp-demo[data-demo=visibility] .ld-info p{margin:4px 0}}
.lp-demo .ld-dialog small:has(+ .ld-control):before{content:'';display:inline-block;width:9px;height:9px;border:1.5px solid var(--ld-line);border-top-color:#1FA89A;border-radius:50%;margin-right:6px;animation:ld-spin .8s linear infinite}.lp-demo .ld-filtered{animation:ld-filter .5s ease both}@keyframes ld-spin{to{transform:rotate(360deg)}}@keyframes ld-filter{from{max-height:230px}to{max-height:75px}}
@container (max-width:440px){.lp-demo[data-demo=talent] aside,.lp-demo[data-demo=talent] .ld-section,.lp-demo[data-demo=talent] .ld-row .ld-avatar{display:none}.lp-demo[data-demo=talent] .ld-chips .ld-control{white-space:nowrap;font-size:11px;padding:3px 4px}.lp-demo[data-demo=talent] .ld-row{min-height:32px;padding:3px 0}.lp-demo[data-demo=talent] .ld-row small{font-size:11px;line-height:1.1}.lp-demo[data-demo=courses] main>.ld-info{display:none}}
.lp-demo main{margin:0;max-width:none;min-height:0}
@container (max-width:440px){.lp-demo[data-demo=trusted-link] main{padding:6px}.lp-demo[data-demo=trusted-link] [data-target=baseline]{display:none}.lp-demo[data-demo=trusted-link] .ld-cover{padding:6px}.lp-demo[data-demo=trusted-link] .ld-person{margin:5px 0}.lp-demo[data-demo=trusted-link] .ld-counts{padding-bottom:4px}.lp-demo[data-demo=trusted-link] .ld-section{margin:4px 0}.lp-demo[data-demo=trusted-link] .ld-row{padding:4px 0;min-height:34px}.lp-demo[data-demo=tracker] main>.ld-info{display:none}.lp-demo[data-demo=workforce] .ld-ring{height:30px;width:30px}.lp-demo[data-demo=workforce] .ld-row b{line-height:1.05}.lp-demo[data-demo=workforce] .ld-row{padding:2px 0;min-height:26px}.lp-demo[data-demo=workforce] .ld-tablehead{padding:2px 4px}.lp-demo[data-demo=workforce] .ld-pill{max-width:140px}.lp-demo[data-demo=courses] .ld-row{padding:4px 0;min-height:34px}}
@container (max-width:440px){.lp-demo[data-demo=workforce] .ld-row small{display:none}.lp-demo[data-demo=courses] main>h3{margin-bottom:4px}.lp-demo[data-demo=visibility] .ld-segments{margin-bottom:0}.lp-demo[data-demo=visibility] main>h3{margin-bottom:5px}}

/* Natural frame measurement keeps all outcome rows and caveats in the viewport. */
.lp-demo .ld-cover{background:#0B5D4E;color:#fff}
.lp-demo .ld-dots{color:var(--ld-muted)}
@container(max-width:440px){
 .lp-demo[data-demo=trusted-link] [data-target=baseline]{display:flex}
 .lp-demo[data-demo=courses] main>.ld-info,.lp-demo[data-demo=tracker] main>.ld-info{display:block}
 .lp-demo .ld-sidepanel .ld-dialog{height:auto;max-height:100%;align-self:stretch}
 .lp-demo[data-demo=workforce] .ld-row small{display:block}
 .lp-demo .ld-tiles{gap:4px}.lp-demo .ld-tiles>div{padding:6px 4px}
 .lp-demo .ld-tiles small{font-size:10px}
}
/* Dense replica rows echo the reference cards without dropping outcome text. */
@container(min-width:441px){
 .lp-demo{font-size:12px}.lp-demo main{padding:12px}
 .lp-demo .ld-row{padding:8px 0;min-height:44px}
 .lp-demo .ld-person{margin:9px 0}.lp-demo .ld-cover{padding:10px}
 .lp-demo .ld-info{padding:10px;margin-top:10px}
 .lp-demo .ld-chips,.lp-demo .ld-segments{margin-bottom:10px}
 .lp-demo .ld-counts{padding-bottom:8px}
 .lp-demo .ld-section{margin:8px 0}
}
/* Product replica copy follows its own type scale inside marketing sections. */
.lp-demo p{font-size:inherit;line-height:1.45;color:inherit}
.lp-demo .ld-dialog{padding:14px;gap:6px}
@container(max-width:440px){.lp-demo .ld-dialog{padding:12px;gap:5px}}
.lp-demo .ld-navactive{background:#F5B52E;color:#06332B}

.lp-demo.ld-paused *{animation-play-state:paused!important}

.lp-demo .ld-row.ld-match{background:var(--ld-ok);border-radius:6px}