.learning-hero{grid-template-columns:minmax(0,.92fr) minmax(420px,1.08fr);min-height:720px}.learning-hero .hero-visual{aspect-ratio:16/10}.problem{display:grid;grid-template-columns:.8fr 1.2fr;gap:70px;padding:85px 0}.problem h2,.method h2,.demo h2,.progress-section h2,.use-cases h2,.founder-story h2{margin:0;font:600 clamp(34px,4.2vw,56px)/1.04 'Fraunces',serif;letter-spacing:-.035em}.problem-copy{display:grid;gap:18px}.problem-copy p,.demo-copy p,.progress-copy p,.founder-story p{margin:0;color:var(--muted);font-size:15px;line-height:1.75}.comparison{display:grid;grid-template-columns:1fr 1fr;gap:12px}.comparison article{padding:24px;border:1px solid var(--line);border-radius:16px;background:var(--paper)}.comparison span{color:var(--orange);font-size:10px;font-weight:700;letter-spacing:.12em;text-transform:uppercase}.comparison h3{margin:8px 0;font:600 22px 'Fraunces',serif}.comparison p{margin:0;color:var(--muted);font-size:13px;line-height:1.55}.method{padding:95px 0;background:var(--deep);color:#fff}.method .section-heading>p:last-child{color:#b9c6bf}.method-steps{display:grid;grid-template-columns:repeat(5,1fr);gap:10px;margin:38px 0 0;padding:0;list-style:none}.method-steps li{padding:21px 18px;border:1px solid #ffffff24;border-radius:14px;background:#ffffff08}.method-steps b{display:grid;place-items:center;width:31px;height:31px;margin-bottom:18px;border-radius:50%;background:var(--lime);color:var(--deep);font-size:12px}.method-steps h3{margin:0 0 8px;font-size:14px}.method-steps p{margin:0;color:#bdc9c2;font-size:11px;line-height:1.55}.demo{display:grid;grid-template-columns:1.05fr .95fr;align-items:center;gap:65px;padding:105px 0}.demo-visual{overflow:hidden;border-radius:22px;background:#dfe5df;box-shadow:0 25px 65px #17352924}.demo-visual img{width:100%;height:auto}.demo-copy .button{margin-top:24px}.practice-band{display:grid;grid-template-columns:1fr auto;align-items:center;gap:30px;padding:42px 48px;border-radius:22px;background:#e6ead8}.practice-band h2{margin:0 0 8px;font:600 clamp(29px,3.5vw,44px)/1.05 'Fraunces',serif}.practice-band p{margin:0;color:var(--muted);line-height:1.6}.progress-section{display:grid;grid-template-columns:.95fr 1.05fr;align-items:center;gap:65px;padding:110px 0}.progress-flow{display:grid;grid-template-columns:1fr auto 1fr auto 1fr;align-items:center;gap:10px;margin-top:28px}.progress-state{min-height:125px;padding:18px;border:1px solid var(--line);border-top:6px solid var(--orange);border-radius:14px;background:var(--paper)}.progress-state.learning-state{border-top-color:var(--blue)}.progress-state.mastered-state{border-top-color:var(--mastered)}.progress-state strong{display:block;margin-bottom:8px;font:600 18px 'Fraunces',serif}.progress-state small{color:var(--muted);font-size:11px;line-height:1.45}.progress-arrow{color:#8d9a92;font-size:24px}.progress-image{overflow:hidden;border-radius:22px;box-shadow:0 25px 65px #17352924}.progress-image img{display:block;width:100%;height:auto;object-fit:contain}.hall-of-fame{padding-top:100px;padding-bottom:100px;border-top:1px solid var(--line)}.hall-of-fame .seo-leaderboard-rank{font-size:20px}.hall-of-fame .seo-leaderboard-row{grid-template-columns:48px minmax(0,1fr) auto}.use-cases{padding:100px 0;background:#e9ede4}.use-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:12px;margin-top:35px}.use-grid article{padding:24px;border:1px solid #d2dbd1;border-radius:15px;background:var(--paper)}.use-grid span{font-size:25px}.use-grid h3{margin:13px 0 8px;font-size:15px}.use-grid p{margin:0;color:var(--muted);font-size:12px;line-height:1.6}.founder-story{display:grid;grid-template-columns:.7fr 1.3fr;gap:70px;padding:105px 0}.founder-quote{padding:30px;border-left:7px solid var(--lime);background:var(--paper);font:600 clamp(22px,3vw,34px)/1.3 'Fraunces',serif}.related-links{display:flex;flex-wrap:wrap;gap:9px;margin-top:24px}.related-links a{padding:9px 12px;border:1px solid var(--line);border-radius:99px;background:#fff;text-decoration:none;font-size:11px;font-weight:700}.learning-final{margin-top:0}.learning-final .button{margin-inline:auto}.learning-page-note{margin-top:13px;color:var(--muted);font-size:11px}.learning-page-note a{color:inherit}
@media(max-width:1000px){.method-steps{grid-template-columns:repeat(2,1fr)}.method-steps li:last-child{grid-column:1/-1}.use-grid{grid-template-columns:1fr 1fr}}
@media(max-width:900px){.learning-hero,.problem,.demo,.progress-section,.founder-story{grid-template-columns:1fr}.learning-hero{min-height:auto}.problem,.demo,.progress-section,.founder-story{gap:36px}.practice-band{grid-template-columns:1fr}.practice-band .button{width:max-content}.progress-image{order:-1}}
@media(max-width:620px){.learning-hero .hero-visual{aspect-ratio:1}.problem,.demo,.progress-section,.founder-story{padding:72px 0}.comparison,.use-grid{grid-template-columns:1fr}.method{padding:72px 0}.method-steps{grid-template-columns:1fr}.method-steps li:last-child{grid-column:auto}.practice-band{width:100%;padding:34px 22px;border-radius:0}.practice-band .button{width:100%}.progress-flow{grid-template-columns:1fr}.progress-arrow{justify-self:center;transform:rotate(90deg)}.progress-state{min-height:0}.hall-of-fame{padding-top:72px;padding-bottom:72px}.use-cases{padding:72px 0}.founder-quote{padding:23px}.related-links{display:grid}.related-links a{text-align:center}}