.subscriber-orientation{max-width:1050px;margin:35px auto;text-align:center;min-height:75vh;display:flex;flex-direction:column;align-items:center;gap:20px}.subscriber-orientation h1{font-size:clamp(34px,5vw,66px);line-height:1.12;margin:8px 0}.orientation-content{width:100%;flex:1}.orientation-content p{font-size:clamp(19px,2.2vw,27px);margin:18px auto;max-width:850px}.subscriber-orientation>.primary{font-size:26px;padding:20px 50px;min-width:280px}.orientation-label{font-weight:700}.orientation-path,.orientation-allowance,.mystery-gifts{display:flex;justify-content:center;align-items:center;gap:20px;flex-wrap:wrap;margin:35px 0}.orientation-path span,.orientation-allowance span,.mystery-gifts span{background:#e7f1e9;border-radius:25px;padding:25px;font-size:26px}.orientation-allowance b{display:block;font-size:42px}.orientation-week{background:#fff;border:1px solid #cbded4;border-radius:25px;padding:20px;overflow:hidden;margin:25px auto}.week-labels{display:grid;grid-template-columns:repeat(7,minmax(0,1fr));gap:8px;margin-bottom:14px}.trainer-slot{background:#edf3e9;border-radius:9px;padding:12px 2px}.lesson-demo{display:flex;gap:8px;width:40%;margin-left:14%;flex-wrap:wrap}.lesson-demo span{background:#285a49;color:#fff;border-radius:12px;padding:16px}.moving .lesson-demo{animation:reschedule-demo 6s ease-in-out infinite}.orientation-streak{display:flex;justify-content:center;gap:10px;margin:40px 0}.orientation-streak span{background:#285a49;color:white;border-radius:50%;padding:15px;animation:streak-demo 1s both;animation-delay:calc(var(--i)*.2s)}.orientation-korea{font-size:90px}.mystery-gifts span{font-size:60px}.trip-progress{width:100%;height:24px;accent-color:#285a49}.mileage-mystery{padding:26px;background:#edf3e9;border-radius:24px;margin:20px 0}.mileage-mystery h2{margin:0 0 10px}.mileage-mystery strong{font-size:32px}@keyframes reschedule-demo{0%,25%,100%{transform:translateX(0)}50%,75%{transform:translateX(70%)}}@keyframes streak-demo{from{opacity:0;transform:scale(.6)}to{opacity:1;transform:scale(1)}}@media(prefers-reduced-motion:reduce){.moving .lesson-demo,.orientation-streak span{animation:none}}@media(max-width:600px){.week-labels{gap:3px;font-size:12px}.orientation-week{padding:10px}.lesson-demo{width:65%;margin-left:0}.lesson-demo span{padding:10px;font-size:15px}.orientation-streak{gap:4px}.orientation-streak span{padding:10px}.orientation-path span{font-size:20px;padding:16px}.subscriber-orientation{margin:15px auto}.moving .lesson-demo{animation:none}}
.subscriber-open header nav{display:none}.subscriber-orientation h1:focus{outline:none}.subscriber-orientation .eyebrow{margin:0}.subscriber-orientation .quiet{padding:10px;border:0;background:transparent}.subscriber-orientation details{font-size:20px}.subscriber-orientation #orientation-error:empty{display:none}.subscriber-orientation .mystery-gifts{flex-wrap:nowrap}.subscriber-orientation .mystery-gifts span{padding:18px;font-size:48px}.subscriber-orientation .orientation-allowance{gap:12px}.subscriber-orientation .orientation-allowance span{padding:20px}.subscriber-orientation .trip-progress{max-width:650px}@media(max-width:600px){.subscriber-orientation{min-height:calc(100svh - 140px);gap:12px}.subscriber-orientation .orientation-content p{font-size:20px;margin:14px auto}.subscriber-orientation .orientation-allowance{margin:20px 0}.subscriber-orientation .orientation-allowance span{font-size:21px;padding:16px}.subscriber-orientation .orientation-allowance b{font-size:34px}.subscriber-orientation .mystery-gifts{gap:10px;margin:24px 0}.subscriber-orientation .mystery-gifts span{font-size:40px;padding:15px}.subscriber-orientation>.primary{padding:17px 30px}.subscriber-orientation .orientation-streak{margin:25px 0}}

/* Approved orientation preview: separate icon, label and number layout. */

.subscriber-orientation{gap:24px;min-height:500px}
.subscriber-orientation h1{line-height:1.15;letter-spacing:-.035em;margin:12px 0 4px}
.orientation-content{min-width:0;flex:none}
.orientation-path{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:20px;max-width:700px;margin:32px auto}
.path-feature{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:20px;padding:32px 16px;border-radius:22px;background:#e7eee7;min-width:0}
.path-feature strong{font-size:22px;line-height:1.35;font-weight:600;overflow-wrap:anywhere}
.path-feature svg{display:block;width:32px;height:32px;flex-shrink:0;color:#285a49}
.orientation-allowance{display:flex;gap:24px;justify-content:center;flex-wrap:wrap;margin:28px auto 24px}
.orientation-allowance .allowance-total{display:flex;flex-direction:column;align-items:center;gap:16px;padding:28px 36px;background:#e7eee7;border-radius:24px;min-width:0}
.orientation-allowance .allowance-total strong{display:block;font-size:64px;line-height:1;font-weight:600;margin:0;padding:0}
.orientation-allowance .allowance-total span{display:block;font-size:20px;line-height:1.5;font-weight:400;margin:0;padding:0;background:transparent;border-radius:0}
.credit-rule{font-size:24px;line-height:1.5;margin:0 auto 24px;max-width:550px}
.orientation-content p{line-height:1.6;font-size:21px;max-width:720px;margin:20px auto}
.subscriber-orientation>.primary{display:inline-flex;align-items:center;justify-content:center;gap:16px;font-size:22px;line-height:1.35;min-width:250px;max-width:100%;padding:18px 34px;border-radius:18px;margin-top:10px;white-space:normal}
.subscriber-orientation>.quiet{font-size:16px;line-height:1.5;margin:0;padding:10px 20px;min-height:44px}
.week-labels{line-height:1.5}
.lesson-demo{width:auto;justify-content:center;margin:20px 0 0}
.lesson-demo span{line-height:1.5}
@media(max-width:560px){.orientation-path{grid-template-columns:1fr;gap:12px;margin:24px auto}.path-feature{flex-direction:row;justify-content:flex-start;gap:20px;padding:20px 24px}.path-feature strong{font-size:20px}.orientation-allowance{gap:16px}.orientation-allowance .allowance-total{width:100%;padding:24px}.credit-rule{font-size:21px}.orientation-content p{font-size:19px}.subscriber-orientation>.primary{min-width:0;width:100%}}