.hero{padding-top:calc(var(--nav-height) + var(--space-4xl));padding-bottom:var(--space-3xl);background:var(--surface);text-align:center}.hero-title{font-family:var(--font-display);font-weight:800;font-size:clamp(2.5rem,5vw,3.75rem);line-height:1.1;letter-spacing:-.025em;color:var(--on-surface);margin-bottom:var(--space-lg);max-width:780px;margin-left:auto;margin-right:auto}.hero-subtitle{font-size:1.1rem;line-height:1.65;color:var(--on-surface-muted);max-width:620px;margin:0 auto}.curriculum-browser{padding:var(--space-3xl) 0 var(--space-4xl)}.browser-layout{display:grid;grid-template-columns:240px 1fr;gap:var(--space-2xl);align-items:start}.subject-tabs{display:flex;flex-direction:column;gap:var(--space-sm);position:sticky;top:calc(var(--nav-height) + var(--space-xl))}.subject-tab{display:flex;align-items:center;gap:var(--space-md);padding:.875rem 1.25rem;border-radius:var(--radius-lg);font-size:.925rem;font-weight:600;color:var(--on-surface-muted);background:var(--surface-container-lowest);border:1px solid var(--outline-ghost);cursor:pointer;transition:background .2s,color .2s,border-color .2s,box-shadow .2s;text-align:left;width:100%}.subject-tab:hover{background:var(--surface-container-low);color:var(--on-surface)}.subject-tab.active{background:var(--primary);color:#fff;border-color:var(--primary);box-shadow:0 4px 12px #2f5d3433}.subject-tab svg{width:20px;height:20px;flex-shrink:0}.subject-detail{background:var(--surface-container-lowest);border-radius:var(--radius-xl);box-shadow:var(--shadow-card);border:1px solid var(--outline-ghost);overflow:hidden}.detail-body{padding:var(--space-2xl) var(--space-2xl) var(--space-xl)}.detail-name{font-family:var(--font-display);font-weight:800;font-size:clamp(1.75rem,3vw,2.25rem);color:var(--on-surface);margin-bottom:var(--space-sm);letter-spacing:-.02em}.detail-desc{font-size:1.05rem;line-height:1.65;color:var(--on-surface-muted);margin-bottom:var(--space-xl);max-width:560px}.detail-image{width:100%;aspect-ratio:16 / 9;border-radius:var(--radius-lg);overflow:hidden;margin-bottom:var(--space-xl);background:var(--surface-container-low);display:flex;align-items:center;justify-content:center}.detail-image picture,.detail-image img{width:100%;height:100%;display:block}.detail-image img{object-fit:cover}.detail-checklist{display:flex;flex-direction:column;gap:var(--space-md);margin-bottom:var(--space-xl)}.checklist-item{display:flex;align-items:center;gap:var(--space-md);font-size:.95rem;color:var(--on-surface-muted)}.checklist-item svg{width:22px;height:22px;color:var(--primary);flex-shrink:0}.detail-link{display:inline-flex;align-items:center;gap:6px;font-family:var(--font-display);font-weight:600;font-size:.95rem;color:var(--primary);transition:gap .2s}.detail-link:hover{gap:10px}.detail-link svg{width:16px;height:16px}.theme-callout{padding:var(--space-2xl) 0}.theme-callout-inner{background:var(--primary-light);border-radius:var(--radius-xl);padding:var(--space-2xl) var(--space-2xl);display:flex;align-items:flex-start;gap:var(--space-xl)}.theme-callout-icon{width:56px;height:56px;border-radius:16px;background:var(--primary);display:flex;align-items:center;justify-content:center;flex-shrink:0}.theme-callout-icon svg{width:28px;height:28px;color:#fff}.theme-callout-text h3{font-family:var(--font-display);font-weight:800;font-size:1.25rem;color:var(--on-surface);margin-bottom:var(--space-sm);letter-spacing:-.01em}.theme-callout-text p{font-size:.95rem;line-height:1.65;color:var(--on-surface-muted);max-width:600px}.stats-bar{padding:var(--space-3xl) 0;background:var(--surface-container-low)}.stats-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:var(--space-xl);text-align:center}.stat-item{padding:var(--space-lg) var(--space-md)}.stat-value{font-family:var(--font-display);font-weight:800;font-size:clamp(2rem,4vw,2.75rem);color:var(--primary);letter-spacing:-.02em;line-height:1.1;margin-bottom:var(--space-xs)}.stat-label{font-size:.875rem;font-weight:500;color:var(--on-surface-muted)}@media(max-width:900px){.browser-layout{grid-template-columns:1fr;gap:var(--space-lg)}.subject-tabs{flex-direction:row;flex-wrap:wrap;gap:var(--space-sm);position:static}.subject-tab{flex:0 0 auto;padding:.65rem 1rem;font-size:.85rem;width:auto}.theme-callout-inner{flex-direction:column;gap:var(--space-lg)}.stats-grid{grid-template-columns:repeat(2,1fr)}}@media(max-width:600px){.stats-grid{grid-template-columns:1fr 1fr;gap:var(--space-md)}.detail-body{padding:var(--space-xl) var(--space-lg) var(--space-lg)}}@media(max-width:360px){.curriculum-browser{overflow-x:clip}.stats-grid{grid-template-columns:1fr}.stat-item{padding:var(--space-lg) 0}}@keyframes fadeUp{0%{opacity:0;transform:translateY(24px)}to{opacity:1;transform:translateY(0)}}html.js .anim-fade-up{opacity:0;transform:translateY(24px);transition:opacity .7s ease,transform .7s ease}html.js .anim-fade-up.visible{opacity:1;transform:translateY(0)}.detail-panel-transition{animation:fadeUp .35s ease forwards}@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}*,*:before,*:after{animation-duration:.01ms!important;transition-duration:.01ms!important}}