@charset "UTF-8";
:root{--ink:#17292f;--muted:#5e737c;--pink:#f72559;--mint:#d8f1ea;--lavender:#d5d9ff;--line:#233e481c;--paper:#f5f8f8;--ease:cubic-bezier(.22,1,.36,1)}
*{box-sizing:border-box}html,body{margin:0;min-height:100%;font-family:"Pretendard Korean","Pretendard","Noto Sans KR","Malgun Gothic",system-ui,sans-serif;color:var(--ink)}body{height:100dvh;display:flex;flex-direction:column;background:var(--paper);overflow:hidden}button,a{-webkit-tap-highlight-color:transparent}button{font:inherit;color:inherit;cursor:pointer}button:disabled{cursor:default;opacity:.3}button:focus-visible,a:focus-visible,video:focus-visible,audio:focus-visible{outline:3px solid var(--pink);outline-offset:5px}button{border:0}a{color:inherit}.skip{position:fixed;left:15px;top:-60px;background:white;padding:12px;z-index:99}.skip:focus{top:10px}.app-header{height:80px;padding:0 4%;display:flex;align-items:center;gap:28px;flex-shrink:0}.brand{font-size:27px;letter-spacing:-1.4px;text-decoration:none;position:relative;font-weight:300}.brand strong{font-weight:800}.brand-dot{display:inline-block;width:6px;height:6px;background:var(--pink);border-radius:50%;margin:0 0 2px 4px}.institution{font-size:12px;font-weight:500;color:var(--muted);display:flex;align-items:center;gap:10px}.institution i{height:10px;width:1px;background:#adbec4}.tools{margin-left:auto;display:flex;gap:9px;align-items:center}.tool,.mode{background:transparent;border:1px solid var(--line);border-radius:100px;padding:9px 15px;font-size:12px;transition:.2s}.tool{display:flex;gap:7px;align-items:center}.tool:hover,.mode:hover{background:#e4eced}.mode[aria-pressed=true]{background:var(--ink);color:white}.grid-icon{font-size:18px;line-height:12px}#fullscreen{font-size:22px;line-height:16px;width:38px;height:34px;padding:0;justify-content:center}#stage{flex:1;min-height:0;display:flex;justify-content:center;align-items:center;padding:0 3.5%;outline:none}#slide-host{width:min(100%,calc((100dvh - 188px)*16/9));height:100%;max-height:calc((100vw - 7vw)*9/16);position:relative;isolation:isolate}.slide{width:100%;height:100%;position:relative;overflow:hidden;background:linear-gradient(115deg,#d9f4eb,#eaf2f9 48%,#d8d9fc);border-radius:6px;box-shadow:0 8px 40px #18323a09;container-type:size;animation:arrive .7s var(--ease) both}.slide:before{content:"";position:absolute;inset:-45%;background:radial-gradient(ellipse at 20% 35%,#c2f2e375,transparent 45%),radial-gradient(ellipse at 80% 70%,#afa7ff45,transparent 45%);animation:ambient 20s ease-in-out infinite alternate;z-index:-1;pointer-events:none}.slide>*{animation:content-in .7s var(--ease) both}.slide>*:nth-child(2){animation-delay:.09s}.slide>*:nth-child(3){animation-delay:.16s}.slide>*:nth-child(4){animation-delay:.22s}.slide .eyebrow{font-size:1cqw;letter-spacing:.16em}.eyebrow{font-size:10px;font-weight:700;letter-spacing:.15em;text-transform:uppercase;color:var(--muted);margin:0 0 12px}.slide h1,.slide h2,.slide h3,.slide p{margin-top:0}.slide h2{font-size:3.6cqw;line-height:1.28;letter-spacing:-.055em;margin-bottom:1.3cqw}.slide p{font-size:1.55cqw;line-height:1.65}.slide-head{position:absolute;left:6%;top:8%;right:6%;z-index:2}.slide-head .eyebrow{margin-bottom:.7cqw}.slide-head h2{font-size:2.65cqw}.chapter-tag{position:absolute;bottom:7%;left:6%;font-size:1cqw;letter-spacing:.1em}.slide-code{position:absolute;right:5%;top:8%;font-size:.85cqw;letter-spacing:.15em;color:#67838b}.hero{display:flex;flex-direction:column;align-items:center;justify-content:center;text-align:center}.hero .cover-label{position:absolute;top:10%;font-size:1cqw;letter-spacing:.22em;color:#5a7780}.hero .wordmark{font-size:8cqw;letter-spacing:-.055em;font-weight:300;line-height:1.1;margin-bottom:1.7cqw}.hero .wordmark strong{font-weight:800}.hero .byline{font-size:1cqw;letter-spacing:.05em;color:#4b6771}.hero .cover-rule{width:3cqw;height:3px;background:var(--pink);margin:2.3cqw 0}.hero .cover-subtitle{font-size:1.3cqw;font-weight:500}.pill{border:1px solid #25434b33;border-radius:100px;background:#ffffff60;padding:.85cqw 1.6cqw;display:inline-flex;align-items:center;gap:1.6cqw;font-size:1.05cqw;transition:.25s;text-decoration:none}.pill:hover{background:var(--ink);color:white;transform:translateY(-2px)}.hero .pill{margin-top:1cqw}.cover-foot{position:absolute;bottom:7%;font-size:.85cqw;letter-spacing:.18em}.pin-layout{padding:11% 8% 7%;height:100%;display:flex;flex-direction:column;justify-content:center}.pin-title{display:flex;align-items:baseline;gap:2cqw;margin-bottom:4cqw}.pin-title strong{font-size:7cqw;letter-spacing:-.05em}.pin-title span{font-size:1.35cqw;color:var(--muted)}.pin-links{display:flex;gap:1.7cqw}.pin-card{flex:1;text-align:left;padding:2.5cqw 2cqw;background:#ffffff55;border-top:1px solid #385b6b33;transition:.3s;position:relative;min-height:13cqw}.pin-card:hover{background:white;transform:translateY(-8px)}.pin-card small{font-size:1cqw;color:#56747e}.pin-card b{display:block;font-size:2.2cqw;letter-spacing:-.05em;margin:1.6cqw 0 .7cqw}.pin-card span{font-size:1.1cqw;color:var(--muted)}.pin-card i{position:absolute;right:1.5cqw;bottom:1.5cqw;color:var(--pink);font-size:1.6cqw;font-style:normal}.question{display:flex;align-items:center;justify-content:center;flex-direction:column;text-align:center}.question .ghost{position:absolute;right:6%;bottom:-11%;font-size:26cqw;line-height:1;font-weight:800;letter-spacing:-.07em;color:#ffffff45;z-index:-1}.question .eyebrow{margin-bottom:2.2cqw}.question h2{font-size:4.7cqw;font-weight:300;letter-spacing:-.065em}.question h2 strong{font-weight:750}.question .question-line{width:4cqw;height:3px;background:var(--pink);margin-top:1.3cqw}.question .question-sub{margin-top:2cqw;color:#526e78;font-size:1.1cqw}.film{background:#101c21}.film:before{display:none}.film video{width:100%;height:100%;object-fit:contain}.film-label{position:absolute;left:4%;top:6%;color:#fff;pointer-events:none;font-size:1cqw;letter-spacing:.15em;text-shadow:0 1px 5px #000}.film-caption{position:absolute;right:4%;top:6%;color:#fff;font-size:1cqw;background:#0006;padding:8px 14px;border-radius:30px;pointer-events:none}.reality .photo{width:100%;height:100%;object-fit:cover}.reality:after{content:"";position:absolute;inset:0;background:linear-gradient(0deg,#091c2bb0,transparent 70%);pointer-events:none}.reality .photo-caption{position:absolute;bottom:12%;left:7%;color:white;z-index:2}.photo-caption h2{font-size:4.8cqw;margin:0}.photo-caption .eyebrow{color:#fff9}.experience{display:flex;align-items:center;justify-content:center;gap:1.5cqw;padding:23% 10% 12%}.experience figure{margin:0;flex:1}.experience img{width:100%;height:14cqw;object-fit:cover;border-radius:1cqw;transition:.35s}.experience figure:hover img{transform:translateY(-.6cqw)}.experience figcaption{font-size:1cqw;letter-spacing:.1em;text-align:center;margin-top:1.3cqw;color:#48646f}.reasoning{display:flex;flex-direction:column;align-items:center;justify-content:center;text-align:center}.reasoning h2{font-size:6cqw;letter-spacing:-.055em;font-weight:450}.reasoning p{font-size:1.7cqw}.reasoning .reason-line{display:flex;align-items:center;margin-top:3cqw;gap:1.4cqw}.reason-line span{font-size:1.2cqw;background:#ffffff70;padding:1cqw 2cqw;border-radius:100px}.reason-line i{width:3cqw;height:1px;background:#6a8d97}.connections{position:absolute;inset:27% 8% 5%;display:flex;gap:2cqw}.connect-card{flex:1;background:transparent;display:flex;flex-direction:column;align-items:center;padding:0;transition:.3s;opacity:.53}.connect-card.active,.connect-card:hover{opacity:1;transform:translateY(-.5cqw)}.connect-card .connect-label{font-size:1.65cqw;font-weight:500;display:flex;gap:.8cqw;align-items:center;margin-bottom:1.4cqw}.connect-label small{font-size:.8cqw;border:1px solid #25434b44;border-radius:50%;width:1.6cqw;height:1.6cqw;display:grid;place-items:center}.connect-card.active small{background:var(--pink);border-color:var(--pink);color:white}.connect-card img{height:75%;max-width:100%;object-fit:contain;border-radius:1.4cqw;box-shadow:0 1cqw 2.8cqw #213a4c15}.step-caption{position:absolute;right:6%;top:12%;font-size:1cqw!important;color:var(--muted);text-align:right}.workflow-wrap{position:absolute;inset:33% 9% 17%;border:0.7cqw solid var(--ink);border-radius:100cqw}.workflow-labels{position:absolute;left:18%;right:18%;display:flex;justify-content:space-between}.workflow-labels.top{top:-2.8cqw}.workflow-labels.bottom{bottom:-2.8cqw;flex-direction:row-reverse}.workflow-step{background:transparent;font-size:1.3cqw;font-weight:700;padding:.5cqw .6cqw;position:relative;white-space:nowrap}.workflow-step:after{content:"";position:absolute;width:.7cqw;height:.7cqw;background:var(--ink);border:3px solid #e5edf7;border-radius:50%;left:calc(50% - .5cqw)}.workflow-labels.top .workflow-step:after{bottom:-1cqw}.workflow-labels.bottom .workflow-step:after{top:-1cqw}.workflow-step[aria-pressed=true]{color:var(--pink)}.workflow-step[aria-pressed=true]:after{background:var(--pink);box-shadow:0 0 0 5px #f7255920}.workflow-center{position:absolute;inset:0;display:flex;flex-direction:column;align-items:center;justify-content:center}.workflow-center small{font-size:.85cqw;color:var(--muted);letter-spacing:.12em}.workflow-center strong{font-size:2.8cqw;margin:.9cqw 0 .5cqw;letter-spacing:-.05em}.workflow-center p{font-size:1.05cqw;margin:0}.workflow-center .mini-line{height:3px;width:3cqw;background:var(--pink);margin-top:1.3cqw}.workflow-note{position:absolute;bottom:6%;width:100%;text-align:center;font-size:1cqw!important;color:var(--muted)}.data-panel{position:absolute;left:6%;right:6%;top:26%;bottom:17%;padding:0;border-radius:1cqw;background:#ffffff70;overflow:hidden;border:1px solid #fff8}.data-panel img{width:100%;height:100%;object-fit:contain}.zoom-label{position:absolute;right:1cqw;bottom:1cqw;background:#132e3bde;color:white;padding:.7cqw 1cqw;border-radius:100px;font-size:.9cqw}.audio-row{position:absolute;left:6%;right:6%;bottom:5%;display:flex;gap:2cqw;align-items:center}.audio-label{font-size:1.1cqw;font-weight:600;white-space:nowrap}.audio-row audio{height:35px;width:100%;max-width:600px}.gallery-layout{position:absolute;inset:25% 7% 5%;display:grid;grid-template-columns:42% 58%;gap:2cqw}.tab-copy{display:flex;flex-direction:column;justify-content:center;gap:1.2cqw;padding-right:3cqw}.tab-copy .tab{padding:1.3cqw 0;background:transparent;text-align:left;border-bottom:1px solid var(--line);opacity:.55;transition:.2s}.tab[aria-selected=true],.tab:hover{opacity:1}.tab span{display:block;font-size:1.8cqw;font-weight:650;letter-spacing:-.04em}.tab small{display:block;font-size:1cqw;margin-top:.65cqw;line-height:1.5;color:var(--muted)}.tab[aria-selected=true] span:before{content:"";display:inline-block;width:.55cqw;height:.55cqw;border-radius:50%;background:var(--pink);vertical-align:middle;margin-right:.7cqw}.phone-panel{display:flex;align-items:center;justify-content:center;padding-bottom:2cqw}.phone-panel img{max-height:100%;height:100%;max-width:95%;object-fit:contain;filter:drop-shadow(0 1.5cqw 1.5cqw #29485620);border-radius:1.4cqw}.gallery-indicator{position:absolute;right:7%;bottom:6%;font-size:.8cqw;letter-spacing:.12em;color:var(--muted)}.closing{display:flex;align-items:center;justify-content:center;flex-direction:column;text-align:center}.closing h2{font-size:4cqw;line-height:1.45;letter-spacing:-.06em}.closing .site-url{font-size:1.4cqw;color:var(--muted);text-decoration:none;margin:1cqw 0 3cqw}.cta{background:var(--ink);color:white;border-radius:100px;padding:1.3cqw 2.7cqw;text-decoration:none;font-size:1.25cqw;display:inline-flex;align-items:center;gap:3cqw;transition:.25s}.cta:hover{background:var(--pink);transform:translateY(-3px)}.closing .footnote{position:absolute;bottom:7%;font-size:.9cqw;color:var(--muted)}.original .original-img{width:100%;height:100%;object-fit:contain}.original .original-zoom{position:absolute;right:2%;bottom:3%;opacity:0;transition:.2s;background:#18323abd;color:white;padding:.7cqw 1cqw;border-radius:30px;font-size:1cqw}.original:hover .original-zoom,.original:focus-within .original-zoom{opacity:1}.original .original-audio{position:absolute;right:2%;bottom:3%;height:38px;width:40%;min-width:200px}.app-footer{padding:13px 4% 10px;flex-shrink:0}.footer-top{display:flex;align-items:center;justify-content:space-between;margin-bottom:12px;gap:20px}.slide-meta{display:flex;align-items:center;gap:13px;font-size:12px}.slide-meta>span:first-child{font-size:9px;letter-spacing:.15em;color:var(--muted);font-weight:700}.meta-line{height:12px;width:1px;background:#bbc9ce}.navigation{display:flex;align-items:center;gap:16px}.navigation button{border:1px solid #18323a22;background:transparent;border-radius:50%;width:32px;height:32px;font-size:18px;transition:.2s}.navigation button:hover:enabled{background:var(--ink);color:white}.navigation #next{background:var(--ink);color:white}.navigation #next:hover:enabled{background:var(--pink);border-color:var(--pink)}#counter{font-size:12px;font-variant-numeric:tabular-nums;min-width:54px;text-align:center}#counter small{color:#81969f;font-size:10px}#progress{display:flex;gap:5px}#progress button{height:11px;flex:1;background:transparent;padding:4px 0;position:relative}#progress button:after{content:"";height:3px;background:#dce5e7;position:absolute;left:0;right:0;top:4px;transition:.3s}#progress button.passed:after{background:#79939d}#progress button[aria-current=true]:after{background:var(--pink);height:4px;top:3px}#progress button:hover:after{background:var(--pink)}.footer-bottom{display:flex;align-items:center;justify-content:space-between;font-size:8px;letter-spacing:.11em;color:#81969f;padding-top:7px}.footer-bottom #hint{font-size:9px;letter-spacing:0}.footer-bottom b{margin:0 8px;font-weight:400}.footer-bottom button{background:transparent;font-size:10px;padding:0;color:var(--muted)}dialog{border:1px solid #fff;border-radius:18px;padding:32px;color:var(--ink);background:#f6f9fa;max-width:1100px;width:90vw;max-height:88dvh;box-shadow:0 20px 100px #102d4340}dialog::backdrop{background:#122b3b75;backdrop-filter:blur(9px)}.dialog-top{display:flex;align-items:flex-start;justify-content:space-between;gap:20px;margin-bottom:24px}.dialog-top h2{font-size:24px;letter-spacing:-.04em;margin:0}.close{font-size:28px;border-radius:50%;background:#e5ecef;width:36px;height:36px;line-height:30px;flex-shrink:0}.chapter-links{display:flex;gap:12px;margin-bottom:25px}.chapter-links button{flex:1;border-bottom:1px solid #b9cbd0;background:transparent;padding:12px 5px;text-align:left;font-size:15px}.chapter-links span{color:var(--muted);font-size:11px;margin-left:12px}#thumbnail-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:20px 16px}.thumbnail{padding:0;text-align:left;background:transparent;min-width:0}.thumbnail img{width:100%;aspect-ratio:16/9;object-fit:cover;border-radius:6px;border:2px solid transparent;transition:.2s}.thumbnail[aria-current=true] img,.thumbnail:hover img{border-color:var(--pink);box-shadow:0 6px 20px #193c4a15}.thumbnail span{display:block;font-size:11px;margin-top:7px;line-height:1.5;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.thumbnail small{font-size:9px;color:var(--muted);margin-right:8px}.detail-image{overflow:auto;max-height:65dvh}.detail-image img{width:100%;height:auto;display:block;min-width:740px}.detail-caption{font-size:11px;color:var(--muted)}#guide{max-width:540px;line-height:1.7}#guide p{font-size:13px;color:var(--muted)}.shortcuts{font-size:13px}.shortcuts>div{display:flex;justify-content:space-between;border-bottom:1px solid var(--line);padding:12px 0;gap:20px}.shortcuts dd{margin:0;color:var(--muted)}.sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}@keyframes arrive{from{opacity:0;transform:translateY(12px) scale(.99)}to{opacity:1;transform:none}}@keyframes content-in{from{opacity:0;transform:translateY(14px)}to{opacity:1;transform:none}}@keyframes ambient{from{transform:translate(-2%,-2%) rotate(-3deg)}to{transform:translate(4%,3%) rotate(4deg)}}
@media(min-width:1700px){.app-header{height:90px}.app-footer{padding-top:18px;padding-bottom:18px}#slide-host{width:min(100%,calc((100dvh - 220px)*16/9))}}
@media(max-width:800px){.app-header{height:64px;padding:0 4%;gap:15px}.institution{display:none}.brand{font-size:24px}.tool,.mode{padding:8px 11px;font-size:11px}.tools{gap:6px}#stage{padding:0 2.5%}#slide-host{width:100%;max-height:calc(95vw*9/16)}.app-footer{padding:13px 4% 14px}.footer-bottom #hint{display:none}.slide-meta{font-size:10px;gap:8px}.slide-meta>span:first-child{font-size:8px}.navigation{gap:8px}.navigation button{width:29px;height:29px}dialog{padding:23px}#thumbnail-grid{grid-template-columns:repeat(3,1fr);gap:16px 10px}.audio-row audio{height:28px}.workflow-step:after{border-width:2px}}
@media(max-width:600px) and (orientation:portrait){body{overflow:auto;height:100dvh;min-height:650px}.app-header{height:66px}#stage{padding:0 4%;align-items:center}#slide-host{height:100%;max-height:100%;width:100%}.slide{min-height:460px;container-type:inline-size}.slide-head{top:7%;left:7%;right:7%}.slide-head .eyebrow{font-size:2.3cqw}.slide-head h2{font-size:5.5cqw}.slide-code{display:none}.slide .eyebrow{font-size:2.4cqw}.hero .cover-label{font-size:2.3cqw;letter-spacing:.15em;top:12%}.hero .wordmark{font-size:16cqw}.hero .byline{font-size:2.2cqw}.hero .cover-rule{margin:6cqw 0;width:8cqw}.hero .cover-subtitle{font-size:3.4cqw}.hero .pill{font-size:3cqw;padding:3cqw 5cqw;margin-top:6cqw}.cover-foot{font-size:2cqw;bottom:10%}.question h2{font-size:8cqw}.question .eyebrow{margin-bottom:7cqw}.question .question-line{width:10cqw;margin-top:5cqw}.question .question-sub{font-size:2.8cqw;margin-top:5cqw}.question .ghost{font-size:44cqw;bottom:0;right:-3%}.chapter-tag{font-size:2.3cqw;bottom:8%;left:7%}.pin-layout{padding:18% 7% 8%}.pin-title{gap:4cqw;margin-bottom:5cqw}.pin-title strong{font-size:15cqw}.pin-title span{font-size:2.7cqw}.pin-links{flex-direction:column;gap:3cqw}.pin-card{min-height:0;padding:4cqw 5cqw;display:grid;grid-template-columns:8cqw 1fr;align-items:center;gap:1cqw 3cqw}.pin-card small{font-size:2.5cqw;grid-row:span 2}.pin-card b{font-size:5cqw;margin:0}.pin-card span{font-size:2.8cqw}.pin-card i{font-size:5cqw;bottom:30%;right:5cqw}.reality .photo{object-position:48%}.photo-caption h2{font-size:9cqw}.reality .photo-caption{bottom:17%}.experience{padding:24% 7% 12%;flex-direction:column;gap:3cqw}.experience figure{width:100%;display:flex;gap:5cqw;align-items:center;flex:1;min-height:0}.experience img{width:58%;height:100%;max-height:22cqw;object-fit:cover;border-radius:2cqw}.experience figcaption{font-size:2.5cqw;margin:0;text-align:left}.reasoning h2{font-size:12cqw}.reasoning p{font-size:3.7cqw;max-width:80%;line-height:1.8}.reasoning .reason-line{gap:2cqw;margin-top:8cqw}.reason-line span{font-size:3cqw;padding:2.5cqw 4cqw}.reason-line i{width:3cqw}.connections{inset:25% 6% 14%;gap:2cqw;align-items:center}.connect-card{height:100%;justify-content:center;opacity:.5}.connect-label small{display:none}.connect-card .connect-label{font-size:3.1cqw;margin-bottom:4cqw;min-height:7cqw}.connect-card img{width:100%;height:auto;border-radius:2cqw}.step-caption{top:auto;bottom:6%;left:7%;right:7%;font-size:2.4cqw!important;text-align:left}.workflow-wrap{inset:31% 5% 24%;border-width:1.3cqw;border-radius:12cqw}.workflow-labels{left:2%;right:2%}.workflow-labels.top{top:-8cqw}.workflow-labels.bottom{bottom:-8cqw}.workflow-step{font-size:2.7cqw;padding:1.5cqw .5cqw}.workflow-step:after{width:1.5cqw;height:1.5cqw;left:calc(50% - 1cqw)}.workflow-labels.top .workflow-step:after{bottom:-2.6cqw}.workflow-labels.bottom .workflow-step:after{top:-2.7cqw}.workflow-center small{font-size:2cqw}.workflow-center strong{font-size:6cqw;margin:3cqw 0 2cqw}.workflow-center p{font-size:2.7cqw;max-width:85%;text-align:center}.workflow-center .mini-line{margin-top:3cqw;width:8cqw}.workflow-note{bottom:9%;font-size:2.4cqw!important}.data-panel{top:25%;bottom:24%;left:7%;right:7%}.data-panel img{object-fit:cover;object-position:left}.zoom-label{font-size:2.4cqw;padding:2cqw 4cqw;right:3cqw;bottom:3cqw}.audio-row{bottom:7%;left:7%;right:7%;display:block}.audio-label{display:block;font-size:2.8cqw;margin-bottom:2cqw}.audio-row audio{height:35px;width:100%}.gallery-layout{inset:24% 7% 8%;grid-template-columns:43% 57%;gap:2cqw}.tab-copy{gap:3cqw;padding-right:2cqw}.tab-copy .tab{padding:3cqw 0}.tab span{font-size:4cqw;line-height:1.4}.tab small{font-size:2.6cqw;line-height:1.6;margin-top:2cqw}.tab[aria-selected=true] span:before{width:1.2cqw;height:1.2cqw;margin-right:1.3cqw}.phone-panel{padding:8cqw 0}.phone-panel img{border-radius:2cqw}.gallery-indicator{font-size:2cqw;bottom:6%;right:7%}.closing h2{font-size:8cqw}.closing .site-url{font-size:3.4cqw;margin:5cqw 0 8cqw}.cta{font-size:3.4cqw;padding:4cqw 7cqw;gap:8cqw}.closing .footnote{font-size:2.4cqw;bottom:10%}.film video{object-fit:contain}.film-label,.film-caption{font-size:2.3cqw;top:10%}.film-caption{top:auto;bottom:15%;right:6%}.original{display:flex;align-items:center;background:#e1eaf0}.original .original-img{height:auto;max-height:100%}.original .original-zoom{opacity:1;bottom:8%;font-size:2.7cqw;padding:2.5cqw 4cqw}.original .original-audio{width:86%;right:7%;bottom:10%}.app-footer{padding-top:16px}.slide-meta>span:first-child,.meta-line{display:none}.footer-top{gap:10px;margin-bottom:14px}#progress{gap:3px}#thumbnail-grid{grid-template-columns:repeat(2,1fr)}.dialog-top h2{font-size:21px}.chapter-links button{font-size:12px}.chapter-links span{display:block;font-size:10px;margin:5px 0 0}.footer-bottom{font-size:7px;letter-spacing:.08em}.shortcuts>div{gap:10px;font-size:11px}.detail-image img{min-width:900px}}
@media(prefers-reduced-motion:reduce){*,*:before,*:after{animation:none!important;transition:none!important;scroll-behavior:auto!important}}
.slide{overflow:clip}.gallery-layout{grid-template-columns:minmax(0,.42fr) minmax(0,.58fr);grid-template-rows:minmax(0,1fr)}.phone-panel,.tab-copy{min-height:0;min-width:0}.phone-panel img{width:auto;max-height:100%;height:100%;max-width:100%;object-fit:contain}.workflow-center{pointer-events:none}.workflow-labels{z-index:2}
@media(max-width:600px) and (orientation:portrait){.gallery-layout{grid-template-columns:minmax(0,.43fr) minmax(0,.57fr)}}
@media print{body{height:auto;overflow:visible}.app-header,.app-footer,dialog{display:none}#stage{padding:0}#slide-host{max-height:none;width:100%;height:auto}.slide{height:56.25vw;box-shadow:none}.pill,.cta{display:none}}

.slide.film{background:transparent;display:flex;align-items:center;justify-content:center;box-shadow:none;border-radius:0}
.film video{display:block;width:100%;height:auto;max-width:100%;max-height:100%;aspect-ratio:2 / 1;object-fit:contain;border-radius:12px;overflow:hidden;background:#000;box-shadow:0 10px 35px #17333d14}

/* Project identity in the upper-left corner. */
.app-header .project-brand{display:flex;align-items:center;gap:20px;min-width:0;font-size:25px;letter-spacing:-1px}
.bridge-name{white-space:nowrap;flex-shrink:0}
.bridge-title{font-size:13px;font-weight:500;letter-spacing:-.035em;line-height:1.5;color:var(--muted)}
.app-header .tools{flex-shrink:0}
@media(max-width:1000px){.app-header .project-brand{flex-direction:column;align-items:flex-start;gap:3px;font-size:23px}.bridge-title{font-size:11px}}
@media(max-width:600px){.app-header{height:98px;gap:12px}.app-header .project-brand{font-size:21px;gap:4px}.bridge-title{font-size:10.5px;line-height:1.5;word-break:keep-all}.app-header .tools{gap:5px}.app-header .tool{padding:8px 10px}.app-footer{padding-bottom:14px}}

@media(max-width:600px) and (orientation:portrait){.hero.cover .wordmark{font-size:12.5cqw}}

.hero.cover .cover-subtitle{max-width:88%;word-break:keep-all;text-wrap:balance;line-height:1.65}

/* Continuous, slowly flowing mint and lavender clouds behind all slides. */
body{position:relative;isolation:isolate;background:linear-gradient(115deg,#d9f4eb,#eaf2f9 48%,#d8d9fc);background-attachment:fixed}
.flow-background{position:fixed;inset:0;z-index:-1;overflow:hidden;pointer-events:none;contain:strict;background:linear-gradient(115deg,#d9f4eb,#eaf2f9 48%,#d8d9fc)}
.flow-cloud{position:absolute;display:block;width:85vmax;height:72vmax;border-radius:45% 55% 62% 38% / 55% 38% 62% 45%;filter:blur(36px);will-change:transform;transform-origin:center;backface-visibility:hidden}
.flow-mint{left:-24vmax;top:-25vmax;opacity:.95;background:radial-gradient(ellipse at 50% 50%,#bdeedc 8%,#d9f4eb 30%,#d9f4eb00 70%);animation:mint-current 16s ease-in-out -5s infinite}
.flow-blue{left:8vw;top:5vh;width:80vmax;height:65vmax;opacity:.42;background:radial-gradient(ellipse at 48% 48%,#eaf2f9 0%,#dceef6 32%,#eaf2f900 69%);animation:blue-current 21s ease-in-out -11s infinite}
.flow-lavender{right:-23vmax;bottom:-25vmax;opacity:.93;background:radial-gradient(ellipse at 50% 50%,#c4c1f5 8%,#d8d9fc 30%,#d8d9fc00 70%);animation:lavender-current 18s ease-in-out -9s infinite}
.slide{background:transparent;border-radius:0;box-shadow:none}
.slide::before{display:none}
@keyframes mint-current{
  0%,100%{transform:translate3d(-3%,-3%,0) rotate(-12deg) scale(1.02,.98)}
  33%{transform:translate3d(34%,19%,0) rotate(10deg) scale(1.13,.88)}
  66%{transform:translate3d(10%,40%,0) rotate(-5deg) scale(.94,1.12)}
}
@keyframes blue-current{
  0%,100%{transform:translate3d(7%,-8%,0) rotate(8deg) scale(1.08,.96)}
  38%{transform:translate3d(-27%,22%,0) rotate(-14deg) scale(.98,1.17)}
  72%{transform:translate3d(18%,31%,0) rotate(14deg) scale(1.2,.93)}
}
@keyframes lavender-current{
  0%,100%{transform:translate3d(4%,8%,0) rotate(10deg) scale(1.05,1.02)}
  35%{transform:translate3d(-34%,-16%,0) rotate(-12deg) scale(1.14,.94)}
  70%{transform:translate3d(-12%,-39%,0) rotate(5deg) scale(.96,1.14)}
}
@media(max-width:600px){.flow-cloud{filter:blur(26px)}}
@media(prefers-reduced-motion:reduce){.flow-cloud{animation:none!important;will-change:auto}}
@media print{.flow-background{display:none}}

/* Dark presentation footer. */
.app-footer{background:#080a0b;color:#f3f5f6;border-top:1px solid #ffffff12;color-scheme:dark}
.app-footer .slide-meta{color:#f3f5f6}
.app-footer .slide-meta>span:first-child{color:#a6b3bb}
.app-footer .meta-line{background:#39434a}
.app-footer #counter{color:#f3f5f6}
.app-footer #counter small{color:#99a7af}
.app-footer .navigation button{background:#141a1e;color:#e8eef1;border-color:#ffffff33}
.app-footer .navigation button:hover:enabled{background:#2a353d;color:#fff;border-color:#9fb0bb}
.app-footer .navigation #next{background:#ecf1f3;color:#10171c;border-color:#ecf1f3}
.app-footer .navigation #next:hover:enabled{background:#ff4773;color:#10171c;border-color:#ff4773}
.app-footer .navigation button:disabled{opacity:.3}
.app-footer #progress button:after{background:#30383e}
.app-footer #progress button.passed:after{background:#8396a2}
.app-footer #progress button[aria-current=true]:after,.app-footer #progress button:hover:after{background:#ff4773}
.app-footer button:focus-visible{outline-color:#ff83a2}

/* PIN: a sculpted landscape with three placed, keyboard-accessible markers. */
.pin-scene-intro{position:absolute;top:18%;left:7%;right:7%;display:flex;align-items:baseline;gap:2cqw}
.pin-scene-intro h2{font-size:6.2cqw;line-height:1;letter-spacing:-.065em;font-weight:750;margin:0}
.pin-scene-intro p{font-size:1.25cqw;letter-spacing:0;margin:0;color:var(--muted)}
.pin-landscape{position:absolute;left:3%;right:3%;bottom:8%;aspect-ratio:3 / 1;isolation:isolate}
.pin-terrain{position:absolute;inset:0;display:block;width:100%;height:100%;object-fit:contain;pointer-events:none;filter:drop-shadow(0 1.2cqw 1.5cqw #536c8610)}
.terrain-navigation{position:absolute;inset:0}
.terrain-pin{position:absolute;left:var(--pin-x);top:var(--pin-y);width:23cqw;padding:0;background:transparent;display:flex;flex-direction:column;align-items:center;transform:translate(-50%,-100%);border-radius:12px;transition:transform .35s var(--ease);z-index:2}
.terrain-pin-label{display:flex;flex-direction:column;align-items:center;margin-bottom:1.1cqw;animation:pin-label-arrive .7s var(--ease) both;animation-delay:calc(var(--pin-delay) + .2s)}
.terrain-pin-label small{font-size:.8cqw;letter-spacing:.16em;color:#5f7681;margin-bottom:.5cqw}
.terrain-pin-label b{font-size:2.1cqw;font-weight:700;line-height:1.2;letter-spacing:-.045em;color:var(--ink)}
.terrain-pin-label>span{font-size:1.05cqw;line-height:1.6;margin-top:.65cqw;color:#49616d}
.terrain-pin-drop{height:5cqw;width:6cqw;display:grid;place-items:center;animation:pin-land .95s var(--ease) both;animation-delay:var(--pin-delay);filter:drop-shadow(.15cqw .4cqw .28cqw #8b315a30)}
.terrain-pin-shape{display:block;width:3.6cqw;height:3.6cqw;border-radius:50% 50% 50% 0;transform:rotate(-45deg);position:relative;background:linear-gradient(135deg,#ffb2c9 0%,#ff709c 28%,#f72559 70%,#bd1745 100%);box-shadow:inset .14cqw .16cqw .25cqw #ffffff65,inset -.15cqw -.1cqw .25cqw #94193d2b}
.terrain-pin-shape::after{content:"";position:absolute;inset:31%;border-radius:50%;background:#fff8fb;box-shadow:inset .06cqw .1cqw .18cqw #ae456344}
.terrain-pin::after{content:"";position:absolute;bottom:-.65cqw;left:calc(50% - 2cqw);width:4cqw;height:.9cqw;border-radius:50%;background:#765e9138;filter:blur(.3cqw);z-index:-1;animation:pin-shadow-arrive 1.2s var(--ease) both;animation-delay:var(--pin-delay)}
.terrain-pin:hover,.terrain-pin:focus-visible{transform:translate(-50%,-100%) translateY(-.6cqw)}
.terrain-pin:hover .terrain-pin-label b,.terrain-pin:focus-visible .terrain-pin-label b{color:#b91a48}
.pin-scene-hint{position:absolute;bottom:3%;left:0;right:0;text-align:center;font-size:.9cqw!important;letter-spacing:.02em;color:#59747f;margin:0!important}
@keyframes pin-land{0%{opacity:0;transform:translateY(-9cqw) scale(.85)}60%{opacity:1;transform:translateY(.3cqw) scale(1.03)}80%{transform:translateY(-.5cqw) scale(.99)}100%{opacity:1;transform:translateY(0) scale(1)}}
@keyframes pin-label-arrive{from{opacity:0;transform:translateY(.6cqw)}to{opacity:1;transform:translateY(0)}}
@keyframes pin-shadow-arrive{from{opacity:0;transform:scale(.3)}to{opacity:1;transform:scale(1)}}
@media(max-width:600px) and (orientation:portrait){
  .pin-scene-intro{top:18%;left:7%;right:7%;display:block}
  .pin-scene-intro h2{font-size:15cqw;margin-bottom:3cqw}
  .pin-scene-intro p{font-size:3cqw}
  .pin-landscape{left:-4%;right:-4%;bottom:26%;aspect-ratio:3 / 1}
  .terrain-pin{width:30cqw}
  .terrain-pin-label{margin-bottom:2cqw}
  .terrain-pin-label small{font-size:2cqw;margin-bottom:1.3cqw}
  .terrain-pin-label b{font-size:3.7cqw}
  .terrain-pin-label>span{font-size:2.4cqw;margin-top:1.5cqw;white-space:nowrap}
  .terrain-pin-drop{width:9cqw;height:8cqw}
  .terrain-pin-shape{width:5.8cqw;height:5.8cqw}
  .terrain-pin::after{width:6cqw;left:calc(50% - 3cqw);height:1.4cqw;bottom:-.8cqw;filter:blur(.5cqw)}
  .pin-scene-hint{bottom:13%;font-size:2.5cqw!important}
}

/* The PIN metaphor connects the three questions to the joint project's purpose. */
.pin-map .pin-scene-intro{top:8%;left:7%;right:7%;display:block}
.pin-map .pin-scene-intro h2{font-size:2.9cqw;line-height:1.32;letter-spacing:-.05em;font-weight:650;margin:0 0 1.2cqw;word-break:keep-all}
.pin-scene-intro h2 em{font-style:normal;font-weight:800;color:#b91a48;letter-spacing:-.025em}
.pin-map .pin-scene-intro p{font-size:1cqw;line-height:1.7;letter-spacing:0;margin:0;color:#4f6874}
.pin-scene-intro p b{font-weight:750;color:var(--ink)}
.pin-intro-note{display:block;font-size:.94cqw;line-height:1.7;color:#526b76}
@media(max-width:600px) and (orientation:portrait){
 .pin-map .pin-scene-intro{top:10%}
 .pin-map .pin-scene-intro h2{font-size:5.7cqw;line-height:1.38;margin-bottom:3cqw}
 .pin-map .pin-scene-intro p{font-size:2.7cqw;line-height:1.7}
 .pin-intro-note{font-size:2.5cqw;line-height:1.7;max-width:100%;word-break:keep-all}
}

/* Optical vertical alignment of Korean text beside the wordmark. */
@media(min-width:1001px){.app-header .project-brand .bridge-title{position:relative;top:4px;align-self:center}}

/* Chapter numerals always touch the top of the footer, with no cropped glyphs. */
#stage{position:relative;isolation:isolate}
#slide-host{z-index:1}
.chapter-number{position:absolute;right:5.5%;bottom:0;display:block;width:clamp(150px,26vw,440px);height:auto;max-width:40%;max-height:72%;z-index:0;pointer-events:none;overflow:visible}
.chapter-number[hidden]{display:none!important}
.chapter-number text{font-family:inherit;font-size:300px;font-weight:800;letter-spacing:normal;fill:#ffffff45}
@media(max-width:600px) and (orientation:portrait){.chapter-number{right:4%;width:44vw;max-width:46%;max-height:45%}}
@media print{.chapter-number{display:none}}

/* Keep the lower part of the chapter numeral cropped flush with the footer. */
.chapter-number{overflow:hidden;bottom:0}

/* The original Pretendard variable font is used only for Hangul.
   Latin letters, numerals and symbols continue using the original font stack.
   Source: https://github.com/orioncactus/pretendard */
@font-face{
 font-family:"Pretendard Korean";
 src:url("assets/PretendardVariable.woff2") format("woff2");
 font-weight:100 900;
 font-style:normal;
 font-display:swap;
 unicode-range:U+1100-11FF,U+302E-302F,U+3130-318F,U+A960-A97F,U+AC00-D7A3,U+D7B0-D7FF,U+FFA0-FFDC;
}
/* Narrow Korean tracking gently as the inherited font size increases.
   Inline wrappers leave the existing English styles intact. */
.ko-text{all:unset!important;display:inline!important;letter-spacing:clamp(-.035em,calc(.55px - .05em),-.01em)!important}
.ko-text::before,.ko-text::after{content:none!important;display:none!important}

/* Pretendard copyright and font license:
Copyright (c) 2021, Kil Hyung-jin (https://github.com/orioncactus/pretendard),
with Reserved Font Name 'Pretendard'.

Copyright 2014-2021 Adobe (http://www.adobe.com/),
with Reserved Font Name 'Source'.
Source is a trademark of Adobe in the United States and/or other countries.

Copyright (c) 2016 The Inter Project Authors (https://github.com/rsms/inter),
with Reserved Font Name 'Inter'.

Copyright 2021 The M+ FONTS Project Authors (https://github.com/coz-m/MPLUS_FONTS),
with Reserved Font Name 'M PLUS 1'.

This Font Software is licensed under the SIL Open Font License, Version 1.1.
This license is copied below, and is also available with a FAQ at:
https://scripts.sil.org/OFL


-----------------------------------------------------------
SIL OPEN FONT LICENSE Version 1.1 - 26 February 2007
-----------------------------------------------------------

PREAMBLE
The goals of the Open Font License (OFL) are to stimulate worldwide
development of collaborative font projects, to support the font creation
efforts of academic and linguistic communities, and to provide a free and
open framework in which fonts may be shared and improved in partnership
with others.

The OFL allows the licensed fonts to be used, studied, modified and
redistributed freely as long as they are not sold by themselves. The
fonts, including any derivative works, can be bundled, embedded, 
redistributed and/or sold with any software provided that any reserved
names are not used by derivative works. The fonts and derivatives,
however, cannot be released under any other type of license. The
requirement for fonts to remain under this license does not apply
to any document created using the fonts or their derivatives.

DEFINITIONS
"Font Software" refers to the set of files released by the Copyright
Holder(s) under this license and clearly marked as such. This may
include source files, build scripts and documentation.

"Reserved Font Name" refers to any names specified as such after the
copyright statement(s).

"Original Version" refers to the collection of Font Software components as
distributed by the Copyright Holder(s).

"Modified Version" refers to any derivative made by adding to, deleting,
or substituting -- in part or in whole -- any of the components of the
Original Version, by changing formats or by porting the Font Software to a
new environment.

"Author" refers to any designer, engineer, programmer, technical
writer or other person who contributed to the Font Software.

PERMISSION & CONDITIONS
Permission is hereby granted, free of charge, to any person obtaining
a copy of the Font Software, to use, study, copy, merge, embed, modify,
redistribute, and sell modified and unmodified copies of the Font
Software, subject to the following conditions:

1) Neither the Font Software nor any of its individual components,
in Original or Modified Versions, may be sold by itself.

2) Original or Modified Versions of the Font Software may be bundled,
redistributed and/or sold with any software, provided that each copy
contains the above copyright notice and this license. These can be
included either as stand-alone text files, human-readable headers or
in the appropriate machine-readable metadata fields within text or
binary files as long as those fields can be easily viewed by the user.

3) No Modified Version of the Font Software may use the Reserved Font
Name(s) unless explicit written permission is granted by the corresponding
Copyright Holder. This restriction only applies to the primary font name as
presented to the users.

4) The name(s) of the Copyright Holder(s) or the Author(s) of the Font
Software shall not be used to promote, endorse or advertise any
Modified Version, except to acknowledge the contribution(s) of the
Copyright Holder(s) and the Author(s) or with their explicit written
permission.

5) The Font Software, modified or unmodified, in part or in whole,
must be distributed entirely under this license, and must not be
distributed under any other license. The requirement for fonts to
remain under this license does not apply to any document created
using the Font Software.

TERMINATION
This license becomes null and void if any of the above conditions are
not met.

DISCLAIMER
THE FONT SOFTWARE IS PROVIDED "AS IS", WITHOUT WARRANTY OF ANY KIND,
EXPRESS OR IMPLIED, INCLUDING BUT NOT LIMITED TO ANY WARRANTIES OF
MERCHANTABILITY, FITNESS FOR A PARTICULAR PURPOSE AND NONINFRINGEMENT
OF COPYRIGHT, PATENT, TRADEMARK, OR OTHER RIGHT. IN NO EVENT SHALL THE
COPYRIGHT HOLDER BE LIABLE FOR ANY CLAIM, DAMAGES OR OTHER LIABILITY,
INCLUDING ANY GENERAL, SPECIAL, INDIRECT, INCIDENTAL, OR CONSEQUENTIAL
DAMAGES, WHETHER IN AN ACTION OF CONTRACT, TORT OR OTHERWISE, ARISING
FROM, OUT OF THE USE OR INABILITY TO USE THE FONT SOFTWARE OR FROM
OTHER DEALINGS IN THE FONT SOFTWARE.

*/

/* Project identity on the left, compact presentation navigation on the right. */
.app-header{height:64px;justify-content:flex-end}
.app-footer{display:flex;align-items:center;justify-content:space-between;gap:36px;padding:16px 4%}
.footer-identity{flex:1;min-width:0;position:relative;top:-5px}
.app-footer .project-brand{display:flex;align-items:center;gap:20px;min-width:0;font-size:25px;letter-spacing:-1px;color:#f3f5f6;text-decoration:none}
.footer-identity .bridge-name{flex-shrink:0;white-space:nowrap}
.footer-identity .bridge-title{position:relative;top:4px;font-size:13px;font-weight:500;line-height:1.5;letter-spacing:-.035em;color:#b8c4cc;word-break:keep-all}
.footer-controls{flex:0 0 42%;width:42%;max-width:600px;min-width:320px}
.footer-controls .footer-top{margin-bottom:8px;gap:16px}
.footer-controls .slide-meta{flex:1;min-width:0;gap:10px}
.footer-controls .slide-meta>span:first-child{flex-shrink:0}
.footer-controls .meta-line{flex-shrink:0}
.footer-controls #slide-title{min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.footer-controls .navigation{flex-shrink:0}
.footer-controls #progress{gap:4px}
.footer-identity a:focus-visible{outline:2px solid #ff83a2;outline-offset:6px;border-radius:4px}
@media(max-width:1150px){
 .app-footer{gap:28px}
 .app-footer .project-brand{font-size:23px;gap:15px}
 .footer-identity .bridge-title{font-size:11px;line-height:1.6;top:3px}
 .footer-controls .slide-meta>span:first-child,.footer-controls .meta-line{display:none}
 .footer-controls .navigation{gap:10px}
}
@media(max-width:800px){
 .app-footer{gap:22px;padding:15px 4%}
 .app-footer .project-brand{flex-direction:column;align-items:flex-start;gap:4px;font-size:22px}
 .footer-identity .bridge-title{top:0;font-size:10px;line-height:1.6;max-width:34em}
 .footer-controls{flex-basis:45%;width:45%;min-width:270px}
}
@media(max-width:600px){
 .app-header{height:56px}
 .app-footer{flex-direction:column;align-items:stretch;gap:17px;padding:15px 4% 14px}
 .app-footer .project-brand{flex-direction:row;align-items:center;gap:15px;font-size:21px}
 .footer-identity .bridge-title{font-size:10px;max-width:none;flex:1}
 .footer-controls{flex:0 0 auto;align-self:flex-end;width:100%;max-width:480px;min-width:0}
 .footer-controls .footer-top{margin-bottom:8px}
}
@media print{.app-header,.app-footer{display:none}}

/* Evidence slide: independently labelled rates and resignation composition. */
.retention-heading{position:absolute;left:6%;right:6%;top:5%}
.retention-heading .eyebrow{margin-bottom:1cqw}
.retention-heading h2{font-size:3.25cqw;line-height:1.25;font-weight:650;letter-spacing:-.05em;margin:0}
.retention-heading h2 em{font-style:normal;color:#d7194d;font-weight:800}
.retention-panels{position:absolute;inset:32% 6% 13%;display:grid;grid-template-columns:1.55fr 1fr;gap:2.5cqw}
.retention-panels figure{margin:0;min-width:0;border-top:0;padding-top:1.5cqw}
.retention-panels figcaption{font-size:1.15cqw;line-height:1.5;font-weight:650}
.retention-trend figcaption{display:flex;justify-content:space-between;gap:1cqw;align-items:center}
.retention-trend figcaption>span{font-size:.9cqw;font-weight:450;color:var(--muted);white-space:nowrap}
.retention-trend figcaption b{color:#c71648;font-weight:750;margin-left:.5cqw}
.retention-chart{width:100%;display:block;margin-top:.7cqw;overflow:visible}
.chart-grid{stroke:#315b6b22;stroke-width:1}
.retention-chart text{font-family:inherit;fill:#526a75}
.retention-chart .chart-axis{font-size:13px;fill:#617980}
.retention-chart .chart-year{font-size:16px}
.retention-chart .chart-value{font-size:19px;font-weight:650;fill:var(--ink)}
.retention-line{stroke:#d7194d;stroke-width:3;stroke-linecap:round;stroke-linejoin:round}
.chart-point circle{fill:#e8eef5;stroke:#d7194d;stroke-width:2.5}
.chart-point.latest circle{fill:#d7194d;stroke:#fff;stroke-width:2}
.chart-point.latest .chart-value{fill:#c71648;font-weight:800;font-size:23px}
.chart-point:focus{outline:none}.chart-point:focus circle,.chart-point:hover circle{stroke:#17292f;stroke-width:4}
.retention .chart-note{font-size:.95cqw;color:var(--muted);margin:.2cqw 0 0 3cqw}
.retention-share{padding-left:2.4cqw;border-left:0}
.share-number{font-size:6.8cqw;line-height:1;letter-spacing:-.065em;font-weight:750;margin:1.4cqw 0 .4cqw}
.share-number>span{font-size:3.2cqw;font-weight:400;letter-spacing:-.04em;margin-left:.3cqw}
.retention .share-description{font-size:1.1cqw;margin:0 0 1.3cqw;color:#415d67}
.share-description strong{color:var(--ink);font-weight:700}
.share-bar{height:.85cqw;border-radius:2cqw;background:#52647729;overflow:hidden}
.share-bar>span{display:block;height:100%;background:#d7194d;border-radius:2cqw}
.share-legend{display:flex;align-items:center;justify-content:space-between;gap:1cqw;font-size:.85cqw;color:var(--muted);margin-top:.65cqw}
.share-legend>span:first-child{color:#a91c43}.share-legend i{display:inline-block;width:.4cqw;height:.4cqw;margin-right:.35cqw;border-radius:50%;background:#d7194d;vertical-align:middle}
.retention .share-note{font-size:1.2cqw;line-height:1.5;margin:1.5cqw 0 0;color:#415d67}
.share-note strong{font-weight:700;color:var(--ink)}
.retention .retention-source{position:absolute;left:6%;right:6%;bottom:3%;font-size:.7cqw;line-height:1.65;color:#526b74;margin:0}
.retention-source a{text-decoration-color:#526b7466;text-underline-offset:3px}
.retention-thumb{aspect-ratio:16/9;background:linear-gradient(115deg,#d9f4eb,#d8d9fc);display:flex;align-items:center;justify-content:center;gap:7%;color:var(--ink)}
.retention-thumb>b{font-size:32px;color:#c71648;letter-spacing:-2px}.retention-thumb>b small{font-size:17px;display:inline}.retention-thumb>i{font-style:normal;font-size:25px}.retention-thumb>strong{font-size:23px;letter-spacing:-1px}
@media(max-width:600px) and (orientation:portrait){
 .retention-heading{top:4%;left:6%;right:6%}.retention-heading h2{font-size:6cqw}.retention-heading .eyebrow{font-size:2.3cqw;margin-bottom:2cqw}
 .retention-panels{inset:24% 6% 15%;display:flex;flex-direction:column;gap:3cqw}.retention-panels figure{padding-top:2cqw}.retention-panels figcaption{font-size:2.9cqw}.retention-trend figcaption{align-items:flex-start}.retention-trend figcaption>span{font-size:2.15cqw}.retention-chart{margin-top:1cqw}.retention .chart-note{font-size:2.3cqw;margin-top:0}
 .retention-share{border-left:0;padding-left:0;position:relative;padding-right:45%;min-height:28cqw}.retention-share figcaption{white-space:nowrap}.share-number{font-size:13cqw;margin:2cqw 0 .8cqw}.share-number>span{font-size:6cqw}.retention .share-description{font-size:2.4cqw;white-space:nowrap;margin-bottom:2cqw}.share-bar{height:1.5cqw}.share-legend{font-size:1.9cqw;margin-top:1.5cqw;gap:2cqw}.share-legend i{width:1cqw;height:1cqw}.retention .share-note{position:absolute;right:0;top:9cqw;width:39%;font-size:2.8cqw;margin:0}.retention .retention-source{bottom:2%;font-size:1.9cqw;line-height:1.6}
}

/* Place the statistical basis and source directly below the headline. */
.retention .retention-heading .retention-source{position:static;margin:1.1cqw 0 0;font-size:.7cqw;line-height:1.65}
@media(max-width:600px) and (orientation:portrait){.retention .retention-heading .retention-source{font-size:1.9cqw;line-height:1.6;margin-top:2cqw}.retention-panels{top:29%}}

/* Reality Shock: a headline and two equally prominent statistics. */
.retention .retention-heading{right:43%}
.retention .retention-heading h2{font-size:5.6cqw;font-weight:600;line-height:1.1;letter-spacing:-.06em}
.retention .retention-heading .retention-source{margin-top:1.3cqw;font-size:.66cqw;line-height:1.7}
.retention-claim{position:absolute;left:62%;right:6%;top:5%}
.retention .retention-claim p{font-size:1.35cqw;font-weight:550;line-height:1.5;margin:0;color:#314d58}
.claim-number{font-size:6.8cqw;font-weight:750;line-height:1;letter-spacing:-.065em;color:#d7194d;margin:.65cqw 0 .65cqw;white-space:nowrap}
.claim-number>span{font-size:3.2cqw;font-weight:400;letter-spacing:-.04em;margin-left:.3cqw}
.claim-number>small{font-size:1.35cqw;font-weight:550;margin-left:.5cqw;letter-spacing:0;color:#314d58}
.retention .retention-panels{top:37%;bottom:15%}
.retention .retention-panels figure{position:relative;padding-top:0;padding-bottom:4cqw}
.retention .retention-panels figcaption{position:absolute;bottom:0;left:0;right:0;text-align:center;display:block;font-size:.95cqw;font-weight:500;line-height:1.5;color:#49636e}
.retention .retention-trend figcaption strong{font-weight:500}
.retention .retention-chart{margin-top:0}
.retention .retention-share{padding-left:2.4cqw}
.retention .retention-share figcaption{left:2.4cqw}
.retention .share-number{font-size:6.8cqw;line-height:1;margin:.1cqw 0 .6cqw}
.retention .share-number>span{font-size:3.2cqw}
.retention .share-description{margin-bottom:1.8cqw}
@media(max-width:600px) and (orientation:portrait){
 .slide.retention{min-height:780px}
 .retention .retention-heading{top:3%;left:6%;right:6%}
 .retention .retention-heading h2{font-size:11.5cqw}
 .retention .retention-heading .retention-source{font-size:1.9cqw;margin-top:2cqw}
 .retention-claim{top:19%;left:6%;right:6%}
 .retention .retention-claim p{font-size:3.1cqw}
 .claim-number{font-size:15cqw;margin:1cqw 0}
 .claim-number>span{font-size:7cqw}.claim-number>small{font-size:3.1cqw;margin-left:1cqw}
 .retention .retention-panels{top:40%;bottom:5%;gap:7cqw}
 .retention .retention-panels figure{padding-bottom:6cqw}
 .retention .retention-panels figcaption{font-size:2.7cqw;left:0;white-space:normal}
 .retention .retention-share{padding-left:0;padding-right:0;min-height:37cqw;flex:1}
 .retention .share-number{font-size:15cqw;margin:0 0 1cqw}.retention .share-number>span{font-size:7cqw}
 .retention .share-description{font-size:3cqw;margin-bottom:3cqw}
 .retention .share-bar{height:1.8cqw}.retention .share-legend{font-size:2.2cqw}
}

/* Illustrated evidence: conceptual scenes; rates remain separately typeset. */
.retention .retention-heading{left:6%;right:6%;top:4%}
.retention .retention-heading h2{font-size:5.1cqw;line-height:1.12}
.retention .reality-summary{font-size:1.45cqw;font-weight:450;line-height:1.5;margin:1.15cqw 0 0;word-break:keep-all;text-wrap:balance}
.reality-summary strong{font-weight:750;color:#c71648}
.retention .retention-heading .retention-source{font-size:.63cqw;line-height:1.65;margin-top:.7cqw;color:#526b74}
.reality-scenes{position:absolute;inset:31% 5% 4%;display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:3.5cqw}
.reality-scene{margin:0;min-width:0;min-height:0;display:flex;flex-direction:column;align-items:stretch}
.reality-stat{display:flex;align-items:center;justify-content:center;gap:1.45cqw;flex-shrink:0}
.reality-number{font-size:6.8cqw;font-weight:750;line-height:1;letter-spacing:-.065em;color:#d7194d;white-space:nowrap}
.earlycareer-scene .reality-number{color:var(--ink)}
.reality-number>span{font-size:3.2cqw;font-weight:400;letter-spacing:-.04em;margin-left:.3cqw}
.retention .reality-stat p{font-size:1.05cqw;line-height:1.65;font-weight:450;margin:0;color:#435e68;word-break:keep-all}
.reality-stat strong{font-weight:650;color:var(--ink)}
.reality-art{position:relative;flex:1;min-height:0;margin-top:.8cqw;display:flex;align-items:center;justify-content:center}
.reality-art img{display:block;width:100%;height:100%;object-fit:contain}
.reality-scene figcaption{font-size:.9cqw;font-weight:500;line-height:1.5;text-align:center;color:#49636e;margin-top:.6cqw;flex-shrink:0}
@media(max-width:600px) and (orientation:portrait){
 .slide.retention{min-height:850px}
 .retention .retention-heading{top:3%;left:6%;right:6%}
 .retention .retention-heading h2{font-size:10.8cqw}
 .retention .reality-summary{font-size:3.25cqw;margin-top:2.5cqw;line-height:1.65;text-wrap:pretty}
 .retention .retention-heading .retention-source{font-size:1.9cqw;margin-top:2cqw}
 .reality-scenes{inset:27% 5% 3%;grid-template-columns:minmax(0,1fr);grid-template-rows:minmax(0,1fr) minmax(0,1fr);gap:6cqw}
 .reality-stat{gap:3cqw}.reality-number{font-size:14cqw}.reality-number>span{font-size:6.8cqw}
 .retention .reality-stat p{font-size:2.9cqw}.reality-art{margin-top:1cqw}.reality-scene figcaption{font-size:2.5cqw;margin-top:1cqw}
}

/* Stronger statement and statistics overlapping the lower-right of each scene. */
.retention .reality-summary{font-size:2.05cqw;font-weight:750;line-height:1.36;margin-top:1.1cqw;letter-spacing:-.035em;text-wrap:initial}
.reality-summary strong{font-weight:800}
.retention .retention-heading .retention-source{margin-top:.75cqw}
.reality-scenes{top:37%;bottom:5%;gap:3.5cqw}
.reality-scene{position:relative;display:block;isolation:isolate}
.reality-art{position:absolute;inset:0;margin:0;display:block}
.reality-art img{width:100%;height:100%;object-fit:contain;object-position:center 40%}
.reality-stat{position:absolute;right:0;bottom:3.5cqw;z-index:2;gap:1.1cqw;max-width:100%;padding:.5cqw .7cqw;justify-content:flex-end;isolation:isolate}
.reality-stat:before{content:"";position:absolute;inset:-.6cqw -1.2cqw;z-index:-1;background:radial-gradient(ellipse at center,#eaf2f9f5 35%,#eaf2f9d9 55%,#eaf2f900 75%);filter:blur(6px);pointer-events:none}
.reality-number{font-size:6.8cqw;text-shadow:0 2px 16px #eef4f9e6}
.retention .reality-stat p{font-size:1cqw;line-height:1.6;font-weight:500;text-shadow:0 1px 8px #f5f8ff}
@media(max-width:600px) and (orientation:portrait){
 .retention .reality-summary{font-size:4.3cqw;line-height:1.4;margin-top:2.3cqw}
 .retention .retention-heading .retention-source{margin-top:2cqw}
 .reality-scenes{top:30%;bottom:3%;gap:4cqw}
 .reality-stat{right:0;bottom:0;gap:2.5cqw;padding:1.5cqw .8cqw}
 .reality-stat:before{inset:-2cqw -3cqw;filter:blur(5px)}
 .reality-number{font-size:14cqw}.reality-number>span{font-size:6.8cqw}
 .retention .reality-stat p{font-size:2.7cqw}
}

/* One full-width statement, matched human scale, and more breathing room. */
.retention .reality-summary{white-space:nowrap;width:100%;font-size:2.4cqw;line-height:1.35;overflow:visible;text-wrap:nowrap}
.reality-scenes{inset:34% 7% 8%;gap:5cqw}
.reality-art{inset:0 0 12%;display:flex;align-items:flex-end;justify-content:center}
.reality-art img{width:90%;height:auto;max-height:100%;object-fit:contain;object-position:center bottom}
.earlycareer-scene .reality-art img{width:60%}
.reality-stat{right:4%;bottom:0;display:flex;flex-direction:column;align-items:flex-start;justify-content:center;gap:.55cqw;padding:.5cqw .7cqw}
.retention .reality-stat p{font-size:.9cqw;line-height:1.5;white-space:nowrap;margin:0}
.reality-stat strong{font-weight:600}
@media(max-width:600px) and (orientation:portrait){
 .retention .reality-summary{white-space:nowrap;line-height:1.4;margin-top:2.3cqw}
 .reality-scenes{inset:25% 5% 4%;gap:7cqw}
 .reality-art{inset:0 0 15%;align-items:flex-end}
 .reality-art img{width:90%;height:auto;max-height:100%}
 .earlycareer-scene .reality-art img{width:60%}
 .reality-stat{right:4%;bottom:0;gap:1.2cqw;flex-direction:column;align-items:flex-start}
 .retention .reality-stat p{font-size:2.3cqw;white-space:nowrap}
}

/* Both dioramas are generated together, with one shared camera and human scale. */
.retention .reality-summary{font-size:2.4cqw;font-weight:750;white-space:normal;line-height:1.4;text-wrap:initial;width:100%;margin-top:1cqw}
.paired-scenes{inset:35% 6% 7%;gap:5cqw}
.reality-pair-art{position:absolute;inset:0;width:100%;height:100%;object-fit:contain;object-position:center 35%;pointer-events:none}
.paired-scenes .reality-scene{position:relative;min-width:0;z-index:1}
.paired-scenes .reality-stat{right:3%;bottom:0;gap:.55cqw}
.paired-scenes .reality-stat:before{background:radial-gradient(ellipse at center,#eaf2f9e8 35%,#eaf2f9b3 55%,#eaf2f900 75%)}
@media(max-width:600px) and (orientation:portrait){
 .retention .reality-summary{font-size:4.2cqw;white-space:normal;line-height:1.5;margin-top:2.5cqw}
 .paired-scenes{inset:30% 4% 6%;grid-template-columns:minmax(0,1fr) minmax(0,1fr);grid-template-rows:1fr;gap:3cqw}
 .reality-pair-art{object-position:center 25%}
 .paired-scenes .reality-stat{right:0;left:0;bottom:10%;padding:1cqw;align-items:center}
 .paired-scenes .reality-number{font-size:11cqw}.paired-scenes .reality-number>span{font-size:5.3cqw}
 .retention .paired-scenes .reality-stat p{font-size:1.6cqw;white-space:nowrap}
}

/* Slightly reduce the matched illustration while retaining its shared proportions. */
.reality-pair-art{transform:scale(.9);transform-origin:center center}

/* Separate the two coordinated scenes without changing their scale. */
.reality-pair-art.pair-left{clip-path:inset(0 50% 0 0);transform:translateX(-1.2cqw) scale(.9)}
.reality-pair-art.pair-right{clip-path:inset(0 0 0 50%);transform:translateX(1.2cqw) scale(.9)}
.paired-scenes .departure-scene .reality-stat{transform:translateX(-1.2cqw)}
.paired-scenes .earlycareer-scene .reality-stat{transform:translateX(1.2cqw)}

/* Experience sets up the move from physical reproduction to clinical reasoning. */
.experience-heading{position:absolute;left:6%;right:6%;top:5%}
.experience-limit .experience-heading h2{font-size:2.3cqw;font-weight:600;letter-spacing:-.055em;line-height:1.1;margin:0 0 1.2cqw}
.experience-heading h3{font-size:3.1cqw;line-height:1.27;letter-spacing:-.045em;font-weight:700;margin:0}
.experience-examples{position:absolute;inset:34% 6% 28%;display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:1.8cqw;align-items:start}
.experience-examples figure{margin:0;min-width:0}
.experience-examples img{display:block;width:100%;height:12cqw;object-fit:cover;border-radius:.9cqw;box-shadow:0 .5cqw 2cqw #27414f08}
.experience-examples figcaption{margin:1.2cqw 0 0}
.experience-examples figcaption>strong{display:block;font-size:1.3cqw;line-height:1.4;font-weight:700}
.experience-examples figcaption>span{display:block;font-size:.95cqw;line-height:1.6;color:#526e78;margin-top:.3cqw}
.experience-insight{position:absolute;left:6%;right:6%;bottom:6%;display:grid;grid-template-columns:1fr 1.3fr;gap:4cqw;align-items:center;border-top:1px solid #25434b26;padding-top:1.7cqw}
.experience-limit .experience-value p{font-size:.95cqw;line-height:1.6;color:#526e78;margin:0 0 .55cqw}
.experience-value>strong{font-size:1.3cqw;line-height:1.6;font-weight:600}
.experience-limit .experience-question p{font-size:2.25cqw;line-height:1.3;font-weight:700;letter-spacing:-.04em;margin:0 0 .9cqw}
.experience-question>span{font-size:1cqw;line-height:1.6;color:#526e78}
.experience-question>span>strong{font-weight:700;color:#c71648}
@media(max-width:600px) and (orientation:portrait){
 .slide.experience-limit{min-height:740px}
 .experience-heading{top:4%;left:7%;right:7%}
 .experience-limit .experience-heading h2{font-size:5cqw;margin-bottom:3cqw}
 .experience-heading h3{font-size:6.2cqw;line-height:1.35}
 .experience-examples{inset:25% 7% 32%;display:flex;flex-direction:column;gap:4cqw}
 .experience-examples figure{display:flex;align-items:center;gap:4cqw;width:100%;flex:1;min-height:0}
 .experience-examples img{width:43%;height:20cqw;border-radius:2cqw}
 .experience-examples figcaption{margin:0;flex:1}.experience-examples figcaption>strong{font-size:3.7cqw}.experience-examples figcaption>span{font-size:2.6cqw;margin-top:1.5cqw}
 .experience-insight{left:7%;right:7%;bottom:4%;grid-template-columns:1fr;gap:4cqw;padding-top:4cqw}
 .experience-limit .experience-value p{font-size:2.6cqw;margin-bottom:1cqw}.experience-value>strong{font-size:3.1cqw;line-height:1.5}.experience-value>strong br{display:none}
 .experience-limit .experience-question p{font-size:5.1cqw;margin-bottom:2cqw}.experience-question>span{font-size:2.7cqw}
}

/* A quiet, two-image statement about the quality of experience. */
.proper-experience-heading{position:absolute;left:6%;right:6%;top:5%}
.proper-experience .proper-experience-heading h2{font-size:4.7cqw;font-weight:750;line-height:1.15;letter-spacing:-.045em;margin:0 0 1.4cqw}
.proper-experience-heading h3{font-size:2.65cqw;line-height:1.4;letter-spacing:-.04em;font-weight:550;margin:0;color:#314e58}
.proper-experience-heading h3 strong{font-weight:750;color:var(--ink)}
.proper-experience-visual{position:absolute;inset:35% 6% 8%;margin:0;display:flex;flex-direction:column;min-height:0}
.proper-experience-visual>img{display:block;width:94%;height:100%;max-height:100%;min-height:0;flex:1;object-fit:contain;align-self:center}
.proper-experience-visual figcaption{display:grid;grid-template-columns:1fr 1fr;gap:3cqw;font-size:1.05cqw;font-weight:550;line-height:1.5;color:#496570;text-align:center;flex-shrink:0;margin-top:1.4cqw}
@media(max-width:600px) and (orientation:portrait){
 .slide.proper-experience{min-height:600px}
 .proper-experience-heading{top:7%;left:7%;right:7%}
 .proper-experience .proper-experience-heading h2{font-size:10cqw;margin-bottom:5cqw}
 .proper-experience-heading h3{font-size:5.5cqw;line-height:1.5}
 .proper-experience-visual{inset:38% 4% 18%}
 .proper-experience-visual>img{width:100%}
 .proper-experience-visual figcaption{font-size:2.4cqw;gap:3cqw;margin-top:3cqw}
}

/* Figma source screens retain their own aspect ratios and complete bounds. */
.connect-source .connections{inset:25% 7% 4%;align-items:stretch;gap:2.5cqw}
.connect-source .connect-card{height:100%;min-height:0;min-width:0}
.connect-source .connect-card img{display:block;flex-shrink:1;width:auto;height:calc(100% - 4.4cqw);max-width:100%;object-fit:contain;object-position:center top;border-radius:1.1cqw}
@media(max-width:600px) and (orientation:portrait){
 .connect-source .connections{inset:25% 6% 14%;align-items:center;gap:2cqw}
 .connect-source .connect-card{justify-content:center}
 .connect-source .connect-card img{height:auto;width:100%;max-height:calc(100% - 10cqw);object-fit:contain;border-radius:2cqw}
}

/* Preserve the original screen colors in all three columns. */
.connect-source .connect-card{opacity:1}
.connect-source .connect-card.active,.connect-source .connect-card:hover{transform:none}

/* Slides 10–15: native Figma composition, proportional at every viewport. */
.slide.figma-slide{min-height:0;overflow:hidden;background:transparent;animation:none;border-radius:0;box-shadow:none}
.slide.figma-slide::before{display:none}
.slide.figma-slide>*{animation:none!important}
.figma-canvas{position:absolute;inset:0;display:block;width:100%;height:100%;overflow:hidden}
.figma-audio-toggle{display:block;width:100%;height:100%;margin:0;padding:0;background:transparent;border:0;border-radius:32px;cursor:pointer}
.figma-audio-toggle:focus-visible{outline:3px solid #f52d55;outline-offset:-6px}
.figma-slide>audio{display:none}

/* Native presentation text over transparent Figma content. */
.figma-heading{color:var(--ink);font-family:inherit;text-align:left}
.figma-heading>p{margin:0;font-size:32px;font-weight:300;line-height:40px;letter-spacing:-.64px;text-transform:none}
.figma-heading>h2{margin:0;font-size:48px;font-weight:700;line-height:60px;letter-spacing:-1.92px;white-space:nowrap}

/* Full presentation area above the persistent navigation bar. */
#stage.figma-stage{padding:0;align-items:stretch}
#stage.figma-stage>#slide-host{width:100%;height:100%;max-width:none;max-height:none;flex:1}
.figma-slide>.figma-heading{position:absolute;left:7.8125%;right:4%;top:10.185185%;z-index:2;pointer-events:none}
.figma-slide>.figma-heading>p{font-size:1.666667cqw;line-height:1.25;letter-spacing:-.02em}
.figma-slide>.figma-heading>h2{font-size:2.5cqw;line-height:1.25;letter-spacing:-.04em}

/* Shared vertical rhythm for desktop and landscape presentations. */
.slide{--section-top:12%;--body-offset-y:0}
@media(min-width:601px),(orientation:landscape){
 .slide{--body-offset-y:4}
 .slide-head,.pin-map .pin-scene-intro,
 .retention .retention-heading,.proper-experience-heading,
 .figma-slide>.figma-heading{top:var(--section-top)}
 .retention .paired-scenes{top:42%}
 .proper-experience-visual{top:42%}
}

/* Lift both illustrations and statistics together without resizing them. */
.retention .paired-scenes{translate:0 -2cqh}

/* Slide 7: a single-line qualification and more room below the illustration. */
.proper-experience-heading h3{white-space:nowrap}
.proper-experience-visual{translate:0 -2cqh}
@media(max-width:600px) and (orientation:portrait){
 .proper-experience-heading h3{font-size:3.6cqw}
}

/* Understanding the reason: observation, connections, justified judgment. */
.reasoning-experience-heading{position:absolute;left:6%;right:6%;top:var(--section-top)}
.reasoning-experience .reasoning-experience-heading h2{font-size:4.2cqw;font-weight:750;line-height:1.22;letter-spacing:-.045em;margin:0 0 1.3cqw;white-space:nowrap}
.reasoning-experience-heading h2 em{font-style:normal;font-weight:800;color:#bd1745}
.reasoning-experience .reasoning-experience-heading p{font-size:1.65cqw;font-weight:500;line-height:1.6;letter-spacing:-.025em;margin:0;color:#314e58}
.reasoning-experience-visual{position:absolute;inset:34% 6% 9%;margin:0;display:flex;flex-direction:column;min-height:0}
.reasoning-experience-visual>img{display:block;width:100%;height:100%;max-height:100%;min-height:0;flex:1;object-fit:contain}
.reasoning-experience-visual figcaption{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:3cqw;margin-top:1cqw;flex-shrink:0;text-align:center}
.reasoning-experience-visual figcaption strong{display:block;font-size:1.35cqw;font-weight:700;line-height:1.5;letter-spacing:-.035em;color:var(--ink)}
.reasoning-experience-visual figcaption span{display:block;font-size:.95cqw;font-weight:450;line-height:1.6;margin-top:.3cqw;letter-spacing:-.02em;color:#526b74}
.thumbnail img[src*="reasoning-experience"]{object-fit:contain;background:linear-gradient(115deg,#d9f4eb,#d8d9fc)}
@media(max-width:600px) and (orientation:portrait){
 .reasoning-experience-heading{top:10%;left:7%;right:7%}
 .reasoning-experience .reasoning-experience-heading h2{font-size:5.6cqw;margin-bottom:3cqw}
 .reasoning-experience .reasoning-experience-heading p{font-size:3.2cqw;line-height:1.65;max-width:95%}
 .reasoning-experience-visual{inset:32% 4% 17%}
 .reasoning-experience-visual figcaption{gap:2cqw;margin-top:4cqw}
 .reasoning-experience-visual figcaption strong{font-size:2.8cqw}
 .reasoning-experience-visual figcaption span{font-size:2.2cqw;word-break:keep-all;margin-top:1.5cqw}
}

/* Live source screens keep their own typography, scrolling and controls. */
.slide.live-mockups{overflow:visible;animation:none}
.live-mockups-frame{position:absolute;inset:0;width:100%;height:100%;border:0;display:block;background:transparent;animation:none!important}
.live-mockups-thumb{aspect-ratio:16/9;display:flex;align-items:center;justify-content:center;gap:8%;background:linear-gradient(115deg,#d9f4eb,#d8d9fc)}
.live-mockups-thumb i{width:17%;height:79%;border:3px solid #bcc4ce;border-radius:12%;background:#17212a;box-shadow:0 4px 10px #263d4c20}

.demo-login-trigger{position:absolute;right:1.8%;bottom:1.8%;z-index:6;display:inline-flex;align-items:center;gap:6px;background:transparent;border:1px solid #47616b35;border-radius:30px;padding:7px 11px;font-size:clamp(10px,.85cqw,13px);font-weight:500;color:#4f6973;opacity:.58;transition:opacity .2s,background .2s;animation:none!important}
.demo-login-trigger:hover,.demo-login-trigger:focus-visible{opacity:1;background:#ffffff60}
.demo-login-dialog{width:min(440px,calc(100vw - 36px));max-height:calc(100dvh - 36px);overflow:auto;padding:32px;border:1px solid #d8e1e4;border-radius:20px;color:#172f37;background:#f8fbfb;box-shadow:0 24px 80px #152d3b38}
.demo-login-dialog::backdrop{background:#0c263342;backdrop-filter:blur(5px)}
.demo-login-close{position:absolute;right:15px;top:12px;background:none;font-size:25px;padding:3px 7px;color:#71818a}
.demo-login-eyebrow{font-size:10px;letter-spacing:.17em;color:#7b9098;margin:0 0 10px}
.demo-login-dialog h2{font-size:25px;font-weight:750;letter-spacing:-.04em;margin:0 0 12px}
.demo-login-description{font-size:12px;line-height:1.7;color:#617982;margin:0 0 24px;word-break:keep-all}
.demo-login-field{display:block;margin-top:15px}.demo-login-field>span{display:block;font-size:11px;font-weight:650;margin-bottom:7px;color:#617982}
.demo-login-field>div{display:flex;align-items:center;gap:9px;border:1px solid #d8e3e6;border-radius:10px;background:white;padding:5px 5px 5px 12px}
.demo-login-field input{width:0;min-width:0;flex:1;border:0;background:transparent;font:500 13px system-ui;color:#213f49;outline-offset:4px}
.demo-login-field button{padding:8px 12px;border:0;border-radius:7px;background:#e9f2f3;font-size:11px;white-space:nowrap}
.demo-login-actions{display:grid;grid-template-columns:1fr;gap:9px;margin-top:24px}
.demo-login-actions>a,.demo-login-actions>button{display:flex;justify-content:center;align-items:center;gap:14px;border-radius:10px;padding:12px;font-size:13px;font-weight:650;text-decoration:none}
.demo-login-actions>a{background:#18353e;color:#fff}.demo-login-actions>button{background:#e7f0f1;color:#33515b}
.demo-login-status{font-size:11px;line-height:1.6;color:#6c838c;margin:15px 0 12px;min-height:35px;word-break:keep-all}
.demo-original-link{font-size:10px;color:#718791;text-underline-offset:3px}

/* A landscape tablet retains a 1280 × 800 application viewport at any slide size. */
.slide.nursingfit-tablet{animation:none;overflow:visible}
.tablet-mockup{position:absolute;left:50%;top:50%;transform:translate(-50%,-50%);animation:none!important}
.tablet-hardware{position:relative;width:1332px;height:852px;transform:scale(var(--tablet-scale,.7));transform-origin:top left;border:3px solid #d3d8df;border-radius:47px;background:linear-gradient(135deg,#454a54,#12141b 35%,#20232b 70%,#444a54);box-shadow:inset 0 0 0 2px #777e89,inset 0 0 0 5px #080b12,0 28px 65px -15px #20324a36,0 6px 12px #20324a20}
.tablet-display{position:absolute;left:23px;top:23px;width:1280px;height:800px;border-radius:24px;overflow:hidden;background:#f6f8fb;isolation:isolate}
.nursingfit-frame{display:block;width:1280px;height:800px;border:0;background:#f6f8fb}
.tablet-camera{position:absolute;left:50%;top:8px;width:8px;height:8px;transform:translateX(-50%);border-radius:50%;background:radial-gradient(circle at 40% 35%,#546386 0 10%,#182135 30%,#03050b 65%);box-shadow:0 0 0 1px #0e111a;pointer-events:none}
.tablet-power{position:absolute;right:96px;top:-6px;width:64px;height:4px;border-radius:3px 3px 0 0;background:#9ea5b1;pointer-events:none}
.tablet-volume{position:absolute;right:-6px;top:88px;height:75px;width:4px;border-radius:0 3px 3px 0;background:#9ea5b1;pointer-events:none}
.tablet-home{position:absolute;left:50%;bottom:9px;width:125px;height:3px;background:#aeb2bd80;border-radius:5px;transform:translateX(-50%);pointer-events:none}
.tablet-original-link{position:absolute;right:1.8%;bottom:1.8%;font-size:clamp(10px,.85cqw,13px);color:#4f6973;opacity:.58;text-decoration:none;padding:7px 11px;animation:none!important}
.tablet-original-link:hover,.tablet-original-link:focus-visible{opacity:1;text-decoration:underline;text-underline-offset:3px}
.tablet-thumb{aspect-ratio:16/9;display:grid;place-items:center;background:linear-gradient(115deg,#d9f4eb,#d8d9fc)}
.tablet-thumb>i{width:75%;height:79%;border:5px solid #2b303b;outline:1px solid #cbd3dd;border-radius:9px;background:linear-gradient(110deg,#f8fbff 40%,#dbe9ef 40%);position:relative}
.tablet-thumb>i>span{position:absolute;width:12px;height:12px;border-radius:50%;background:#396eea;left:65%;top:40%;box-shadow:15px 13px 0 -2px #396eea,-15px 22px 0 -3px #396eea}

.thumbnail img.academic-thumbnail{object-fit:contain;background:linear-gradient(115deg,#d9f4eb,#d8d9fc)}


/* The CBT site opens in its own tab from the tablet's actual 1280 × 800 capture. */
.tablet-display:has(.cbt-tablet-preview){background:#10131b;clip-path:inset(0 round 24px)}
.cbt-tablet-preview{display:block;position:relative;width:1280px;height:800px;overflow:hidden;border-radius:inherit;background:#10131b;cursor:pointer;color:#fff}
.cbt-tablet-preview img{display:block;position:absolute;left:-2px;top:-2px;width:1292px;height:808px;max-width:none;object-fit:cover;object-position:left top;pointer-events:none}
.cbt-preview-open{position:absolute;right:24px;bottom:24px;padding:12px 18px;border-radius:24px;background:#172c3be8;color:#fff;font-size:16px;font-weight:600;box-shadow:0 4px 16px #172c3b26;transition:background .18s}
.cbt-tablet-preview:hover .cbt-preview-open,.cbt-tablet-preview:focus-visible .cbt-preview-open{background:#244f67}
.cbt-tablet-preview:focus-visible{outline:5px solid #e31350;outline-offset:-5px}

/* Closing statement echoes the opening wordmark with a calm, centered finish. */
.hero.ending{padding:8% 8% 10%}
.ending .ending-kicker{font-size:1.25cqw;font-weight:600;color:#58717b;letter-spacing:-.02em;margin:0 0 2.3cqw;line-height:1.5}
.ending .wordmark{font-size:7.2cqw;margin:0;line-height:1.12}
.ending-rule{display:block;width:3.2cqw;height:3px;background:var(--pink);margin:2.6cqw 0 2.2cqw;flex-shrink:0}
.ending .ending-message{font-size:2.7cqw;font-weight:700;line-height:1.48;letter-spacing:-.045em;margin:0}
.ending .ending-thanks{font-size:1.25cqw;font-weight:500;color:#58717b;margin:2cqw 0 0;line-height:1.5}
.ending-site{position:absolute;bottom:7%;font-size:1cqw;color:#58717b;text-decoration:none;letter-spacing:.015em;padding:.5cqw .8cqw}
.ending-site span{margin-left:.4cqw;color:var(--pink)}
.ending-site:hover{text-decoration:underline;text-underline-offset:4px}
.ending-thumb{aspect-ratio:16/9;display:flex;align-items:center;justify-content:center;flex-direction:column;background:linear-gradient(115deg,#d9f4eb,#d8d9fc);border-radius:6px}
.ending-thumb b{font-size:17px;letter-spacing:-.8px}.ending-thumb b span{display:inline!important;font-size:inherit!important;margin:0!important;font-weight:300}
.ending-thumb>small{margin:9px 0 0;color:#58717b;font-size:9px}
@media(max-width:600px) and (orientation:portrait){.ending .ending-kicker{font-size:2.7cqw;margin-bottom:5cqw}.ending .wordmark{font-size:12cqw}.ending-rule{width:8cqw;margin:7cqw 0 6cqw}.ending .ending-message{font-size:5.4cqw}.ending .ending-thanks{font-size:3cqw;margin-top:5cqw}.ending-site{font-size:2.6cqw;bottom:9%}}

.demo-login-actions>.demo-login-primary{background:#18353e;color:#fff}
.demo-login-actions>.demo-login-source{background:transparent;border:1px solid #d1dfe3;color:#536e78;font-weight:500;font-size:12px}
.demo-login-footnote{font-size:10px;line-height:1.6;color:#718791;margin:0;word-break:keep-all}