/* Scoped image layer: existing layout, copy and interaction logic are preserved. */
.hero-facts{align-items:center}
.hero-facts .tool-brands{display:inline-flex;align-items:center;gap:14px;color:#111;flex-wrap:nowrap}
.hero-facts .tool-brands span{border:0;padding:0}
.tool-brand{display:inline-flex;align-items:center;gap:10px;font-size:13px;font-weight:600}
.tool-brand img{display:block;width:25px;height:25px;object-fit:contain}
.tool-brands .notebooklm-wordmark{display:block;width:108px;height:auto;max-height:20px;object-fit:contain}
.course-card{min-height:356px;display:flex;flex-direction:column;overflow:hidden;isolation:isolate;background:#14203e;color:#fff;box-shadow:0 7px 22px #14203e15;transition:transform .4s,box-shadow .4s}
.course-card .course-drawing,.course-card:nth-child(even) .course-drawing{position:absolute;inset:0;width:100%;height:100%;margin:0;border-radius:inherit;z-index:-2;background:#14203e;transform:none;overflow:hidden}
.course-image{width:100%;height:100%;display:block;object-fit:cover;transition:transform .75s cubic-bezier(.2,.7,.2,1),filter .6s;transform:scale(1.01);filter:saturate(.88)}
.course-card::after{content:"";position:absolute;inset:0;z-index:-1;pointer-events:none;background:linear-gradient(180deg,#14203e28 0%,#14203e00 30%,#14203e7a 53%,#14203ef2 80%,#14203e 100%)}
.course-card .course-number{color:#fff;align-self:flex-start;padding:6px 10px;border-radius:20px;background:#14203e75;border:1px solid #ffffff45;backdrop-filter:blur(8px)}
.course-card h3{margin-top:auto;color:#fff;text-shadow:0 2px 12px #0004}
.course-card p{color:#fff;margin-top:8px}
.course-card small{color:#ffd2ba}
.course-card:hover .course-drawing{transform:none}
.course-card:hover .course-image,.course-card:focus-within .course-image{transform:scale(1.12);filter:saturate(1.12)}
.course-card:hover{box-shadow:0 15px 28px #14203e35}
.play-intro{position:relative}
.ai-companion{position:absolute;right:28%;top:-31px;width:105px;height:118px;pointer-events:none}
.ai-companion svg{display:block;width:100%;height:100%;overflow:visible}
.bot-float{animation:bot-hover 4s ease-in-out infinite;transform-origin:center}
.bot-eyes{animation:bot-blink 5.4s infinite;transform-origin:80px 66px}
.bot-wave{animation:bot-wave 4.6s ease-in-out infinite;transform-origin:112px 115px}
.bot-light{animation:pulse 2s infinite}
.bot-shadow{animation:bot-shadow 4s ease-in-out infinite;transform-origin:80px 169px}
@keyframes bot-hover{50%{transform:translateY(-8px)}}
@keyframes bot-blink{0%,43%,47%,100%{transform:scaleY(1)}45%{transform:scaleY(.08)}}
@keyframes bot-wave{0%,65%,100%{transform:rotate(0)}73%,87%{transform:rotate(14deg)}80%,94%{transform:rotate(-5deg)}}
@keyframes bot-shadow{50%{transform:scaleX(.78);opacity:.1}}
.motion-paused .ai-companion *{animation-play-state:paused!important}
@media(max-width:1100px){.ai-companion{right:25%;width:80px;top:-36px}}
@media(max-width:780px){.hero-facts{gap:12px}.hero-facts .tool-brands{gap:10px;padding-left:0;border-left:0}.tool-brand{font-size:11px}.tool-brand img{width:23px;height:23px}.tool-brands .notebooklm-wordmark{width:95px}.course-card{min-height:322px}.ai-companion{right:-3px;top:-35px;width:64px;height:76px}.play-intro .eyebrow{padding-right:64px}}
@media(prefers-reduced-motion:reduce){.ai-companion *{animation:none!important}.course-image{transition:none}.course-card:hover .course-image{transform:none}}