:root{color-scheme:light;--pearl:#f5f8fc;--pearl-dark:#dce5ef;--text:#14171c;--muted:#5d697a;--card:rgba(255,255,255,0.82);--card-border:rgba(0,0,0,0.05);--accent-red:#da3b3b;--accent-blue:#2b7fc9;--accent-blue-light:#d6e6f7;--accent-gold:#d49a3b;--accent-soft:#e5eef7;--shadow:0 4px 20px rgba(0,0,0,0.04);--shadow-hover:0 8px 40px rgba(0,0,0,0.07);--radius:14px;--radius-lg:24px;--font-sans:"Inter",-apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,system-ui,sans-serif;--font-mono:"SF Mono","SFMono-Regular","Cascadia Code",Consolas,monospace}*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;min-height:100vh;background:var(--pearl);color:var(--text);font-family:var(--font-sans);font-size:16px;line-height:1.6;-webkit-font-smoothing:antialiased}.pageWrapper{position:relative;min-height:100vh;overflow-x:hidden;background:radial-gradient(ellipse 80% 50% at 5% 15%,rgba(43,127,201,.08) 0,transparent 60%),radial-gradient(ellipse 60% 50% at 95% 20%,rgba(43,127,201,.05) 0,transparent 50%),radial-gradient(ellipse 70% 60% at 50% 85%,rgba(218,59,59,.03) 0,transparent 50%),radial-gradient(ellipse 90% 70% at 40% 50%,rgba(255,255,255,.8) 0,transparent 70%)}.pageShell{position:relative;z-index:2;width:min(820px,calc(100% - 48px));margin:0 auto;padding:46px 0 96px}.block{margin-top:56px}.heroBlock,h1,h2,h3,p{margin-top:0}h1{margin-bottom:24px;font-size:clamp(34px,5.5vw,56px);font-weight:600;letter-spacing:-.04em;line-height:1.08;color:var(--text)}h2{margin-bottom:12px;font-size:22px;letter-spacing:-.015em;line-height:1.3}h2,h3{font-weight:580;color:var(--text)}h3{margin-bottom:8px;font-size:17px;line-height:1.35}.block>p{margin-bottom:20px;color:var(--muted);max-width:640px;font-size:16px}.overline{margin:0 0 16px;color:var(--accent-blue);font-size:12px;font-weight:700;letter-spacing:.12em;text-transform:uppercase}.heroSub{margin-bottom:0!important;font-size:19px!important;line-height:1.5!important;color:var(--muted)!important;max-width:600px!important}.topNav{justify-content:space-between;width:min(100%,720px);margin:0 auto 32px;padding:10px 18px;border:1px solid rgba(0,0,0,.04);border-radius:60px;background:var(--card);-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);box-shadow:var(--shadow)}.topNav,.topNavTitle{display:flex;align-items:center}.topNavTitle{gap:10px;font-size:16px;font-weight:650;color:var(--text);letter-spacing:-.02em}.navIcon{width:24px;height:24px;border-radius:4px}.topNavLink{font-size:14px;font-weight:600;color:var(--accent-blue);text-decoration:none;transition:color .15s ease}.topNavLink:hover{color:var(--accent-red)}.audienceSentence{display:flex;align-items:center;justify-content:center;gap:14px;width:min(100%,460px);margin:0 auto 40px;padding:14px 20px;border:1px solid rgba(43,127,201,.1);border-radius:100px;background:linear-gradient(135deg,rgba(255,255,255,.92),rgba(214,230,247,.5));box-shadow:0 6px 24px rgba(43,127,201,.08),0 2px 0 rgba(43,127,201,.04);-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px)}.audienceGreeting{flex-shrink:0;color:var(--text);font-size:20px;font-weight:620;letter-spacing:-.02em;line-height:1}.audienceSwitch{position:relative;display:grid;grid-template-columns:1fr 1fr;width:220px;min-height:40px;padding:4px;border:1px solid rgba(0,0,0,.05);border-radius:999px;background:linear-gradient(145deg,rgba(245,248,252,.94),rgba(255,255,255,.8));box-shadow:inset 0 1px 0 rgba(255,255,255,.8),inset 0 -6px 16px rgba(20,23,28,.03)}.audienceSwitch input{position:absolute;inline-size:1px;block-size:1px;margin:-1px;overflow:hidden;clip:rect(0 0 0 0);white-space:nowrap;border:0}.audienceSwitch label{position:relative;z-index:2;display:flex;align-items:center;justify-content:center;min-height:32px;border-radius:999px;color:var(--muted);cursor:pointer;font-size:15px;font-weight:650;letter-spacing:-.01em;transition:color .25s ease}.audienceSwitch input:focus-visible+label{outline:2px solid rgba(43,127,201,.35);outline-offset:-2px;border-radius:999px}.audienceSwitch input:checked+label{color:#fff}.switchThumb{position:absolute;z-index:1;top:4px;left:4px;width:calc(50% - 4px);height:calc(100% - 8px);border-radius:999px;background:linear-gradient(135deg,var(--accent-blue),#1f5f98 58%,var(--accent-red)),linear-gradient(30deg,rgba(255,255,255,.2),transparent);box-shadow:0 6px 14px rgba(43,127,201,.24),inset 0 1px 0 rgba(255,255,255,.24);transition:transform .38s cubic-bezier(.2,.9,.2,1),background .28s ease}.audienceSwitch[data-audience=human] .switchThumb{transform:translateX(100%);background:linear-gradient(135deg,var(--accent-red),#b02f34 58%,var(--accent-gold))}.contentPane{animation:content-enter .34s ease both}.sourceStack{display:grid;grid-gap:14px;gap:14px}@keyframes content-enter{0%{opacity:0;transform:translateY(10px)}to{opacity:1;transform:translateY(0)}}.skillCard{display:flex;flex-direction:column;gap:8px;padding:20px 24px;max-width:520px;border:1px solid var(--card-border);border-radius:var(--radius-lg);background:var(--card);box-shadow:var(--shadow);text-decoration:none;color:inherit;transition:box-shadow .2s ease,transform .2s ease,background .2s ease;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px)}.skillCard:hover{background:rgba(255,255,255,.92);box-shadow:var(--shadow-hover);transform:translateY(-2px);border-color:rgba(43,127,201,.15)}.skillCardName{font-size:18px;font-weight:600;color:var(--text)}.skillCardUrl{color:var(--accent-blue);font-family:var(--font-mono);font-size:12px;word-break:break-all}.skillCardDesc{color:var(--muted);font-size:14px;line-height:1.45}.numberedSteps{margin:0;padding:0;list-style:none}.numberedSteps li{display:flex;gap:18px;align-items:flex-start;padding:16px 0;border-bottom:1px solid rgba(0,0,0,.05)}.numberedSteps li:first-child{padding-top:4px}.numberedSteps li:last-child{border-bottom:none;padding-bottom:0}.stepMarker{flex-shrink:0;display:flex;align-items:center;justify-content:center;width:34px;height:34px;border-radius:50%;background:var(--accent-blue-light);color:var(--accent-blue);font-family:var(--font-mono);font-size:13px;font-weight:700;line-height:1}.numberedSteps li span:last-child{padding-top:4px;color:var(--text);font-size:16px;line-height:1.5}.mcpGrid{display:grid;grid-template-columns:1fr;grid-gap:14px;gap:14px;margin-top:20px}@media (min-width:700px){.mcpGrid{grid-template-columns:1fr 1fr 1fr}}.mcpCard{padding:22px 24px;border:1px solid var(--card-border);border-radius:var(--radius-lg);background:var(--card);box-shadow:var(--shadow);transition:box-shadow .2s ease;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px)}.mcpCard:hover{box-shadow:var(--shadow-hover)}.mcpCard h3{color:var(--accent-red);font-weight:600}.mcpCard p{margin:0;font-size:15px;line-height:1.5;color:var(--muted)}.calloutBlock{position:relative;padding:28px 32px;border:1px solid rgba(43,127,201,.08);border-radius:var(--radius-lg);background:linear-gradient(135deg,rgba(214,230,247,.6),rgba(255,255,255,.85));box-shadow:var(--shadow)}.calloutBlock h2{color:var(--text)}.calloutBlock p{margin:0;font-size:16px;color:var(--muted);max-width:600px}.footerBlock{margin-top:72px;padding-top:28px;border-top:1px solid rgba(0,0,0,.05);text-align:center}.footerBlock p{margin:0;font-size:14px;color:var(--muted)}.footerBlock a{color:var(--accent-blue);text-decoration:none;font-weight:600;transition:color .15s ease}.footerBlock a:hover{color:var(--accent-red)}code{padding:2px 8px;border-radius:6px;background:var(--accent-blue-light);color:var(--accent-blue);font-family:var(--font-mono);font-size:.88em}@media (max-width:640px){.pageShell{padding:48px 0 64px}.block{margin-top:40px}h1{font-size:30px}h2{font-size:20px}.heroSub{font-size:17px!important}}