.home-slide[data-story]{--story-accent:#e8c870;--story-ink:#f8f0dc;--story-muted:#c5cfdf;--story-panel:#ffffff0a;--story-line:#ffffff25;position:relative;isolation:isolate;grid-template-columns:1.05fr 1fr;gap:48px;min-height:550px;padding:48px;background:radial-gradient(ellipse at 90% 12%,color-mix(in srgb,var(--story-accent) 15%,transparent),transparent 64%),#0a1a40;overflow:hidden}
html[data-theme=light] .home-slide[data-story]{--story-accent:#775506;--story-ink:#0a1a40;--story-muted:#526079;--story-panel:#ffffffd9;--story-line:#0a1a4021;background:radial-gradient(ellipse at 85% 0%,color-mix(in srgb,var(--story-accent) 9%,transparent),transparent 65%),#f7f8fc;color:var(--story-ink)}

.home-slide[data-story]:before{content:"";position:absolute;inset:0;z-index:-1;pointer-events:none;background:linear-gradient(120deg,transparent 48%,#ffffff03 48%,#ffffff03 49%,transparent 49%)}
.home-slide[data-story] h3{font-size:clamp(33px,3.6vw,49px);text-wrap:balance}.home-slide[data-story] .eyebrow{color:var(--story-accent)}.home-slide[data-story] .home-slide-copy>p:not(.eyebrow){color:var(--story-muted)}.home-slide[data-story] .slide-cta{background:var(--story-accent);color:#0a1a40;border-color:transparent}.story-visual{min-width:0;min-height:350px;gap:15px;color:var(--story-ink);width:100%}.story-visual:before{display:none}.story-visual *{box-sizing:border-box}.story-visual strong{font-weight:600;letter-spacing:-.035em;line-height:1.15}.story-visual small{line-height:1.5}.story-caption{font-size:12px;letter-spacing:.03em;color:var(--story-muted)}.story-mini-header{display:flex;align-items:center;gap:13px;font-size:12px;font-weight:550;margin-bottom:25px}.story-mini-header .home-ns-icon,.story-mini-header .story-app-logo{width:42px!important;height:42px!important;border-radius:12px!important;object-fit:cover}.story-app-logo{width:66px;height:66px;border-radius:18px;object-fit:cover}.story-page-label{display:block;font-size:9px;letter-spacing:.12em;color:var(--story-accent);margin-bottom:18px;font-weight:600}
/* 1: orbit of the four subjects. */
.story-revision-orbit{height:300px;width:330px;max-width:100%;position:relative;display:grid;place-items:center}.story-orbit-line{position:absolute;width:260px;height:260px;border:1px dashed var(--story-line);border-radius:50%;transform:rotate(-20deg)}.story-orbit-line:after{content:"";position:absolute;inset:28px -30px;border:1px solid var(--story-line);border-radius:50%;transform:rotate(36deg)}.story-logo-core{padding:16px;background:var(--story-panel);border:1px solid var(--story-line);border-radius:29px;box-shadow:0 20px 50px #0002}.story-logo-core .home-ns-icon{width:110px;height:110px;border-radius:24px!important}.story-subject{position:absolute;border:1px solid currentColor;border-radius:13px;padding:12px 15px;font-size:12px;font-weight:600;background:#10234d;box-shadow:0 5px 20px #0001}.subject-soi{top:18px;left:35px;color:#ff9f99}.subject-ham{top:34px;right:15px;color:#9ac9ff}.subject-iesc{bottom:25px;left:12px;color:#9bdab7}.subject-mcm{bottom:18px;right:24px;color:#e8c870}
/* 2: social invitation. */
.story-social-card{width:325px;max-width:100%;padding:28px;border:1px solid var(--story-line);border-radius:29px;background:linear-gradient(155deg,#ffffff0c,#e9b6cd0b);transform:rotate(3deg);box-shadow:0 20px 60px #0002}.story-social-top{display:flex;align-items:center;gap:10px;color:var(--story-accent);font-size:8px;letter-spacing:.12em}.story-social-top svg{width:25px;height:25px}.story-social-brand{display:flex;align-items:center;gap:12px;margin:30px 0 10px}.story-social-brand .mascot{width:38px;height:45px}.story-social-brand strong{font-size:37px}.story-social-handle{font-size:15px;color:var(--story-muted);margin-bottom:27px}.story-social-posts{display:grid;grid-template-columns:repeat(3,1fr);gap:6px}.story-social-posts span{aspect-ratio:1;display:grid;place-items:center;border-radius:14px;font-size:7px;letter-spacing:.06em;background:var(--story-panel);border:1px solid var(--story-line)}.story-social-posts span:nth-child(2){background:#e9b6cd1f}.story-follow{margin-top:22px;padding-top:16px;border-top:1px solid var(--story-line);display:flex;justify-content:space-between;font-size:12px}
/* 3: the calculator. */
.story-calculator{width:310px;max-width:100%;border:1px solid var(--story-line);border-radius:30px;padding:25px;background:var(--story-panel);transform:rotate(-4deg);box-shadow:0 25px 50px #0002}.story-calc-screen{padding:22px 18px;background:#0002;border-radius:18px;border:1px solid var(--story-line);margin-bottom:18px}.story-calc-screen small{font-size:7px;letter-spacing:.09em;color:var(--story-accent)}.story-calc-screen strong{display:block;font-size:26px;margin-top:13px}.story-keypad{display:grid;grid-template-columns:repeat(3,1fr);gap:8px}.story-keypad>span{padding:14px 5px;text-align:center;border:1px solid var(--story-line);border-radius:12px;font-size:11px;background:var(--story-panel)}.story-keypad .story-key-result{background:var(--story-accent);color:#0a1a40;font-weight:600}
/* 4: concept constellation. */
.story-connections{width:100%;height:300px;position:relative;color:var(--story-accent)}.story-connections>svg{width:100%;height:100%;opacity:.4}.story-node{position:absolute;display:grid;place-items:center;background:#10234d;border:1px solid var(--story-line);box-shadow:0 10px 30px #0001;border-radius:99px;padding:15px;font-size:11px;color:var(--story-ink)}.node-center{top:50%;left:50%;transform:translate(-50%,-50%);padding:12px;border-radius:28px}.node-one{top:14%;left:4%}.node-two{top:12%;right:0}.node-three{bottom:6%;left:0}.node-four{bottom:6%;right:3%}
/* 5: editorial study pages. */
.story-study-pages{position:relative;width:330px;max-width:95%;padding:15px 0}.story-page-back{position:absolute;inset:10px -10px;background:var(--story-panel);border:1px solid var(--story-line);border-radius:23px;transform:rotate(7deg)}.story-page{position:relative;padding:30px 26px;border:1px solid var(--story-line);border-radius:23px;background:#14264b;transform:rotate(-3deg)}.story-page strong{font-size:29px;display:block;margin:20px 0}.story-text-line{height:5px;width:85%;background:var(--story-line);border-radius:5px;margin:11px 0}.story-text-line.short{width:60%}.story-study-tabs{display:flex;gap:7px;margin-top:30px}.story-study-tabs span{border:1px solid var(--story-line);padding:8px 10px;border-radius:9px;font-size:9px}.story-study-tabs span:first-child{background:var(--story-accent);color:#0a1a40}
/* 6: calculation flow. */
.story-weights{width:340px;max-width:100%}.story-weight-row{display:flex;align-items:center;gap:18px;padding:20px;border:1px solid var(--story-line);border-radius:20px;background:var(--story-panel);font-size:13px}.story-weight-row b{color:var(--story-accent);font-size:11px}.story-weight-connector{height:25px;border-left:1px dashed var(--story-accent);margin-left:30px}.story-weight-result{display:flex;align-items:center;gap:25px;padding:22px;background:var(--story-accent);color:#0a1a40;border-radius:20px}.story-weight-result>span{font-size:35px}.story-weight-result strong{font-size:24px}
/* 7: staggered learning cards. */
.story-learning{display:flex;gap:12px;width:100%;align-items:center}.story-learning-step{min-width:0;flex:1;position:relative;padding:25px 13px;height:235px;border:1px solid var(--story-line);border-radius:22px;background:var(--story-panel)}.story-learning-step:nth-child(2){margin-top:80px}.story-learning-step:nth-child(3){margin-top:160px}.story-learning-step>span{font-size:12px;color:var(--story-accent);display:block;margin-bottom:27px}.story-learning-step small{font-size:7px;letter-spacing:.07em}.story-learning-step strong{display:block;font-size:22px;margin-top:8px}.story-learning-step i{font-style:normal;display:grid;place-items:center;margin-top:25px;font-size:28px;color:var(--story-accent)}.story-book-icon{width:26px;height:30px;border:1.5px solid var(--story-accent);border-radius:3px;box-shadow:inset 5px 0 #a9b6cc30}.story-flash-icon{border:1px solid var(--story-line);width:33px;height:43px;border-radius:6px;transform:rotate(10deg)}
/* 8: OSCE launch. */
.story-osce{text-align:center;width:100%;padding:12px 0}.story-new{font-size:8px;letter-spacing:.15em;border:1px solid var(--story-line);padding:8px 13px;border-radius:99px;color:var(--story-accent)}.story-osce-core{height:200px;display:grid;place-items:center;position:relative;margin:17px 0}.story-osce-core .osce-app-icon{width:112px;height:112px;border-radius:30px;z-index:1;box-shadow:0 20px 50px #0002}.story-osce-core img{width:90px;height:90px}.story-pulse-ring{position:absolute;width:165px;height:165px;border:1px solid var(--story-line);border-radius:50%}.story-pulse-ring.second{width:210px;height:210px;border-style:dashed}.story-osce>strong{font-size:30px;display:block}.story-osce-bottom{display:block;font-size:8px;letter-spacing:.13em;color:var(--story-accent);margin-top:23px}
/* 9: clinical sequence. */
.story-checklist{width:350px;max-width:100%;border-radius:25px;overflow:hidden;background:var(--story-panel);border:1px solid var(--story-line)}.story-checklist-header{padding:26px;background:#9bc9e812}.story-checklist-header>span{font-size:9px;letter-spacing:.1em;color:var(--story-accent);display:block;margin-bottom:9px}.story-checklist-header strong{font-size:25px}.story-checklist>div:not(:first-child){display:flex;align-items:center;gap:12px;padding:22px 24px;border-bottom:1px solid var(--story-line);font-size:12px}.story-checklist b{font-size:10px;color:var(--story-accent)}.story-checklist i{margin-left:auto;font-style:normal;color:var(--story-accent)}.story-checklist>p{padding:20px 24px;margin:0;font-size:10px;color:var(--story-muted)}
/* 10: station envelope. */
.story-station{width:100%;display:flex;flex-direction:column;align-items:center;gap:24px}.story-station-tag{font-size:8px;letter-spacing:.14em;color:var(--story-accent)}.story-envelope{position:relative;width:300px;max-width:95%;height:280px;margin-top:10px}.story-envelope-paper{position:absolute;inset:0 20px 0;background:#f8f7f2;color:#0a1a40;padding:25px;border-radius:15px;transform:rotate(-5deg);box-shadow:0 10px 40px #0002}.story-envelope-paper small{font-size:8px;letter-spacing:.1em}.story-envelope-paper strong{font-size:34px;display:block;margin-top:22px}.story-envelope-paper>span{display:block;font-size:6px;letter-spacing:.1em;margin-top:16px}.story-envelope-front{position:absolute;inset:130px 0 0;background:linear-gradient(150deg,#37658a,#234d73);border:1px solid #9bc9e85a;border-radius:0 0 18px 18px;clip-path:polygon(0 0,50% 35%,100% 0,100% 100%,0 100%)}.story-envelope-seal{position:absolute;bottom:35px;left:calc(50% - 20px);width:40px;height:40px;border-radius:50%;display:grid;place-items:center;font-size:24px;background:#d6eaf7;color:#164163;box-shadow:0 2px 10px #0002}
/* 11: explanation-first question. */
.story-question{width:355px;max-width:100%;padding:27px;border:1px solid var(--story-line);border-radius:26px;background:var(--story-panel)}.story-question>strong{font-size:26px;display:block;margin-bottom:26px}.story-option{display:flex;align-items:center;gap:12px;border:1px solid var(--story-line);padding:14px 12px;margin-bottom:9px;border-radius:12px;font-size:10px;color:var(--story-muted)}.story-option b{font-size:10px;width:22px;height:22px;border:1px solid var(--story-line);border-radius:50%;display:grid;place-items:center;flex:none}.story-option.selected{border-color:var(--story-accent);background:#b6d4b012;color:var(--story-ink)}.story-option.selected b{background:var(--story-accent);color:#0a1a40}.story-comment{display:flex;gap:10px;font-size:10px;line-height:1.6;color:var(--story-accent);margin-top:18px}
/* 12: focus dial. */
.story-exam{text-align:center;width:100%}.story-exam-ring{position:relative;width:270px;max-width:85%;aspect-ratio:1;margin:0 auto 25px}.story-exam-ring>svg{width:100%;height:100%;fill:none;transform:rotate(-90deg)}.story-exam-ring circle{stroke-width:4}.story-exam-ring .track{stroke:var(--story-line)}.story-exam-ring .progress{stroke:var(--story-accent);stroke-dasharray:440 590;stroke-linecap:round}.story-exam-ring>div{position:absolute;inset:0;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:17px}.story-exam-ring small{font-size:9px;letter-spacing:.16em;color:var(--story-accent)}.story-exam-ring strong{font-size:55px}.story-exam-ring span{font-size:11px;color:var(--story-muted)}.story-exam-pills{display:flex;gap:10px;justify-content:center;flex-wrap:wrap}.story-exam-pills span{border:1px solid var(--story-line);padding:10px 13px;border-radius:99px;font-size:9px}
/* 13: semester planning. */
.story-planning{width:355px;max-width:100%;padding:27px;border:1px solid var(--story-line);border-radius:26px;background:var(--story-panel)}.story-planning>strong{display:block;font-size:26px}.story-bars{display:flex;gap:18px;align-items:stretch;height:200px;margin:25px 0 15px;border-bottom:1px solid var(--story-line)}.story-bars>div{flex:1;display:flex;flex-direction:column;justify-content:flex-end;align-items:center;gap:12px}.story-bars i{height:var(--bar);width:100%;border-radius:9px 9px 0 0;background:linear-gradient(180deg,var(--story-accent),#9db9ed30);border:1px solid var(--story-line);border-bottom:none}.story-bars span{font-size:9px;position:absolute;bottom:-24px}.story-bars>div{position:relative}.story-planning-foot{display:flex;justify-content:space-between;gap:10px;margin-top:40px;font-size:10px;color:var(--story-muted)}.story-planning-foot small{font-size:8px}
/* 14: recall card. */
.story-flashcards{width:315px;max-width:90%;position:relative;margin-bottom:35px}.story-flash-back{position:absolute;inset:0;background:var(--story-panel);border:1px solid var(--story-line);border-radius:27px;transform:rotate(-9deg)}.story-flash-main{position:relative;padding:32px 26px;background:#172b50;border:1px solid var(--story-line);border-radius:27px;transform:rotate(5deg);box-shadow:0 20px 50px #0002}.story-flash-main>span{font-size:7px;letter-spacing:.12em;color:var(--story-accent)}.story-flash-main>strong{display:block;font-size:33px;margin:35px 0}.story-flash-bottom{display:flex;align-items:center;justify-content:space-between;padding-top:19px;border-top:1px solid var(--story-line);font-size:10px;color:var(--story-muted)}.story-flash-bottom b{font-size:26px;color:var(--story-accent)}.story-flash-tab{position:absolute;bottom:-45px;left:0;right:0;text-align:center;font-size:11px;color:var(--story-muted)}
html[data-theme=light] .home-slide[data-story] .slide-cta{background:#0a1a40;color:#fff}html[data-theme=light] .story-subject,html[data-theme=light] .story-node,html[data-theme=light] .story-page,html[data-theme=light] .story-flash-main{background:#fff}html[data-theme=light] .subject-soi{color:#aa342d}html[data-theme=light] .subject-ham{color:#225b9c}html[data-theme=light] .subject-iesc{color:#2e714b}html[data-theme=light] .subject-mcm{color:#775506}html[data-theme=light] .story-social-card{background:#ffffffd9}html[data-theme=light] .story-social-posts span:nth-child(2){background:#f5e6ed}html[data-theme=light] .story-calc-screen{background:#edf1f8}html[data-theme=light] .story-key-result,html[data-theme=light] .story-study-tabs span:first-child,html[data-theme=light] .story-weight-result,html[data-theme=light] .story-option.selected b{color:#fff}html[data-theme=light] .story-option.selected{background:#ecf5ed}html[data-theme=light] .story-bars i{background:linear-gradient(180deg,#31599c,#99b6df)}html[data-theme=light] .story-checklist-header{background:#e8f1f7}
@media(max-width:900px){.home-slide[data-story]{gap:25px;padding:38px 30px}.story-learning{gap:8px}.story-learning-step{padding:20px 9px}.story-learning-step strong{font-size:18px}}
@media(max-width:760px){.home-slide[data-story]{grid-template-columns:minmax(0,1fr);gap:24px;padding:32px 25px;min-height:755px;text-align:center}.home-slide[data-story] h3{font-size:35px}.home-slide[data-story] .home-slide-copy>p:not(.eyebrow){margin-left:auto;margin-right:auto;font-size:13px}.home-slide[data-story] .home-slide-copy .eyebrow{font-size:8px}.story-visual{grid-row:1;min-height:310px;max-width:380px;margin:0 auto;text-align:left}.story-visual>.story-caption{text-align:center}.story-revision-orbit{height:260px;max-width:300px}.story-orbit-line{width:215px;height:215px}.story-logo-core .home-ns-icon{width:90px;height:90px}.story-social-card{width:290px;padding:22px}.story-social-brand{margin-top:20px}.story-social-posts span{aspect-ratio:auto;height:50px}.story-social-handle{margin-bottom:20px}.story-calculator{width:275px;padding:20px}.story-mini-header{margin-bottom:17px}.story-calc-screen{padding:17px}.story-calc-screen strong{font-size:23px}.story-keypad>span{padding:10px 5px}.story-connections{height:270px}.story-study-pages{width:290px}.story-page{padding:23px}.story-page strong{font-size:25px}.story-study-tabs{margin-top:20px}.story-learning{max-width:340px}.story-learning-step{height:205px;padding:20px 12px}.story-learning-step:nth-child(2){margin-top:40px}.story-learning-step:nth-child(3){margin-top:80px}.story-learning-step strong{font-size:20px}.story-learning-step>span{margin-bottom:22px}.story-osce-core{height:155px;margin:25px 0}.story-pulse-ring{width:140px;height:140px}.story-pulse-ring.second{width:180px;height:180px}.story-osce-core .osce-app-icon{width:95px;height:95px}.story-osce-core img{width:76px;height:76px}.story-osce>strong{font-size:26px}.story-checklist{max-width:310px}.story-checklist-header{padding:20px}.story-checklist>div:not(:first-child){padding:18px}.story-checklist>p{padding:16px 18px}.story-envelope{height:245px;width:270px}.story-envelope-front{top:115px}.story-envelope-paper strong{font-size:29px}.story-envelope-paper{padding:20px}.story-question{padding:22px}.story-question>strong{font-size:24px;margin-bottom:18px}.story-option{padding:11px 9px}.story-exam-ring{width:235px;margin-bottom:15px}.story-planning{padding:22px;max-width:310px}.story-bars{height:155px;margin-top:20px}.story-flashcards{width:275px;margin-bottom:40px}.story-flash-main{padding:24px}.story-flash-main>strong{font-size:29px;margin:26px 0}.story-caption{font-size:10px}}
@media(max-width:380px){.home-slide[data-story]{padding:30px 20px}.story-learning-step{padding:18px 8px}.story-learning-step strong{font-size:17px}.story-social-brand strong{font-size:32px}.story-weights .story-mini-header{font-size:11px}.story-weight-row{padding:17px;font-size:11px}.story-planning-foot{font-size:8px}.home-slide[data-story] h3{font-size:31px}}
@media(prefers-reduced-motion:reduce){.home-slide[data-story]{animation:none}}

.home-slide[data-story=social]{--story-accent:#e9b6cd}
html[data-theme=light] .home-slide[data-story=social]{--story-accent:#8c3b63}

.home-slide[data-story=calculator],.home-slide[data-story=weights],.home-slide[data-story=planning]{--story-accent:#9db9ed}
html[data-theme=light] .home-slide[data-story=calculator],html[data-theme=light] .home-slide[data-story=weights],html[data-theme=light] .home-slide[data-story=planning]{--story-accent:#31599c}

.home-slide[data-story=connections],.home-slide[data-story=learning],.home-slide[data-story=flashcards]{--story-accent:#bdc5d4}
html[data-theme=light] .home-slide[data-story=connections],html[data-theme=light] .home-slide[data-story=learning],html[data-theme=light] .home-slide[data-story=flashcards]{--story-accent:#4b5e7e}

.home-slide[data-story=osce],.home-slide[data-story=checklist],.home-slide[data-story=station]{--story-accent:#9bc9e8}
html[data-theme=light] .home-slide[data-story=osce],html[data-theme=light] .home-slide[data-story=checklist],html[data-theme=light] .home-slide[data-story=station]{--story-accent:#266084}

.home-slide[data-story=questions]{--story-accent:#b6d4b0}
html[data-theme=light] .home-slide[data-story=questions]{--story-accent:#3b6d46}

.home-slide[data-story=exam]{--story-accent:#e3c89b}
html[data-theme=light] .home-slide[data-story=exam]{--story-accent:#775506}

.story-social-brand .wordmark{width:145px;height:38px}.story-social-brand .wordmark img{width:155px;left:-6px;top:-6px}html[data-theme=light] .story-social-brand .wordmark img{filter:brightness(0)}
html[data-theme=light] .home-slide[data-story] .home-slide-copy .eyebrow{color:var(--story-accent)}
.story-revision-orbit{overflow:clip}