/* Scoped public product demonstration. Existing workspace sections stay intact. */
.oe-section{background:#080d16;border-top:1px solid #273449;padding:82px 0;color:#f5f8ff}
.oe-section .section-head{margin-bottom:30px;max-width:780px}.oe-section .section-head h2{font-size:clamp(34px,4vw,52px)}.oe-section .section-head>p:last-child{color:#a7b6cb;max-width:680px}
.oe-demo-label{display:inline-flex;align-items:center;gap:8px;font-size:12px;font-weight:700;color:#d9caff;border:1px solid #5c4b81;border-radius:6px;padding:5px 10px;margin:0 0 18px;background:#221b34}.oe-demo-label:before{content:'';width:7px;height:7px;border-radius:50%;background:#b191ff}
.oe-demo{border:1px solid #39445a;border-radius:22px;background:#101725;overflow:hidden}.oe-demo-top{display:grid;grid-template-columns:270px minmax(0,1fr)}
.oe-person{background:#172238;border-right:1px solid #39445a;padding:28px;align-self:stretch}.oe-person button{display:block;width:100%;padding:0;border:0;background:none;color:#f5f8ff;text-align:left;cursor:pointer}.oe-person button:disabled{cursor:default}.oe-person img{width:100%;height:auto;aspect-ratio:1;object-fit:cover;border-radius:16px;background:#25334a}.oe-person-name{display:block;font-size:27px;font-weight:750;letter-spacing:-.03em;line-height:1.2;margin-top:18px}.oe-person-role{display:block;color:#b9c8de;font-size:13px;margin:6px 0 17px}.oe-person-open{display:flex;justify-content:space-between;align-items:center;border-top:1px solid #40516b;padding:14px 0 0;font-size:14px;font-weight:700}.oe-person-open:after{content:'+';font-size:23px;font-weight:400;line-height:1}.oe-person button[aria-expanded=true] .oe-person-open:after{content:'−'}.oe-person-metrics{border-top:1px solid #40516b;margin:22px 0 0;padding-top:18px}.oe-person-stars{display:block;color:#e6c877;font-size:27px;letter-spacing:2px;line-height:1.15}.oe-person-metrics p{margin:7px 0;color:#c4cfdf;font-size:12px;line-height:1.6}.oe-person-metrics p:last-child{color:#a7b6cb}
.oe-preview,.oe-profile{padding:30px 32px;min-width:0}.oe-demo [hidden]{display:none!important}.oe-preview{display:flex;flex-direction:column;justify-content:center;gap:28px}.oe-preview h3,.oe-profile h3{font-size:24px;line-height:1.2;letter-spacing:-.025em;margin:0 0 10px}.oe-preview p,.oe-profile-intro{color:#a7b6cb;font-size:14px;line-height:1.65;max-width:500px;margin:0}.oe-preview-map{display:grid;gap:12px;padding:0;margin:0;list-style:none}.oe-preview-map li{display:flex;align-items:center;gap:14px}.oe-preview-icon{width:43px;height:43px;border:1px solid #536386;border-radius:12px;display:grid;place-items:center;color:#c4adff;font-size:23px;flex-shrink:0}.oe-preview-map b{display:block;font-size:15px}.oe-preview-map small{color:#a7b6cb;font-size:12px;display:block;margin-top:3px}
.oe-profile-intro{margin-bottom:18px}.oe-skill{border-top:1px solid #34415a;padding:13px 0}.oe-skill:last-of-type{border-bottom:1px solid #34415a}.oe-skill summary{cursor:pointer;display:flex;align-items:center;gap:10px;font-size:14px;font-weight:700;min-height:28px;list-style:none}.oe-skill summary::-webkit-details-marker{display:none}.oe-skill summary:before{content:'+';color:#b191ff;font-size:19px;min-width:15px}.oe-skill[open] summary:before{content:'−'}.oe-skill summary span:last-child{font-size:10px;font-weight:600;color:#b6e2c9;margin-left:auto;border:1px solid #376451;padding:2px 7px;border-radius:5px;white-space:nowrap}.oe-skill-off summary span:last-child{color:#abb8cd;border-color:#46546a}.oe-skill-controls{padding-left:25px}.oe-skill-controls>p{font-size:12px;line-height:1.6;color:#a7b6cb;margin:10px 0}.oe-skill-controls label{font-size:12px;color:#c9d4e5;display:block;margin-top:12px}.oe-check{display:flex!important;align-items:center;gap:8px;min-height:34px}.oe-check input{accent-color:#8d69d6;width:18px;height:18px;margin:0}.oe-skill textarea,.oe-feedback textarea,.oe-feedback select{display:block;width:100%;max-width:100%;font:inherit;font-size:13px;color:#f5f8ff;background:#080d16;border:1px solid #5c6e8a;border-radius:7px;padding:10px 11px;margin-top:7px;resize:vertical}.oe-skill textarea{min-height:66px}.oe-skill-metrics{display:flex;flex-wrap:wrap;gap:6px 14px;color:#b6c3d9;font-size:11px;margin-top:10px}.oe-profile-actions{display:flex;flex-wrap:wrap;align-items:center;gap:12px;margin-top:18px}.oe-button{min-height:44px;display:inline-flex;align-items:center;justify-content:center;border:1px solid #c2abf0;border-radius:9px;background:#7653d0;color:#fff;font-size:13px;font-weight:700;padding:10px 17px;cursor:pointer;line-height:1.35}.oe-button:hover{background:#6545b6}.oe-button-secondary{background:transparent;color:#ddcfff;border-color:#63577e}.oe-button-secondary:hover{background:#28213b}.oe-text-button{background:none;border:0;color:#c2b0e8;font-size:12px;padding:11px 3px;cursor:pointer}.oe-text-button:hover{text-decoration:underline}
.oe-exercise{border-top:1px solid #39445a;padding:23px 32px 28px}.oe-exercise-title{display:flex;align-items:center;justify-content:space-between;gap:24px}.oe-exercise h4{font-size:17px;letter-spacing:-.02em;line-height:1.4;margin:0 0 7px}.oe-task{font-size:13px;color:#b7c5db;line-height:1.65;max-width:570px;margin:0}.oe-response{margin-top:20px;border-left:3px solid #b191ff;background:#19233a;border-radius:0 10px 10px 0;padding:17px 19px}.oe-response h5{font-size:11px;color:#cbb9f3;font-weight:650;margin:0 0 9px}.oe-response>p{font-size:14px;line-height:1.6;margin:0}.oe-response>small{display:block;color:#a7b6cb;font-size:10px;margin-top:10px}.oe-context{margin-top:14px;padding-top:12px;border-top:1px solid #43516a;color:#c8d5e9;font-size:11px}.oe-context b{font-weight:650}.oe-context ul{padding-left:17px;margin:6px 0 0;overflow-wrap:anywhere}.oe-context li{margin:5px 0}
.oe-feedback{display:grid;grid-template-columns:1fr 1fr;gap:14px 22px;margin-top:20px}.oe-feedback fieldset{margin:0;padding:0;border:0;min-width:0}.oe-feedback legend,.oe-feedback>label{font-size:12px;color:#c6d2e6;font-weight:650}.oe-star-options{display:flex;gap:3px;margin-top:7px}.oe-star-option{position:relative;display:inline-flex;cursor:pointer}.oe-star-option input{position:absolute;inset:0;opacity:0;width:100%;height:100%;margin:0;cursor:pointer}.oe-star-option span{font-size:30px;width:41px;height:44px;display:grid;place-items:center;color:#99a7bd;background:#080d16;border:1px solid #485974;border-radius:6px;line-height:1}.oe-star-option input:checked+span{color:#ffd878;background:#382f1e;border-color:#f1d28b}.oe-star-options:has(input[value="1"]:checked) .oe-star-option:nth-child(-n+1) span{color:#ffd878;background:#382f1e;border-color:#f1d28b}.oe-star-options:has(input[value="2"]:checked) .oe-star-option:nth-child(-n+2) span{color:#ffd878;background:#382f1e;border-color:#f1d28b}.oe-star-options:has(input[value="3"]:checked) .oe-star-option:nth-child(-n+3) span{color:#ffd878;background:#382f1e;border-color:#f1d28b}.oe-star-options:has(input[value="4"]:checked) .oe-star-option:nth-child(-n+4) span{color:#ffd878;background:#382f1e;border-color:#f1d28b}.oe-star-options:has(input[value="5"]:checked) .oe-star-option:nth-child(-n+5) span{color:#ffd878;background:#382f1e;border-color:#f1d28b}.oe-star-option input:focus-visible+span{outline:3px solid #b191ff;outline-offset:3px}.oe-feedback select{min-height:44px}.oe-feedback-wide{grid-column:1/-1}.oe-feedback textarea{min-height:64px}.oe-feedback-actions{display:flex;flex-wrap:wrap;align-items:center;gap:14px}.oe-next-note{font-size:12px;line-height:1.65;color:#ccd7e8;border-left:2px solid #6e8eb1;padding-left:12px;margin:14px 0 0;overflow-wrap:anywhere}.oe-next-note b{display:block;color:#96b4d6;font-size:11px}.oe-exercise .oe-demo-note{font-size:11px;margin-top:12px}.oe-status{font-size:12px;line-height:1.6;color:#c8b6f2;margin:16px 0 0;min-height:20px}
.oe-learning{display:grid;grid-template-columns:repeat(3,1fr);gap:0;list-style:none;padding:0;margin:28px 0 20px}.oe-learning li{position:relative;display:flex;align-items:center;gap:12px;padding:8px 23px 8px 0}.oe-learning li+li{padding-left:23px}.oe-learning li:not(:last-child):after{content:'→';position:absolute;right:-5px;top:17px;color:#a992d5;font-size:19px}.oe-learning-icon{width:40px;height:40px;border:1px solid #685484;border-radius:50%;display:grid;place-items:center;flex-shrink:0;color:#d2b8ff;font-size:21px}.oe-learning b{display:block;font-size:13px;line-height:1.4}.oe-learning small{display:block;color:#a7b6cb;font-size:11px;line-height:1.5;margin-top:4px}.oe-boundary{display:flex;justify-content:space-between;align-items:flex-start;gap:25px;border-top:1px solid #273449;padding-top:18px}.oe-boundary p{max-width:650px;color:#a7b6cb;font-size:12px;line-height:1.65;margin:0}.oe-boundary a{color:#e0d3fa;font-size:12px;font-weight:700;white-space:nowrap;text-decoration:none}.oe-boundary a:hover{text-decoration:underline}.oe-original{margin-top:20px;font-size:12px;color:#becae0}.oe-original summary{cursor:pointer;min-height:38px;display:flex;align-items:center;gap:8px}.oe-original summary:before{content:'+';color:#b191ff;font-size:19px}.oe-original[open] summary:before{content:'−'}.oe-original picture{display:block;background:#101725;padding:16px;border:1px solid #273449;border-radius:12px;max-width:650px;margin:8px auto 0}.oe-original img{width:100%;height:auto;border-radius:5px}.oe-original figcaption{font-size:11px;color:#a7b6cb;line-height:1.6;margin-top:10px;text-align:center}.oe-original figure{margin:0}.oe-noscript{font-size:12px;color:#c6d2e6}
.oe-section :focus-visible{outline-color:#b191ff}.oe-profile h3:focus,.oe-response:focus{outline:2px solid #b191ff;outline-offset:5px}
@media(max-width:760px){.oe-section{padding:64px 0}.oe-demo-top{grid-template-columns:210px minmax(0,1fr)}.oe-person{padding:22px}.oe-preview,.oe-profile{padding:24px}.oe-preview h3,.oe-profile h3{font-size:21px}.oe-learning li{gap:9px;padding-right:15px}.oe-learning li+li{padding-left:15px}.oe-learning-icon{width:32px;height:32px;font-size:18px}.oe-boundary{flex-direction:column;gap:12px}}
@media(max-width:570px){.oe-section .section-head h2{font-size:34px}.oe-demo-top{grid-template-columns:1fr}.oe-person{padding:20px;border-right:0;border-bottom:1px solid #39445a}.oe-person button{display:grid;grid-template-columns:96px minmax(0,1fr);gap:0 17px;align-items:center}.oe-person img{grid-row:1/4;width:96px;height:96px;object-fit:cover;border-radius:12px}.oe-person-name{font-size:25px;margin:0}.oe-person-role{margin:3px 0;font-size:12px}.oe-person-open{font-size:12px;padding-top:9px;gap:12px;margin-top:5px}.oe-person-open:after{font-size:18px}.oe-person-metrics{display:flex;align-items:center;flex-wrap:wrap;gap:5px 10px;padding-top:12px;margin-top:17px}.oe-person-stars{font-size:22px;letter-spacing:1px}.oe-person-metrics p{font-size:11px;margin:0}.oe-person-metrics p:last-child{flex-basis:100%;margin-top:3px}.oe-preview,.oe-profile{padding:22px 20px}.oe-preview{gap:19px}.oe-preview-map{gap:13px}.oe-preview-icon{width:35px;height:35px;font-size:20px}.oe-preview-map b{font-size:13px}.oe-preview-map small{font-size:11px}.oe-profile-actions .oe-button{width:100%}.oe-exercise{padding:21px 20px 22px}.oe-exercise-title{display:block}.oe-exercise-title>.oe-button{width:100%;margin-top:16px}.oe-feedback{grid-template-columns:1fr;gap:16px}.oe-feedback-wide{grid-column:auto}.oe-feedback-actions .oe-button{width:100%}.oe-learning{grid-template-columns:1fr;gap:17px;margin:25px 0}.oe-learning li,.oe-learning li+li{padding:0 0 0 4px}.oe-learning li:not(:last-child):after{content:'↓';left:15px;right:auto;top:auto;bottom:-18px;font-size:14px}.oe-learning-icon{width:36px;height:36px}.oe-original picture{padding:7px}.oe-original figcaption{font-size:10px}.oe-boundary a{white-space:normal}}
@media(prefers-reduced-motion:reduce){.oe-section *{transition:none!important;animation:none!important;scroll-behavior:auto}}