/* Homepage feature previews; preserve shared header, hero, shelf and typography. */
.hb-showcase-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:22px}.hb-showcase-card{min-width:0;padding:30px;border:1px solid #dce7df;border-radius:24px;background:#fff;box-shadow:0 12px 30px #173c2508}.hb-showcase-card h3{font-size:clamp(23px,2.3vw,30px);line-height:1.45}.hb-showcase-card p{font-size:15px;line-height:1.85}.hb-showcase-card>a{display:inline-block;margin-top:16px;font-weight:650}.hb-showcase-lesson{grid-column:1/-1;display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);align-items:center;gap:32px;background:linear-gradient(135deg,#123e55,#086e65);color:#fff}.hb-showcase-lesson h3,.hb-showcase-lesson>div>p,.hb-showcase-lesson .hb-eyebrow,.hb-showcase-lesson a{color:#fff}.hb-demo-sheet{border:1px solid #dce7df;border-radius:20px;padding:25px;background:#fff;color:#172f40;box-shadow:0 12px 28px #092e3220}.hb-demo-sheet>strong{display:block;margin:20px 0 8px;font-size:clamp(22px,2.4vw,32px);line-height:1.6}.hb-showcase .hb-demo-note{padding:14px;background:#f9f1d9;border-radius:12px;color:#594c26}.hb-showcase button{font:inherit;font-size:14px;cursor:pointer;min-height:44px;padding:10px 14px;border:1px solid #bdcfc6;border-radius:12px;background:#fff;color:#086e65;line-height:1.5}.hb-showcase button:hover{background:#edf7f2}.hb-showcase button:focus-visible{outline:3px solid #d98c18;outline-offset:3px}.hb-showcase button:disabled{cursor:default;opacity:1}.hb-demo-sheet>small{display:block;font-size:12px;line-height:1.7;margin-top:10px}.hb-demo-quiz{border:0;margin:20px 0 0;padding:0;min-width:0}.hb-demo-quiz legend{font-size:21px;font-weight:650;margin-bottom:18px}.hb-demo-options,.hb-demo-match{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:10px}.hb-demo-match>div{display:grid;gap:10px}.hb-showcase .hb-demo-correct{background:#e1f4e8;border-color:#17835e;color:#075f46}.hb-showcase .hb-demo-wrong{background:#fff0e6;border-color:#aa6630;color:#7a421b}.hb-showcase .hb-demo-selected{background:#e5effc;border-color:#23578b;box-shadow:0 0 0 2px #23578b25}.hb-showcase-game{background:#fffaf0}.hb-showcase-benefits{list-style:none;padding:0;display:grid;gap:17px}.hb-showcase-benefits li{padding-bottom:14px;border-bottom:1px solid #e4ebe5}.hb-showcase-benefits strong,.hb-showcase-benefits span{display:block}.hb-showcase-benefits span{font-size:14px;line-height:1.8;color:#506674;margin-top:4px}.hb-home-support{display:grid;grid-template-columns:1.2fr 1fr;align-items:center;gap:32px;border-top:1px solid #dce7df}.hb-home-support>div:last-child{display:flex;flex-direction:column;align-items:flex-start;gap:16px}
@media(max-width:760px){.hb-showcase-grid,.hb-showcase-lesson,.hb-home-support{grid-template-columns:minmax(0,1fr)}.hb-showcase-lesson{grid-column:auto}.hb-showcase-card{padding:23px}.hb-demo-sheet{padding:20px}.hb-showcase-lesson{gap:22px}}

/* v2.50.7: match the established white/green card system; four balanced cards. */
.hb-landing .hb-showcase-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:24px;align-items:stretch}
.hb-landing .hb-showcase-card{display:flex;flex-direction:column;gap:0;padding:28px;border:1px solid #e0e8dd;border-radius:23px;background:#fff;box-shadow:0 13px 30px #1a3f2b05;color:#172f40}
.hb-landing .hb-showcase-lesson{grid-column:auto;display:flex;gap:20px;background:#fff}
.hb-landing .hb-showcase-card h3{font-size:24px;line-height:1.5;margin:16px 0 12px;color:#123d52}
.hb-landing .hb-showcase-card p,.hb-landing .hb-showcase-lesson>div>p{font-size:14px;line-height:1.85;color:#506674}
.hb-landing .hb-showcase-card .hb-eyebrow{align-self:flex-start;color:#087e70;background:#edf6ef;border:1px solid #e0e8dd;font-size:11px;padding:5px 10px;border-radius:7px}
.hb-landing .hb-showcase-card a,.hb-landing .hb-showcase-lesson a{color:#087e70;font-size:14px;font-weight:650;text-decoration:none}
.hb-landing .hb-showcase-card a:hover{text-decoration:underline}
.hb-landing .hb-showcase-card>a{align-self:flex-start;margin-top:auto;padding-top:20px}
.hb-landing .hb-showcase button{border-radius:30px;min-height:44px;font-size:13px;padding:10px 15px;transition:background .2s,border-color .2s}
.hb-landing .hb-demo-sheet{padding:22px;border-radius:19px;background:#f3f8f4;border-color:#dce7df;box-shadow:none}
.hb-landing .hb-demo-sheet>strong{font-size:26px;line-height:1.5;margin:16px 0 8px;color:#087e70}
.hb-landing .hb-demo-sheet .hb-demo-note{background:#fff9e9;color:#594c26}
.hb-landing .hb-demo-sheet>button{margin:4px 6px 4px 0}
.hb-landing .hb-demo-match{margin-top:12px}.hb-landing .hb-demo-match>div{gap:12px}
.hb-landing .hb-showcase [data-hb-match-reset]{align-self:flex-start;margin:8px 0 12px}
.hb-landing .hb-demo-quiz{margin-bottom:20px}.hb-landing .hb-demo-quiz legend{font-size:20px}
.hb-landing .hb-showcase-benefits{margin:8px 0 20px;gap:14px}
@media(max-width:760px){.hb-landing .hb-showcase-grid{grid-template-columns:minmax(0,1fr);gap:20px}.hb-landing .hb-showcase-card{padding:24px}.hb-landing .hb-showcase-card h3{font-size:23px}.hb-landing .hb-demo-sheet>strong{font-size:24px}}
@media(prefers-reduced-motion:reduce){.hb-landing .hb-showcase button{transition:none}}

/* v2.50.8: top and final information cards fill the row. */
.hb-landing .hb-showcase-grid>.hb-showcase-lesson{grid-column:1/-1;display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);align-items:center;gap:30px}
.hb-landing .hb-showcase-grid>.hb-showcase-card:last-child{grid-column:1/-1}
.hb-landing .hb-showcase-grid>.hb-showcase-card:last-child .hb-showcase-benefits{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:18px 32px}
@media(max-width:760px){.hb-landing .hb-showcase-grid>.hb-showcase-lesson,.hb-landing .hb-showcase-grid>.hb-showcase-card:last-child .hb-showcase-benefits{grid-template-columns:minmax(0,1fr)}}