.comparison{margin-top:65px;padding-top:38px;border-top:1px solid #ccd6e3}.comparison-head{display:flex;justify-content:space-between;gap:24px;align-items:center;margin-bottom:25px}.comparison-head h3{font-size:1.7rem;letter-spacing:-.04em;line-height:1.3}.comparison-head .eyebrow{margin-bottom:12px}.comparison-choices{display:flex;gap:8px;flex-wrap:wrap}.comparison-choices button{padding:12px 16px;border-radius:6px;border:1px solid #bfcbd9;background:#fff;color:#405570;font-size:.875rem;font-weight:600}.comparison-choices button[aria-pressed=true]{background:#101d35;color:#fff;border-color:#101d35}.comparison-layout{display:grid;grid-template-columns:minmax(0,1.7fr) minmax(230px,1fr);gap:35px;align-items:center}.comparison-image{position:relative;aspect-ratio:3/2;overflow:hidden;border-radius:8px;--reveal:50%;background:#dce4ee}.comparison-image img{display:block;width:100%;height:100%;object-fit:cover}.comparison-image .compare-after{position:absolute;inset:0;clip-path:inset(0 calc(100% - var(--reveal)) 0 0)}.compare-label{position:absolute;top:16px;background:#101d35e8;color:#fff;padding:7px 11px;border-radius:4px;font-size:.75rem;font-weight:700;letter-spacing:.06em;z-index:1}.compare-label.after{left:16px}.compare-label.before{right:16px}.comparison-line{position:absolute;top:0;bottom:0;left:clamp(2px,var(--reveal),calc(100% - 2px));width:3px;background:#fff;pointer-events:none}.comparison-line span{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);background:#fff;color:#101d35;width:40px;height:40px;border-radius:50%;display:grid;place-items:center;font-size:1.25rem;box-shadow:0 3px 12px #0003}.comparison-range{display:grid;grid-template-columns:1fr auto;gap:10px;font-size:.875rem;margin-top:17px}.comparison-range label{font-weight:600}.comparison-range output{color:#586b86}.comparison-range input{grid-column:1/-1;width:100%;accent-color:#c74c20;cursor:ew-resize;min-height:32px}.compare-shortcuts{grid-column:1/-1;display:flex;justify-content:space-between}.compare-shortcuts button{background:transparent;border:0;font-size:.875rem;text-decoration:underline;text-underline-offset:4px;padding:8px 0;color:#405570}.comparison-copy h4{font-size:1.45rem;line-height:1.4;margin:20px 0 12px;letter-spacing:-.025em}.comparison-copy>p{color:#53647d;line-height:1.75}.comparison-copy .text-link{display:inline-block;margin-top:19px}.comparison-copy .comparison-note{font-size:.875rem;margin-top:24px}.learn-games{grid-template-columns:repeat(4,minmax(0,1fr))}.learn-game{padding:23px}.learn-game-bottom{align-items:flex-start;flex-direction:column}.badge-collection{margin-top:32px;background:#fff;border:1px solid #d1ddeb;border-radius:10px;padding:28px}.badge-heading{display:flex;justify-content:space-between;align-items:center;gap:20px;margin-bottom:22px}.badge-heading h3{font-size:1.4rem;margin-top:7px}.badge-heading>span{color:#526782;font-size:.875rem;font-weight:600}.badge-grid{display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:14px}.learning-badge{padding:20px 14px;text-align:center;border:1px solid #dce4ee;background:#f6f8fb;border-radius:8px;display:flex;flex-direction:column;align-items:center;gap:11px}.badge-symbol{width:44px;height:44px;border:2px solid #a7b5c8;color:#637893;border-radius:50%;display:grid;place-items:center;font-weight:700;font-size:1.1rem}.learning-badge h4{font-size:1rem;line-height:1.4}.learning-badge p{font-size:.875rem;color:#63738a;line-height:1.5}.learning-badge.is-earned{background:#fff5ed;border-color:#e6ab8c}.learning-badge.is-earned .badge-symbol{background:#101d35;color:#fff;border-color:#101d35}.badge-share{margin-top:auto;border:0;background:transparent;padding:7px 5px;font-size:.875rem;text-decoration:underline;text-underline-offset:3px;color:#a13b16;font-weight:600}.badge-status{margin-top:20px;line-height:1.6;color:#3d5370;font-size:.875rem}.badge-note{font-size:.875rem;color:#62738a;line-height:1.65;margin-top:9px}.badge-share-fallback{margin-top:16px;display:grid;gap:9px}.badge-share-fallback label{font-size:.875rem;font-weight:600}.badge-share-fallback textarea{width:100%;padding:12px;font-size:1rem;line-height:1.6;border:1px solid #abbacf;border-radius:6px;resize:vertical}.earned-message{margin-top:24px;background:#fff1e6;padding:16px 20px;border-radius:7px;color:#9f3914;font-size:1rem;font-weight:600;line-height:1.6}.setup-layout{display:grid;grid-template-columns:minmax(250px,.8fr) minmax(0,1.45fr);gap:28px;align-items:start}.setup-layout .brief-builder{padding:28px;border:1px solid #d8e1ec}.setup-layout .priorities{grid-template-columns:1fr 1fr}.setup-jump{display:none}.setup-result{background:#fff;border:1px solid #d8e1ec;border-radius:12px;padding:28px;min-width:0;scroll-margin-top:110px}.setup-result-heading{display:flex;align-items:flex-start;justify-content:space-between;gap:16px}.setup-result-heading h3{font-size:1.3rem;line-height:1.4;margin-top:7px}.setup-result-heading>span{font-size:.875rem;line-height:1.5;color:#5f7188;text-align:right}.setup-context{font-size:1rem;line-height:1.65;color:#586b84;margin:16px 0 24px}.setup-equipment{display:grid;grid-template-columns:1fr 1fr;gap:14px}.setup-item{overflow:hidden;border:1px solid #dce4ee;border-radius:7px;background:#f7f9fc;display:flex;flex-direction:column;align-items:stretch;text-align:left;min-width:0;padding:0}.setup-item img{width:100%;aspect-ratio:3/2;object-fit:cover}.setup-item div{padding:15px}.setup-item h4{font-size:1rem;line-height:1.4;margin-bottom:7px}.setup-item p{font-size:.875rem;line-height:1.65;color:#526882}.setup-item span{display:inline-block;color:#a83c15;font-size:.875rem;font-weight:600;margin-top:13px}.setup-item:hover{border-color:#c75428}.setup-empty{grid-column:1/-1;padding:25px;background:#f1f5fa;border-radius:7px;color:#556b88;line-height:1.7}.setup-checks{margin-top:25px;border-top:1px solid #dce4ee;padding-top:22px}.setup-checks h4{font-size:1rem;line-height:1.5}.setup-checks ul{margin-top:12px;padding-left:20px;color:#526882;font-size:.875rem;line-height:1.8;display:grid;gap:6px}.setup-boundary{font-size:.875rem;line-height:1.7;color:#65768e;margin-top:20px}.setup-enquiry{display:grid;grid-template-columns:1.4fr 1fr;align-items:center;gap:28px;background:#fff;border:1px solid #d8e1ec;border-radius:10px;padding:28px;margin-top:28px}.setup-enquiry .brief-preview{margin:0;padding:0;border:0;background:transparent}.setup-enquiry .brief-actions{margin-top:0}.setup-enquiry .brief-note{margin-bottom:0}.setup-enquiry #brief-text{font-size:1rem;line-height:1.7}.brief-section{scroll-margin-top:90px}.comparison button:focus-visible,.comparison input:focus-visible,.setup-item:focus-visible,.badge-share:focus-visible{outline:3px solid #d75a27;outline-offset:4px}
@media(max-width:1100px){.learn-games{grid-template-columns:repeat(2,minmax(0,1fr))}.badge-grid{grid-template-columns:repeat(3,minmax(0,1fr))}.setup-layout{grid-template-columns:minmax(235px,.85fr) minmax(0,1.2fr)}.setup-layout .priorities{grid-template-columns:1fr}.setup-result-heading{flex-direction:column;gap:8px}.setup-result-heading>span{text-align:left}.setup-equipment{grid-template-columns:1fr}.setup-enquiry{grid-template-columns:1fr}.setup-layout .brief-builder,.setup-result{padding:23px}}
@media(max-width:800px){.comparison-head{align-items:flex-start;flex-direction:column}.comparison-layout{grid-template-columns:1fr;gap:24px}.comparison-copy h4{margin-top:16px}.comparison-copy .comparison-note{margin-top:15px}.setup-layout{grid-template-columns:1fr}.setup-layout .priorities{grid-template-columns:1fr 1fr}.setup-jump{display:inline-block;margin-top:22px}.setup-equipment{grid-template-columns:1fr 1fr}.setup-result-heading{flex-direction:row}.setup-enquiry{padding:24px}.comparison{margin-top:45px}}
@media(max-width:600px){.learn-games{grid-template-columns:1fr}.learn-game-bottom{flex-direction:row}.badge-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.badge-heading{align-items:flex-start;flex-direction:column;gap:10px}.badge-collection{padding:22px 18px}.learning-badge{padding:18px 10px}.comparison-head h3{font-size:1.5rem}.setup-equipment{grid-template-columns:1fr}.setup-result-heading{flex-direction:column}.setup-layout .priorities{grid-template-columns:1fr}.compare-label{top:10px;font-size:.75rem}.compare-label.after{left:10px}.compare-label.before{right:10px}}
.brief-section{padding-block:0}.brief-section .section-heading>p{color:#c4cede}.brief-section .section-heading .eyebrow{color:#ff9c76}.brief-section .section-heading .muted{color:#aebdd2}.setup-layout .brief-builder,.setup-result,.setup-enquiry{background:#fff;color:#132139}.setup-layout .brief-builder{border-radius:10px}.setup-enquiry .brief-actions{flex-wrap:wrap}.setup-enquiry .brief-note{font-size:.875rem}.setup-result .micro{color:#65758e}