:root{--blue:#0065b2;--navy:#17213b;--cyan:#e8f7ff;--green:#198754;--red:#c0392b}.experience{min-height:100vh;color:var(--navy);background:#f4f8fb;padding:22px 4vw 40px;font-family:Inter,Arial,sans-serif}.experience>header{background:#fff;border-radius:16px;justify-content:space-between;align-items:center;max-width:1240px;margin:auto auto 18px;padding:15px 20px;display:flex}.experience a{color:var(--blue);font-weight:800;text-decoration:none}.experience>header div{text-align:center;gap:3px;display:grid}.experience>header small,.slide small,.sync-room small,.reinforce-intro small{color:var(--blue);letter-spacing:.08em;font-weight:900}.stage{max-width:1240px;margin:auto}.slide{background:#fff;border-radius:26px;grid-template-rows:auto 1fr;min-height:610px;padding:38px;display:grid;box-shadow:0 15px 45px #18365316}.slide>div{text-align:center;max-width:860px;margin:auto}.slide h1{margin:10px;font-size:clamp(2rem,4vw,3.5rem)}.slide>div p{font-size:1.12rem;line-height:1.55}.slide>section{place-items:center;margin-top:20px;display:grid}.slide img{object-fit:cover;border-radius:20px;width:100%;max-height:390px}.experience>footer{grid-template-columns:auto auto auto;align-items:center;gap:18px;width:max-content;max-width:100%;margin:18px auto;display:grid}.experience>footer>div{gap:6px;display:flex}.experience button{cursor:pointer;border:0;border-radius:11px;padding:11px 15px;font-weight:750}.experience>footer button{background:var(--blue);color:#fff}.experience>footer>div button{color:var(--navy);background:#fff;width:40px}.experience>footer>div button.active{background:var(--navy);color:#fff}.experience button:disabled{opacity:.4;cursor:not-allowed}.concept-trio{grid-template-columns:repeat(3,1fr);gap:16px;width:100%;display:grid}.concept-trio article{text-align:center;background:#eff8ff;border-radius:18px;padding:26px}.concept-trio b{color:var(--blue);font-size:3rem}.position-lab,.reference-switch,.reveal-box{text-align:center;background:#eff8ff;border-radius:20px;width:min(820px,100%);padding:30px}.position-lab strong{color:var(--blue);font-size:4rem;display:block}.position-lab input{width:90%;margin:25px}.position-lab div,.reference-switch{flex-wrap:wrap;justify-content:center;gap:12px;display:flex}.reference-switch p{width:100%;font-size:1.3rem}.reference-switch .active,.quiz .selected,.sync-options .selected{background:var(--blue);color:#fff}.steps{grid-template-columns:repeat(3,1fr);gap:18px;padding:0;list-style:none;display:grid}.steps li{background:#eff8ff;border-radius:18px;padding:28px;font-size:1.2rem}.steps b{color:var(--blue);font-size:2rem;display:block}.quiz{grid-template-columns:repeat(2,1fr);gap:12px;width:100%;display:grid}.quiz article{background:#f1f7fb;border-radius:14px;padding:15px}.quiz article p{color:var(--red)}.result{background:var(--navy);color:#fff;border-radius:16px;align-items:center;gap:16px;padding:18px;display:flex}.result b{font-size:2rem}.sync-room{grid-template-columns:300px 1fr;gap:20px;max-width:1150px;margin:auto;display:grid}.sync-room>aside,.sync-room>article,.reinforce-intro,.guided{background:#fff;border-radius:22px;padding:28px}.sync-room aside>b{color:var(--blue);font-size:3rem}.sync-room li{padding:8px}.sync-options{flex-wrap:wrap;gap:12px;display:flex}.bar{grid-template-columns:130px 1fr 30px;align-items:center;gap:10px;margin:10px 0;display:grid}.bar i{background:var(--blue);border-radius:10px;height:14px}.sync-room article>footer{justify-content:center;gap:14px;margin-top:24px;display:flex}.reinforce-intro,.guided{max-width:1000px;margin:0 auto 18px}.reinforce-intro{text-align:center;background:var(--navy);color:#fff}.guided article{border-bottom:1px solid #dce7ef;grid-template-columns:50px 1fr;gap:14px;padding:22px 0;display:grid}.guided article>span{background:var(--cyan);width:42px;height:42px;color:var(--blue);border-radius:50%;place-items:center;font-weight:900;display:grid}.guided .correct{background:var(--green);color:#fff}.guided .incorrect{background:var(--red);color:#fff}.guided p{color:#555}@media (max-width:780px){.experience>header{flex-wrap:wrap;gap:10px}.slide{padding:22px}.concept-trio,.steps,.quiz,.sync-room{grid-template-columns:1fr}.experience>footer>div{display:none}.experience>footer{grid-template-columns:auto auto}.bar{grid-template-columns:90px 1fr 25px}}