/* Preserve the approved composition; change the message carried by each scene. */
.hero-heading h1{font-weight:600;font-synthesis:none}
.detail-hotspot{max-width:70%}.detail-hotspot b{white-space:nowrap}
@media(max-width:639px){.detail-hotspot{gap:4px;min-height:36px}.detail-hotspot>span{width:21px;height:21px}}
/* 02: one AI workspace, one learner's reading plane. */
.learning-stage{display:grid;grid-template-columns:minmax(0,1.75fr) minmax(260px,1fr);gap:28px;align-items:center;position:relative;padding:28px 0}.learning-stage:before,.workflow-stage:before{content:'';position:absolute;inset:0 -20px;z-index:-1;background-image:linear-gradient(var(--detail-grid) 1px,transparent 1px),linear-gradient(90deg,var(--detail-grid) 1px,transparent 1px);background-size:24px 24px;mask-image:linear-gradient(120deg,#000,transparent)}
.learning-reading-track{min-width:0;position:relative;margin-top:var(--learning-panel-offset,0px);height:var(--learning-panel-height,auto)}.learning-reading-track[data-sticky=true]>#phrase-panel{position:sticky;top:88px}
.ai-product-window{border:1px solid var(--plae-line);background:var(--plae-surface);border-radius:9px;box-shadow:var(--detail-shadow);min-width:0}.product-window-bar{display:flex;align-items:center;gap:12px;min-height:50px;padding:12px 20px;border-bottom:1px solid var(--plae-line);font:9px 'Study Departure',monospace;color:var(--plae-muted)}.product-window-bar .wordmark{font-size:24px}.window-dot{width:5px;height:5px;border-radius:50%;background:var(--plae-blue);margin-left:auto}.product-mode-strip{display:flex;gap:0;background:var(--color-surface-2);font-size:11px}.product-mode-strip>*{padding:15px 20px;font-weight:400}.product-mode-strip strong{border-bottom:3px solid var(--plae-blue);background:var(--plae-surface);color:var(--plae-ink)}
.generated-panel{padding:28px 26px}.ai-request-heading{display:flex;justify-content:space-between;align-items:baseline;gap:16px;margin-bottom:24px}.ai-request-heading h3{font-size:23px;font-weight:400;line-height:1.4}.generated-panel label{display:block}.generated-panel textarea{resize:none;display:block;width:100%;border:1px solid var(--plae-line);border-radius:5px;background:var(--plae-workspace);color:var(--plae-ink);font:300 23px/1.55 var(--candidate-display);letter-spacing:-.025em;padding:16px;margin:10px 0 24px;min-height:128px;box-shadow:inset 0 1px 5px #20202008}.generated-panel .phrase-options{gap:6px;margin-bottom:24px}.generated-panel .phrase-options button{gap:7px;font-size:13px;padding:8px 10px}.step-digit{font:400 12px/1.4 'Study Departure',monospace;letter-spacing:.01em;flex-shrink:0}
/* 03: keep the product screen readable and stage the lesson around it. */
.workflow-steps{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));border-top:1px solid var(--plae-line);border-bottom:1px solid var(--plae-line);margin-bottom:28px}.workflow-steps button{min-height:64px;padding:14px 12px;display:flex;align-items:center;gap:14px;text-align:left;font-size:12px;border-bottom:3px solid transparent}.workflow-steps button+button{border-left:1px solid var(--plae-line)}.workflow-steps button[aria-selected=true]{background:var(--plae-surface);border-bottom-color:var(--plae-orange)}.workflow-steps button:hover{background:color-mix(in srgb,var(--plae-orange) 10%,var(--plae-surface))}.workflow-stage{position:relative;isolation:isolate;display:grid;grid-template-columns:minmax(0,1.9fr) minmax(260px,1fr);gap:32px;align-items:center;padding:28px 0}.workflow-screen{min-width:0;background:#fdfdfc;border:1px solid var(--plae-line);border-radius:8px;box-shadow:var(--detail-shadow);overflow:clip}.workflow-screen .product-window-bar{background:var(--plae-surface);justify-content:space-between;gap:12px}.workflow-screen img{display:block;width:100%;height:auto;min-width:0}.workflow-reading{min-width:0;border-top:3px solid var(--plae-orange);padding:26px 0 0 0}.workflow-reading>.step-digit{color:var(--plae-muted)}.workflow-reading h3{font-size:29px;font-weight:300;line-height:1.4;letter-spacing:-.025em;margin-top:16px!important;word-break:keep-all}.workflow-reading>p{font-size:13px;line-height:1.85;margin-top:18px!important;word-break:keep-all}.lesson-connection{margin-top:24px;padding-top:18px;border-top:1px solid var(--plae-line)}.lesson-connection p{font-size:12px;line-height:1.8;margin-top:10px!important;word-break:keep-all}.workflow-reading .text-link{margin-top:20px;font-size:11px}
/* 04: role relationships are not a circular progress/analytics claim. */
.operations-stage{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1.3fr);gap:48px;align-items:center}.role-constellation{position:relative;min-width:0;aspect-ratio:5/4;margin-bottom:40px}.role-connections{position:absolute;inset:0;width:100%;height:100%;overflow:visible;fill:none;stroke:var(--plae-line);stroke-width:1}.role-connections circle{stroke:var(--detail-grid)}.role-center{position:absolute;left:50%;top:56.75%;transform:translate(-50%,-50%);font-size:30px;font-weight:600;letter-spacing:-.06em}.role-center>span{color:var(--plae-orange)}.role-nodes{position:absolute;inset:0}.role-node{position:absolute;transform:translate(-50%,-50%);width:112px;height:112px;border-radius:50%;background:var(--plae-surface);border:1px solid var(--plae-line);box-shadow:0 8px 24px -16px #20202077;display:flex;align-items:center;justify-content:center;flex-direction:column;gap:10px;padding:12px}.role-node .step-digit{color:var(--plae-muted)}.role-node strong{font-size:15px;font-weight:400;line-height:1.3;max-width:100%;overflow-wrap:anywhere}.role-node-0{left:50%;top:17.5%}.role-node-1{left:19%;top:76.25%}.role-node-2{left:81%;top:76.25%}.role-node[aria-selected=true]{border-color:var(--plae-orange);background:color-mix(in srgb,var(--plae-orange) 14%,var(--plae-surface))}.role-node:hover{border-color:var(--plae-ink)}.constellation-caption{position:absolute;top:100%;left:0;right:0;text-align:center;font-size:12px;line-height:1.7;color:var(--plae-muted);padding-top:18px;word-break:keep-all}.role-detail{min-width:0}.role-screen{border:1px solid var(--plae-line);border-radius:7px;background:#fdfdfc;box-shadow:var(--detail-shadow);overflow:clip}.role-screen img{display:block;width:100%;height:auto}.role-copy{padding-top:24px}.role-copy h3{font-size:25px;line-height:1.4;font-weight:300;letter-spacing:-.025em;margin-top:12px!important;word-break:keep-all}.role-copy>p{font-size:15px;line-height:1.85;color:var(--plae-muted);margin-top:14px!important;word-break:keep-all}.role-copy .role-material{border-top:1px solid var(--plae-line);padding-top:14px;font-size:14px;color:var(--plae-ink)}
.preparation-card{border-top-color:var(--plae-orange)}.preparation-includes{padding-left:16px;margin:24px 0;font-size:12px;line-height:1.85}.preparation-includes li+li{margin-top:6px}.scene-image-fallback{padding:24px;font-size:13px;line-height:1.8;color:#605d57;min-height:180px}.experience-change{animation:detail-reveal .32s var(--detail-ease)}
@media(max-width:1199px){.learning-stage{gap:22px;grid-template-columns:minmax(0,1.4fr) minmax(230px,1fr)}.generated-panel{padding:24px 20px}.generated-panel textarea{font-size:21px}.workflow-stage{grid-template-columns:minmax(0,1.6fr) minmax(220px,1fr);gap:24px}.workflow-steps button{gap:8px;font-size:11px}.operations-stage{gap:28px}.role-node{width:96px;height:96px}.role-node strong{font-size:13px}.role-copy h3{font-size:23px}}
@media(max-width:899px){.learning-stage,.workflow-stage,.operations-stage{grid-template-columns:1fr;gap:24px}.learning-stage:before,.workflow-stage:before{inset:0 -12px}.generated-panel textarea{font-size:25px}.workflow-steps button{font-size:12px}.workflow-reading{padding-top:22px}.workflow-reading h3{font-size:28px}.role-constellation{width:min(100%,450px);justify-self:center}.role-node{width:112px;height:112px}.role-node strong{font-size:15px}.role-copy h3{font-size:27px}.role-screen img{max-height:480px;object-fit:contain}.operations-stage{gap:30px}}
@media(max-width:639px){.learning-stage,.workflow-stage{padding:20px 0}.product-window-bar{padding:12px 16px;gap:8px;font-size:8px}.product-mode-strip>*{padding:14px 16px;font-size:11px}.generated-panel{padding:22px 18px}.ai-request-heading{display:block}.ai-request-heading .micro-label{display:none}.ai-request-heading h3{font-size:22px}.generated-panel textarea{font-size:23px;min-height:142px;padding:14px}.generated-panel .phrase-options button{gap:6px}.workflow-steps{grid-template-columns:repeat(2,minmax(0,1fr));margin-bottom:12px}.workflow-steps button{min-height:60px;font-size:11px;padding:12px;gap:10px}.workflow-steps button:nth-child(3){border-left:0;border-top:1px solid var(--plae-line)}.workflow-steps button:nth-child(4){border-top:1px solid var(--plae-line)}.workflow-screen .product-window-bar{font-size:7px}.workflow-reading h3{font-size:27px}.role-node{width:94px;height:94px;gap:8px;padding:10px}.role-node strong{font-size:12px}.role-center{font-size:28px}.role-copy h3{font-size:25px}}
@media(prefers-reduced-motion:reduce){.experience-change{animation:none!important}}