.calendar-learning{padding:clamp(72px,9vw,140px) max(5vw,24px);background:#eaf0f8;color:#142331;scroll-margin-top:30px}.calendar-heading{max-width:1100px;margin:0 auto 48px}.calendar-heading h2{font-size:clamp(2.7rem,6vw,5.8rem);line-height:1.03;letter-spacing:-.055em;margin:18px 0 24px}.calendar-heading h2 em{font-style:normal;color:#087fff}.calendar-heading>p:last-child{max-width:690px;font-size:clamp(1.05rem,1.8vw,1.35rem);line-height:1.6;color:#536272}.calendar-lesson{max-width:1100px;margin:auto;display:grid;grid-template-columns:minmax(0,1fr) minmax(270px,400px);gap:clamp(30px,6vw,100px);align-items:start}.calendar-lesson-copy{position:sticky;top:30px;padding-top:24px}.calendar-branch-tabs{display:flex;gap:8px;padding:7px;background:#dbe5f1;border-radius:20px;width:max-content;max-width:100%}.calendar-branch-tabs button{border:0;background:transparent;border-radius:15px;padding:14px 20px;color:#34465b;font:inherit;font-weight:700;cursor:pointer}.calendar-branch-tabs button[aria-pressed=true]{background:#fff;color:#087fff;box-shadow:0 4px 14px #253d5b19}.calendar-step-count{margin:55px 0 14px;color:#087fff;font-size:.8rem;font-weight:800;letter-spacing:.15em}.calendar-lesson-copy h3{font-size:clamp(2rem,4vw,3.7rem);line-height:1.1;letter-spacing:-.04em;margin:0 0 20px}.calendar-lesson-copy>p:not(.calendar-step-count){font-size:1.1rem;line-height:1.65;color:#526475;max-width:570px}.calendar-lesson-copy .calendar-tap-hint{font-weight:700;color:#087fff!important}.calendar-controls{display:flex;gap:12px;margin:34px 0 18px}.calendar-controls button{font:inherit;font-weight:700;border:1px solid #aebed0;background:white;color:#142331;border-radius:999px;padding:13px 25px;cursor:pointer}.calendar-controls button:last-child{background:#087fff;color:#fff;border-color:#087fff}.calendar-controls button:disabled{opacity:.45;cursor:not-allowed}.calendar-simulation-note{font-size:.85rem!important;color:#6d7e8c!important}.calendar-visual{display:flex;align-items:center;flex-direction:column}.calendar-phone{width:min(100%,355px);position:relative;border:7px solid #11191f;border-radius:40px;overflow:hidden;background:#f2f3f8;box-shadow:0 28px 65px #263b5630}.calendar-phone img{display:block;width:100%;height:auto}.calendar-hotspot{position:absolute;z-index:2;border:3px solid #087fff;background:#087fff1c;border-radius:16px;box-shadow:0 0 0 5px #087fff30,0 0 24px #087fff88;cursor:pointer;animation:calendar-pulse 2.2s infinite}.calendar-hotspot span{position:absolute;right:-2px;top:-28px;background:#087fff;color:white;border-radius:8px 8px 0 0;padding:4px 9px;font-size:11px;font-weight:800;letter-spacing:.12em}.calendar-hotspot:focus-visible,.calendar-branch-tabs button:focus-visible,.calendar-controls button:focus-visible{outline:4px solid #ffac32;outline-offset:3px}.calendar-screen-caption{font-size:.85rem;color:#647588;text-align:center;line-height:1.5;max-width:400px}.calendar-difference{max-width:1100px;margin:72px auto 0;display:grid;grid-template-columns:1fr 1fr;gap:16px}.calendar-difference>div{background:white;border:1px solid #d5e1ee;border-radius:24px;padding:28px}.calendar-difference strong{font-size:1.3rem}.calendar-difference p{color:#526475;line-height:1.6;margin-bottom:0}@keyframes calendar-pulse{50%{box-shadow:0 0 0 9px #087fff12,0 0 30px #087fff66}}@media(max-width:760px){.calendar-learning{padding:72px 20px}.calendar-lesson{display:flex;flex-direction:column;align-items:stretch;gap:24px}.calendar-lesson-copy{position:static;padding:0}.calendar-step-count{margin-top:30px}.calendar-visual{order:1}.calendar-phone{width:min(75vw,320px)}.calendar-difference{margin-top:48px;grid-template-columns:1fr}.calendar-heading{margin-bottom:32px}}@media(prefers-reduced-motion:reduce){.calendar-hotspot{animation:none}}
