.workflow-grid,.learning-grid{--section-navy:#202f5a;--section-red:#b82424;--card-cut:polygon(0 0, 100% 0, 100% calc(100% - 24px), calc(100% - 24px) 100%, 0 100%);gap:20px;display:grid}.workflow-grid{margin:0;padding:0;list-style:none}.workflow-card,.learning-card{--card-accent:var(--section-navy);clip-path:var(--card-cut);background:#fff;gap:28px;padding:24px;display:grid}.workflow-card:nth-child(2n),.learning-card:nth-child(2n){--card-accent:var(--section-red)}.workflow-copy,.learning-copy{min-width:0}.workflow-step,.learning-subject{background:var(--card-accent);color:#fff;clip-path:polygon(0 0,100% 0,100% calc(100% - 8px),calc(100% - 8px) 100%,0 100%);justify-content:center;align-items:center;margin-bottom:20px;font-weight:700;display:inline-flex}.workflow-step{font-variant-numeric:tabular-nums;width:44px;height:44px;font-size:17px}.learning-subject{letter-spacing:.7px;text-transform:uppercase;min-height:32px;padding:6px 18px 6px 12px;font-size:12px;line-height:1.5}.workflow-copy h3,.learning-copy h3{color:#292929;font-family:var(--font-kanit);letter-spacing:-.5px;font-size:26px;font-weight:600;line-height:1.15}.workflow-copy p,.learning-copy p{color:#5a5a5a;margin-top:12px;font-size:15px;line-height:1.65}.workflow-screen,.learning-screen{align-self:center;min-width:0}.workflow-screen img,.learning-screen img{object-fit:contain;clip-path:polygon(0 0,100% 0,100% 87.47%,94.6% 100%,0 100%);width:100%;height:auto;display:block}.workflow-screen img{aspect-ratio:554/394}.learning-screen img{aspect-ratio:818/558}.educator-quote{clip-path:polygon(7.02% 0,100% 0,100% 85%,93.49% 100%,0 100%,0 13.6%);background:linear-gradient(112deg,#e3edfd 0 56%,#c2d5ff 56%);flex-direction:column;padding:32px;display:flex}.educator-quote-mark{object-fit:contain;width:44px;height:34px;margin-bottom:24px}@media (width>=640px){.workflow-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.workflow-card{grid-template-rows:1fr auto}.learning-card{grid-template-columns:minmax(0,1fr) minmax(0,1.4fr);align-items:center}}@media (width>=1024px){.learning-grid{grid-template-columns:repeat(3,minmax(0,1fr));gap:24px}.learning-card{grid-template-rows:1fr auto;grid-template-columns:1fr;align-items:start}.learning-copy h3{min-height:2.3em}}@media (width>=1100px){.workflow-grid{gap:24px}.workflow-card{grid-template-rows:1fr;grid-template-columns:minmax(0,.85fr) minmax(0,1.2fr);align-items:center;gap:24px;padding:28px}}