.page-module__msf5Fa__page{max-width:900px;margin:0 auto;padding:0 2rem}.page-module__msf5Fa__hero{border-bottom:1px solid var(--color-slate-100);padding:5rem 0 3.5rem}.page-module__msf5Fa__heroEyebrow{font-family:var(--font-mono);text-transform:uppercase;letter-spacing:.25em;color:var(--color-slate-400);align-items:center;gap:1rem;margin-bottom:2rem;font-size:10px;display:flex}.page-module__msf5Fa__heroEyebrowLine{background:var(--color-slate-400);flex-shrink:0;width:32px;height:1px;display:block}.page-module__msf5Fa__heroProblem{letter-spacing:-.04em;max-width:780px;margin-bottom:2.5rem;font-size:clamp(2.5rem,6vw,4.5rem);font-weight:700;line-height:1.05}.page-module__msf5Fa__heroAccent{color:var(--color-orange);font-style:normal}.page-module__msf5Fa__heroMeta{flex-wrap:wrap;align-items:flex-start;gap:2rem;display:flex}.page-module__msf5Fa__heroPitch{min-width:260px;color:var(--color-slate-600);flex:1;max-width:480px;font-size:1.05rem;line-height:1.7}.page-module__msf5Fa__heroTags{flex-direction:column;gap:.4rem;min-width:160px;list-style:none;display:flex}.page-module__msf5Fa__heroTag{font-family:var(--font-mono);text-transform:uppercase;letter-spacing:.15em;border:1px solid var(--color-slate-100);color:var(--color-slate-400);width:fit-content;padding:.3rem .6rem;font-size:9px}.page-module__msf5Fa__screenshotWrap{border:1px solid var(--color-slate-100);aspect-ratio:16/9;border-radius:12px;margin:3rem 0 .75rem;position:relative;overflow:hidden}.page-module__msf5Fa__screenshotImg{object-fit:cover;object-position:top left}.page-module__msf5Fa__screenshotCaption{font-family:var(--font-mono);color:var(--color-slate-400);text-transform:uppercase;letter-spacing:.15em;margin-bottom:0;padding-bottom:3rem;font-size:10px}.page-module__msf5Fa__section{border-bottom:1px solid var(--color-slate-100);grid-template-columns:120px 1fr;gap:0 3rem;padding:4rem 0;display:grid}.page-module__msf5Fa__sectionNum{font-family:var(--font-mono);text-transform:uppercase;letter-spacing:.2em;color:var(--color-slate-400);padding-top:6px;font-size:10px;line-height:1.6}.page-module__msf5Fa__sectionBody{width:100%}.page-module__msf5Fa__sectionHeading{letter-spacing:-.03em;margin-bottom:.4rem;font-size:1.4rem;font-weight:700}.page-module__msf5Fa__sectionSubtext{color:var(--color-slate-400);margin-bottom:0;font-size:.875rem;line-height:1.6}.page-module__msf5Fa__stackTable{border-collapse:collapse;width:100%;margin-top:1.5rem}.page-module__msf5Fa__stackRow{border-bottom:1px solid var(--color-slate-100)}.page-module__msf5Fa__stackRow:last-child{border-bottom:none}.page-module__msf5Fa__stackLabel{font-family:var(--font-mono);text-transform:uppercase;letter-spacing:.15em;color:var(--color-slate-400);vertical-align:top;width:140px;padding:1.1rem 0 1rem;font-size:10px}.page-module__msf5Fa__stackContent{vertical-align:top;padding:1rem 0}.page-module__msf5Fa__stackName{margin-bottom:.25rem;font-size:.9rem;font-weight:700}.page-module__msf5Fa__stackReason{color:var(--color-slate-600);font-size:.875rem;line-height:1.65}.page-module__msf5Fa__challengeBlock{margin-top:1.5rem}.page-module__msf5Fa__challengeLabel{font-family:var(--font-mono);text-transform:uppercase;letter-spacing:.2em;color:var(--color-slate-400);margin-bottom:.6rem;font-size:9px;display:block}.page-module__msf5Fa__challengeProblem{background:var(--color-slate-50);border-left:3px solid var(--color-orange);border-radius:0 8px 8px 0;margin-bottom:1.75rem;padding:1.25rem 1.5rem}.page-module__msf5Fa__challengeProblem p{color:var(--color-slate-800);font-size:.95rem;line-height:1.7}.page-module__msf5Fa__challengeSolution{margin-bottom:0}.page-module__msf5Fa__challengeSolution p{color:var(--color-slate-800);margin-bottom:1rem;font-size:.95rem;line-height:1.7}.page-module__msf5Fa__codeBlock{background:#0d1117;border:1px solid #ffffff1a;border-radius:12px;margin-top:1.5rem;padding:2rem;position:relative;overflow:hidden;box-shadow:0 20px 40px #0000004d}.page-module__msf5Fa__codeBlock:before{content:"";opacity:.5;background:url("data:image/svg+xml,%3Csvg viewBox='0 0 40 8' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Ccircle cx='4' cy='4' r='4' fill='%23ff5f56'/%3E%3Ccircle cx='20' cy='4' r='4' fill='%23ffbd2e'/%3E%3Ccircle cx='36' cy='4' r='4' fill='%2327c93f'/%3E%3C/svg%3E") no-repeat;width:40px;height:8px;position:absolute;top:12px;left:16px}.page-module__msf5Fa__codeBlock code{font-family:var(--font-mono);color:#e6edf3;white-space:pre;tab-size:2;font-size:.85rem;line-height:1.7;display:block}.page-module__msf5Fa__codeComment{color:#8b949e;font-style:italic}.page-module__msf5Fa__codeFunction{color:#d2a8ff}.page-module__msf5Fa__codeKeyword{color:#ff7b72}.page-module__msf5Fa__resultPill{background:var(--color-black);color:var(--color-white);font-family:var(--font-mono);border-radius:100px;align-items:center;gap:.5rem;margin-top:1.25rem;padding:.5rem 1rem;font-size:.8rem;display:inline-flex}.page-module__msf5Fa__resultDot{background:var(--color-orange);border-radius:50%;flex-shrink:0;width:7px;height:7px}.page-module__msf5Fa__reflectionText{flex-direction:column;gap:1rem;margin-top:1.5rem;display:flex}.page-module__msf5Fa__reflectionText p{color:var(--color-slate-600);font-size:1.05rem;line-height:1.8}.page-module__msf5Fa__reflectionText strong{color:var(--color-black);font-weight:700}.page-module__msf5Fa__reflectionText code{font-family:var(--font-mono);background:var(--color-slate-100);color:var(--color-slate-700);border-radius:4px;padding:.1em .4em;font-size:.85em}.page-module__msf5Fa__nextSection{padding:4rem 0 5rem}.page-module__msf5Fa__nextLabel{font-family:var(--font-mono);text-transform:uppercase;letter-spacing:.2em;color:var(--color-slate-400);margin-bottom:1.5rem;font-size:10px}.page-module__msf5Fa__nextLinks{flex-wrap:wrap;align-items:center;gap:.75rem;display:flex}.page-module__msf5Fa__nextLinkPrimary{background:var(--color-black);color:var(--color-white);transition:background var(--transition);border-radius:100px;align-items:center;gap:.5rem;padding:.75rem 1.5rem;font-size:.875rem;font-weight:700;display:inline-flex}.page-module__msf5Fa__nextLinkPrimary:hover{background:var(--color-orange)}.page-module__msf5Fa__nextLinkSecondary{border:1px solid var(--color-slate-100);color:var(--color-slate-500);transition:border-color var(--transition), color var(--transition);border-radius:100px;align-items:center;gap:.5rem;padding:.75rem 1.5rem;font-size:.875rem;font-weight:500;display:inline-flex}.page-module__msf5Fa__nextLinkSecondary:hover{border-color:var(--color-black);color:var(--color-black)}@media (max-width:640px){.page-module__msf5Fa__section{grid-template-columns:1fr;gap:1rem 0}.page-module__msf5Fa__sectionNum{padding-top:0}.page-module__msf5Fa__stackLabel{display:none}.page-module__msf5Fa__heroMeta{flex-direction:column}}