/* Products: complete practice, foundations and focused skill games. */

#products.products-section{padding-block:80px}.products-section .section-intro h2{font-size:48px}.products-section .section-lead{font-size:17px;margin-top:12px}.core-products{display:grid;grid-template-columns:1.85fr 1fr;gap:20px;margin-top:32px}.core-products h3{font-size:32px;line-height:1.15;padding:0}.core-products .product-kicker{font-size:10px;margin-bottom:10px;padding:0}.core-products .feature-copy{padding:26px 28px 20px}.core-products .simulator-preview{aspect-ratio:2.3;margin-inline:20px}.simulator-feature{display:flex;flex-direction:column;border-radius:18px}.core-products .product-footer{margin-top:auto;padding-top:20px;margin-bottom:24px}.foundation-card{border:1px solid var(--line);border-radius:18px;overflow:hidden;background:#fff;min-width:0;display:flex;flex-direction:column}.core-copy{padding:26px 28px 22px}.core-copy>p:not(.product-kicker){font-size:16px;color:var(--muted);line-height:1.65;margin-top:12px}.foundation-art{margin:0 20px;overflow:hidden;border-radius:12px;flex:1;min-height:218px;background:#17106b;position:relative}.foundation-art img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover}.core-footer{padding:22px 28px 24px}.shared-skills{margin-top:16px;padding:20px 24px;border:1px solid #e9e1d8;border-radius:14px;background:#fffaf4}.shared-skills>p{font-size:13px;line-height:1.5;font-weight:600;color:var(--ink);margin-bottom:12px}.skill-chips{display:flex;flex-wrap:wrap;align-items:flex-start;gap:6px}.skill-chip{display:inline-block;border:1px solid color-mix(in srgb,var(--skill-color) 42%,#fff);background:color-mix(in srgb,var(--skill-color) 22%,#fff);border-radius:999px;padding:5px 9px;color:var(--ink);font-size:10px;line-height:1.4;font-weight:650}.skill-chip:hover{background:color-mix(in srgb,var(--skill-color) 30%,#fff);border-color:var(--skill-color)}.skill-chip:focus-visible{outline:2px solid var(--skill-color);outline-offset:3px}.games-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:20px;margin-top:28px}.game-card{min-width:0;display:flex;flex-direction:column;overflow:hidden;border:1px solid var(--line);border-radius:18px;background:#fff}.game-copy{padding:24px 24px 0}.game-copy .product-kicker{font-size:10px;margin-bottom:10px;padding:0}.game-copy h3{font-size:26px;line-height:1.2;letter-spacing:-.035em}.game-description{font-size:14px;line-height:1.65;color:var(--muted);margin-top:10px;min-height:47px}.game-skills{padding:18px 24px 22px;flex:1}.skill-label{font-size:8px;font-weight:800;letter-spacing:.09em;text-transform:uppercase;color:var(--muted);line-height:1.4;margin-bottom:8px}.game-art{aspect-ratio:16/9;margin:0 20px 24px;border-radius:12px;background:#17106b;overflow:hidden}.game-art img{width:100%;height:100%;object-fit:cover;display:block}
@media(max-width:1050px){.core-products{grid-template-columns:1.65fr 1fr}.core-products h3{font-size:28px}.core-copy,.core-products .feature-copy{padding:24px}.core-copy>p:not(.product-kicker),.feature-copy>p:not(.product-kicker){font-size:15px}.core-footer{padding-inline:24px}.foundation-art{margin-inline:16px}.game-copy{padding:22px 20px 0}.game-skills{padding-inline:20px}.game-copy h3{font-size:24px}}
@media(max-width:760px){.core-products{grid-template-columns:1fr}.core-products .simulator-preview{aspect-ratio:2.1}.foundation-art{flex:none;aspect-ratio:16/8;min-height:0}.core-products h3{font-size:30px}.games-grid{grid-template-columns:1fr}.game-description{min-height:0}.game-copy{padding:24px 24px 0}.game-skills{padding:18px 24px 22px}.game-art{aspect-ratio:16/8;margin-inline:16px}.core-products .product-footer{padding-top:0;margin-top:20px}.products-section .section-intro{text-align:left}.shared-skills{padding:20px}.shared-skills>p{font-size:14px}.skill-chip{font-size:11px}.foundation-card .core-footer{padding-top:22px}}
@media(max-width:600px){#products.products-section{padding-block:54px}.products-section .section-intro h2{font-size:38px}.core-products{margin-top:28px}.core-products .simulator-preview{aspect-ratio:1.95;margin-inline:12px}.core-copy,.core-products .feature-copy{padding:22px}.core-copy>p:not(.product-kicker){font-size:15px}.core-products .product-footer{margin-inline:22px}.core-footer{padding:22px}.foundation-art{margin-inline:12px}.game-copy h3{font-size:27px}.game-description{font-size:15px}.game-art{margin:0 12px 22px}}
