body,input{font-variant-numeric:lining-nums;-moz-font-feature-settings:"lnum";-webkit-font-feature-settings:"lnum";font-feature-settings:"lnum"}:root{--radius-button: var(--radius-md)}.what-youll-build{--wyb-accent: #2554E3;--wyb-accent-soft: #EEF8FF;--wyb-deep: #0f1526;--wyb-line: #dddde2;--wyb-muted: #4c4e58}.what-youll-build__head{display:flex;flex-wrap:wrap;align-items:baseline;gap:var(--space-xs);margin-bottom:var(--space-xs)}.what-youll-build__heading{margin:0}.what-youll-build__count{margin-left:auto;padding:var(--space-xxxxs) var(--space-xxs);border-radius:var(--radius-sm);background:#edf2fa;color:#132683;font-size:var(--text-sm);white-space:nowrap}.what-youll-build__intro{margin:0 0 var(--space-sm);color:var(--wyb-muted)}.wyb{display:flex;flex-direction:column;gap:var(--space-xs);margin-top:var(--space-sm)}.wyb-radio{position:absolute;width:1px;height:1px;margin:-1px;padding:0;border:0;overflow:hidden;clip-path:inset(50%);white-space:nowrap}.wyb-item{border:1px solid transparent;border-radius:var(--radius-lg);overflow:hidden;background:#efeff2}.wyb-item:has(.wyb-radio:checked){background:#fff;border-color:#4c4e58}.wyb-tab{display:flex;align-items:center;gap:var(--space-xs);padding:var(--space-xs);cursor:pointer}.wyb-tab__thumb{position:relative;flex:0 0 auto;width:4rem;aspect-ratio:16 / 9;border-radius:var(--radius-md);overflow:hidden;background:#efeff2}.wyb-tab__thumb img{display:block;width:100%;height:100%;object-fit:cover}.wyb-tab__text{display:flex;flex-direction:column;gap:var(--space-xxxxs);min-width:0}.wyb-tab__title{color:var(--wyb-deep);font-size:var(--text-sm);font-weight:600}.wyb-tab__level{color:#4c4e58;font-size:var(--text-xs);font-weight:400}.wyb-tab:has(.wyb-radio:focus-visible){outline:3px solid var(--wyb-accent);outline-offset:-3px}.wyb-item:has(.wyb-radio:checked) .wyb-tab{display:none}.wyb-stage{display:none;position:relative;aspect-ratio:16 / 9;overflow:hidden;background:radial-gradient(700px 320px at 80% -40px, rgba(15,187,255,0.22), rgba(15,187,255,0) 60%),linear-gradient(135deg, #0d2530, #2554E3)}.wyb-stage--playable{cursor:pointer}.wyb-stage:focus-visible{outline:3px solid var(--wyb-accent);outline-offset:-3px}.wyb-item:has(.wyb-radio:checked) .wyb-stage{display:block}.wyb-stage__poster,.wyb-stage__video{position:absolute;inset:0;width:100%;height:100%;object-fit:cover}.wyb-stage__poster{z-index:1}.wyb-stage__scrim{display:none;position:absolute;inset:0;z-index:2;pointer-events:none;transition:opacity 0.25s ease}.wyb-stage__scrim::before,.wyb-stage__scrim::after{content:"";position:absolute;inset:0}.wyb-stage__scrim::before{-webkit-backdrop-filter:brightness(0.4) contrast(1.7);backdrop-filter:brightness(0.4) contrast(1.7);background:linear-gradient(to top, rgba(6,15,20,0.55), rgba(6,15,20,0) 70%);-webkit-mask-image:linear-gradient(to bottom, transparent 40%, #000 100%);mask-image:linear-gradient(to bottom, transparent 40%, #000 100%)}.wyb-stage__scrim::after{-webkit-backdrop-filter:blur(14px);backdrop-filter:blur(14px);-webkit-mask-image:linear-gradient(to bottom, transparent 45%, #000 calc(100% - 2rem));mask-image:linear-gradient(to bottom, transparent 45%, #000 calc(100% - 2rem))}@supports not ((backdrop-filter: blur(1px)) or (-webkit-backdrop-filter: blur(1px))){.wyb-stage__scrim{background:linear-gradient(to top, rgba(6,15,20,0.9) 0, rgba(6,15,20,0.3) 45%, transparent 65%)}}.wyb-stage__play{position:absolute;top:50%;left:50%;transform:translate(-50%, -50%);z-index:3;display:grid;place-items:center;width:3.5rem;height:3.5rem;border-radius:50%;background:#fff;box-shadow:0 0 30px 20px rgba(0,0,0,0.3);pointer-events:none;transition:opacity 0.25s ease}.wyb-stage__play svg{width:2rem;height:2rem;margin-left:var(--space-xxxxs);fill:#000}.wyb-stage.is-playing{cursor:default}.wyb-stage.is-playing .wyb-stage__poster{display:none}.wyb-stage.is-playing .wyb-stage__video{z-index:4}.wyb-stage.is-playing .wyb-stage__scrim,.wyb-stage.is-playing .wyb-stage__play{opacity:0;pointer-events:none}.wyb-info{display:none;padding:var(--space-unit);background:#f6f7f9;color:var(--wyb-deep)}.wyb-item:has(.wyb-radio:checked) .wyb-info{display:block}.wyb-info__eyebrow{margin:0 0 var(--space-xxxxs);color:var(--wyb-muted);font-size:var(--text-xs);font-weight:600;letter-spacing:0.1em;text-transform:uppercase}.wyb-info__title{margin:0;color:var(--wyb-deep);font-size:var(--text-xl)}.wyb-info__desc{max-width:28rem;margin:var(--space-xxxs) 0 0;color:#31333d;font-size:var(--text-sm)}.wyb-info__meta{display:flex;flex-wrap:wrap;align-items:baseline;margin-top:var(--space-xs)}.wyb-info__meta-item{color:#4c4e58;font-size:var(--text-sm);font-weight:400}.wyb-info__meta-item+.wyb-info__meta-item::before{content:"·";margin:0 var(--space-xxs)}@media all and (min-width: 48em){.wyb{display:grid;grid-template-columns:repeat(4, 1fr);gap:var(--space-xs)}.wyb-item{display:contents}.wyb-stage{grid-column:1 / -1;grid-row:1;border:1px solid var(--wyb-line);border-radius:var(--radius-lg);box-shadow:0 12px 36px rgba(16,24,40,0.13)}.wyb-stage__scrim{display:block}.wyb-info{grid-column:1 / -1;grid-row:1;align-self:end;z-index:2;background:transparent;color:#fff;pointer-events:none;text-shadow:0 1px 4px rgba(0,0,0,0.55)}.wyb-info__eyebrow{color:#fff}.wyb-info__title{color:#fff}.wyb-info__desc{color:#fff}.wyb-info__meta-item{color:rgba(255,255,255,0.87)}.wyb-stage.is-playing~.wyb-info{opacity:0;pointer-events:none}.wyb-tab{display:flex;flex-direction:column;align-items:flex-start;gap:var(--space-xxxxs);padding:var(--space-xxs);border:1px solid transparent;border-radius:var(--radius-lg);background:#efeff2;transition:background-color 0.15s ease, border-color 0.15s ease, color 0.15s ease}.wyb-tab:hover{background:#dddde2}.wyb-tab__thumb{display:none}.wyb-item:has(.wyb-radio:checked) .wyb-tab{display:flex;background:#e5ecf7;border-color:#538DFF}.wyb-item:has(.wyb-radio:checked) .wyb-tab .wyb-tab__title{color:#132683}}@media (prefers-reduced-motion: reduce){.wyb-tab,.wyb-stage__scrim,.wyb-stage__play{transition:none}}