.learn-hero.svelte-8s3559{background:var(--night);color:#fff;padding:6rem 0}.hero-grid.svelte-8s3559{grid-template-columns:.9fr 1.1fr;align-items:center;gap:clamp(3rem,8vw,8rem);display:grid}.learn-hero.svelte-8s3559 .eyebrow:where(.svelte-8s3559){color:var(--lime)}h1.svelte-8s3559,h2.svelte-8s3559{font-family:var(--display);letter-spacing:-.07em;margin:0;font-weight:450;line-height:.95}h1.svelte-8s3559{font-size:clamp(4rem,7vw,7rem)}h1.svelte-8s3559 em:where(.svelte-8s3559){color:var(--lime);font-family:Georgia,serif;font-weight:400}.hero-grid.svelte-8s3559>div:where(.svelte-8s3559):first-child>p:where(.svelte-8s3559):last-child{color:#ffffff80;max-width:520px;margin:2rem 0 0;font-size:.84rem;line-height:1.7}.chart-lab.svelte-8s3559{border:1px solid var(--line-dark);background:#ffffff0d;border-radius:1rem;padding:1.3rem}.lab-head.svelte-8s3559{color:#fff6;font-family:var(--mono);text-transform:uppercase;justify-content:space-between;font-size:.54rem;display:flex}.lab-head.svelte-8s3559 code:where(.svelte-8s3559){color:var(--lime)}.sample-chart.svelte-8s3559{height:14rem;margin-top:1.5rem}.sample-chart.svelte-8s3559 svg:where(.svelte-8s3559){width:100%;height:100%}.grid.svelte-8s3559{fill:none;stroke:#ffffff17;stroke-dasharray:2 4}.average.svelte-8s3559{fill:none;stroke:var(--blue);stroke-width:2px;vector-effect:non-scaling-stroke}.price.svelte-8s3559{fill:none;stroke:var(--lime);stroke-width:2px;vector-effect:non-scaling-stroke}.lab-tabs.svelte-8s3559{border:1px solid var(--line-dark);border-radius:.5rem;grid-template-columns:repeat(3,1fr);padding:.25rem;display:grid}.lab-tabs.svelte-8s3559 button:where(.svelte-8s3559){cursor:pointer;color:#fff6;background:0 0;border:0;border-radius:.35rem;padding:.55rem;font-size:.58rem}.lab-tabs.svelte-8s3559 button.active:where(.svelte-8s3559){background:var(--lime);color:var(--night);font-weight:700}.lab-reading.svelte-8s3559{grid-template-columns:1fr auto;align-items:center;margin-top:1rem;display:grid}.lab-reading.svelte-8s3559 span:where(.svelte-8s3559){color:#ffffff59;font-family:var(--mono);text-transform:uppercase;font-size:.53rem}.lab-reading.svelte-8s3559 strong:where(.svelte-8s3559){font-family:var(--mono);font-size:.8rem}.lab-reading.svelte-8s3559 p:where(.svelte-8s3559){color:#ffffff61;grid-column:1/3;margin:.45rem 0 0;font-size:.58rem}.curriculum.svelte-8s3559{background:var(--paper);padding:8rem 0}.section-head.svelte-8s3559{grid-template-columns:1fr .6fr;align-items:end;gap:5rem;display:grid}.section-head.svelte-8s3559 h2:where(.svelte-8s3559){font-size:clamp(3.2rem,5.5vw,5.2rem)}.section-head.svelte-8s3559>p:where(.svelte-8s3559){color:var(--muted);margin:0 0 .3rem;font-size:.8rem;line-height:1.65}.tutorial-grid.svelte-8s3559{grid-template-columns:repeat(2,1fr);gap:.8rem;margin-top:4rem;display:grid}.tutorial-grid.svelte-8s3559>a:where(.svelte-8s3559){border:1px solid var(--line);background:#ffffff6b;border-radius:1rem;padding:1.5rem}.tutorial-top.svelte-8s3559{justify-content:space-between;display:flex}.tutorial-top.svelte-8s3559 span:where(.svelte-8s3559){background:var(--lime);width:2.1rem;height:2.1rem;font-family:var(--mono);border-radius:50%;place-items:center;font-size:.58rem;display:grid}.tutorial-top.svelte-8s3559 code:where(.svelte-8s3559){color:var(--muted);font-family:var(--mono);font-size:.54rem}.tutorial-grid.svelte-8s3559 h3:where(.svelte-8s3559){font-family:var(--display);letter-spacing:-.045em;margin:3rem 0 .7rem;font-size:1.8rem}.tutorial-grid.svelte-8s3559 p:where(.svelte-8s3559){max-width:480px;color:var(--muted);margin:0;font-size:.72rem;line-height:1.6}.tutorial-grid.svelte-8s3559 ul:where(.svelte-8s3559){gap:.5rem;margin:1.5rem 0;padding:0;list-style:none;display:flex}.tutorial-grid.svelte-8s3559 li:where(.svelte-8s3559){border:1px solid var(--line);color:var(--muted);border-radius:999px;padding:.35rem .5rem;font-size:.53rem}.tutorial-grid.svelte-8s3559 b:where(.svelte-8s3559){font-size:.64rem}.tutorial-grid.svelte-8s3559 b:where(.svelte-8s3559) span:where(.svelte-8s3559){color:#6c9e2f}.principles.svelte-8s3559{background:var(--lime);padding:7rem 0}.principles.svelte-8s3559 blockquote:where(.svelte-8s3559){max-width:950px;font-family:var(--display);letter-spacing:-.065em;margin:2rem 0;font-size:clamp(2.5rem,5vw,5rem);line-height:1.02}@media (width<=850px){.hero-grid.svelte-8s3559,.section-head.svelte-8s3559,.tutorial-grid.svelte-8s3559{grid-template-columns:1fr}}@media (width<=540px){.learn-hero.svelte-8s3559,.curriculum.svelte-8s3559,.principles.svelte-8s3559{padding:5rem 0}.tutorial-grid.svelte-8s3559 ul:where(.svelte-8s3559){flex-wrap:wrap}}
