:root{--color-primary: #28558a;--color-primary-dark: #1d416d;--color-text: #182230;--color-muted: #617083;--color-border: #d8dee7;--color-subtle: #f6f8fa;--color-background: #ffffff;color:var(--color-text);background:var(--color-background);font-family:Inter,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif;font-synthesis:none;text-rendering:optimizeLegibility}*{box-sizing:border-box}body{margin:0;min-width:320px;min-height:100vh}a{outline-offset:3px}:focus-visible{outline:3px solid #d98b16}h1,h2,p{margin-top:0}h1{max-width:42rem;margin-bottom:.65rem;font-size:clamp(2rem,4vw,2.8rem);font-weight:720;letter-spacing:-.035em;line-height:1.08}h2{margin-bottom:0;font-size:clamp(1.35rem,2.5vw,1.65rem);letter-spacing:-.02em}.page-shell{width:min(100% - 2rem,70rem);margin:0 auto;padding:clamp(1.5rem,4vw,3rem) 0 3rem}.hero{max-width:46rem;padding:clamp(1.5rem,5vw,3.5rem) 0 2.5rem;border-bottom:1px solid var(--color-border)}.product-label,.student-label{color:var(--color-muted);font-size:.75rem;font-weight:700;letter-spacing:.08em;text-transform:uppercase}.product-label{margin-bottom:.7rem}.hero-copy{max-width:40rem;margin-bottom:0;color:var(--color-muted);line-height:1.55}.features-section{padding-top:2rem}.section-heading p{margin:.45rem 0 0;color:var(--color-muted);font-size:.9rem}.feature-grid{margin:1.25rem 0 0;padding:0;border-top:1px solid var(--color-border);list-style:none}.feature-card{display:grid;grid-template-columns:6rem minmax(0,1fr) auto;align-items:center;gap:1.5rem;padding:1.25rem 0;border-bottom:1px solid var(--color-border);color:var(--color-text);text-decoration:none}.feature-card-primary{margin:0 -1rem;padding-right:1rem;padding-left:1rem;background:var(--color-subtle)}.feature-content{display:grid;gap:.3rem}.feature-card strong{font-size:1.05rem}.feature-description{color:var(--color-muted);font-size:.9rem;line-height:1.45}.feature-action{color:var(--color-primary);font-size:.9rem;font-weight:700}.feature-action:after{content:"→";margin-left:.4rem}.feature-card:hover strong,.feature-card:hover .feature-action{color:var(--color-primary-dark)}.feature-card:hover strong{text-decoration:underline;text-underline-offset:.2rem}.page-footer{padding-top:1.5rem;color:var(--color-muted);font-size:.82rem}@media (max-width: 640px){.page-shell{width:min(100% - 1.25rem,70rem);padding-top:.75rem}.hero{padding-top:1.5rem}.feature-card,.feature-card-primary{grid-template-columns:1fr auto;gap:.45rem 1rem}.student-label{grid-column:1 / -1}}
