diff --git a/source/_static/css/sw-components.css b/source/_static/css/sw-components.css
new file mode 100644
index 0000000000..2072d30cbc
--- /dev/null
+++ b/source/_static/css/sw-components.css
@@ -0,0 +1,711 @@
+/* Shared component styles for FIRST Robotics WIP 2027 pages.
+   Generated from inline <style> blocks across RST files. */
+
+/* ── COLOR TOKENS ── */
+   :root {
+     --frc:        #009CD7;   /* FIRST Process Blue */
+     --frc-light:  #e6f6fc;
+     --ftc:        #e07000;   /* FTC orange */
+     --ftc-light:  #fff3e0;
+     --shared:     #2e7d32;   /* shared green */
+     --shared-light: #f1f8f1;
+   }
+
+   /* ── TAB SELECTOR ── */
+   #landing-tab-root { max-width: 900px; }
+   .wl-tab-selector { text-align:center; padding:36px 0 28px; }
+   .wl-tab-prompt { font-size:1.1rem; font-weight:600; margin-bottom:16px; }
+   .wl-tab-buttons { display:flex; justify-content:center; gap:12px; flex-wrap:wrap; }
+   .wl-tab-btn {
+     padding:11px 26px; font-size:0.95rem; font-weight:600;
+     border-radius:6px; border:2px solid #ccc;
+     background:var(--color-background-secondary,#f8f8f8);
+     cursor:pointer; transition:all 0.2s;
+     color:var(--color-foreground-primary,#1a1a1a);
+   }
+   .wl-tab-btn:hover { border-color:var(--frc); color:var(--frc); }
+   .wl-tab-btn.active { background:var(--frc); border-color:var(--frc); color:#fff; }
+   .wl-tab-btn:visited { color: inherit; }
+
+   /* ── PANELS ── */
+   .wl-panel { display:none; padding-bottom:40px; }
+   .wl-panel.active { display:block; }
+
+   /* ── WELCOME BLOCK ── */
+   .wl-welcome {
+     background:var(--color-background-secondary,#f8f8f8);
+     border-left:4px solid var(--frc);
+     border-radius:6px; padding:20px 24px; margin-bottom:28px;
+   }
+   .wl-welcome-frc { border-left-color:var(--frc); }
+   .wl-welcome-ftc { border-left-color:var(--ftc); }
+   .wl-welcome-h { font-size:1.35rem; font-weight:700; margin:0 0 8px; border:none; }
+   .wl-welcome-p { font-size:0.95rem; margin:0; line-height:1.6; color:var(--color-foreground-secondary,#444); }
+
+   /* ── SECTION HEADING ── */
+   .wl-sh {
+     font-size:0.9rem; font-weight:700; text-transform:uppercase;
+     letter-spacing:0.06em; color:var(--color-foreground-secondary,#555);
+     border-bottom:1px solid var(--color-background-border,#ddd);
+     padding-bottom:7px; margin:24px 0 14px;
+   }
+
+   /* ── CARDS GRID ── */
+   .wl-grid { display:grid; grid-template-columns:repeat(2,1fr); gap:12px; margin-bottom:24px; }
+
+   .wl-card {
+     display:flex; align-items:flex-start; gap:14px;
+     padding:18px 20px; border-radius:8px;
+     border:2px solid var(--color-background-border,#ddd);
+     text-decoration:none; color:inherit;
+     background:var(--color-background-primary,#fff);
+     transition:border-color 0.2s, box-shadow 0.2s;
+   }
+   .wl-btn { cursor:pointer; text-align:left; width:100%; }
+   .wl-card:hover { box-shadow:0 2px 8px rgba(0,0,0,0.08); text-decoration:none; color:inherit; }
+   .wl-card:visited,
+   .wl-prog-card:visited,
+   .wl-core-card:visited,
+   .wl-xrp-blurb:visited,
+   .wl-ql:visited { color: inherit; text-decoration: none; }
+
+
+
+
+   .wl-card-frc  { border-color:rgba(0,48,135,0.25); }
+   .wl-card-frc:hover  { border-color:var(--frc);  box-shadow:0 2px 10px rgba(0,48,135,0.12); }
+   .wl-card-ftc  { border-color:rgba(224,112,0,0.3); background:var(--ftc-light); }
+   .wl-card-ftc:hover  { border-color:var(--ftc);  box-shadow:0 2px 10px rgba(224,112,0,0.15); }
+   .wl-card-shared { border-color:rgba(46,125,50,0.25); }
+   .wl-card-shared:hover { border-color:var(--shared); box-shadow:0 2px 10px rgba(46,125,50,0.12); }
+
+   .wl-num { font-size:1.4rem; font-weight:800; line-height:1; flex-shrink:0; font-family:monospace; }
+   .wl-frc-text    { color:var(--frc); }
+   .wl-ftc-text    { color:var(--ftc); }
+   .wl-shared-text { color:var(--shared); }
+
+   .wl-card-title { font-weight:700; font-size:0.95rem; margin-bottom:4px; }
+   .wl-card-desc  { font-size:0.85rem; color:var(--color-foreground-secondary,#555); line-height:1.5; }
+   .wl-card-link  { font-size:0.82rem; font-weight:600; text-decoration:none; }
+   .wl-card-link:hover { text-decoration:underline; }
+
+   /* ── QUICK LINKS ── */
+   .wl-quicklinks { display:flex; flex-wrap:wrap; gap:8px; margin-bottom:20px; }
+   .wl-ql {
+     padding:7px 14px; border-radius:20px; font-size:0.85rem; font-weight:500;
+     text-decoration:none; border:1px solid; transition:all 0.2s;
+     background:var(--color-background-primary,#fff);
+   }
+   .wl-ql-frc    { color:var(--frc);    border-color:rgba(0,48,135,0.3); }
+   .wl-ql-frc:hover    { background:var(--frc);    color:#fff; border-color:var(--frc); text-decoration:none; }
+   .wl-ql-shared { color:var(--shared); border-color:rgba(46,125,50,0.3); }
+   .wl-ql-shared:hover { background:var(--shared); color:#fff; border-color:var(--shared); text-decoration:none; }
+
+   /* ── TIP BLOCK ── */
+   .wl-tip { border-radius:6px; padding:13px 17px; font-size:0.875rem; line-height:1.6; }
+   .wl-tip-shared { background:var(--shared-light); border:1px solid rgba(46,125,50,0.3); }
+   .wl-tip-shared a { color:var(--shared); }
+
+   /* ── BACK BUTTON ── */
+   .wl-back {
+     background:none; border:none; cursor:pointer;
+     font-size:0.85rem; margin-top:12px; padding:0;
+     color:var(--color-foreground-secondary,#666);
+     text-decoration:underline;
+   }
+   .wl-back:hover { color:var(--frc); }
+
+   /* ── RETURNING GRID ── */
+   .wl-ret-grid { display:grid; grid-template-columns:repeat(2,1fr); gap:14px; }
+
+   .wl-ret-card {
+     border-radius:8px; padding:18px 20px;
+     border:2px solid var(--color-background-border,#ddd);
+     background:var(--color-background-primary,#fff);
+     position:relative;
+   }
+   .wl-ret-card ul { font-size:0.875rem; line-height:1.7; margin:0; padding-left:18px; }
+   .wl-ret-card li { margin-bottom:2px; }
+
+   .wl-ret-frc   { border-color:var(--frc);    background:var(--frc-light); }
+   .wl-ret-ftc   { border-color:var(--ftc);    background:var(--ftc-light); }
+   .wl-ret-shared { border-color:var(--shared); background:var(--shared-light); }
+
+   .wl-ret-label {
+     display:inline-block; font-size:0.7rem; font-weight:700;
+     text-transform:uppercase; letter-spacing:0.06em;
+     padding:2px 8px; border-radius:4px; margin-bottom:8px;
+   }
+   .wl-frc-label    { background:var(--frc);    color:#fff; }
+   .wl-ftc-label    { background:var(--ftc);    color:#fff; }
+   .wl-shared-label { background:var(--shared); color:#fff; }
+
+   .wl-ret-h { font-size:0.95rem; font-weight:700; margin:0 0 10px; border:none; }
+
+   /* ── PROGRAM + CORE GRIDS (below tabs) ── */
+   .wl-program-grid { display:grid; grid-template-columns:repeat(2,1fr); gap:14px; margin-bottom:14px; }
+   .wl-prog-card {
+     display:block; border-radius:8px; padding:20px 22px;
+     text-decoration:none; color:inherit;
+     border:2px solid var(--color-background-border,#ddd);
+     background:var(--color-background-primary,#fff);
+     transition:border-color 0.2s, box-shadow 0.2s;
+   }
+   .wl-prog-card:hover { text-decoration:none; color:inherit; box-shadow:0 2px 8px rgba(0,0,0,0.08); }
+   .wl-prog-frc { border-color:rgba(0,48,135,0.25); }
+   .wl-prog-frc:hover { border-color:var(--frc); }
+   .wl-prog-ftc { border-color:rgba(224,112,0,0.3); background:var(--ftc-light); }
+   .wl-prog-ftc:hover { border-color:var(--ftc); }
+   .wl-prog-tag {
+     display:inline-block; font-size:0.72rem; font-weight:700;
+     text-transform:uppercase; letter-spacing:0.05em;
+     padding:2px 8px; border-radius:4px; margin-bottom:9px;
+   }
+   .wl-prog-title { font-size:1rem; font-weight:700; margin-bottom:5px; }
+   .wl-prog-desc  { font-size:0.875rem; color:var(--color-foreground-secondary,#555); line-height:1.5; }
+
+   .wl-core-grid { display:grid; grid-template-columns:repeat(4,1fr); gap:11px; margin-bottom:32px; }
+   .wl-core-card {
+     display:block; border-radius:8px; padding:15px 17px;
+     text-decoration:none; color:inherit;
+     border:1px solid var(--color-background-border,#ddd);
+     background:var(--color-background-primary,#fff);
+     transition:border-color 0.2s;
+   }
+   .wl-core-card:hover { border-color:var(--frc); text-decoration:none; color:inherit; }
+   .wl-core-title { font-size:0.88rem; font-weight:700; margin-bottom:4px; }
+   .wl-core-desc  { font-size:0.78rem; color:var(--color-foreground-secondary,#555); line-height:1.5; }
+
+   .wl-xrp-blurb {
+     display:flex; align-items:center; gap:16px;
+     padding:13px 18px; border-radius:8px; margin-bottom:14px;
+     border:1px solid rgba(46,125,50,0.3); background:var(--shared-light);
+     text-decoration:none; color:inherit; transition:border-color 0.2s;
+   }
+   .wl-xrp-blurb:hover { border-color:var(--shared); text-decoration:none; color:inherit; }
+   .wl-xrp-tag {
+     font-size:0.72rem; font-weight:700; text-transform:uppercase;
+     letter-spacing:0.05em; padding:2px 8px; border-radius:4px;
+     background:var(--shared); color:#fff; flex-shrink:0;
+   }
+   .wl-xrp-text { font-size:0.875rem; line-height:1.5; }
+   .wl-xrp-link { margin-left:auto; font-size:0.85rem; font-weight:600; color:var(--shared); flex-shrink:0; }
+
+   /* ── RESPONSIVE ── */
+   @media (max-width:700px) {
+     .wl-grid         { grid-template-columns:1fr; }
+     .wl-ret-grid     { grid-template-columns:1fr; }
+     .wl-program-grid { grid-template-columns:1fr; }
+     .wl-core-grid    { grid-template-columns:repeat(2,1fr); }
+   }
+   @media (max-width:460px) {
+     .wl-core-grid { grid-template-columns:1fr; }
+   }
+
+:root { --frc:#009CD7; --frc-light:#e6f6fc; --ftc:#e07000; --ftc-light:#fff3e0; --shared:#2e7d32; --shared-light:#f1f8f1; }
+
+   .sw-label { display:inline-block; font-size:0.7rem; font-weight:700; text-transform:uppercase; letter-spacing:0.06em; padding:2px 8px; border-radius:4px; margin-bottom:10px; }
+   .sw-label-frc    { background:var(--frc);    color:#fff; }
+   .sw-label-ftc    { background:var(--ftc);    color:#fff; }
+   .sw-label-rec    { background:#1a1a1a;        color:#fff; }
+   .sw-label-shared { background:var(--shared);  color:#fff; }
+
+   .sw-section-h {
+     font-size:0.85rem; font-weight:700; text-transform:uppercase; letter-spacing:0.06em;
+     color:var(--color-foreground-secondary,#555);
+     border-bottom:1px solid var(--color-background-border,#ddd);
+     padding-bottom:7px; margin:32px 0 14px;
+   }
+
+   /* ── GRID ── */
+   .sw-grid   { display:grid; gap:12px; margin-bottom:24px; }
+   .sw-grid-2 { grid-template-columns:repeat(2,1fr); }
+   .sw-grid-3 { grid-template-columns:repeat(3,1fr); }
+   .sw-grid-4 { grid-template-columns:repeat(4,1fr); }
+
+   /* ── CARDS ── */
+   .sw-card {
+     padding:18px 20px; border-radius:8px;
+     border:2px solid var(--color-background-border,#ddd);
+     background:var(--color-background-primary,#fff);
+     text-decoration:none; color:inherit; display:block;
+     transition:border-color 0.2s, box-shadow 0.2s;
+   }
+   a.sw-card:hover         { box-shadow:0 2px 8px rgba(0,0,0,0.08); text-decoration:none; color:inherit; }
+   a.sw-card:visited       { color:inherit; text-decoration:none; }
+   .sw-card-frc            { border-color:rgba(0,156,215,0.3); }
+   a.sw-card-frc:hover     { border-color:var(--frc); box-shadow:0 2px 10px rgba(0,156,215,0.15); }
+   .sw-card-ftc            { border-color:rgba(224,112,0,0.3); background:var(--ftc-light); }
+   a.sw-card-ftc:hover     { border-color:var(--ftc); box-shadow:0 2px 10px rgba(224,112,0,0.15); }
+   .sw-card-rec            { border-color:var(--frc); background:var(--frc-light); }
+   .sw-card-shared         { border-color:rgba(46,125,50,0.3); background:var(--shared-light); }
+   a.sw-card-shared:hover  { border-color:var(--shared); }
+
+   .sw-card-title { font-weight:700; font-size:0.97rem; margin-bottom:4px; }
+   .sw-card-desc  { font-size:0.85rem; color:var(--color-foreground-secondary,#555); line-height:1.55; }
+   .sw-card-time  { font-size:0.78rem; color:var(--frc); font-weight:600; margin-bottom:6px; }
+   .sw-step-num   { font-size:2rem; font-weight:800; color:var(--frc); font-family:monospace; line-height:1; margin-bottom:10px; display:block; }
+
+   /* ── TIP / WARN ── */
+   .sw-tip  { background:var(--shared-light); border:1px solid rgba(46,125,50,0.3); border-radius:6px; padding:14px 18px; font-size:0.875rem; line-height:1.6; margin-bottom:24px; }
+   .sw-warn { background:#fff8e1; border:1px solid rgba(255,160,0,0.4); border-radius:6px; padding:14px 18px; font-size:0.875rem; line-height:1.6; margin-bottom:24px; }
+   .sw-tip a, .sw-warn a { font-weight:600; }
+
+   ul.sw-list { font-size:0.875rem; line-height:1.8; margin:8px 0 0; padding-left:20px; }
+
+   @media(max-width:700px) { .sw-grid-2,.sw-grid-3,.sw-grid-4 { grid-template-columns:1fr; } }
+
+:root { --frc:#009CD7; --frc-light:#e6f6fc; --ftc:#e07000; --ftc-light:#fff3e0; --shared:#2e7d32; --shared-light:#f1f8f1; }
+   .sw-label { display:inline-block; font-size:0.7rem; font-weight:700; text-transform:uppercase;
+     letter-spacing:0.06em; padding:2px 8px; border-radius:4px; margin-bottom:10px; }
+   .sw-label-frc { background:var(--frc); color:#fff; }
+   .sw-label-ftc { background:var(--ftc); color:#fff; }
+   .sw-label-shared { background:var(--shared); color:#fff; }
+   .sw-section-h { font-size:0.85rem; font-weight:700; text-transform:uppercase;
+     letter-spacing:0.06em; color:var(--color-foreground-secondary,#555);
+     border-bottom:1px solid var(--color-background-border,#ddd);
+     padding-bottom:7px; margin:28px 0 14px; }
+   .sw-grid { display:grid; gap:12px; margin-bottom:24px; }
+   .sw-grid-2 { grid-template-columns:repeat(2,1fr); }
+   .sw-card { padding:18px 20px; border-radius:8px;
+     border:2px solid var(--color-background-border,#ddd);
+     background:var(--color-background-primary,#fff);
+     text-decoration:none; color:inherit; display:block;
+     transition:border-color 0.2s, box-shadow 0.2s; }
+   a.sw-card:hover { box-shadow:0 2px 8px rgba(0,0,0,0.08);
+     text-decoration:none; color:inherit; }
+   a.sw-card:visited { color:inherit; text-decoration:none; }
+   .sw-card-frc { border-color:rgba(0,156,215,0.3); }
+   a.sw-card-frc:hover { border-color:var(--frc);
+     box-shadow:0 2px 10px rgba(0,156,215,0.15); }
+   .sw-card-ftc { border-color:rgba(224,112,0,0.3); background:var(--ftc-light);
+     opacity:0.65; cursor:default; }
+   a.sw-card-ftc:hover { border-color:var(--ftc);
+     box-shadow:0 2px 10px rgba(224,112,0,0.15); }
+   .sw-card-title { font-weight:700; font-size:0.97rem; margin-bottom:4px; }
+   .sw-card-desc { font-size:0.85rem; color:var(--color-foreground-secondary,#555);
+     line-height:1.55; }
+   .sw-step-badge { display:flex; align-items:center; gap:14px;
+     background:var(--frc-light); border:2px solid var(--frc);
+     border-radius:8px; padding:14px 20px; margin-bottom:28px; }
+   .sw-step-n { font-size:2.2rem; font-weight:800; color:var(--frc);
+     font-family:monospace; line-height:1; flex-shrink:0; }
+   .sw-step-info-title { font-size:1rem; font-weight:700; margin-bottom:2px; }
+   .sw-step-info-sub { font-size:0.85rem; color:var(--color-foreground-secondary,#555); }
+   .sw-order { counter-reset:wiring-step; list-style:none;
+     padding:0; margin:0 0 24px; }
+   .sw-order li { counter-increment:wiring-step; display:flex;
+     align-items:flex-start; gap:14px; margin-bottom:10px;
+     padding:12px 16px; border-radius:6px;
+     border:1px solid var(--color-background-border,#ddd);
+     background:var(--color-background-primary,#fff);
+     font-size:0.875rem; line-height:1.55; }
+   .sw-order li::before { content:counter(wiring-step);
+     font-size:0.8rem; font-weight:800; color:#fff;
+     background:var(--frc); border-radius:50%;
+     width:22px; height:22px; display:flex; align-items:center;
+     justify-content:center; flex-shrink:0; font-family:monospace; }
+   .sw-tip { background:var(--shared-light);
+     border:1px solid rgba(46,125,50,0.3); border-radius:6px;
+     padding:14px 18px; font-size:0.875rem; line-height:1.6;
+     margin-bottom:20px; }
+   .sw-warn { background:#fff8e1; border:1px solid rgba(255,160,0,0.4);
+     border-radius:6px; padding:14px 18px; font-size:0.875rem;
+     line-height:1.6; margin-bottom:20px; }
+   .sw-nav { display:flex; justify-content:space-between;
+     margin-top:32px; padding-top:16px;
+     border-top:1px solid var(--color-background-border,#ddd); }
+   .sw-nav-btn { padding:9px 20px; border-radius:6px; font-size:0.875rem;
+     font-weight:600; text-decoration:none; border:2px solid var(--frc);
+     color:var(--frc); background:var(--color-background-primary,#fff);
+     transition:all 0.2s; }
+   .sw-nav-btn:hover { background:var(--frc); color:#fff;
+     text-decoration:none; }
+   .sw-nav-btn:visited { color:var(--frc); }
+   .sw-nav-btn.sw-next { background:var(--frc); color:#fff; }
+   .sw-nav-btn.sw-next:hover { background:#007ab0; border-color:#007ab0; }
+   .sw-nav-btn.sw-next:visited { color:#fff; }
+   @media(max-width:700px) { .sw-grid-2 { grid-template-columns:1fr; } }
+
+:root { --frc:#2e7d32; --frc-light:#f1f8f1; --shared:#2e7d32; --shared-light:#f1f8f1; }
+   .sw-label { display:inline-block; font-size:0.7rem; font-weight:700; text-transform:uppercase;
+     letter-spacing:0.06em; padding:2px 8px; border-radius:4px; margin-bottom:10px; }
+   .sw-label-shared { background:var(--shared); color:#fff; }
+   .sw-label-win { background:#0078d4; color:#fff; }
+   .sw-label-any { background:#555; color:#fff; }
+   .sw-section-h { font-size:0.85rem; font-weight:700; text-transform:uppercase;
+     letter-spacing:0.06em; color:var(--color-foreground-secondary,#555);
+     border-bottom:1px solid var(--color-background-border,#ddd);
+     padding-bottom:7px; margin:28px 0 14px; }
+   .sw-grid { display:grid; gap:12px; margin-bottom:24px; }
+   .sw-grid-2 { grid-template-columns:repeat(2,1fr); }
+   .sw-grid-3 { grid-template-columns:repeat(3,1fr); }
+   .sw-card { padding:18px 20px; border-radius:8px;
+     border:2px solid var(--color-background-border,#ddd);
+     background:var(--color-background-primary,#fff);
+     text-decoration:none; color:inherit; display:block;
+     transition:border-color 0.2s, box-shadow 0.2s; }
+   a.sw-card:hover { box-shadow:0 2px 8px rgba(0,0,0,0.08);
+     text-decoration:none; color:inherit; }
+   a.sw-card:visited { color:inherit; text-decoration:none; }
+   .sw-card-shared { border-color:rgba(46,125,50,0.3); background:var(--shared-light); }
+   a.sw-card-shared:hover { border-color:var(--shared);
+     box-shadow:0 2px 10px rgba(46,125,50,0.15); }
+   .sw-card-title { font-weight:700; font-size:0.97rem; margin-bottom:4px; }
+   .sw-card-desc { font-size:0.85rem; color:var(--color-foreground-secondary,#555);
+     line-height:1.55; }
+   .sw-step-badge { display:flex; align-items:center; gap:14px;
+     background:var(--frc-light); border:2px solid var(--frc);
+     border-radius:8px; padding:14px 20px; margin-bottom:28px; }
+   .sw-step-n { font-size:2.2rem; font-weight:800; color:var(--frc);
+     font-family:monospace; line-height:1; flex-shrink:0; }
+   .sw-step-info-title { font-size:1rem; font-weight:700; margin-bottom:2px; }
+   .sw-step-info-sub { font-size:0.85rem; color:var(--color-foreground-secondary,#555); }
+   .sw-part-num { display:inline-block; font-size:0.7rem; font-weight:700;
+     text-transform:uppercase; letter-spacing:0.04em;
+     padding:2px 9px; border-radius:4px; margin-bottom:8px;
+     background:var(--frc); color:#fff; }
+   .sw-tip { background:var(--shared-light);
+     border:1px solid rgba(46,125,50,0.3); border-radius:6px;
+     padding:14px 18px; font-size:0.875rem; line-height:1.6;
+     margin-bottom:20px; }
+   .sw-warn { background:#fff8e1; border:1px solid rgba(255,160,0,0.4);
+     border-radius:6px; padding:14px 18px; font-size:0.875rem;
+     line-height:1.6; margin-bottom:20px; }
+   .sw-nav { display:flex; justify-content:space-between;
+     margin-top:32px; padding-top:16px;
+     border-top:1px solid var(--color-background-border,#ddd); }
+   .sw-nav-btn { padding:9px 20px; border-radius:6px; font-size:0.875rem;
+     font-weight:600; text-decoration:none; border:2px solid var(--frc);
+     color:var(--frc); background:var(--color-background-primary,#fff);
+     transition:all 0.2s; }
+   .sw-nav-btn:hover { background:var(--frc); color:#fff;
+     text-decoration:none; }
+   .sw-nav-btn:visited { color:var(--frc); }
+   .sw-nav-btn.sw-next { background:var(--frc); color:#fff; }
+   .sw-nav-btn.sw-next:hover { background:#1b5e20; border-color:#1b5e20; }
+   .sw-nav-btn.sw-next:visited { color:#fff; }
+   ul.sw-list { font-size:0.875rem; line-height:1.8; margin:8px 0 0;
+     padding-left:20px; }
+   @media(max-width:700px) {
+     .sw-grid-2,.sw-grid-3 { grid-template-columns:1fr; } }
+
+:root { --frc:#009CD7; --frc-light:#e6f6fc; --shared:#2e7d32; --shared-light:#f1f8f1; }
+   .sw-label { display:inline-block; font-size:0.7rem; font-weight:700; text-transform:uppercase;
+     letter-spacing:0.06em; padding:2px 8px; border-radius:4px; margin-bottom:10px; }
+   .sw-label-frc { background:var(--frc); color:#fff; }
+   .sw-section-h { font-size:0.85rem; font-weight:700; text-transform:uppercase;
+     letter-spacing:0.06em; color:var(--color-foreground-secondary,#555);
+     border-bottom:1px solid var(--color-background-border,#ddd);
+     padding-bottom:7px; margin:28px 0 14px; }
+   .sw-grid { display:grid; gap:12px; margin-bottom:24px; }
+   .sw-grid-2 { grid-template-columns:repeat(2,1fr); }
+   .sw-grid-3 { grid-template-columns:repeat(3,1fr); }
+   .sw-card { padding:18px 20px; border-radius:8px;
+     border:2px solid var(--color-background-border,#ddd);
+     background:var(--color-background-primary,#fff);
+     text-decoration:none; color:inherit; display:block;
+     transition:border-color 0.2s, box-shadow 0.2s; }
+   a.sw-card:hover { box-shadow:0 2px 8px rgba(0,0,0,0.08);
+     text-decoration:none; color:inherit; }
+   a.sw-card:visited { color:inherit; text-decoration:none; }
+   .sw-card-frc { border-color:rgba(0,156,215,0.3); }
+   a.sw-card-frc:hover { border-color:var(--frc);
+     box-shadow:0 2px 10px rgba(0,156,215,0.15); }
+   .sw-card-title { font-weight:700; font-size:0.97rem; margin-bottom:4px; }
+   .sw-card-desc { font-size:0.85rem; color:var(--color-foreground-secondary,#555);
+     line-height:1.55; }
+   .sw-step-badge { display:flex; align-items:center; gap:14px;
+     background:var(--frc-light); border:2px solid var(--frc);
+     border-radius:8px; padding:14px 20px; margin-bottom:28px; }
+   .sw-step-n { font-size:2.2rem; font-weight:800; color:var(--frc);
+     font-family:monospace; line-height:1; flex-shrink:0; }
+   .sw-step-info-title { font-size:1rem; font-weight:700; margin-bottom:2px; }
+   .sw-step-info-sub { font-size:0.85rem; color:var(--color-foreground-secondary,#555); }
+   .sw-part-num { display:inline-block; font-size:0.7rem; font-weight:700;
+     text-transform:uppercase; letter-spacing:0.04em;
+     padding:2px 9px; border-radius:4px; margin-bottom:8px;
+     background:var(--frc); color:#fff; }
+   .sw-checklist { list-style:none; padding:0; margin:0 0 20px; }
+   .sw-checklist li { display:flex; align-items:baseline; gap:10px;
+     font-size:0.875rem; line-height:1.6; padding:7px 0;
+     border-bottom:1px solid var(--color-background-border,#eee); }
+   .sw-checklist li::before { content:"&#9744;"; font-size:1rem;
+     flex-shrink:0; color:var(--frc); }
+   .sw-tip { background:var(--shared-light);
+     border:1px solid rgba(46,125,50,0.3); border-radius:6px;
+     padding:14px 18px; font-size:0.875rem; line-height:1.6;
+     margin-bottom:20px; }
+   .sw-warn { background:#fff8e1; border:1px solid rgba(255,160,0,0.4);
+     border-radius:6px; padding:14px 18px; font-size:0.875rem;
+     line-height:1.6; margin-bottom:20px; }
+   .sw-nav { display:flex; justify-content:space-between;
+     margin-top:32px; padding-top:16px;
+     border-top:1px solid var(--color-background-border,#ddd); }
+   .sw-nav-btn { padding:9px 20px; border-radius:6px; font-size:0.875rem;
+     font-weight:600; text-decoration:none; border:2px solid var(--frc);
+     color:var(--frc); background:var(--color-background-primary,#fff);
+     transition:all 0.2s; }
+   .sw-nav-btn:hover { background:var(--frc); color:#fff;
+     text-decoration:none; }
+   .sw-nav-btn:visited { color:var(--frc); }
+   .sw-nav-btn.sw-next { background:var(--frc); color:#fff; }
+   .sw-nav-btn.sw-next:hover { background:#007ab0; border-color:#007ab0; }
+   .sw-nav-btn.sw-next:visited { color:#fff; }
+   @media(max-width:700px) {
+     .sw-grid-2,.sw-grid-3 { grid-template-columns:1fr; } }
+
+:root { --frc:#009CD7; --frc-light:#e6f6fc; --shared:#2e7d32; --shared-light:#f1f8f1; }
+   .sw-label { display:inline-block; font-size:0.7rem; font-weight:700; text-transform:uppercase;
+     letter-spacing:0.06em; padding:2px 8px; border-radius:4px; margin-bottom:10px; }
+   .sw-label-frc { background:var(--frc); color:#fff; }
+   .sw-label-shared { background:var(--shared); color:#fff; }
+   .sw-section-h { font-size:0.85rem; font-weight:700; text-transform:uppercase;
+     letter-spacing:0.06em; color:var(--color-foreground-secondary,#555);
+     border-bottom:1px solid var(--color-background-border,#ddd);
+     padding-bottom:7px; margin:28px 0 14px; }
+   .sw-grid { display:grid; gap:12px; margin-bottom:24px; }
+   .sw-grid-2 { grid-template-columns:repeat(2,1fr); }
+   .sw-card { padding:18px 20px; border-radius:8px;
+     border:2px solid var(--color-background-border,#ddd);
+     background:var(--color-background-primary,#fff);
+     text-decoration:none; color:inherit; display:block;
+     transition:border-color 0.2s, box-shadow 0.2s; }
+   a.sw-card:hover { box-shadow:0 2px 8px rgba(0,0,0,0.08);
+     text-decoration:none; color:inherit; }
+   a.sw-card:visited { color:inherit; text-decoration:none; }
+   .sw-card-frc { border-color:rgba(0,156,215,0.3); }
+   a.sw-card-frc:hover { border-color:var(--frc);
+     box-shadow:0 2px 10px rgba(0,156,215,0.15); }
+   .sw-card-err { border-color:rgba(211,47,47,0.3); background:#fff5f5; }
+   .sw-card-title { font-weight:700; font-size:0.97rem; margin-bottom:4px; }
+   .sw-card-desc { font-size:0.85rem; color:var(--color-foreground-secondary,#555);
+     line-height:1.55; }
+   .sw-step-badge { display:flex; align-items:center; gap:14px;
+     background:var(--frc-light); border:2px solid var(--frc);
+     border-radius:8px; padding:14px 20px; margin-bottom:28px; }
+   .sw-step-n { font-size:2.2rem; font-weight:800; color:var(--frc);
+     font-family:monospace; line-height:1; flex-shrink:0; }
+   .sw-step-info-title { font-size:1rem; font-weight:700; margin-bottom:2px; }
+   .sw-step-info-sub { font-size:0.85rem; color:var(--color-foreground-secondary,#555); }
+   .sw-tip { background:var(--shared-light);
+     border:1px solid rgba(46,125,50,0.3); border-radius:6px;
+     padding:14px 18px; font-size:0.875rem; line-height:1.6;
+     margin-bottom:20px; }
+   .sw-warn { background:#fff8e1; border:1px solid rgba(255,160,0,0.4);
+     border-radius:6px; padding:14px 18px; font-size:0.875rem;
+     line-height:1.6; margin-bottom:20px; }
+   .sw-success { background:var(--shared-light);
+     border:2px solid var(--shared); border-radius:8px;
+     padding:20px 24px; margin-top:28px; }
+   .sw-success-h { font-size:1.1rem; font-weight:700;
+     color:var(--shared); margin:0 0 8px; }
+   .sw-success-p { font-size:0.875rem; line-height:1.6; margin:0; }
+   .sw-nav { display:flex; justify-content:space-between;
+     margin-top:32px; padding-top:16px;
+     border-top:1px solid var(--color-background-border,#ddd); }
+   .sw-nav-btn { padding:9px 20px; border-radius:6px; font-size:0.875rem;
+     font-weight:600; text-decoration:none; border:2px solid var(--frc);
+     color:var(--frc); background:var(--color-background-primary,#fff);
+     transition:all 0.2s; }
+   .sw-nav-btn:hover { background:var(--frc); color:#fff; text-decoration:none; }
+   .sw-nav-btn:visited { color:var(--frc); }
+   ul.sw-list { font-size:0.875rem; line-height:1.8; margin:8px 0 0;
+     padding-left:20px; }
+   @media(max-width:700px) { .sw-grid-2 { grid-template-columns:1fr; } }
+
+:root { --ftc:#e07000; --ftc-light:#fff3e0; --shared:#2e7d32; --shared-light:#f1f8f1; }
+   .sw-coming { text-align:center; padding:48px 32px;
+     border:2px dashed rgba(224,112,0,0.4); border-radius:12px;
+     background:var(--ftc-light); margin-bottom:28px; }
+   .sw-coming-icon { font-size:2.5rem; margin-bottom:12px; }
+   .sw-coming-h { font-size:1.3rem; font-weight:700; color:var(--ftc); margin:0 0 10px; }
+   .sw-coming-p { font-size:0.9rem; color:#666; line-height:1.6; max-width:540px;
+     margin:0 auto 20px; }
+   .sw-label { display:inline-block; font-size:0.7rem; font-weight:700;
+     text-transform:uppercase; letter-spacing:0.06em;
+     padding:2px 8px; border-radius:4px; margin-bottom:10px; }
+   .sw-label-ftc { background:var(--ftc); color:#fff; }
+   .sw-label-shared { background:var(--shared); color:#fff; }
+   .sw-section-h { font-size:0.85rem; font-weight:700; text-transform:uppercase;
+     letter-spacing:0.06em; color:#555;
+     border-bottom:1px solid #ddd; padding-bottom:7px; margin:28px 0 14px; }
+   .sw-grid { display:grid; gap:12px; margin-bottom:24px; }
+   .sw-grid-2 { grid-template-columns:repeat(2,1fr); }
+   .sw-card { padding:18px 20px; border-radius:8px;
+     border:2px solid #ddd; background:#fff;
+     text-decoration:none; color:inherit; display:block; }
+   a.sw-card:hover { box-shadow:0 2px 8px rgba(0,0,0,0.08);
+     text-decoration:none; color:inherit; }
+   a.sw-card:visited { color:inherit; text-decoration:none; }
+   .sw-card-ftc { border-color:rgba(224,112,0,0.3); background:var(--ftc-light); }
+   a.sw-card-ftc:hover { border-color:var(--ftc); }
+   .sw-card-shared { border-color:rgba(46,125,50,0.3); background:var(--shared-light); }
+   a.sw-card-shared:hover { border-color:var(--shared); }
+   .sw-card-title { font-weight:700; font-size:0.97rem; margin-bottom:4px; }
+   .sw-card-desc { font-size:0.85rem; color:#555; line-height:1.55; }
+   @media(max-width:700px) { .sw-grid-2 { grid-template-columns:1fr; } }
+
+:root { --frc:#009CD7; --frc-light:#e6f6fc; --ftc:#e07000; --ftc-light:#fff3e0;
+     --shared:#2e7d32; --shared-light:#f1f8f1; }
+   .sw-label { display:inline-block; font-size:0.7rem; font-weight:700;
+     text-transform:uppercase; letter-spacing:0.06em;
+     padding:2px 8px; border-radius:4px; margin-bottom:10px; }
+   .sw-label-frc    { background:var(--frc);    color:#fff; }
+   .sw-label-ftc    { background:var(--ftc);    color:#fff; }
+   .sw-label-shared { background:var(--shared); color:#fff; }
+   .sw-section-h { font-size:0.85rem; font-weight:700; text-transform:uppercase;
+     letter-spacing:0.06em; color:var(--color-foreground-secondary,#555);
+     border-bottom:1px solid var(--color-background-border,#ddd);
+     padding-bottom:7px; margin:32px 0 14px; }
+   .sw-grid { display:grid; gap:12px; margin-bottom:24px; }
+   .sw-grid-2 { grid-template-columns:repeat(2,1fr); }
+   .sw-grid-3 { grid-template-columns:repeat(3,1fr); }
+   .sw-grid-4 { grid-template-columns:repeat(4,1fr); }
+   .sw-card { padding:18px 20px; border-radius:8px;
+     border:2px solid var(--color-background-border,#ddd);
+     background:var(--color-background-primary,#fff);
+     text-decoration:none; color:inherit; display:block;
+     transition:border-color 0.2s, box-shadow 0.2s; }
+   a.sw-card:hover { box-shadow:0 2px 8px rgba(0,0,0,0.08);
+     text-decoration:none; color:inherit; }
+   a.sw-card:visited { color:inherit; text-decoration:none; }
+   .sw-card-frc { border-color:rgba(0,156,215,0.3); }
+   a.sw-card-frc:hover { border-color:var(--frc); }
+   .sw-card-shared { border-color:rgba(46,125,50,0.3); background:var(--shared-light); }
+   .sw-card-title { font-weight:700; font-size:0.97rem; margin-bottom:4px; }
+   .sw-card-desc { font-size:0.85rem; color:var(--color-foreground-secondary,#555);
+     line-height:1.55; }
+   .sw-tip { background:var(--shared-light); border:1px solid rgba(46,125,50,0.3);
+     border-radius:6px; padding:14px 18px; font-size:0.875rem; line-height:1.6;
+     margin-bottom:20px; }
+   .sw-note { background:var(--frc-light); border:1px solid rgba(0,156,215,0.3);
+     border-radius:6px; padding:14px 18px; font-size:0.875rem; line-height:1.6;
+     margin-bottom:20px; }
+   .sw-tbl { width:100%; border-collapse:collapse; font-size:0.85rem;
+     margin-bottom:24px; }
+   .sw-tbl th { background:var(--frc); color:#fff; padding:8px 12px;
+     text-align:left; font-weight:700; }
+   .sw-tbl td { padding:8px 12px; border-bottom:1px solid
+     var(--color-background-border,#ddd); vertical-align:top; }
+   .sw-tbl tr:nth-child(even) td {
+     background:var(--color-background-secondary,#f8f8f8); }
+   @media(max-width:700px) {
+     .sw-grid-2,.sw-grid-3,.sw-grid-4 { grid-template-columns:1fr; } }
+   @media(max-width:900px) {
+     .sw-grid-4 { grid-template-columns:repeat(2,1fr); } }
+
+:root { --frc:#009CD7; --frc-light:#e6f6fc; --ftc:#e07000; --ftc-light:#fff3e0;
+     --shared:#2e7d32; --shared-light:#f1f8f1; }
+   .sw-label { display:inline-block; font-size:0.7rem; font-weight:700;
+     text-transform:uppercase; letter-spacing:0.06em;
+     padding:2px 8px; border-radius:4px; margin-bottom:10px; }
+   .sw-label-frc    { background:var(--frc);    color:#fff; }
+   .sw-label-ftc    { background:var(--ftc);    color:#fff; }
+   .sw-label-shared { background:var(--shared); color:#fff; }
+   .sw-section-h { font-size:0.85rem; font-weight:700; text-transform:uppercase;
+     letter-spacing:0.06em; color:var(--color-foreground-secondary,#555);
+     border-bottom:1px solid var(--color-background-border,#ddd);
+     padding-bottom:7px; margin:32px 0 14px; }
+   .sw-grid { display:grid; gap:12px; margin-bottom:24px; }
+   .sw-grid-2 { grid-template-columns:repeat(2,1fr); }
+   .sw-grid-3 { grid-template-columns:repeat(3,1fr); }
+   .sw-grid-4 { grid-template-columns:repeat(4,1fr); }
+   .sw-card { padding:18px 20px; border-radius:8px;
+     border:2px solid var(--color-background-border,#ddd);
+     background:var(--color-background-primary,#fff);
+     text-decoration:none; color:inherit; display:block;
+     transition:border-color 0.2s, box-shadow 0.2s; }
+   a.sw-card:hover { box-shadow:0 2px 8px rgba(0,0,0,0.08);
+     text-decoration:none; color:inherit; }
+   a.sw-card:visited { color:inherit; text-decoration:none; }
+   .sw-card-shared { border-color:rgba(46,125,50,0.3); background:var(--shared-light); }
+   a.sw-card-shared:hover { border-color:var(--shared);
+     box-shadow:0 2px 10px rgba(46,125,50,0.15); }
+   .sw-card-frc { border-color:rgba(0,156,215,0.3); }
+   a.sw-card-frc:hover { border-color:var(--frc); }
+   .sw-card-ftc { border-color:rgba(224,112,0,0.3); background:var(--ftc-light); }
+   a.sw-card-ftc:hover { border-color:var(--ftc); }
+   .sw-card-title { font-weight:700; font-size:0.97rem; margin-bottom:4px; }
+   .sw-card-desc  { font-size:0.85rem; color:var(--color-foreground-secondary,#555);
+     line-height:1.55; }
+   .sw-step-num { font-size:1.6rem; font-weight:800; color:var(--shared);
+     font-family:monospace; line-height:1; margin-bottom:8px; display:block; }
+   .sw-tip { background:var(--shared-light); border:1px solid rgba(46,125,50,0.3);
+     border-radius:6px; padding:14px 18px; font-size:0.875rem; line-height:1.6;
+     margin-bottom:20px; }
+   .sw-tbl { width:100%; border-collapse:collapse; font-size:0.85rem;
+     margin-bottom:24px; }
+   .sw-tbl th { background:var(--shared); color:#fff; padding:8px 12px;
+     text-align:left; font-weight:700; }
+   .sw-tbl td { padding:8px 12px; border-bottom:1px solid
+     var(--color-background-border,#ddd); vertical-align:top; }
+   .sw-tbl tr:nth-child(even) td {
+     background:var(--color-background-secondary,#f8f8f8); }
+   @media(max-width:700px) {
+     .sw-grid-2,.sw-grid-3,.sw-grid-4 { grid-template-columns:1fr; } }
+   @media(max-width:900px) {
+     .sw-grid-4 { grid-template-columns:repeat(2,1fr); } }
+
+:root { --frc:#009CD7; --frc-light:#e6f6fc; --ftc:#e07000; --ftc-light:#fff3e0;
+     --shared:#2e7d32; --shared-light:#f1f8f1; }
+   .sw-label { display:inline-block; font-size:0.7rem; font-weight:700;
+     text-transform:uppercase; letter-spacing:0.06em;
+     padding:2px 8px; border-radius:4px; margin-bottom:10px; }
+   .sw-label-frc    { background:var(--frc);    color:#fff; }
+   .sw-label-ftc    { background:var(--ftc);    color:#fff; }
+   .sw-label-shared { background:var(--shared); color:#fff; }
+   .sw-label-rec    { background:#1a1a1a;        color:#fff; }
+   .sw-section-h { font-size:0.85rem; font-weight:700; text-transform:uppercase;
+     letter-spacing:0.06em; color:var(--color-foreground-secondary,#555);
+     border-bottom:1px solid var(--color-background-border,#ddd);
+     padding-bottom:7px; margin:32px 0 14px; }
+   .sw-grid { display:grid; gap:12px; margin-bottom:24px; }
+   .sw-grid-2 { grid-template-columns:repeat(2,1fr); }
+   .sw-grid-3 { grid-template-columns:repeat(3,1fr); }
+   .sw-grid-6 { grid-template-columns:repeat(3,1fr); }
+   .sw-card { padding:18px 20px; border-radius:8px;
+     border:2px solid var(--color-background-border,#ddd);
+     background:var(--color-background-primary,#fff);
+     text-decoration:none; color:inherit; display:block;
+     transition:border-color 0.2s, box-shadow 0.2s; }
+   a.sw-card:hover { box-shadow:0 2px 8px rgba(0,0,0,0.08);
+     text-decoration:none; color:inherit; }
+   a.sw-card:visited { color:inherit; text-decoration:none; }
+   .sw-card-frc  { border-color:rgba(0,156,215,0.3); }
+   a.sw-card-frc:hover { border-color:var(--frc); }
+   .sw-card-ftc  { border-color:rgba(224,112,0,0.3); background:var(--ftc-light); }
+   a.sw-card-ftc:hover { border-color:var(--ftc); }
+   .sw-card-shared { border-color:rgba(46,125,50,0.3); background:var(--shared-light); }
+   a.sw-card-shared:hover { border-color:var(--shared); }
+   .sw-card-title { font-weight:700; font-size:0.97rem; margin-bottom:4px; }
+   .sw-card-desc  { font-size:0.85rem; color:var(--color-foreground-secondary,#555);
+     line-height:1.55; }
+   .sw-tip { background:var(--shared-light); border:1px solid rgba(46,125,50,0.3);
+     border-radius:6px; padding:14px 18px; font-size:0.875rem; line-height:1.6;
+     margin-bottom:20px; }
+   .sw-warn { background:#fff8e1; border:1px solid rgba(255,160,0,0.4);
+     border-radius:6px; padding:14px 18px; font-size:0.875rem; line-height:1.6;
+     margin-bottom:20px; }
+   .sw-tbl { width:100%; border-collapse:collapse; font-size:0.85rem;
+     margin-bottom:24px; }
+   .sw-tbl th { background:var(--frc); color:#fff; padding:8px 12px;
+     text-align:left; font-weight:700; }
+   .sw-tbl td { padding:8px 12px;
+     border-bottom:1px solid var(--color-background-border,#ddd);
+     vertical-align:top; }
+   .sw-tbl tr:nth-child(even) td {
+     background:var(--color-background-secondary,#f8f8f8); }
+   .sw-dep { display:inline-block; font-size:0.75rem; font-weight:700;
+     color:#c62828; background:#ffebee; padding:1px 6px; border-radius:3px;
+     margin-left:6px; }
+   @media(max-width:700px) {
+     .sw-grid-2,.sw-grid-3,.sw-grid-6 { grid-template-columns:1fr; } }
+
+
+/* ── DARK MODE: replace light solid backgrounds with dark tinted versions ── */
+body[data-theme="dark"] .sw-card-ftc    { background: rgba(224, 112,   0, 0.12); }
+body[data-theme="dark"] .sw-card-shared { background: rgba( 46, 125,  50, 0.12); }
+body[data-theme="dark"] .sw-card-rec    { background: rgba(  0, 156, 215, 0.12); }
+body[data-theme="dark"] .sw-tip         { background: rgba( 46, 125,  50, 0.12); border-color: rgba(46, 125, 50, 0.3); }
+body[data-theme="dark"] .sw-warn        { background: rgba(255, 160,   0, 0.12); border-color: rgba(255, 160, 0, 0.3); }
diff --git a/source/_templates/sidebar/brand.html b/source/_templates/sidebar/brand.html
index 117560d969..40cabeaf8d 100644
--- a/source/_templates/sidebar/brand.html
+++ b/source/_templates/sidebar/brand.html
@@ -3,7 +3,7 @@
 {% block brand_content %} 
 {% if not theme_sidebar_hide_name %}
 <span class="sidebar-brand-text"
-  >{{ project }}</span
+  ><strong>{{ project }}</strong></span
 >{% endif %}
 {%- if logo_url %}
 <div class="sidebar-logo-container">
diff --git a/source/conf.py b/source/conf.py
index a9c57c5683..92ae43eae9 100644
--- a/source/conf.py
+++ b/source/conf.py
@@ -23,7 +23,7 @@
 
 # -- Project information -----------------------------------------------------
 
-project = "WPILib Documentation"
+project = "FIRST Robotics"
 copyright = "2026, FIRST and other WPILib Contributors. This work is licensed under a Creative Commons Attribution 4.0 International License"
 author = "WPILib"
 version = "2027"
@@ -118,7 +118,7 @@
 
 # Configure OpenGraph support
 ogp_site_url = "https://docs.wpilib.org/en/stable/"
-ogp_site_name = "WPILib Documentation"
+ogp_site_name = "FIRST Robotics Documentation"
 ogp_image = "https://raw.githubusercontent.com/wpilibsuite/branding/main/export/png/wpilib-icon-256.png"
 
 # Configure photofinish ci mode
@@ -142,7 +142,7 @@
 todo_emit_warnings = False
 
 # TODO Directives are shown in output
-todo_include_todos = True
+todo_include_todos = False
 
 # Disable following anchors in URLS for linkcheck
 linkcheck_anchors = True
@@ -254,6 +254,7 @@
 html_baseurl = "https://docs.wpilib.org/en/stable/"
 
 html_theme_options = {
+    "announcement": "&#x26A0;&#xFE0F; <strong>DRAFT</strong> &mdash; This site is a work in progress and does not reflect final 2027 documentation. Content may be incomplete or inaccurate.",
     "light_css_variables": {
         "color-sidebar-background": "#003974",
         "color-sidebar-brand-text": "#ffffffcc",
@@ -261,7 +262,7 @@
         "color-background-hover": "#023160",
         "color-sidebar-link-text": "#acb1b9",
         "color-sidebar-caption-text": "#81868d",
-    }
+    },
 }
 
 html_sidebars = {
@@ -283,6 +284,7 @@
 
 def setup(app):
     app.add_css_file("css/wpilib-rtd.css")
+    app.add_css_file("css/sw-components.css")
 
     # Local Api Docs support
     app.add_js_file("js/api-docs-redirect.js")
@@ -338,7 +340,17 @@ def setup(app):
     "printindex": r"\footnotesize\raggedright\printindex",
 }
 
-suppress_warnings = ["epub.unknown_project_files"]
+latex_documents = [
+    (
+        master_doc,
+        "wpilib.tex",
+        "FIRST Robotics Documentation",
+        author,
+        "manual",
+    )
+]
+
+suppress_warnings = ["epub.unknown_project_files", "ref.ref"]
 
 
 # Options for translation support -------------------------------------------
diff --git a/source/docs/ftc/index.rst b/source/docs/ftc/index.rst
new file mode 100644
index 0000000000..83ce1ba0ba
--- /dev/null
+++ b/source/docs/ftc/index.rst
@@ -0,0 +1,68 @@
+# FTC with WPILib
+
+.. raw:: html
+
+
+   <div class="sw-coming">
+     <div class="sw-coming-icon">&#x1F6A7;</div>
+     <div class="sw-coming-h">FTC Documentation Coming Soon</div>
+     <p class="sw-coming-p">
+       Full WPILib support for FIRST Tech Challenge arrives with the
+       <strong>Systemcore</strong> and <strong>Motioncore</strong> controllers.
+       Documentation will be published here ahead of the 2027-2028 FTC season.
+     </p>
+     <a href="https://wpilib.org/blog" style="font-size:0.875rem;font-weight:600;
+        color:var(--ftc);">Follow the WPILib blog for updates &rarr;</a>
+   </div>
+
+   <p class="sw-section-h">What to Expect</p>
+
+   <div class="sw-grid sw-grid-2">
+     <div class="sw-card sw-card-ftc">
+       <div class="sw-label sw-label-ftc">FTC 2027-2028+</div>
+       <div class="sw-card-title">Systemcore + Motioncore</div>
+       <div class="sw-card-desc">
+         New controllers bringing full WPILib support to FTC.
+         Same Java, Python, and Blockly toolchain as FRC.
+       </div>
+     </div>
+     <div class="sw-card sw-card-ftc">
+       <div class="sw-label sw-label-ftc">FTC 2027-2028+</div>
+       <div class="sw-card-title">OnBot Programming</div>
+       <div class="sw-card-desc">
+         Java, Python, Blockly, and LabVIEW available directly in the
+         browser &mdash; no local installation required.
+       </div>
+     </div>
+   </div>
+
+   <p class="sw-section-h">Get a Head Start Today</p>
+
+   <div class="sw-grid sw-grid-2">
+     <a class="sw-card sw-card-shared" href="../xrp-robot/index.html">
+       <div class="sw-label sw-label-shared">Available Now</div>
+       <div class="sw-card-title">Practice with the XRP</div>
+       <div class="sw-card-desc">
+         Learn WPILib programming on the $75 XRP desktop robot.
+         The same skills transfer directly to Systemcore.
+       </div>
+     </a>
+     <a class="sw-card sw-card-shared" href="../software/what-is-wpilib.html">
+       <div class="sw-label sw-label-shared">Available Now</div>
+       <div class="sw-card-title">What is WPILib?</div>
+       <div class="sw-card-desc">
+         Overview of WPILib tools, languages, and how FTC fits into
+         the broader WPILib ecosystem.
+       </div>
+     </a>
+   </div>
+
+   <div style="margin-top:8px;padding:14px 18px;background:var(--ftc-light);
+      border:1px solid rgba(224,112,0,0.3);border-radius:6px;
+      font-size:0.875rem;line-height:1.6;">
+     <strong>Currently using REV Duo?</strong>
+     Continue programming with the FTC SDK as normal.
+     Full documentation at
+     <a href="https://ftc-docs.firstinspires.org" style="color:var(--ftc);font-weight:600;">
+     ftc-docs.firstinspires.org</a>.
+   </div>
diff --git a/source/docs/hardware/hardware-basics/hardware-overview.rst b/source/docs/hardware/hardware-basics/hardware-overview.rst
new file mode 100644
index 0000000000..7d93cd20df
--- /dev/null
+++ b/source/docs/hardware/hardware-basics/hardware-overview.rst
@@ -0,0 +1,276 @@
+.. include:: <isonum.txt>
+
+# FRC Control System Hardware Overview
+
+This page summarizes every major hardware component in the FRC\ |reg| control system.
+Use it as a reference when wiring or troubleshooting your robot.
+
+.. raw:: html
+
+
+   <div class="sw-note">
+     <strong>FRC + FTC:</strong> This page covers the FRC control system.
+     FTC teams using Systemcore and Motioncore (2027-2028+) share the same
+     WPILib programming model &mdash; see the
+     <a href="../../ftc/index.html">FTC section</a> for hardware specifics.
+   </div>
+
+   <!-- ── CONTROL HUB ── -->
+   <p class="sw-section-h">Main Controller</p>
+
+   <div class="sw-card sw-card-frc" style="margin-bottom:14px;">
+     <div class="sw-label sw-label-frc">FRC 2027+ / FTC 2027-2028+</div>
+     <div class="sw-card-title">Systemcore</div>
+     <div class="sw-card-desc">
+       The primary robot controller for FRC (2027+) and FTC (2027-2028+).
+       Runs robot code in Java, C++, or Python. Supports CAN, PWM, DIO,
+       and analog I/O. Connects over Ethernet or USB for deployment and
+       supports the full WPILib simulation framework.
+     </div>
+   </div>
+
+   <table class="sw-tbl">
+     <thead>
+       <tr><th>Spec</th><th>Systemcore</th></tr>
+     </thead>
+     <tbody>
+       <tr><td><strong>Languages</strong></td>
+         <td>Java, C++, Python</td></tr>
+       <tr><td><strong>CAN bus</strong></td>
+         <td>Yes</td></tr>
+       <tr><td><strong>PWM outputs</strong></td>
+         <td>Yes</td></tr>
+       <tr><td><strong>DIO</strong></td>
+         <td>Yes</td></tr>
+       <tr><td><strong>Analog inputs</strong></td>
+         <td>Yes</td></tr>
+       <tr><td><strong>Connectivity</strong></td>
+         <td>Ethernet, USB</td></tr>
+       <tr><td><strong>Deploy method</strong></td>
+         <td>USB or Wi-Fi via VS Code / OnBot</td></tr>
+       <tr><td><strong>Simulation</strong></td>
+         <td>Full desktop simulation support</td></tr>
+       <tr><td><strong>Programs</strong></td>
+         <td>FRC (2027+) and FTC via Motioncore (2027-2028+)</td></tr>
+     </tbody>
+   </table>
+
+   <!-- ── POWER DISTRIBUTION ── -->
+   <p class="sw-section-h">Power Distribution</p>
+
+   <div class="sw-grid sw-grid-2">
+     <div class="sw-card sw-card-frc">
+       <div class="sw-label sw-label-frc">REV Robotics</div>
+       <div class="sw-card-title">Power Distribution Hub (PDH)</div>
+       <div class="sw-card-desc">
+         20 switchable high-current ports (40 A max each), 3 low-current
+         ports, and a main breaker slot. CAN-connected for per-channel
+         current monitoring. Rectangular form factor.
+       </div>
+     </div>
+     <div class="sw-card sw-card-frc">
+       <div class="sw-label sw-label-frc">CTRE</div>
+       <div class="sw-card-title">Power Distribution Panel (PDP)</div>
+       <div class="sw-card-desc">
+         16 high-current ports (40 A max each) plus 8 lower-current ports.
+         CAN-connected for current monitoring. Oval form factor.
+         Legal but older; PDH is preferred for new builds.
+       </div>
+     </div>
+   </div>
+
+   <table class="sw-tbl">
+     <thead>
+       <tr><th>Feature</th><th>PDH (REV)</th><th>PDP (CTRE)</th></tr>
+     </thead>
+     <tbody>
+       <tr><td>High-current ports</td><td>20 (40 A each)</td>
+         <td>16 (40 A each)</td></tr>
+       <tr><td>Low-current ports</td><td>3 (20 A each)</td>
+         <td>8 (20 A each)</td></tr>
+       <tr><td>Main breaker slot</td><td>Yes (120 A SB)</td>
+         <td>Yes (120 A SB)</td></tr>
+       <tr><td>CAN monitoring</td><td>Yes (per channel)</td>
+         <td>Yes (aggregate)</td></tr>
+       <tr><td>Switchable outputs</td><td>Yes (software)</td><td>No</td></tr>
+     </tbody>
+   </table>
+
+   <!-- ── RADIO ── -->
+   <p class="sw-section-h">Robot Radio</p>
+
+   <div class="sw-grid sw-grid-2">
+     <div class="sw-card sw-card-frc">
+       <div class="sw-label sw-label-frc">FRC Standard</div>
+       <div class="sw-card-title">Vivid VH109</div>
+       <div class="sw-card-desc">
+         The standard FRC robot radio. Must be programmed annually with the
+         FRC Radio Configuration Utility to set team number, SSID, and firmware.
+         Powered via VRM barrel connector.
+       </div>
+     </div>
+     <div class="sw-card sw-card-frc">
+       <div class="sw-label sw-label-frc">FRC Legal</div>
+       <div class="sw-card-title">OpenMesh OM5P-AC</div>
+       <div class="sw-card-desc">
+         Updated version of the OM5P-AN with the same FRC configuration
+         process. 802.11ac support. Preferred for new builds.
+       </div>
+     </div>
+   </div>
+
+   <!-- ── MOTOR CONTROLLERS ── -->
+   <p class="sw-section-h">Motor Controllers</p>
+
+   <table class="sw-tbl">
+     <thead>
+       <tr>
+         <th>Controller</th><th>Vendor</th><th>Interface</th>
+         <th>Max current</th><th>Notes</th>
+       </tr>
+     </thead>
+     <tbody>
+       <tr><td><strong>SPARK MAX</strong></td><td>REV</td>
+         <td>CAN or PWM</td><td>40 A</td>
+         <td>Brushed and brushless (NEO). Most common for new teams.</td></tr>
+       <tr><td><strong>SPARK Flex</strong></td><td>REV</td>
+         <td>CAN or PWM</td><td>60 A</td>
+         <td>Higher current; NEO Vortex motor.</td></tr>
+       <tr><td><strong>Talon FX</strong></td><td>CTRE</td>
+         <td>CAN</td><td>120 A peak</td>
+         <td>Integrated with Falcon 500 and Kraken X60 motors.</td></tr>
+       <tr><td><strong>Victor SPX</strong></td><td>CTRE</td>
+         <td>CAN or PWM</td><td>40 A</td>
+         <td>Lower cost. Brushed only.</td></tr>
+     </tbody>
+   </table>
+
+   <div class="sw-grid sw-grid-2">
+     <div class="sw-card">
+       <div class="sw-card-title">CAN bus (recommended)</div>
+       <div class="sw-card-desc">
+         Two-wire daisy-chain. Enables telemetry (current, temperature,
+         velocity), firmware updates over the wire, and advanced
+         closed-loop control on the controller itself. Requires correct
+         termination at both ends of the chain.
+       </div>
+     </div>
+     <div class="sw-card">
+       <div class="sw-card-title">PWM (simpler fallback)</div>
+       <div class="sw-card-desc">
+         Three-wire (signal, +5 V, GND) from roboRIO PWM port.
+         No telemetry. Easier to debug. Acceptable for rookie builds
+         or when CAN is not supported.
+       </div>
+     </div>
+   </div>
+
+   <!-- ── PNEUMATICS ── -->
+   <p class="sw-section-h">Pneumatics</p>
+
+   <table class="sw-tbl">
+     <thead>
+       <tr>
+         <th>Module</th><th>Vendor</th><th>Solenoid channels</th>
+         <th>Pressure switch</th><th>Notes</th>
+       </tr>
+     </thead>
+     <tbody>
+       <tr><td><strong>Pneumatic Hub (PH)</strong></td><td>REV</td>
+         <td>16 (CAN)</td><td>Analog + digital</td>
+         <td>Preferred for new builds. Analog pressure sensing.</td></tr>
+       <tr><td><strong>PCM</strong></td><td>CTRE</td>
+         <td>8 (CAN)</td><td>Digital only</td>
+         <td>Older module, still legal.</td></tr>
+     </tbody>
+   </table>
+
+   <!-- ── SENSORS ── -->
+   <p class="sw-section-h">Common Sensors</p>
+
+   <table class="sw-tbl">
+     <thead>
+       <tr>
+         <th>Sensor</th><th>Interface</th><th>Use case</th>
+         <th>FRC + XRP</th>
+       </tr>
+     </thead>
+     <tbody>
+       <tr><td><strong>Quadrature encoder</strong></td>
+         <td>DIO (2 channels)</td>
+         <td>Wheel distance and velocity</td>
+         <td><span class="sw-label sw-label-shared" style="margin:0">Shared</span></td></tr>
+       <tr><td><strong>NavX / Pigeon 2 IMU</strong></td>
+         <td>SPI / CAN</td>
+         <td>Heading, gyro, accelerometer</td>
+         <td><span class="sw-label sw-label-frc" style="margin:0">FRC</span></td></tr>
+       <tr><td><strong>Limit switch</strong></td>
+         <td>DIO</td>
+         <td>Hard stop detection</td>
+         <td><span class="sw-label sw-label-frc" style="margin:0">FRC</span></td></tr>
+       <tr><td><strong>Ultrasonic (ping-echo)</strong></td>
+         <td>DIO (2 channels)</td>
+         <td>Distance measurement</td>
+         <td><span class="sw-label sw-label-shared" style="margin:0">Shared</span></td></tr>
+       <tr><td><strong>AprilTag camera</strong></td>
+         <td>USB / Ethernet</td>
+         <td>Field localization and pose estimation</td>
+         <td><span class="sw-label sw-label-frc" style="margin:0">FRC</span></td></tr>
+       <tr><td><strong>Color sensor (REV)</strong></td>
+         <td>I2C</td>
+         <td>Game piece detection</td>
+         <td><span class="sw-label sw-label-frc" style="margin:0">FRC</span></td></tr>
+     </tbody>
+   </table>
+
+   <!-- ── OTHER ── -->
+   <p class="sw-section-h">Other Components</p>
+
+   <div class="sw-grid sw-grid-2">
+     <div class="sw-card">
+       <div class="sw-label sw-label-frc">FRC</div>
+       <div class="sw-card-title">Voltage Regulator Module (VRM)</div>
+       <div class="sw-card-desc">
+         Powers the radio (12 V / 2 A) and other 5 V accessories.
+         Plugs into a dedicated PDH/PDP port. Required for radio power
+         on most builds.
+       </div>
+     </div>
+     <div class="sw-card">
+       <div class="sw-label sw-label-frc">FRC</div>
+       <div class="sw-card-title">Driver Station Laptop</div>
+       <div class="sw-card-desc">
+         Windows 11 required (2027+). Runs the FRC Driver Station
+         software to communicate with and enable the robot.
+         Connected to robot radio over Wi-Fi at competition.
+       </div>
+     </div>
+   </div>
+
+   <!-- ── WHAT'S NEXT ── -->
+   <p class="sw-section-h">What&rsquo;s Next</p>
+
+   <div class="sw-grid sw-grid-3">
+     <a class="sw-card sw-card-frc"
+        href="../../zero-to-robot/step-1/intro-to-frc-robot-wiring.html">
+       <div class="sw-card-title">Wiring Guide</div>
+       <div class="sw-card-desc">
+         Step-by-step control system wiring with diagrams.
+       </div>
+     </a>
+     <a class="sw-card sw-card-frc"
+        href="../../zero-to-robot/step-3/imaging-your-roborio.html">
+       <div class="sw-card-title">Image the roboRIO</div>
+       <div class="sw-card-desc">
+         Required every season before deploying code.
+       </div>
+     </a>
+     <a class="sw-card sw-card-frc"
+        href="status-lights-ref.html">
+       <div class="sw-card-title">Status Light Reference</div>
+       <div class="sw-card-desc">
+         Decode LED patterns on the roboRIO, radio, and motor
+         controllers.
+       </div>
+     </a>
+   </div>
diff --git a/source/docs/software/what-is-wpilib.rst b/source/docs/software/what-is-wpilib.rst
index 402578a548..8a5a0c25cc 100644
--- a/source/docs/software/what-is-wpilib.rst
+++ b/source/docs/software/what-is-wpilib.rst
@@ -3,78 +3,471 @@
 # What is WPILib?
 
 .. figure:: /assets/wpilib-generic.svg
-   :alt: The logo for the WPI Robotics Library.
+   :alt: The WPI Robotics Library logo.
    :target: http://wpilib.org
-   :width: 500
+   :width: 400
 
-The WPI Robotics Library ([WPILib](https://wpilib.org)) is the standard :term:`software library` provided for teams to write code for their FRC\ |reg| or FTC\ |reg| robots. WPILib contains a set of useful classes and subroutines for interfacing with various parts of the control system (such as sensors, motor controllers, and the driver station), as well as an assortment of other utility functions.
+WPILib is the standard software library for programming
+*FIRST*\ |reg| robots.
+It provides the classes and tools needed to control motors, read sensors,
+communicate with the Driver Station, and run autonomous routines — across
+FRC\ |reg| and (from 2027-2028) FTC\ |reg| via Systemcore.
 
 .. image:: /assets/wpi-logo.png
-   :alt: The Worcester Polytechnic Institute (WPI) logo.
+   :alt: Worcester Polytechnic Institute (WPI) logo.
    :target: http://wpi.edu
-   :width: 500
+   :width: 300
+   :align: center
 
-## Supported languages
+WPILib is developed and maintained by a partnership between
+`Worcester Polytechnic Institute (WPI) <http://wpi.edu>`_,
+FIRST\ |reg|, and volunteer developers from the community.
 
-There are three versions of WPILib, one for each of the three officially-supported text-based languages: WPILibJ for Java, and WPILibC for C++, and RobotPy for Python. A considerable effort is made to maintain feature-parity between these languages - library features are not added unless they can be reasonably supported for both Java and C++ (with the C++ able to be wrapped by pybind for Python), and when possible the class and method names are kept identical or highly-similar. Java, C++, and Python were chosen for the officially-supported languages due to their appropriate level-of-abstraction and ubiquity in both industry and high-school computer science classes.
+.. raw:: html
 
-In general, C++ offers better high-end performance, at the cost of increased user effort (memory must be handled manually, and the C++ compiler does not do much to ensure user code will not crash at runtime). Java and Python offer lesser performance, but much greater convenience. Python users should take care to test their program to ensure that typos and other issues don't cause robot crashes, as Python is interpreted. New/inexperienced users are encouraged to use Java.
 
-## Source code and documentation
+   <!-- ── PATH SELECTOR ── -->
+   <p class="sw-section-h">Which path are you on?</p>
 
-WPILib is an open-source library - the C++ and Java source code is in the [allwpilib](https://github.com/wpilibsuite/allwpilib) mono-repo and python source code is in the [mostrobotpy](https://github.com/robotpy/mostrobotpy) mono-repo.  The Java and C++ source code can be found in the WPILibJ and WPILibC source directories:
+   <div class="sw-grid sw-grid-3">
 
-The Java and C++ source code can be found in the WPILibJ and WPILibC source directories:
+     <div class="sw-card sw-card-frc">
+       <div class="sw-label sw-label-frc">FRC</div>
+       <div class="sw-card-title">FIRST Robotics Competition</div>
+       <div class="sw-card-desc">
+         Full WPILib support. Java, C++, Python. Deploys to Systemcore.
+         Driver Station on Windows required for competition.
+       </div>
+     </div>
 
-- [Java source code](https://github.com/wpilibsuite/allwpilib/tree/v2027.0.0-alpha-6/wpilibj/src/main/java/org/wpilib)
+     <div class="sw-card sw-card-shared">
+       <div class="sw-label sw-label-shared">FRC + FTC</div>
+       <div class="sw-card-title">XRP Practice Robot</div>
+       <div class="sw-card-desc">
+         Same WPILib code on a $75 desktop robot. No control system
+         hardware required. Great for off-season learning and
+         FTC Systemcore prep.
+       </div>
+     </div>
 
-- [C++ source code](https://github.com/wpilibsuite/allwpilib/tree/v2027.0.0-alpha-6/wpilibc/src/main/native/cpp)
+     <div class="sw-card sw-card-ftc">
+       <div class="sw-label sw-label-ftc">FTC 2027-2028+</div>
+       <div class="sw-card-title">FTC Systemcore</div>
+       <div class="sw-card-desc">
+         WPILib now supports FTC via Systemcore and Motioncore.
+         Same Java/C++/Python toolchain as FRC &mdash; skills
+         transfer directly.
+       </div>
+     </div>
 
-- [Python source code](https://github.com/robotpy/mostrobotpy)
+   </div>
 
-While users are strongly encouraged to read the source code to resolve detailed questions about library functionality, more-concise documentation can be found on the official documentation pages for WPILibJ and WPILibC and RobotPy:
+   <!-- ── WHAT WPILIB INCLUDES ── -->
+   <p class="sw-section-h">What WPILib Includes</p>
 
-- [Java documentation](https://github.wpilib.org/allwpilib/docs/beta/java/)
+   <table class="sw-tbl">
+     <thead>
+       <tr><th>Component</th><th>Description</th><th>FRC</th><th>FTC</th></tr>
+     </thead>
+     <tbody>
+       <tr><td><strong>Robot library</strong></td>
+         <td>Motor control, sensors, drive classes, kinematics</td>
+         <td>&#10003;</td><td>&#10003; (Systemcore)</td></tr>
+       <tr><td><strong>VS Code extension</strong></td>
+         <td>Project templates, deploy, build, vendor manager</td>
+         <td>&#10003;</td><td>&#10003;</td></tr>
+       <tr><td><strong>Simulation framework</strong></td>
+         <td>Run robot code on laptop without hardware</td>
+         <td>&#10003;</td><td>&#10003; (XRP)</td></tr>
+       <tr><td><strong>Glass dashboard</strong></td>
+         <td>Real-time telemetry and field visualization</td>
+         <td>&#10003;</td><td>&#10003;</td></tr>
+       <tr><td><strong>Elastic dashboard</strong></td>
+         <td>Configurable driver dashboard (replaces Shuffleboard)</td>
+         <td>&#10003;</td><td>Planned</td></tr>
+       <tr><td><strong>PathPlanner / Choreo</strong></td>
+         <td>GUI path planning for autonomous</td>
+         <td>&#10003;</td><td>Planned</td></tr>
+       <tr><td><strong>OutlineViewer</strong></td>
+         <td>NetworkTables browser</td>
+         <td>&#10003;</td><td>&#10003;</td></tr>
+       <tr><td><strong>Shuffleboard</strong></td>
+         <td>Older dashboard
+           <span class="sw-dep">Removed 2027</span></td>
+         <td>&#10007;</td><td>&#10007;</td></tr>
+     </tbody>
+   </table>
 
-- [C++ documentation](https://github.wpilib.org/allwpilib/docs/beta/cpp/)
+   <!-- ── LANGUAGE COMPARISON ── -->
+   <p class="sw-section-h">Language Comparison</p>
 
-- [Python documentation](https://robotpy.readthedocs.io/projects/robotpy/en/stable/)
+   <table class="sw-tbl">
+     <thead>
+       <tr>
+         <th>Language</th><th>Recommended for</th>
+         <th>Performance</th><th>Community examples</th>
+       </tr>
+     </thead>
+     <tbody>
+       <tr>
+         <td><strong>Java</strong>
+           <span class="sw-label sw-label-rec" style="margin:0 0 0 6px;">
+             Recommended</span></td>
+         <td>New teams, most teams</td>
+         <td>Good</td><td>Most abundant</td></tr>
+       <tr><td><strong>C++</strong></td>
+         <td>Teams with C++ experience</td>
+         <td>Best</td><td>Abundant</td></tr>
+       <tr><td><strong>Python</strong></td>
+         <td>Teams already using Python</td>
+         <td>Good</td><td>Growing</td></tr>
+     </tbody>
+   </table>
 
-## Development Timeline
+   <div class="sw-tip">
+     <strong>All three languages share the same API design.</strong>
+     Class names and method names are kept identical or very close across
+     Java, C++, and Python. Switching languages later is straightforward.
+   </div>
 
-WPILib development happens on branches for individual years, as opposed to one main branch. Development and support for both FRC and FTC happen during different periods to support both FRC and FTC needs. These periods overlap with each other between years, so the following timeline visualizes these overlapping periods to make it easy to understand.
+   <!-- ── DEV ENVIRONMENT ── -->
+   <p class="sw-section-h">Development Environments</p>
 
-.. image:: /assets/dev_timeline.svg
-  :alt: A timeline showing the different periods of WPILib's development for the next 4 years and how the different periods overlap between different, starting with development from FRC Kickoff to September, FRC beta from September to the next FRC Kickoff, FRC Support from FRC Kickoff to Champs, Updates/FTC Beta from Champs to FTC Kickoff, and FTC Support from FTC Kickoff to the next Champs.
+   <p style="font-size:0.875rem;margin-bottom:20px;
+      color:var(--color-foreground-secondary,#555);">
+     WPILib supports two families of development environment: a full
+     <strong>desktop IDE</strong> and browser-based <strong>OnBot</strong>
+     environments that run directly on the Systemcore with no local install.
+   </p>
 
-For year N, WPILib will create a branch during year N - 1, and actively do development on it until around October of year N - 1, when it enters the beta testing period for FRC, which continues until FRC Kickoff for year N, which is when the first stable release is published. FRC will receive active support until the FIRST Championship ends, which then begins the FTC beta testing period, which lasts until FTC Kickoff in September of year N. FTC will then receive active support until the next FIRST Championship ends of year N + 1, and then the branch will no longer be supported.
+   <!-- Desktop -->
+   <p style="font-size:0.8rem;font-weight:700;text-transform:uppercase;
+      letter-spacing:0.05em;color:var(--frc);margin:0 0 10px;">
+     Desktop Environment &mdash; Java, C++, Python
+   </p>
 
-## Platform Support
+   <div class="sw-card sw-card-frc" style="margin-bottom:8px;">
+     <div class="sw-label sw-label-frc">Desktop</div>
+     <div class="sw-card-title">Visual Studio Code + WPILib Extension</div>
+     <div class="sw-card-desc" style="margin-bottom:12px;">
+       All three languages use VS Code as the IDE, with the WPILib extension
+       providing project templates, build tools, simulation, and vendor library
+       management. Works on Windows, macOS, and Linux.
+     </div>
+     <table class="sw-tbl" style="margin-bottom:0;">
+       <thead>
+         <tr><th>Feature</th><th>Java</th><th>C++</th><th>Python</th></tr>
+       </thead>
+       <tbody>
+         <tr><td><strong>IDE</strong></td>
+           <td>VS Code</td><td>VS Code</td><td>VS Code</td></tr>
+         <tr><td><strong>Build system</strong></td>
+           <td>GradleRIO</td>
+           <td>GradleRIO (open to change)</td>
+           <td>More integrated experience</td></tr>
+         <tr><td><strong>Desktop simulation</strong></td>
+           <td>&#10003;</td><td>&#10003;</td><td>&#10003;</td></tr>
+         <tr><td><strong>Offline install</strong></td>
+           <td>&#10003;</td><td>&#10003;</td><td>&#10003;</td></tr>
+         <tr><td><strong>Deploy</strong></td>
+           <td colspan="3">USB or Wi-Fi to Systemcore</td></tr>
+       </tbody>
+     </table>
+   </div>
 
-As a broad rule, WPILib only supports OSes that the OS developer still supports. In general, OS requirements are driven by OS developer support and C++ compiler feature support. Per [the WPILib roadmap](https://static1.squarespace.com/static/5d4b06a67cd3580001ded283/t/6631527dd3db35012eebacb3/1714508413721/WPILib+2024+Long+Term+Roadmap.pdf), we want to closely track future evolution of the supported languages, which often means new C++ features are adopted as soon as all supported platforms have compilers that support it. WPILib *may* continue to build for unsupported platforms, but no official support will be guaranteed, and if newer C++ features are only available in newer OSes, we can choose to adopt them and older OSes with compilers that lack support will no longer be able to build WPILib.
+   <div class="sw-tip" style="margin-bottom:20px;">
+     <strong>Python install experience:</strong> WPILib is actively working to
+     provide a more integrated Python setup &mdash; reducing the number of
+     separate steps compared to Java/C++.
+     <strong>C++ build system:</strong> GradleRIO is the baseline; transitioning
+     to an alternative build system is possible depending on community contributions.
+   </div>
 
-### Windows Support
+   <!-- OnBot -->
+   <p style="font-size:0.8rem;font-weight:700;text-transform:uppercase;
+      letter-spacing:0.05em;color:var(--frc);margin:0 0 10px;">
+     OnBot Environments &mdash; Java, Python, Blockly, LabVIEW
+   </p>
 
-Only 64-bit Windows 11 versions still in support by Microsoft will be supported.
+   <div class="sw-card sw-card-frc" style="margin-bottom:8px;">
+     <div class="sw-label sw-label-frc">OnBot (Browser-based)</div>
+     <div class="sw-card-title">VS Code-derived editor hosted on Systemcore</div>
+     <div class="sw-card-desc" style="margin-bottom:12px;">
+       OnBot environments run entirely in the browser &mdash; no local
+       installation required. Code is written, saved, and deployed directly
+       on the Systemcore. Supports multiple saved Workspaces with a Deploy
+       button to choose which one runs.
+     </div>
+     <table class="sw-tbl" style="margin-bottom:0;">
+       <thead>
+         <tr><th>Feature</th><th>Java</th><th>Python</th><th>Blockly</th><th>LabVIEW</th></tr>
+       </thead>
+       <tbody>
+         <tr><td><strong>Editor</strong></td>
+           <td>VS Code-derived</td>
+           <td>VS Code-derived</td>
+           <td>Block visual editor</td>
+           <td>Graphical (browser)</td></tr>
+         <tr><td><strong>Backed by</strong></td>
+           <td>Java</td><td>Python</td>
+           <td>Python</td><td>LabVIEW</td></tr>
+         <tr><td><strong>Beginner friendly</strong></td>
+           <td>&mdash;</td><td>&mdash;</td>
+           <td>&#10003; No syntax needed</td>
+           <td>&#10003; Graphical</td></tr>
+         <tr><td><strong>Desktop install</strong></td>
+           <td colspan="4">None required</td></tr>
+         <tr><td><strong>Simulation</strong></td>
+           <td colspan="4">&#10007; Not planned</td></tr>
+         <tr><td><strong>Multi-user</strong></td>
+           <td colspan="4">Single-user (under investigation)</td></tr>
+       </tbody>
+     </table>
+   </div>
 
-### macOS Support
+   <div class="sw-warn" style="margin-bottom:20px;">
+     <strong>C++ is not supported in OnBot environments.</strong>
+     The browser-based toolchain does not provide a good enough C++ experience
+     to ship. Use the desktop VS Code environment for C++ development.
+     <br><br>
+     <strong>OnBot notes:</strong> Currently planned as single-user access
+     (multi-user being investigated). Supports multiple saved
+     <em>Workspaces</em> with a Deploy button to select which one runs on
+     the Systemcore. Simulation is not planned for OnBot environments.
+   </div>
 
-Apple generally keeps the last three macOS versions in support, and releases a new version annually, so WPILib also only supports the last three macOS versions.
+   <p style="font-size:0.8rem;font-weight:700;text-transform:uppercase;
+      letter-spacing:0.05em;color:var(--ftc);margin:0 0 10px;">
+     FTC REV Duo
+   </p>
+   <div class="sw-grid sw-grid-2" style="margin-bottom:24px;">
+     <div class="sw-card sw-card-ftc">
+       <div class="sw-label sw-label-ftc">FTC (REV Duo)</div>
+       <div class="sw-card-title">OnBot Java / Android Studio</div>
+       <div class="sw-card-desc">
+         REV Duo teams use the FTC SDK with OnBot Java (browser-based)
+         or Android Studio. Documented at
+         <a href="https://ftc-docs.firstinspires.org">
+         ftc-docs.firstinspires.org</a>.
+       </div>
+     </div>
+     <div class="sw-card sw-card-ftc">
+       <div class="sw-label sw-label-ftc">FTC (REV Duo)</div>
+       <div class="sw-card-title">Blocks (FTC SDK)</div>
+       <div class="sw-card-desc">
+         Visual block-based programming via the FTC SDK OnBot interface.
+         Documented at
+         <a href="https://ftc-docs.firstinspires.org">
+         ftc-docs.firstinspires.org</a>.
+       </div>
+     </div>
+   </div>
 
-### Linux Support
+   <!-- ── BUILD AND DEPLOY ── -->
+   <p class="sw-section-h">Build and Deploy Comparison</p>
 
-For Linux, we follow the [Debian release cycle](https://wiki.debian.org/DebianReleases#Release_statistics). Debian releases a new version every two years. The version released two summers before a year's release will become the minimum required OS for that year. This also aligns with Ubuntu LTS releases, so only the last Ubuntu LTS will be supported at a given time.
+   <table class="sw-tbl">
+     <thead>
+       <tr>
+         <th>Feature</th>
+         <th>Desktop (VS Code)</th>
+         <th>OnBot (Java / Python / Blockly / LabVIEW)</th>
+         <th>FTC REV Duo</th>
+       </tr>
+     </thead>
+     <tbody>
+       <tr><td><strong>Languages</strong></td>
+         <td>Java, C++, Python</td>
+         <td>Java, Python, Blockly, LabVIEW</td>
+         <td>Java, Blocks</td></tr>
+       <tr><td><strong>C++ support</strong></td>
+         <td>&#10003;</td>
+         <td>&#10007; Not supported</td>
+         <td>&#10007;</td></tr>
+       <tr><td><strong>Build system</strong></td>
+         <td>GradleRIO</td>
+         <td>On-device (browser)</td>
+         <td>FTC SDK / Gradle</td></tr>
+       <tr><td><strong>Deploy</strong></td>
+         <td>USB or Wi-Fi to Systemcore</td>
+         <td>Deploy button in browser (Workspace-based)</td>
+         <td>ADB over USB or Wi-Fi</td></tr>
+       <tr><td><strong>Simulation</strong></td>
+         <td>&#10003; Full desktop sim</td>
+         <td>&#10007; Not planned</td>
+         <td>&#10007; None</td></tr>
+       <tr><td><strong>Offline install</strong></td>
+         <td>&#10003;</td>
+         <td>N/A &mdash; runs on Systemcore</td>
+         <td>&#10003;</td></tr>
+       <tr><td><strong>Multi-user</strong></td>
+         <td>N/A</td>
+         <td>Single-user (under investigation)</td>
+         <td>N/A</td></tr>
+       <tr><td><strong>Driver Station</strong></td>
+         <td>FRC DS (Windows)</td>
+         <td>FRC DS (Windows)</td>
+         <td>Driver Hub / phone</td></tr>
+     </tbody>
+   </table>
 
-### Minimum required OS versions
+   <!-- ── DASHBOARDS ── -->
+   <p class="sw-section-h">Dashboards</p>
 
-+----------+--------+-------------------------+-------+-------+-------+
-| OS       | 2027   | 2028                    | 2029  | 2030  | 2031  |
-+==========+========+=========================+=======+=======+=======+
-| Windows  | 11     | 11                      | 11    | 11    | 11    |
-+----------+--------+-------------------------+-------+-------+-------+
-| Debian   | Trixie | Trixie                  | Forky | Forky | Duke  |
-+----------+--------+-------------------------+-------+-------+-------+
-| Ubuntu   | 26.04  | 26.04                   | 28.04 | 28.04 | 30.04 |
-+----------+--------+-------------------------+-------+-------+-------+
-| macOS    | 15     | 26 (Last Intel release) | 27    | 28    | 29    |
-+----------+--------+-------------------------+-------+-------+-------+
+   <table class="sw-tbl">
+     <thead>
+       <tr>
+         <th>Dashboard</th><th>Status</th><th>Best for</th>
+       </tr>
+     </thead>
+     <tbody>
+       <tr><td><strong>Elastic</strong></td>
+         <td>&#10003; Current &mdash; recommended</td>
+         <td>Competition driver dashboard. Highly configurable.</td></tr>
+       <tr><td><strong>AdvantageScope</strong></td>
+         <td>&#10003; Current &mdash; recommended</td>
+         <td>Log review, 3D field visualization, mechanism replay.</td></tr>
+       <tr><td><strong>Glass</strong></td>
+         <td>&#10003; Current</td>
+         <td>Built-in simulation UI and lightweight telemetry.</td></tr>
+       <tr><td><strong>SmartDashboard</strong></td>
+         <td><span class="sw-dep">Removed 2027</span></td>
+         <td>Use Elastic instead.</td></tr>
+       <tr><td><strong>Shuffleboard</strong></td>
+         <td><span class="sw-dep">Removed 2027</span></td>
+         <td>Use Elastic instead.</td></tr>
+     </tbody>
+   </table>
+
+   <!-- ── VENDOR LIBRARIES ── -->
+   <p class="sw-section-h">Vendor Libraries</p>
+
+   <div class="sw-grid sw-grid-2">
+     <div class="sw-card">
+       <div class="sw-card-title">What are vendor libraries?</div>
+       <div class="sw-card-desc">
+         Hardware vendors (REV, CTRE, etc.) ship WPILib extension
+         libraries that add support for their specific motor controllers,
+         sensors, and accessories. They are installed
+         <strong>per project</strong> via the VS Code Dependency Manager
+         and do not carry over on project import.
+       </div>
+     </div>
+     <div class="sw-card">
+       <div class="sw-card-title">Common libraries</div>
+       <ul style="font-size:0.875rem;line-height:1.8;
+          margin:8px 0 0;padding-left:20px;">
+         <li><strong>REVLib</strong> &mdash; SPARK MAX, SPARK Flex</li>
+         <li><strong>Phoenix 6</strong> &mdash; Talon FX, CANcoder</li>
+         <li><strong>PathplannerLib</strong> &mdash; auto trajectories</li>
+         <li><strong>PhotonLib</strong> &mdash; PhotonVision cameras</li>
+         <li><strong>Limelight</strong> &mdash; Limelight cameras</li>
+       </ul>
+     </div>
+   </div>
+
+   <!-- ── PATH PLANNING ── -->
+   <p class="sw-section-h">Path Planning</p>
+
+   <div class="sw-grid sw-grid-2">
+     <a class="sw-card sw-card-frc"
+        href="../software/pathplanning/index.html">
+       <div class="sw-label sw-label-frc">FRC</div>
+       <div class="sw-card-title">PathPlanner / Choreo</div>
+       <div class="sw-card-desc">
+         GUI tools for drawing autonomous paths. Both generate
+         trajectory commands that slot into command-based robot programs.
+         PathPlanner is more beginner-friendly; Choreo optimizes
+         for time.
+       </div>
+     </a>
+     <div class="sw-card sw-card-ftc">
+       <div class="sw-label sw-label-ftc">FTC REV Duo</div>
+       <div class="sw-card-title">Road Runner</div>
+       <div class="sw-card-desc">
+         The standard FTC path planning library for REV Duo teams.
+         Separate from WPILib. FTC Systemcore teams will use
+         PathPlanner/Choreo (planned for 2028).
+       </div>
+     </div>
+   </div>
+
+   <!-- ── SHARED CONCEPTS ── -->
+   <p class="sw-section-h">Shared Concepts Across Programs</p>
+   <p style="font-size:0.875rem;margin-bottom:14px;
+      color:var(--color-foreground-secondary,#555);">
+     These programming concepts are identical whether you are writing FRC,
+     FTC Systemcore, or XRP code.
+   </p>
+
+   <div class="sw-grid sw-grid-6">
+     <div class="sw-card sw-card-shared">
+       <div class="sw-card-title">PID Control</div>
+       <div class="sw-card-desc">
+         Proportional-Integral-Derivative feedback loop for precise
+         motor velocity and position control.
+       </div>
+     </div>
+     <div class="sw-card sw-card-shared">
+       <div class="sw-card-title">Odometry</div>
+       <div class="sw-card-desc">
+         Track robot position on the field using encoder and gyro data.
+         Used for autonomous navigation.
+       </div>
+     </div>
+     <div class="sw-card sw-card-shared">
+       <div class="sw-card-title">State Machines</div>
+       <div class="sw-card-desc">
+         Command-based programming uses a state machine model:
+         subsystems, commands, and triggers.
+       </div>
+     </div>
+     <div class="sw-card sw-card-shared">
+       <div class="sw-card-title">AprilTags</div>
+       <div class="sw-card-desc">
+         WPILib includes built-in AprilTag detection for field
+         localization and target tracking.
+       </div>
+     </div>
+     <div class="sw-card sw-card-shared">
+       <div class="sw-card-title">Motor Control</div>
+       <div class="sw-card-desc">
+         DifferentialDrive, MecanumDrive, and swerve kinematics
+         classes work identically across all platforms.
+       </div>
+     </div>
+     <div class="sw-card sw-card-shared">
+       <div class="sw-card-title">Java Fundamentals</div>
+       <div class="sw-card-desc">
+         WPILib Java code uses standard Java: classes, interfaces,
+         lambdas. No framework-specific syntax to learn separately.
+       </div>
+     </div>
+   </div>
+
+   <!-- ── SOURCE + DOCS ── -->
+   <p class="sw-section-h">Source Code and API Docs</p>
+
+   <div class="sw-grid sw-grid-3">
+     <a class="sw-card sw-card-frc"
+        href="https://github.wpilib.org/allwpilib/docs/release/java/">
+       <div class="sw-card-title">Java API Reference</div>
+       <div class="sw-card-desc">
+         Full Javadoc for WPILibJ classes and methods.
+       </div>
+     </a>
+     <a class="sw-card sw-card-frc"
+        href="https://github.wpilib.org/allwpilib/docs/release/cpp/">
+       <div class="sw-card-title">C++ API Reference</div>
+       <div class="sw-card-desc">
+         Doxygen documentation for WPILibC.
+       </div>
+     </a>
+     <a class="sw-card sw-card-frc"
+        href="https://robotpy.readthedocs.io/projects/robotpy/en/stable/">
+       <div class="sw-card-title">Python API Reference</div>
+       <div class="sw-card-desc">
+         RobotPy documentation for Python-based robot programs.
+       </div>
+     </a>
+   </div>
diff --git a/source/docs/xrp-robot/index.rst b/source/docs/xrp-robot/index.rst
index 49f594ad23..cbaae2ee74 100644
--- a/source/docs/xrp-robot/index.rst
+++ b/source/docs/xrp-robot/index.rst
@@ -2,17 +2,242 @@
 
 # Getting Started with XRP
 
-The XRP, powered by [Worcester Polytechnic Institute](http://wpi.edu), is a small and inexpensive robot designed for learning about programming FIRST robots. All the same tools used for programming full-sized FRC\ |reg| and FTC\ |reg| robots can be used to program the XRP. The XRP comes with two drive motors with integrated wheel encoders. It also includes an :term:`IMU` sensor that can be used for measuring headings and accelerations. Using it is as simple as writing a robot program, and running it on your computer. It will command the XRP to follow the steps in the program.
+The XRP (eXperimental Robot Platform), powered by
+[Worcester Polytechnic Institute](http://wpi.edu), is a small, low-cost robot
+designed for learning WPILib programming without full FRC hardware.
+The same tools, language, and code patterns used for full FRC robots work on the XRP.
 
-.. tip:: A course that teaches programming using the XRP Robot is available via [FIRST Training](https://training.firstinspires.org/catalog?labels=%5B%22Topics%22%5D&values=%5B%22Programming%22%5D). [Part 1](https://training.firstinspires.org/courses/java-programming-part-1) takes users through setup of the hardware and software, methods, objects, conditionals, variables, and equations. [Part 2](https://training.firstinspires.org/courses/java-programming-part-2) covers command based programming, driving and inputs, advanced conditionals and logical operators, command groups, arrays and loops, and errors and troubleshooting.
+.. raw:: html
 
-The XRP provides a similar use case as the :doc:`Romi </docs/romi-robot/index>` with similar functionality, albeit using a lower power processor and is overall lower in cost.
 
-.. image:: images/xrp25.png
-   :alt: XRP Robot
+   <!-- ── WHY XRP ── -->
+   <p class="sw-section-h">Why Use the XRP?</p>
+
+   <div class="sw-grid sw-grid-4">
+
+     <div class="sw-card sw-card-shared">
+       <div class="sw-label sw-label-shared">Learn</div>
+       <div class="sw-card-title">Real WPILib Code</div>
+       <div class="sw-card-desc">
+         Write the same Java, C++, or Python code you would deploy to
+         a full FRC robot. No special XRP-only API.
+       </div>
+     </div>
+
+     <div class="sw-card sw-card-shared">
+       <div class="sw-label sw-label-shared">Practice</div>
+       <div class="sw-card-title">No Control System Required</div>
+       <div class="sw-card-desc">
+         No roboRIO, no PDH, no radio programming. Just the XRP,
+         a USB cable for initial setup, and your laptop.
+       </div>
+     </div>
+
+     <div class="sw-card sw-card-shared">
+       <div class="sw-label sw-label-shared">Pre-season</div>
+       <div class="sw-card-title">Off-Season Programming</div>
+       <div class="sw-card-desc">
+         Learn command-based programming, encoders, PID, and odometry
+         before build season starts &mdash; on a desk.
+       </div>
+     </div>
+
+     <div class="sw-card sw-card-ftc">
+       <div class="sw-label sw-label-ftc">FTC 2027-2028+</div>
+       <div class="sw-card-title">FTC Prep</div>
+       <div class="sw-card-desc">
+         Systemcore teams use the same WPILib toolchain. XRP skills
+         transfer directly to FTC robot programming.
+       </div>
+     </div>
+
+   </div>
+
+   <!-- ── HOW IT WORKS ── -->
+   <p class="sw-section-h">How It Works</p>
+
+   <div class="sw-tip">
+     XRP code runs on your <strong>laptop as a simulation</strong>, communicating
+     with the XRP hardware over Wi-Fi. You use the same
+     <strong>WPILib VS Code tools and Driver Station</strong> as FRC &mdash;
+     the XRP just appears as a simulated robot that drives real motors.
+   </div>
+
+   <div class="sw-grid sw-grid-3">
+     <div class="sw-card">
+       <div class="sw-card-title">Write code in VS Code</div>
+       <div class="sw-card-desc">
+         Use the WPILib VS Code extension you already installed.
+         XRP projects use the same project structure as FRC.
+       </div>
+     </div>
+     <div class="sw-card">
+       <div class="sw-card-title">Run as simulation</div>
+       <div class="sw-card-desc">
+         Launch with <strong>Simulate Robot Code</strong> instead of
+         Deploy. The simulation connects to the XRP over Wi-Fi.
+       </div>
+     </div>
+     <div class="sw-card">
+       <div class="sw-card-title">Drive with Driver Station</div>
+       <div class="sw-card-desc">
+         Open the FRC Driver Station (Windows) and enable TeleOp.
+         Your joystick controls the XRP just like a full robot.
+       </div>
+     </div>
+   </div>
+
+   <!-- ── HARDWARE SPECS ── -->
+   <p class="sw-section-h">Hardware Specifications</p>
+
+   <table class="sw-tbl">
+     <thead>
+       <tr><th>Component</th><th>Details</th></tr>
+     </thead>
+     <tbody>
+       <tr><td><strong>Processor</strong></td>
+         <td>Raspberry Pi RP2040 dual-core Cortex-M0+ at 133 MHz</td></tr>
+       <tr><td><strong>Wireless</strong></td>
+         <td>Wi-Fi 802.11 b/g/n (2.4 GHz) for host communication</td></tr>
+       <tr><td><strong>Drive motors</strong></td>
+         <td>2 brushed DC gear motors with integrated quadrature encoders</td></tr>
+       <tr><td><strong>IMU</strong></td>
+         <td>Built-in 6-axis LSM6DS3 (gyro + accelerometer)</td></tr>
+       <tr><td><strong>Servo ports</strong></td>
+         <td>2 user servo outputs</td></tr>
+       <tr><td><strong>User I/O</strong></td>
+         <td>Reflectance sensor, ultrasonic distance sensor port</td></tr>
+       <tr><td><strong>Power</strong></td>
+         <td>USB-C or 3xAA battery pack</td></tr>
+       <tr><td><strong>Cost</strong></td>
+         <td>~$75 USD assembled (WPI / SparkFun)</td></tr>
+     </tbody>
+   </table>
+
+   <!-- ── XRP vs FRC ── -->
+   <p class="sw-section-h">XRP vs Full FRC Robot</p>
+
+   <table class="sw-tbl">
+     <thead>
+       <tr><th>Feature</th><th>XRP</th><th>FRC Robot</th></tr>
+     </thead>
+     <tbody>
+       <tr><td>WPILib API</td>
+         <td>&#10003; Same Java/C++/Python API</td>
+         <td>&#10003; Full API</td></tr>
+       <tr><td>Command-based</td>
+         <td>&#10003; Yes</td><td>&#10003; Yes</td></tr>
+       <tr><td>Encoders</td>
+         <td>&#10003; Integrated</td>
+         <td>External (per motor controller)</td></tr>
+       <tr><td>IMU / gyro</td>
+         <td>&#10003; Built-in</td>
+         <td>External (NavX, Pigeon 2)</td></tr>
+       <tr><td>Driver Station</td>
+         <td>&#10003; Same (Windows)</td>
+         <td>&#10003; Same (Windows)</td></tr>
+       <tr><td>Deploy method</td>
+         <td>Simulate (Wi-Fi to laptop)</td>
+         <td>Deploy to roboRIO/Systemcore</td></tr>
+       <tr><td>CAN bus</td>
+         <td>&#10007; Not available</td>
+         <td>&#10003; Full CAN support</td></tr>
+       <tr><td>Vendor libraries</td>
+         <td>Not applicable</td>
+         <td>REVLib, Phoenix 6, etc.</td></tr>
+       <tr><td>Cost</td>
+         <td>~$75</td><td>$3,000&ndash;$10,000+</td></tr>
+     </tbody>
+   </table>
+
+   <!-- ── PREREQUISITES ── -->
+   <p class="sw-section-h">Prerequisites</p>
+
+   <div class="sw-grid sw-grid-2">
+     <div class="sw-card">
+       <div class="sw-card-title">Software (all platforms)</div>
+       <ul style="font-size:0.875rem;line-height:1.8;margin:8px 0 0;padding-left:20px;">
+         <li>WPILib installed (see
+           <a href="../zero-to-robot/step-2/wpilib-setup.html">WPILib setup</a>)
+         </li>
+         <li>FRC Driver Station (Windows &mdash; for enabling)</li>
+         <li>XRP firmware flashed on the board</li>
+       </ul>
+     </div>
+     <div class="sw-card">
+       <div class="sw-card-title">Hardware</div>
+       <ul style="font-size:0.875rem;line-height:1.8;margin:8px 0 0;padding-left:20px;">
+         <li>XRP robot kit (assembled)</li>
+         <li>USB-C cable (for initial firmware flash)</li>
+         <li>3&times;AA batteries or USB-C power bank</li>
+         <li>2.4 GHz Wi-Fi on your laptop</li>
+       </ul>
+     </div>
+   </div>
+
+   <!-- ── GETTING STARTED ── -->
+   <p class="sw-section-h">Getting Started</p>
+
+   <div class="sw-grid sw-grid-3">
+
+     <a class="sw-card sw-card-shared" href="hardware-and-imaging.html">
+       <span class="sw-step-num">01</span>
+       <div class="sw-card-title">Set Up Hardware</div>
+       <div class="sw-card-desc">
+         Flash XRP firmware, insert batteries, and connect to the XRP
+         Wi-Fi network.
+       </div>
+     </a>
+
+     <a class="sw-card sw-card-shared" href="getting-to-know-xrp.html">
+       <span class="sw-step-num">02</span>
+       <div class="sw-card-title">Get to Know the XRP</div>
+       <div class="sw-card-desc">
+         Sensor locations, motor wiring, the web UI, and what each
+         I/O port is for.
+       </div>
+     </a>
+
+     <a class="sw-card sw-card-shared" href="programming-xrp.html">
+       <span class="sw-step-num">03</span>
+       <div class="sw-card-title">Write and Run Code</div>
+       <div class="sw-card-desc">
+         Create an XRP project in WPILib VS Code, run the simulation,
+         and drive your robot.
+       </div>
+     </a>
+
+   </div>
+
+   <!-- ── EXAMPLE PROJECTS ── -->
+   <p class="sw-section-h">Example Projects</p>
+
+   <div class="sw-grid sw-grid-2">
+     <a class="sw-card sw-card-frc" href="programming-xrp.html">
+       <div class="sw-card-title">XRP Arcade Drive</div>
+       <div class="sw-card-desc">
+         Basic teleop drive using a joystick. Good first project.
+       </div>
+     </a>
+     <a class="sw-card sw-card-frc" href="hardware-support.html">
+       <div class="sw-card-title">Sensors and Encoders</div>
+       <div class="sw-card-desc">
+         Read encoder distances, gyro heading, and reflectance sensor.
+       </div>
+     </a>
+   </div>
+
+   <div class="sw-tip">
+     <strong>FIRST Training courses available.</strong>
+     <a href="https://training.firstinspires.org/catalog?labels=%5B%22Topics%22%5D&values=%5B%22Programming%22%5D">
+     Part 1</a> covers setup, methods, objects, and variables.
+     <a href="https://training.firstinspires.org/courses/java-programming-part-2">
+     Part 2</a> covers command-based programming, drive inputs, and arrays.
+   </div>
 
 .. toctree::
    :maxdepth: 1
+   :hidden:
 
    hardware-and-imaging
    getting-to-know-xrp
diff --git a/source/docs/zero-to-robot/introduction.rst b/source/docs/zero-to-robot/introduction.rst
index 0ac584681d..1d03ab4111 100644
--- a/source/docs/zero-to-robot/introduction.rst
+++ b/source/docs/zero-to-robot/introduction.rst
@@ -1,34 +1,178 @@
 .. include:: <isonum.txt>
 
-# Introduction
+# Zero to Robot: Introduction
 
-Welcome to the official documentation home for the *FIRST*\ |reg| Control System and WPILib software packages. This page is the primary resource documenting the use of the FRC\ |reg| & FTC\ |reg| Control System (including wiring, configuration, and software) as well as the WPILib libraries and tools.
+Welcome to WPILib — the standard programming library for *FIRST*\ |reg| Robotics Competition
+(FRC\ |reg|) and FIRST Tech Challenge (FTC).
+This guide walks you through everything you need to start driving a robot.
 
-## New to Programming?
+.. raw:: html
 
-These pages cover the specifics of the WPILib libraries and the FIRST Control System and do not describe the basics of using the supported programming languages. If you would like resources on learning the supported programming languages check out the recommendations below:
 
-.. note:: You can continue with this Zero-to-Robot section to get a functioning basic robot without knowledge of the programming language. To go beyond that, you will need to be familiar with the language you choose to program in.
+   <!-- ── LANGUAGE CHOICE ── -->
+   <p class="sw-section-h">Choose Your Programming Language</p>
+   <p style="font-size:0.9rem;margin-bottom:14px;color:var(--color-foreground-secondary,#444);">
+     WPILib supports multiple languages. Pick one: your tools and steps are the same regardless of choice.
+   </p>
 
-### Java
+   <div class="sw-grid sw-grid-5">
 
-- [Code Academy](https://www.codecademy.com/learn/learn-java)
-- [Head First Java 2nd Edition](https://www.amazon.com/dp/0596009208/) is a very beginner friendly introduction to programming in Java (ISBN-10: 0596009208).
+     <div class="sw-card sw-card-rec">
+       <div class="sw-label sw-label-rec">Recommended &mdash; FRC + FTC</div>
+       <div class="sw-card-title">Java</div>
+       <div class="sw-card-desc">Statically typed, and has the most community examples. Best choice if you are unsure.</div>
+     </div>
 
-### C++
+     <div class="sw-card sw-card-shared">
+       <div class="sw-label sw-label-shared">FRC + FTC</div>
+       <div class="sw-card-title">C++</div>
+       <div class="sw-card-desc">Highest performance. Good choice if your team already knows C++. Memory management adds complexity for beginners.</div>
+     </div>
 
-- [LearnCPP](https://www.learncpp.com/)
-- [Programming: Principles and Practice Using C++ 2nd Edition](https://www.amazon.com/dp/B00KPTEH8C) is an introduction to C++ by the creator of the language himself (ISBN-10: 0321992784).
-- [C++ Primer Plus 6th Edition](https://www.amazon.com/dp/0321928423/) (ISBN-10: 0321776402).
+     <div class="sw-card sw-card-shared">
+       <div class="sw-label sw-label-shared">FRC + FTC</div>
+       <div class="sw-card-title">Python</div>
+       <div class="sw-card-desc">Easiest syntax. Growing community examples. Best if your team already programs in Python and wants a gentle start.</div>
+     </div>
 
-### LabVIEW
+     <div class="sw-card sw-card-shared">
+       <div class="sw-label sw-label-shared">FRC + FTC</div>
+       <div class="sw-card-title">Blockly</div>
+       <div class="sw-card-desc">Graphical interface, runs OnBot, outputs Python. Great for beginners with no prior syntax knowledge.</div>
+     </div>
 
-- [NI Learn LabVIEW](https://www.ni.com/getting-started/labview-basics/)
+     <div class="sw-card sw-card-shared">
+       <div class="sw-label sw-label-shared">FRC + FTC</div>
+       <div class="sw-card-title">LabVIEW</div>
+       <div class="sw-card-desc">Graphical dataflow programming, runs OnBot. Familiar to teams with a LabVIEW background.</div>
+     </div>
 
-### Python
+   </div>
 
--  [List of various guides to learn Python](http://docs.python-guide.org/en/latest/intro/learning/)
+   <div class="sw-tip">
+     <strong>New to programming entirely?</strong> Check out
+     <a href="https://www.codecademy.com/learn/learn-java">Codecademy Java</a> or
+     <a href="http://docs.python-guide.org/en/latest/intro/learning/">Python learning guides</a>
+     before continuing. You can wire and configure your robot first (Steps 1 and 3) while learning to code in parallel.
+   </div>
 
-## Zero to Robot
+   <!-- ── WHAT YOU NEED ── -->
+   <p class="sw-section-h">What You Need</p>
 
-The remaining pages in this tutorial are designed to be completed in order to go from zero to a working basic robot. The documents will walk you through wiring your robot, installation of all needed software, configuration of hardware, and loading a basic example program that should allow your robot to operate. When you complete a page, simply click **Next** to navigate to the next page and continue with the process. When you're done, you can click **Next** to continue to an overview of WPILib in C++/Java/Python or jump back to the home page using the logo at the top left to explore the rest of the content.
+   <div class="sw-grid sw-grid-2" style="margin-bottom:12px;">
+
+     <div class="sw-card sw-card-frc">
+       <div class="sw-label sw-label-frc">FRC Hardware</div>
+       <div class="sw-card-title">FRC Robot Components</div>
+       <ul class="sw-list">
+         <li>Systemcore controller</li>
+         <li>Power Distribution Hub (PDH) or Panel (PDP)</li>
+         <li>Vivid VH-109 Radio</li>
+         <li>Voltage Regulator Module (VRM) &mdash; for radio power</li>
+         <li>Motor controllers (SPARK MAX, Talon FX, etc.)</li>
+         <li>Drive motors and wheels</li>
+         <li>12 V robot battery and fuse</li>
+         <li>Ethernet cable and USB-A cable</li>
+       </ul>
+     </div>
+
+     <div class="sw-card sw-card-ftc">
+       <div class="sw-label sw-label-ftc">FTC Hardware</div>
+       <div class="sw-card-title">FTC Robot Components</div>
+       <ul class="sw-list">
+         <li>Systemcore + Motioncore controllers</li>
+         <li>FTC legal motor controllers</li>
+         <li>Drive motors and wheels</li>
+         <li>12 V robot battery</li>
+         <li>USB-C cable for programming</li>
+         <li>Wi-Fi for wireless deploy</li>
+       </ul>
+     </div>
+
+   </div>
+
+   <div class="sw-grid sw-grid-2">
+
+     <div class="sw-card">
+       <div class="sw-label sw-label-shared">Software &mdash; All Teams</div>
+       <div class="sw-card-title">What Gets Installed</div>
+       <ul class="sw-list">
+         <li><strong>WPILib</strong> &mdash; robot programming library + VS Code</li>
+         <li><strong>FRC Game Tools</strong> &mdash; Driver Station <em>(Windows only)</em></li>
+         <li><strong>RobotPy</strong> &mdash; Python framework <em>(Python teams only)</em></li>
+         <li>Vendor libraries (REVLib, Phoenix 6, etc.) &mdash; installed per project</li>
+       </ul>
+       <div style="margin-top:12px;font-size:0.82rem;
+          color:var(--color-foreground-secondary,#555);">
+         <strong>OS note:</strong> Driver Station requires Windows.
+         Coding and simulation work on macOS and Linux.
+       </div>
+     </div>
+
+     <div class="sw-card sw-card-shared">
+       <div class="sw-label sw-label-shared">No Full Robot? No Problem.</div>
+       <div class="sw-card-title">Practice with the XRP</div>
+       <div class="sw-card-desc" style="margin-bottom:10px;">
+         The XRP is a desktop robot that runs real WPILib code.
+         Great for learning before build season &mdash; and for FTC teams
+         getting a head start on Systemcore programming.
+       </div>
+       <a href="../xrp-robot/index.html"
+          style="font-size:0.85rem;font-weight:600;color:var(--shared);">
+         XRP docs &rarr;
+       </a>
+     </div>
+
+   </div>
+
+   <!-- ── FOUR STEPS ── -->
+   <p class="sw-section-h">The Four Steps</p>
+   <p style="font-size:0.9rem;margin-bottom:16px;color:var(--color-foreground-secondary,#444);">
+     Complete these in order. You will have a driving robot by the end of Step 4.
+   </p>
+
+   <div class="sw-grid sw-grid-4">
+
+     <a class="sw-card sw-card-frc" href="step-1/index.html">
+       <span class="sw-step-num">01</span>
+       <div class="sw-card-title">Build Your Robot</div>
+       <div class="sw-card-desc">Wire the control system: power distribution, roboRIO, motor controllers, and radio.</div>
+     </a>
+
+     <a class="sw-card sw-card-frc" href="step-2/index.html">
+       <span class="sw-step-num">02</span>
+       <div class="sw-card-title">Install Your Tools</div>
+       <div class="sw-card-desc">Install WPILib and Driver Station on your laptop.</div>
+     </a>
+
+     <a class="sw-card sw-card-frc" href="step-3/index.html">
+       <span class="sw-step-num">03</span>
+       <div class="sw-card-title">Configure Your Control System</div>
+       <div class="sw-card-desc">Configuire your systemcore and the radio. Required every season before you can deploy code.</div>
+     </a>
+
+     <a class="sw-card sw-card-frc" href="step-4/index.html">
+       <span class="sw-step-num">04</span>
+       <div class="sw-card-title">Write and Drive</div>
+       <div class="sw-card-desc">Create your first robot project, deploy code to the robot, and enable it with the Driver Station.</div>
+     </a>
+
+   </div>
+
+   <!-- ── TIPS ── -->
+   <p class="sw-section-h">Tips for New Teams</p>
+
+   <div class="sw-grid sw-grid-2">
+
+     <div class="sw-tip" style="margin-bottom:0;">
+       <strong>A tip</strong><br>
+       An example tip
+     </div>
+
+     <div class="sw-tip" style="margin-bottom:0;">
+       <strong>Another tip</strong><br>
+       This is another tip
+     </div>
+
+
+   </div>
diff --git a/source/docs/zero-to-robot/step-1/index.rst b/source/docs/zero-to-robot/step-1/index.rst
index 3d0531a1b9..cbd6c09d67 100644
--- a/source/docs/zero-to-robot/step-1/index.rst
+++ b/source/docs/zero-to-robot/step-1/index.rst
@@ -1,8 +1,98 @@
-# Step 1: Building your Robot
+# Step 1: Build Your Robot
 
-An overview of the available control system hardware can be found :doc:`here </docs/controls-overviews/control-system-hardware>`.
+.. raw:: html
+
+
+   <!-- Step badge -->
+   <div class="sw-step-badge">
+     <span class="sw-step-n">01</span>
+     <div>
+       <div class="sw-step-info-title">Build Your Robot</div>
+       <div class="sw-step-info-sub">Step 1 of 4</div>
+     </div>
+   </div>
+
+   <p style="font-size:0.9rem;margin-bottom:20px;color:var(--color-foreground-secondary,#444);">
+     Choose the wiring guide for your program below.
+   </p>
+
+   <p style="font-size:0.8rem;font-weight:700;text-transform:uppercase;
+      letter-spacing:0.05em;color:var(--frc);margin:0 0 10px;">
+     FRC
+   </p>
+
+   <div class="sw-grid sw-grid-2" style="margin-bottom:20px;">
+
+     <a class="sw-card sw-card-frc"
+        href="basic-robot-wiring.html">
+       <div class="sw-label sw-label-frc">FRC</div>
+       <div class="sw-card-title">Basic Robot Wiring</div>
+       <div class="sw-card-desc">
+         Simplified wiring reference for drivetrain-only builds.
+         Good starting point for rookie teams.
+       </div>
+     </a>
+
+     <a class="sw-card sw-card-frc"
+        href="intro-to-frc-robot-wiring.html">
+       <div class="sw-label sw-label-frc">FRC</div>
+       <div class="sw-card-title">FRC Robot Wiring Overview</div>
+       <div class="sw-card-desc">
+         Full walkthrough of control system wiring with diagrams:
+         PDH, Systemcore, radio, motor controllers, and pneumatics.
+       </div>
+     </a>
+
+   </div>
+
+   <div class="sw-tip">
+     <strong>Not sure which PDH or PDP you have?</strong>
+     The <strong>Power Distribution Hub (PDH)</strong> is the REV Robotics unit
+     (rectangular, 20 slots). The older
+     <strong>Power Distribution Panel (PDP)</strong> is the Cross The Road
+     Electronics unit (oval shape, 16 slots). Both are legal &mdash; wiring
+     diagrams for each are in the wiring overview above.
+   </div>
+
+   <p style="font-size:0.8rem;font-weight:700;text-transform:uppercase;
+      letter-spacing:0.05em;color:var(--ftc);margin:0 0 10px;">
+     FTC
+   </p>
+
+   <div class="sw-grid sw-grid-2" style="margin-bottom:20px;">
+
+     <div class="sw-card sw-card-ftc">
+       <div class="sw-label sw-label-ftc">FTC &mdash; Coming Soon</div>
+       <div class="sw-card-title">Basic FTC Robot Wiring</div>
+       <div class="sw-card-desc">
+         Simplified wiring guide for Systemcore and Motioncore.
+         Good starting point for rookie FTC teams.
+       </div>
+     </div>
+
+     <div class="sw-card sw-card-ftc">
+       <div class="sw-label sw-label-ftc">FTC &mdash; Coming Soon</div>
+       <div class="sw-card-title">FTC Robot Wiring Overview</div>
+       <div class="sw-card-desc">
+         Full walkthrough of FTC control system wiring with diagrams:
+         Systemcore, Motioncore, motor controllers, and power.
+       </div>
+     </div>
+
+   </div>
+
+
+
+   <!-- Nav -->
+   <div class="sw-nav">
+     <a class="sw-nav-btn" href="../introduction.html">&larr; Introduction</a>
+     <a class="sw-nav-btn sw-next" href="../step-2/index.html">
+       Step 2: Install Your Tools &rarr;</a>
+   </div>
 
 .. toctree::
    :maxdepth: 1
+   :hidden:
 
-   intro-to-frc-robot-wiring
+   FRC Robot Wiring Overview <intro-to-frc-robot-wiring>
+   Basic Robot Wiring <basic-robot-wiring>
diff --git a/source/docs/zero-to-robot/step-2/index.rst b/source/docs/zero-to-robot/step-2/index.rst
index dec134559f..242c7a4d01 100644
--- a/source/docs/zero-to-robot/step-2/index.rst
+++ b/source/docs/zero-to-robot/step-2/index.rst
@@ -1,9 +1,151 @@
-# Step 2: Installing Software
+# Step 2: Install Your Tools
 
-An overview of the available control system software can be found :doc:`here </docs/controls-overviews/control-system-software>`.
+.. raw:: html
+
+
+   <!-- Step badge -->
+   <div class="sw-step-badge">
+     <span class="sw-step-n">02</span>
+     <div>
+       <div class="sw-step-info-title">Install Your Tools</div>
+       <div class="sw-step-info-sub">
+         Step 2 of 4
+       </div>
+     </div>
+   </div>
+
+   <!-- System requirements -->
+   <p class="sw-section-h">System Requirements</p>
+
+   <div class="sw-grid sw-grid-2">
+
+     <div class="sw-card">
+       <div class="sw-label sw-label-win">Windows</div>
+       <div class="sw-card-title">Required for Driver Station</div>
+       <ul class="sw-list">
+         <li>Windows 11 (required for 2027+)</li>
+         <li>8 GB RAM minimum, 16 GB recommended</li>
+         <li>Driver Station and roboRIO Imaging Tool</li>
+         <li>All WPILib tools available</li>
+       </ul>
+     </div>
+
+     <div class="sw-card">
+       <div class="sw-label sw-label-any">macOS / Linux</div>
+       <div class="sw-card-title">Coding and Simulation Only</div>
+       <ul class="sw-list">
+         <li>macOS 12+ or modern Linux distro</li>
+         <li>WPILib + VS Code for writing and simulating code</li>
+         <li>Cannot run Driver Station or image roboRIO</li>
+         <li>Deploy code over USB or Wi-Fi (needs network access)</li>
+       </ul>
+     </div>
+
+   </div>
+
+   <div class="sw-warn">
+     <strong>Windows 10 is no longer supported as of 2027.</strong>
+     Upgrade to Windows 11 before installing FRC Game Tools.
+   </div>
+
+   <!-- Installation parts -->
+   <p class="sw-section-h">Installation Steps</p>
+
+   <div class="sw-grid sw-grid-2">
+
+     <a class="sw-card sw-card-shared" href="wpilib-setup.html">
+       <div class="sw-part-num">Part 1</div>
+       <div class="sw-card-title">WPILib Installer</div>
+       <div class="sw-card-desc">
+         Installs Visual Studio Code, WPILib extensions, and all
+         desktop tools (Glass, Elastic, Shuffleboard, OutlineViewer).
+         Required for Java, C++, and Python teams.
+       </div>
+     </a>
+
+     <a class="sw-card sw-card-shared" href="frc-game-tools.html">
+       <div class="sw-part-num">Part 2: Windows only</div>
+       <div class="sw-card-title">FRC Game Tools</div>
+       <div class="sw-card-desc">
+         Installs the FRC Driver Station
+         Required on the laptop that will drive the robot at competition.
+       </div>
+     </a>
+
+     <a class="sw-card sw-card-shared" href="python-setup.html">
+       <div class="sw-part-num">Part 3: Python teams only</div>
+       <div class="sw-card-title">RobotPy Setup</div>
+       <div class="sw-card-desc">
+         Install RobotPy and the required Python packages.
+         Java and C++ teams can skip this part.
+       </div>
+     </a>
+
+     <a class="sw-card sw-card-shared" href="offline-installation-preparations.html">
+       <div class="sw-part-num">Optional</div>
+       <div class="sw-card-title">Offline Installation</div>
+       <div class="sw-card-desc">
+         Preparing to install without internet access?
+         Download the offline installer packages in advance.
+       </div>
+     </a>
+
+   </div>
+
+   <!-- Verify -->
+   <p class="sw-section-h">Verify Your Installation</p>
+   <p style="font-size:0.875rem;margin-bottom:16px;
+      color:var(--color-foreground-secondary,#555);">
+     After completing all parts above, confirm the installation is working:
+   </p>
+
+   <div class="sw-grid sw-grid-3">
+
+     <div class="sw-card">
+       <div class="sw-card-title">Open VS Code</div>
+       <div class="sw-card-desc">
+         Launch the WPILib VS Code shortcut (not the system VS Code).
+         You should see the WPILib icon (W) in the activity bar.
+       </div>
+     </div>
+
+     <div class="sw-card">
+       <div class="sw-card-title">Run WPILib Command</div>
+       <div class="sw-card-desc">
+         Press <strong>Ctrl+Shift+P</strong> (or Cmd+Shift+P on Mac)
+         and type <em>WPILib</em>. You should see WPILib commands in
+         the palette.
+       </div>
+     </div>
+
+     <div class="sw-card">
+       <div class="sw-card-title">Check Driver Station</div>
+       <div class="sw-card-desc">
+         Open the FRC Driver Station (Windows only). It should launch
+         without errors. Robot Communication will show
+         &ldquo;No Robot Communication&rdquo; - that is expected.
+       </div>
+     </div>
+
+   </div>
+
+   <div class="sw-tip">
+     <strong>Vendor libraries are not installed here.</strong>
+     Libraries like REVLib and Phoenix 6 are added per-project in Step 4
+     using the WPILib Dependency Manager. You do not need them yet.
+   </div>
+
+   <!-- Nav -->
+   <div class="sw-nav">
+     <a class="sw-nav-btn" href="../step-1/index.html">
+       &larr; Step 1: Build Your Robot</a>
+     <a class="sw-nav-btn sw-next" href="../step-3/index.html">
+       Step 3: Configure Your Control System &rarr;</a>
+   </div>
 
 .. toctree::
    :maxdepth: 1
+   :hidden:
 
    offline-installation-preparations
    first-driver-station
diff --git a/source/docs/zero-to-robot/step-3/index.rst b/source/docs/zero-to-robot/step-3/index.rst
index 083aab5faf..46274b047b 100644
--- a/source/docs/zero-to-robot/step-3/index.rst
+++ b/source/docs/zero-to-robot/step-3/index.rst
@@ -1,8 +1,114 @@
-# Step 3: Preparing Your Robot
+# Step 3: Configure Your Control System
+
+.. raw:: html
+
+
+   <!-- Step badge -->
+   <div class="sw-step-badge">
+     <span class="sw-step-n">03</span>
+     <div>
+       <div class="sw-step-info-title">Configure Your Control System</div>
+       <div class="sw-step-info-sub">
+         Step 3 of 4
+       </div>
+     </div>
+   </div>
+
+   <p style="font-size:0.9rem;margin-bottom:20px;
+      color:var(--color-foreground-secondary,#444);">
+     Before you can deploy code, the Systemcore must be configured with the
+     current season&rsquo;s software and the radio must be programmed for your
+     team number. Both tasks require a Windows computer with FRC Game Tools installed.
+   </p>
+
+   <div class="sw-warn">
+     <strong>Re-configure every season.</strong>
+     The Systemcore image is season-specific. A robot that worked last year will
+     not accept code deploys until the Systemcore is updated with the current
+     year&rsquo;s image.
+   </div>
+
+   <!-- Systemcore -->
+   <p class="sw-section-h">Part 1: Configure the Systemcore</p>
+   <p style="font-size:0.875rem;margin-bottom:14px;
+      color:var(--color-foreground-secondary,#555);">
+     Use the FRC Game Tools to flash the current season&rsquo;s image to your Systemcore.
+   </p>
+
+   <div class="sw-grid sw-grid-2">
+
+     <a class="sw-card sw-card-frc" href="imaging-your-roborio.html">
+       <div class="sw-part-num">Systemcore</div>
+       <div class="sw-card-title">Configure Systemcore</div>
+       <div class="sw-card-desc">
+         Use the FRC Game Tools imaging utility to flash the current
+         season&rsquo;s image. Connect via USB or Ethernet.
+       </div>
+     </a>
+
+     <div class="sw-card">
+       <div class="sw-part-num">Legacy</div>
+       <div class="sw-card-title">Using a roboRIO?</div>
+       <div class="sw-card-desc">
+         Teams still running a roboRIO should refer to the
+         <a href="https://docs.wpilib.org/en/stable/index.html">2026 WPILib docs</a>
+         for imaging instructions.
+       </div>
+     </div>
+
+   </div>
+
+   <!-- Radio -->
+   <p class="sw-section-h">Part 2 &mdash; Configure the Radio</p>
+   <p style="font-size:0.875rem;margin-bottom:14px;
+      color:var(--color-foreground-secondary,#555);">
+     The Vivid VH109 radio must be programmed with your team number
+     and the correct firmware before the robot can communicate wirelessly.
+   </p>
+
+   <div class="sw-grid sw-grid-2">
+
+     <a class="sw-card sw-card-frc" href="radio-programming.html">
+       <div class="sw-part-num">Standard</div>
+       <div class="sw-card-title">Radio Programming</div>
+       <div class="sw-card-desc">
+         Program the Vivid VH109 using the FRC Radio Configuration
+         Utility. Sets team number, SSID, and firmware.
+       </div>
+     </a>
+
+     <a class="sw-card sw-card-frc" href="openmesh.html">
+       <div class="sw-part-num">Reference</div>
+       <div class="sw-card-title">Legacy OpemMesh Radios</div>
+       <div class="sw-card-desc">
+         Hardware specs, indicator LED meanings, and troubleshooting
+       </div>
+     </a>
+
+   </div>
+
+   <!-- Power-up verification -->
+   <p class="sw-section-h">Part 3 &mdash; Verify Power-Up</p>
+
+   <ul class="sw-checklist">
+     <li>Systemcore boots and status light cycles</li>
+     <li>Radio powers on </li>
+     <li>Radio SSID appears as < in Wi-Fi list</li>
+     <li>Connect laptop to robot Wi-Fi &mdash; Driver Station shows
+       &ldquo;Robot Communication&rdquo; in green</li>
+   </ul>
+
+   <!-- Nav -->
+   <div class="sw-nav">
+     <a class="sw-nav-btn" href="../step-2/index.html">
+       &larr; Step 2: Install Your Tools</a>
+     <a class="sw-nav-btn sw-next" href="../step-4/index.html">
+       Step 4: Write and Drive &rarr;</a>
+   </div>
 
 .. toctree::
    :maxdepth: 1
+   :hidden:
 
-   imaging-your-systemcore
    radio-programming
    openmesh
diff --git a/source/docs/zero-to-robot/step-4/index.rst b/source/docs/zero-to-robot/step-4/index.rst
index 5384687e96..5b93613194 100644
--- a/source/docs/zero-to-robot/step-4/index.rst
+++ b/source/docs/zero-to-robot/step-4/index.rst
@@ -1,7 +1,212 @@
-# Step 4: Programming your Robot
+# Step 4: Write and Drive
+
+.. raw:: html
+
+
+   <div class="sw-step-badge">
+     <span class="sw-step-n">04</span>
+     <div>
+       <div class="sw-step-info-title">Write and Drive</div>
+       <div class="sw-step-info-sub">
+         Step 4 of 4 &mdash; Estimated time: 45 min
+       </div>
+     </div>
+   </div>
+
+   <p class="sw-section-h">Part 1 &mdash; Create Your Robot Project</p>
+   <p style="font-size:0.875rem;margin-bottom:14px;
+      color:var(--color-foreground-secondary,#555);">
+     Open the WPILib VS Code and create a new project from the template.
+   </p>
+
+   <div class="sw-grid sw-grid-2">
+     <a class="sw-card sw-card-frc"
+        href="creating-test-drivetrain-program-cpp-java-python.html">
+       <div class="sw-label sw-label-frc">Java / C++ / Python</div>
+       <div class="sw-card-title">Create a Drivetrain Program</div>
+       <div class="sw-card-desc">
+         Step-by-step guide: new project, vendor libraries, arcade drive
+         code, and deploy to the robot.
+       </div>
+     </a>
+     <div class="sw-card">
+       <div class="sw-label sw-label-frc">Quick reference</div>
+       <div class="sw-card-title">New Project Checklist</div>
+       <ul class="sw-list">
+         <li>Open WPILib VS Code (not system VS Code)</li>
+         <li>Press <strong>Ctrl+Shift+P</strong> &rarr;
+           <em>WPILib: Create a new project</em></li>
+         <li>Choose <strong>Template &rarr; TimedRobot</strong></li>
+         <li>Set team number and project folder</li>
+         <li>Add vendor libraries via
+           <em>Manage Vendor Libraries</em></li>
+       </ul>
+     </div>
+   </div>
+
+   <p class="sw-section-h">Part 2 &mdash; Install Vendor Libraries</p>
+   <p style="font-size:0.875rem;margin-bottom:14px;
+      color:var(--color-foreground-secondary,#555);">
+     Vendor libraries add support for motor controllers and sensors.
+     They are per-project and must be added each time you create or import a project.
+   </p>
+
+   <div class="sw-grid sw-grid-2">
+     <div class="sw-card">
+       <div class="sw-card-title">Common Vendor Libraries</div>
+       <ul class="sw-list">
+         <li><strong>REVLib</strong> &mdash; SPARK MAX and SPARK Flex</li>
+         <li><strong>Phoenix 6</strong> &mdash; Talon FX, CANcoder, Pigeon 2</li>
+         <li><strong>PathplannerLib</strong> &mdash; autonomous trajectories</li>
+         <li><strong>PhotonLib</strong> &mdash; PhotonVision camera support</li>
+       </ul>
+     </div>
+     <div class="sw-card">
+       <div class="sw-card-title">How to Add a Library</div>
+       <ul class="sw-list">
+         <li><strong>Ctrl+Shift+P</strong> &rarr;
+           <em>WPILib: Manage Vendor Libraries</em></li>
+         <li>Select <em>Install new libraries (online)</em></li>
+         <li>Paste the vendor JSON URL from their docs</li>
+         <li>Build the project to download dependencies</li>
+       </ul>
+     </div>
+   </div>
+
+   <p class="sw-section-h">Part 3 &mdash; Basic Arcade Drive (Java)</p>
+   <p style="font-size:0.875rem;margin-bottom:10px;
+      color:var(--color-foreground-secondary,#555);">
+     A minimal working drivetrain. Replace
+     <code>PWMSparkMax</code> with your actual controller class.
+   </p>
+
+.. code-block:: java
+
+   // In Robot.java — inside teleopPeriodic()
+   PWMSparkMax leftMotor  = new PWMSparkMax(0);
+   PWMSparkMax rightMotor = new PWMSparkMax(1);
+   DifferentialDrive drive = new DifferentialDrive(leftMotor, rightMotor);
+
+   @Override
+   public void teleopPeriodic() {
+       // left stick Y = speed, right stick X = rotation
+       drive.arcadeDrive(-m_stick.getY(), m_stick.getX());
+   }
+
+.. raw:: html
+
+   <a class="sw-card sw-card-frc" style="margin-bottom:24px;"
+      href="creating-test-drivetrain-program-cpp-java-python.html">
+     <div class="sw-card-title">Full drivetrain walkthrough &rarr;</div>
+     <div class="sw-card-desc">
+       Complete guide: project setup, motor controller configuration,
+       and deploy steps for Java, C++, and Python.
+     </div>
+   </a>
+
+   <p class="sw-section-h">Part 4 &mdash; Deploy to the Robot</p>
+
+   <div class="sw-grid sw-grid-2">
+     <div class="sw-card">
+       <div class="sw-card-title">Deploy over Wi-Fi</div>
+       <div class="sw-card-desc">
+         Connect to the robot Wi-Fi network (XXXX_Robot), then press
+         <strong>Ctrl+Shift+P &rarr; WPILib: Deploy Robot Code</strong>.
+       </div>
+     </div>
+     <div class="sw-card">
+       <div class="sw-card-title">Deploy over USB</div>
+       <div class="sw-card-desc">
+         Connect USB-A to USB-B from laptop to Systemcore.
+         WPILib auto-detects USB and deploys without Wi-Fi.
+       </div>
+     </div>
+   </div>
+
+   <a class="sw-card sw-card-frc" style="margin-bottom:24px;"
+      href="running-test-program.html">
+     <div class="sw-card-title">Running and testing your program &rarr;</div>
+     <div class="sw-card-desc">
+       Connect Driver Station, plug in joystick, verify robot code
+       is running, and enable teleop for the first time.
+     </div>
+   </a>
+
+   <p class="sw-section-h">Part 5 &mdash; Enable and Drive</p>
+
+   <div class="sw-grid sw-grid-2">
+     <div class="sw-card">
+       <div class="sw-card-title">Pre-enable checklist</div>
+       <ul class="sw-list">
+         <li>Robot on floor or safely elevated</li>
+         <li>All team members clear of moving parts</li>
+         <li>Driver Station shows &ldquo;Robot Code&rdquo; (green)</li>
+         <li>Joystick connected and recognized in DS</li>
+         <li>Battery voltage above 12.0&thinsp;V</li>
+       </ul>
+     </div>
+     <div class="sw-card">
+       <div class="sw-card-title">Enable steps</div>
+       <ul class="sw-list">
+         <li>Open FRC Driver Station</li>
+         <li>Select <strong>TeleOperated</strong> mode</li>
+         <li>Click <strong>Enable</strong> (or press Enter)</li>
+         <li>Move joystick &mdash; robot should respond</li>
+         <li>Press <strong>Disable</strong> (or Spacebar) to stop</li>
+       </ul>
+     </div>
+   </div>
+
+   <p class="sw-section-h">Troubleshooting</p>
+
+   <div class="sw-grid sw-grid-2">
+     <div class="sw-card sw-card-err">
+       <div class="sw-card-title">&ldquo;No Robot Communication&rdquo;</div>
+       <div class="sw-card-desc">Check Wi-Fi connection to robot network.
+         Verify Systemcore and radio are powered. Try USB deploy cable as a
+         fallback.</div>
+     </div>
+     <div class="sw-card sw-card-err">
+       <div class="sw-card-title">&ldquo;No Robot Code&rdquo;</div>
+       <div class="sw-card-desc">Code was not deployed or crashed on startup.
+         Re-deploy from VS Code. Check the Driver Station log for
+         exceptions.</div>
+     </div>
+     <div class="sw-card sw-card-err">
+       <div class="sw-card-title">Robot does not move</div>
+       <div class="sw-card-desc">Verify joystick axis mapping in Driver
+         Station USB tab. Confirm motor controller wiring and correct PWM
+         port numbers in code.</div>
+     </div>
+     <div class="sw-card sw-card-err">
+       <div class="sw-card-title">Robot moves in wrong direction</div>
+       <div class="sw-card-desc">Invert one motor controller in code
+         (<code>motor.setInverted(true)</code>) or flip the motor power
+         leads on the controller.</div>
+     </div>
+   </div>
+
+   <div class="sw-success">
+     <div class="sw-success-h">&#10003; You have a driving robot.</div>
+     <p class="sw-success-p">
+       Explore the
+       <a href="../../software/commandbased/index.html">Command-Based
+       framework</a> for structured programs,
+       <a href="../../software/pathplanning/index.html">path planning</a>
+       for autonomous, and
+       <a href="../../software/wpilib-tools/robot-simulation/index.html">
+       simulation</a> to test code without hardware.
+     </p>
+   </div>
+
+   <div class="sw-nav">
+     <a class="sw-nav-btn" href="../step-3/index.html">
+       &larr; Step 3: Configure Your Control System</a>
+   </div>
 
 .. toctree::
-    :maxdepth: 1
+   :maxdepth: 1
+   :hidden:
 
-    creating-test-drivetrain-program-cpp-java-python
-    running-test-program
+   creating-test-drivetrain-program-cpp-java-python
+   running-test-program
diff --git a/source/index.rst b/source/index.rst
index d34fba6d19..e0d6ad770b 100644
--- a/source/index.rst
+++ b/source/index.rst
@@ -1,335 +1,401 @@
-.. WPILib Documentation master file, created by
-   sphinx-quickstart on Fri Apr  5 23:28:43 2019.
-   You can adapt this file completely to your liking, but it should at least
-   contain the root `toctree` directive.
-
 .. include:: <isonum.txt>
 
 .. meta::
    :google-site-verification: POR_nG8b56eXGxmUIutST7jcA_Vl58ypSdJTzJ1g0zg
 
-# FIRST Control System
-
-Welcome to the *FIRST*\ |reg| Control System Documentation! This site contains everything you need to know for programming a competition robot using WPILib!
-
-Community translations can be found in a variety of languages in the menu towards the bottom-right of the screen.
-
-.. grid:: 1 2 2 2
-   :gutter: 3
-
-   .. grid-item-card::
-      :class-header: sd-bg-success sd-text-white
-
-      **Returning Teams**
-
-      ^^^
-
-      If you are a returning team, please check out the overview of changes for 2027, known issues, and quick start guide for updating.
-
-      +++
-
-      .. button-ref:: /docs/yearly-overview/yearly-changelog
-         :color: primary
-         :shadow:
-         :align: center
-         :expand:
-         :class: mb-1
-         :outline:
-
-         Changelog
-
-      .. button-ref:: /docs/yearly-overview/known-issues
-         :color: primary
-         :shadow:
-         :align: center
-         :expand:
-         :outline:
-
-         Known Issues
-
-      .. button-ref:: /docs/yearly-overview/returning-quickstart
-         :color: primary
-         :shadow:
-         :align: center
-         :expand:
-         :outline:
-
-         Quick Start
-
-   .. grid-item-card::
-      :class-header: sd-bg-info sd-text-white
-
-      **New Teams**
-
-      ^^^
-
-      The Zero-to-Robot tutorial will guide you through preparation, wiring, and programming a basic robot!
-
-      +++
-
-      .. button-ref:: /docs/zero-to-robot/introduction
-         :color: primary
-         :shadow:
-         :align: center
-         :expand:
-         :outline:
-
-         Go to Zero-to-Robot
-
-.. grid:: 1 2 2 2
-   :gutter: 3
-
-   .. grid-item-card::
-      :class-header: sd-bg-info sd-text-white
-
-      **Hardware Overview**
-
-      ^^^
-
-      An overview of the hardware components available to teams.
-
-      +++
-
-      .. button-ref:: /docs/controls-overviews/control-system-hardware
-         :color: primary
-         :align: center
-         :expand:
-         :outline:
-
-         Go to Hardware Overview
-
-   .. grid-item-card::
-      :class-header: sd-bg-info sd-text-white
-
-      **Software Overview**
-
-      ^^^
-
-      An overview of the software components and tools available to teams.
-
-      +++
-
-      .. button-ref:: /docs/controls-overviews/control-system-software
-         :color: primary
-         :shadow:
-         :align: center
-         :expand:
-         :outline:
-
-         Go to Software Overview
-
-.. grid:: 1 2 3 3
-   :gutter: 3
-
-   .. grid-item-card::
-      :class-header: sd-bg-info sd-text-white
-
-      **Programming Basics**
-
-      ^^^
-
-      Documentation that is useful throughout a team's programming process.
-
-      +++
-
-      .. button-ref:: stubs/programming-basics-stub
-         :color: primary
-         :shadow:
-         :align: center
-         :expand:
-         :outline:
-
-         View articles
-
-   .. grid-item-card::
-      :class-header: sd-bg-info sd-text-white
-
-      **Advanced Programming**
-
-      ^^^
-
-      Documentation that is suited toward veteran teams. This includes content such as Path Planning and Kinematics.
-
-      +++
-
-      .. button-ref:: stubs/advanced-programming-stub
-         :color: primary
-         :shadow:
-         :align: center
-         :expand:
-         :outline:
-
-         View articles
-
-   .. grid-item-card::
-      :class-header: sd-bg-info sd-text-white
-
-      **Hardware**
-
-      ^^^
-
-      Hardware tutorials and content available for teams.
-
-      +++
-
-      .. button-ref:: stubs/hardware-stub
-         :color: primary
-         :shadow:
-         :align: center
-         :expand:
-         :outline:
-
-         View articles
-
-   .. grid-item-card::
-      :class-header: sd-bg-info sd-text-white
-
-      **Romi and XRP Robots**
-
-      ^^^
-
-      The Romi and XRP robots are low-cost platforms for practicing WPILib programming.
-
-      +++
-
-      .. button-ref:: docs/romi-robot/index
-         :color: primary
-         :shadow:
-         :align: center
-         :expand:
-         :outline:
-
-         View Romi articles
-
-      .. button-ref:: docs/xrp-robot/index
-         :color: primary
-         :shadow:
-         :align: center
-         :expand:
-         :outline:
-
-         View XRP articles
-
-   .. grid-item-card::
-      :class-header: sd-bg-info sd-text-white
-
-      **API Documentation**
-
-      ^^^
-
-      Java, C++, and Python class documentation.
-
-      .. button-link:: https://github.wpilib.org/allwpilib/docs/beta/java/index.html
-         :color: primary
-         :shadow:
-         :align: center
-         :expand:
-         :outline:
-
-         Java
-
-      .. button-link:: https://github.wpilib.org/allwpilib/docs/beta/cpp/index.html
-         :color: primary
-         :shadow:
-         :align: center
-         :expand:
-         :outline:
-
-         C++
-
-      .. button-link:: https://robotpy.readthedocs.io/projects/robotpy/en/stable/
-         :color: primary
-         :shadow:
-         :align: center
-         :expand:
-         :outline:
-
-         Python
-
-   .. grid-item-card::
-      :class-header: sd-bg-info sd-text-white
-
-      **Software Tools**
-
-      ^^^
-
-      Essential tooling such as FIRST Driver Station, Dashboards, roboRIO Imaging Tool and more.
-
-      +++
-
-      .. button-ref:: stubs/software-tools-stub
-         :color: primary
-         :shadow:
-         :align: center
-         :expand:
-         :outline:
-
-         View articles
-
-   .. grid-item-card::
-      :class-header: sd-bg-info sd-text-white
-
-      **Example Projects**
-
-      ^^^
-
-      This section showcases the available example projects that teams can reference in VS Code.
-
-      +++
-
-      .. button-ref:: docs/software/examples-tutorials/wpilib-examples
-         :color: primary
-         :shadow:
-         :align: center
-         :expand:
-         :outline:
-
-         View articles
-
-   .. grid-item-card::
-      :class-header: sd-bg-info sd-text-white
-
-      **Status Light Quick Reference**
-
-      ^^^
-
-      Quick reference guide for the status lights on a variety of FRC hardware.
-
-      +++
-
-      .. button-ref:: docs/hardware/hardware-basics/status-lights-ref
-         :color: primary
-         :shadow:
-         :align: center
-         :expand:
-         :outline:
-
-         View article
-
-   .. grid-item-card::
-      :class-header: sd-bg-info sd-text-white
-
-      **3rd Party libraries**
-
-      ^^^
-
-      Tutorial on adding 3rd party libraries such as CTRE and REV to your robot project.
-
-      +++
-
-      .. button-ref:: docs/software/vscode-overview/3rd-party-libraries
-         :color: primary
-         :shadow:
-         :align: center
-         :expand:
-         :outline:
-
-         View article
+WPILib Documentation
+====================
+
+.. raw:: html
+
+   <div style="text-align:center;padding:36px 0 32px;">
+     <h1 style="font-size:2rem;font-weight:800;margin:0 0 12px;
+        color:var(--color-foreground-primary,#1a1a1a);">
+       Welcome!
+     </h1>
+     <p style="font-size:1rem;color:var(--color-foreground-secondary,#555);
+        max-width:560px;margin:0 auto 20px;line-height:1.6;">
+       WPILib is the standard programming library for <em>FIRST</em> Robotics,
+       supporting teams in
+       <strong style="color:#009CD7;">FRC</strong>
+       and
+       <strong style="color:#e07000;">FTC</strong>.
+     </p>
+     <div style="display:flex;justify-content:center;gap:10px;flex-wrap:wrap;">
+       <span style="background:#009CD7;color:#fff;font-size:0.8rem;font-weight:700;
+          text-transform:uppercase;letter-spacing:0.06em;
+          padding:5px 16px;border-radius:20px;">
+         FRC &mdash; FIRST Robotics Competition
+       </span>
+       <span style="background:#e07000;color:#fff;font-size:0.8rem;font-weight:700;
+          text-transform:uppercase;letter-spacing:0.06em;
+          padding:5px 16px;border-radius:20px;">
+         FTC &mdash; FIRST Tech Challenge
+       </span>
+     </div>
+   </div>
+
+   <div id="landing-tab-root">
+
+     <!-- ── TAB SELECTOR ──────────────────────────── -->
+     <div class="wl-tab-selector">
+       <p class="wl-tab-prompt">Where are you starting from?</p>
+       <div class="wl-tab-buttons">
+         <button class="wl-tab-btn" id="btn-new" onclick="wlSelectTab('new')">New to FIRST Programming</button>
+         <button class="wl-tab-btn" id="btn-returning" onclick="wlSelectTab('returning')">Returning Team</button>
+       </div>
+     </div>
+
+     <!-- ── NEW USER PANEL ────────────────────────── -->
+     <div class="wl-panel" id="panel-new">
+
+       <!-- Screen 1: Experience level -->
+       <div id="new-s1">
+         <div class="wl-welcome">
+           <h2 class="wl-welcome-h">Let us help you find the right starting point.</h2>
+           <p class="wl-welcome-p">WPILib is the standard programming library for FIRST robotics &mdash; supporting both FRC and FTC teams. Built through a partnership between WPI, FIRST, and volunteer developers, it has everything you need to write, test, and deploy robot code.</p>
+         </div>
+         <h3 class="wl-sh">How familiar are you with programming?</h3>
+         <div class="wl-grid">
+           <button class="wl-card wl-card-shared wl-btn" onclick="wlShow('new-s2')">
+             <span class="wl-num wl-shared-text">0</span>
+             <div>
+               <div class="wl-card-title">Brand new to programming</div>
+               <div class="wl-card-desc">Never written code before, or just starting out. We will point you to beginner resources and walk you through every step.</div>
+             </div>
+           </button>
+           <button class="wl-card wl-card-shared wl-btn" onclick="wlShow('new-s2')">
+             <span class="wl-num wl-shared-text">1</span>
+             <div>
+               <div class="wl-card-title">I know some programming basics</div>
+               <div class="wl-card-desc">You have written code before and are ready to jump into robot programming. Let us get your tools installed and your robot moving.</div>
+             </div>
+           </button>
+         </div>
+       </div>
+
+       <!-- Screen 1 continued: 4 steps preview -->
+       <div id="new-s1-steps">
+         <h3 class="wl-sh">Here is What the Steps Look Like</h3>
+         <div class="wl-grid">
+           <div class="wl-card wl-card-frc">
+             <span class="wl-num wl-frc-text">01</span>
+             <div>
+               <div class="wl-card-title">Install and Choose Your Tools</div>
+               <div class="wl-card-desc">WPILib, VS Code, Choose Java, C++, or Python.</div>
+             </div>
+           </div>
+           <div class="wl-card wl-card-frc">
+             <span class="wl-num wl-frc-text">02</span>
+             <div>
+               <div class="wl-card-title">Set Up Your Hardware</div>
+               <div class="wl-card-desc">Wire the control system, image the roboRIO, and configure the radio.</div>
+             </div>
+           </div>
+           <div class="wl-card wl-card-frc">
+             <span class="wl-num wl-frc-text">03</span>
+             <div>
+               <div class="wl-card-title">Write and Deploy Code</div>
+               <div class="wl-card-desc">Create your first project, write drive code, and deploy it to the robot.</div>
+             </div>
+           </div>
+           <div class="wl-card wl-card-frc">
+             <span class="wl-num wl-frc-text">04</span>
+             <div>
+               <div class="wl-card-title">Drive and Test</div>
+               <div class="wl-card-desc">Connect the Driver Station, plug in a joystick, and enable the robot for the first time.</div>
+             </div>
+           </div>
+         </div>
+         <div class="wl-tip wl-tip-shared" style="margin-bottom:8px;">
+           <strong>Want to just focus on code?</strong>
+           The <a href="docs/xrp-robot/index.html">XRP Robot Platform</a> lets you write and test real WPILib code on a low-cost robot. The robot runs off of a Rasberry Pi, so no control system required.
+         </div>
+       </div>
+
+       <!-- Screen 2: Which program -->
+       <div id="new-s2" style="display:none;">
+         <div class="wl-welcome">
+           <h2 class="wl-welcome-h">Which FIRST program are you in?</h2>
+           <p class="wl-welcome-p">WPILib supports multiple FIRST programs. Your setup steps differ slightly depending on which one you are in.</p>
+         </div>
+         <h3 class="wl-sh">Choose your program</h3>
+         <div class="wl-grid">
+           <button class="wl-card wl-card-frc wl-btn" onclick="wlShow('new-s3-frc')">
+             <span class="wl-num wl-frc-text">FRC</span>
+             <div>
+               <div class="wl-card-title">FIRST Robotics Competition</div>
+               <div class="wl-card-desc">Industrial sized robots, Built to play a court sized game. High school program. Now uses Systemcore (as of 2027) and supports Java, C++, or Python.</div>
+             </div>
+           </button>
+           <button class="wl-card wl-card-ftc wl-btn" onclick="wlShow('new-s3-ftc')">
+             <span class="wl-num wl-ftc-text">FTC</span>
+             <div>
+               <div class="wl-card-title">FIRST Tech Challenge</div>
+               <div class="wl-card-desc">Smaller robots. WPILib support is now available via the Systemcore controller. REV Duo teams can still program with the FTC SDK.</div>
+             </div>
+           </button>
+         </div>
+         <button class="wl-back" onclick="wlBack('new-s1','new-s2')">Back</button>
+       </div>
+
+       <!-- Screen 3a: FRC steps -->
+       <div id="new-s3-frc" style="display:none;">
+         <div class="wl-welcome wl-welcome-frc">
+           <h2 class="wl-welcome-h">FRC : Four steps to a running robot.</h2>
+           <p class="wl-welcome-p">Follow these in order. You will have a driveable robot by the end of Step 4.</p>
+         </div>
+         <h3 class="wl-sh">Start Here</h3>
+         <div class="wl-grid">
+           <a class="wl-card wl-card-frc" href="docs/zero-to-robot/step-1/index.html">
+             <span class="wl-num wl-frc-text">01</span>
+             <div>
+               <div class="wl-card-title">Install Your Tools</div>
+               <div class="wl-card-desc">WPILib, VS Code, and FRC Game Tools. Choose Java, C++, or Python.</div>
+             </div>
+           </a>
+           <a class="wl-card wl-card-frc" href="docs/zero-to-robot/step-2/index.html">
+             <span class="wl-num wl-frc-text">02</span>
+             <div>
+               <div class="wl-card-title">Set Up Your Hardware</div>
+               <div class="wl-card-desc">Wire the control system and configure your devices.</div>
+             </div>
+           </a>
+           <a class="wl-card wl-card-frc" href="docs/zero-to-robot/step-3/index.html">
+             <span class="wl-num wl-frc-text">03</span>
+             <div>
+               <div class="wl-card-title">Write and Deploy Code</div>
+               <div class="wl-card-desc">Create your first project, write drive code, and deploy it to the robot.</div>
+             </div>
+           </a>
+           <a class="wl-card wl-card-frc" href="docs/zero-to-robot/step-4/index.html">
+             <span class="wl-num wl-frc-text">04</span>
+             <div>
+               <div class="wl-card-title">Drive</div>
+               <div class="wl-card-desc">Connect the Driver Station, plug in a joystick, and enable the robot for the first time.</div>
+             </div>
+           </a>
+         </div>
+         <h3 class="wl-sh">Helpful Background Reading</h3>
+         <div class="wl-quicklinks">
+           <a class="wl-ql wl-ql-frc" href="docs/zero-to-robot/introduction.html">Zero-to-Robot Introduction</a>
+           <a class="wl-ql wl-ql-frc" href="docs/hardware/hardware-basics/hardware-overview.html">Hardware Overview</a>
+           <a class="wl-ql wl-ql-frc" href="docs/software/what-is-wpilib.html">What is WPILib?</a>
+           <a class="wl-ql wl-ql-shared" href="docs/xrp-robot/index.html">Practice with the XRP</a>
+         </div>
+         <div class="wl-tip wl-tip-shared">
+           <strong>Not ready for a full robot?</strong>
+           The <a href="docs/xrp-robot/index.html">XRP Robot Platform</a> lets you write and test real WPILib code on a low-cost desktop robot : no roboRIO or wiring required.
+         </div>
+         <button class="wl-back" onclick="wlBack('new-s2','new-s3-frc')">Back to program select</button>
+       </div>
+
+       <!-- Screen 3b: FTC paths -->
+       <div id="new-s3-ftc" style="display:none;">
+         <div class="wl-welcome wl-welcome-ftc">
+           <h2 class="wl-welcome-h">FTC : Two paths depending on your hardware.</h2>
+           <p class="wl-welcome-p">WPILib is expanding to FIRST Tech Challenge, but your options today depend on which control system your team uses.</p>
+         </div>
+         <h3 class="wl-sh">Choose your path</h3>
+         <div class="wl-grid">
+           <div class="wl-card wl-card-shared">
+             <span class="wl-num wl-shared-text" style="font-size:0.85rem;">NOW</span>
+             <div>
+               <div class="wl-card-title">REV Control Hub / Expansion Hub (REV Duo)</div>
+               <div class="wl-card-desc">The current standard FTC control system. Program today using the FTC SDK with Java or Blocks. Fully supported for the current season.</div>
+               <a href="https://ftc-docs.firstinspires.org" class="wl-card-link wl-shared-text" style="margin-top:10px;display:inline-block;">FTC SDK Docs (ftc-docs.firstinspires.org)</a>
+             </div>
+           </div>
+           <div class="wl-card wl-card-ftc">
+             <span class="wl-num wl-ftc-text" style="font-size:0.85rem;">NOW</span>
+             <div>
+               <div class="wl-card-title">Systemcore + Motioncore (WPILib)</div>
+               <div class="wl-card-desc">The new controllers bring full WPILib support to FTC: Now available for the 2027-2028 season.</div>
+               <a href="docs/ftc/index.html" class="wl-card-link wl-ftc-text" style="margin-top:10px;display:inline-block;">WPILib FTC Overview</a>
+             </div>
+           </div>
+         </div>
+         <div class="wl-tip wl-tip-shared">
+           <strong>Getting a head start on WPILib?</strong>
+           The <a href="docs/xrp-robot/index.html">XRP Robot Platform</a> lets you learn WPILib programming on real hardware today : the same skills carry straight over now that Systemcore is available.
+         </div>
+         <button class="wl-back" onclick="wlBack('new-s2','new-s3-ftc')">Back to program select</button>
+       </div>
+
+     </div>
+
+     <!-- ── RETURNING PANEL ────────────────────────── -->
+     <div class="wl-panel" id="panel-returning">
+
+       <div class="wl-welcome">
+         <h2 class="wl-welcome-h">Welcome back. Here is what has changed for 2027.</h2>
+         <p class="wl-welcome-p">Run through the checklist below before your first practice session. Several tools were removed in 2027 : check the deprecations section if you have not yet migrated.</p>
+       </div>
+
+       <div class="wl-ret-grid">
+
+         <div class="wl-ret-card wl-ret-frc">
+           <div class="wl-ret-label wl-frc-label">FRC</div>
+           <h3 class="wl-ret-h">Pre-Season Checklist</h3>
+           <ul>
+             <li>Download and run the <strong>2027 WPILib installer</strong></li>
+             <li>Flash your Systemcore using <strong>FRC 2027 Game Tools</strong></li>
+             <li>Use <strong>Import Project</strong> in VS Code to migrate your 2026 code</li>
+             <li>Re-add all vendor libraries : they do not carry over on import</li>
+             <li>Check for vendor library updates in the Dependency Manager</li>
+             <li>Test with the simulator before deploying to hardware</li>
+           </ul>
+         </div>
+
+         <div class="wl-ret-card wl-ret-frc">
+           <div class="wl-ret-label wl-frc-label">FRC</div>
+           <h3 class="wl-ret-h">Removed in 2027 : No Longer Available</h3>
+           <p style="font-size:0.875rem;margin-bottom:8px;">These tools were <strong>removed in the 2027 season</strong>. If you have not yet migrated, you need to do so now.</p>
+           <ul>
+             <li><strong>Shuffleboard</strong> : migrate to <a href="https://github.com/Gold872/elastic-dashboard">Elastic</a> or AdvantageScope</li>
+             <li><strong>SmartDashboard</strong> : migrate to Glass or Elastic (uses deprecated NT v3)</li>
+             <li><strong>PathWeaver</strong> : migrate to <a href="https://github.com/mjansen4857/pathplanner">PathPlanner</a> or <a href="https://sleipnirgroup.github.io/Choreo/">Choreo</a></li>
+             <li><strong>RobotBuilder</strong> : will be removed with control system change in 2027</li>
+           </ul>
+         </div>
+
+         <div class="wl-ret-card wl-ret-frc">
+           <div class="wl-ret-label wl-frc-label">FRC</div>
+           <h3 class="wl-ret-h">What is New for 2027</h3>
+           <ul>
+             <li>FRC now uses Systemcore: see the hardware migration guide</li>
+             <li>2027 field images and AprilTag layout data included in WPILib</li>
+             <li>Windows 10 is no longer supported: Windows 11 is required</li>
+             <li>Vendor library updates required: check the Dependency Manager</li>
+           </ul>
+           <a href="docs/yearly-overview/index.html" class="wl-frc-text" style="font-size:0.875rem;">Full 2027 changelog</a>
+         </div>
+
+         <div class="wl-ret-card wl-ret-shared">
+           <div class="wl-ret-label wl-shared-label">FRC + FTC</div>
+           <h3 class="wl-ret-h">Looking Ahead to 2028</h3>
+           <ul>
+             <li>Continued improvements to <strong>Systemcore</strong> and <strong>Motioncore</strong> toolchains</li>
+             <li>Expanded <strong>FTC</strong> WPILib documentation and library support</li>
+             <li>Watch the WPILib blog for 2028 season previews</li>
+           </ul>
+           <a href="https://wpilib.org/blog" class="wl-shared-text" style="font-size:0.875rem;">Follow the WPILib blog for previews</a>
+         </div>
+
+         <div class="wl-ret-card wl-ret-ftc" style="grid-column:1/-1;">
+           <div class="wl-ret-label wl-ftc-label">FTC</div>
+           <h3 class="wl-ret-h">FTC Teams : Your Options Right Now</h3>
+           <p style="font-size:0.875rem;margin-bottom:12px;">WPILib FTC support is now available with Systemcore. Here is where things stand for the 2027-2028 season:</p>
+           <div style="display:grid;grid-template-columns:1fr 1fr;gap:16px;">
+             <div>
+               <strong style="font-size:0.875rem;">Using REV Control Hub / Expansion Hub (REV Duo)?</strong>
+               <ul style="font-size:0.82rem;margin-top:6px;">
+                 <li>Continue programming with the <strong>FTC SDK</strong> as normal : Java or Blocks</li>
+                 <li>Full documentation at <a href="https://ftc-docs.firstinspires.org">ftc-docs.firstinspires.org</a></li>
+                 <li>REV Duo hardware remains legal and fully supported for the current season</li>
+               </ul>
+             </div>
+             <div>
+               <strong style="font-size:0.875rem;">Using Systemcore with WPILib?</strong>
+               <ul style="font-size:0.82rem;margin-top:6px;">
+                 <li>Systemcore and Motioncore bring full WPILib support to FTC</li>
+                 <li>Same Java / C++ / Python toolchain as FRC : skills transfer directly</li>
+                 <li>Try the <a href="docs/xrp-robot/index.html">XRP Platform</a> to start learning WPILib today</li>
+                 <li><a href="docs/ftc/index.html">WPILib FTC overview</a></li>
+               </ul>
+             </div>
+           </div>
+         </div>
+
+       </div>
+     </div>
+
+   </div>
+
+
+   <script>
+   function wlSelectTab(tab) {
+     document.querySelectorAll('.wl-panel').forEach(p => p.classList.remove('active'));
+     document.querySelectorAll('.wl-tab-btn').forEach(b => b.classList.remove('active'));
+     document.getElementById('panel-' + tab).classList.add('active');
+     document.getElementById('btn-' + tab).classList.add('active');
+     try { localStorage.setItem('wpilib-tab', tab); } catch(e) {}
+   }
+   function wlShow(id) {
+     ['new-s1','new-s1-steps','new-s2','new-s3-frc','new-s3-ftc'].forEach(function(s) {
+       var el = document.getElementById(s);
+       if (el) el.style.display = (s === id) ? 'block' : 'none';
+     });
+   }
+   function wlBack(showId, hideId) {
+     document.getElementById(hideId).style.display = 'none';
+     document.getElementById(showId).style.display  = 'block';
+     if (showId === 'new-s1') {
+       document.getElementById('new-s1-steps').style.display = 'block';
+     }
+   }
+   (function() {
+     var saved; try { saved = localStorage.getItem('wpilib-tab'); } catch(e) {}
+     wlSelectTab(saved || 'new');
+   })();
+   </script>
+
+.. raw:: html
+
+   <hr style="margin:32px 0 28px;"/>
+   <h2 style="font-size:1rem;font-weight:700;text-transform:uppercase;letter-spacing:0.06em;color:var(--color-foreground-secondary,#555);border-bottom:1px solid var(--color-background-border,#ddd);padding-bottom:7px;margin-bottom:16px;">Choose Your Program</h2>
+
+   <div class="wl-program-grid">
+     <a class="wl-prog-card wl-prog-frc" href="docs/zero-to-robot/introduction.html">
+       <div class="wl-prog-tag wl-frc-label">FRC</div>
+       <div class="wl-prog-title">FIRST Robotics Competition</div>
+       <div class="wl-prog-desc">Industrial sized robots, Built to play a court sized game. High school program. Now uses Systemcore (as of 2027) and supports Java, C++, or Python.</div>
+     </a>
+     <a class="wl-prog-card wl-prog-ftc" href="docs/ftc/index.html">
+       <div class="wl-prog-tag wl-ftc-label">FTC</div>
+       <div class="wl-prog-title">FIRST Tech Challenge</div>
+       <div class="wl-prog-desc">WPILib is expanding to FTC via the Systemcore and Motioncore controllers. REV Duo teams can program today using the FTC SDK.</div>
+     </a>
+   </div>
+
+   <a class="wl-xrp-blurb" href="docs/xrp-robot/index.html">
+     <span class="wl-xrp-tag">XRP</span>
+     <span class="wl-xrp-text"><strong>Practicing before build season?</strong> The XRP Robot Platform lets you write and test real WPILib code on a low-cost desktop robot : no roboRIO required.</span>
+     <span class="wl-xrp-link">XRP docs &rarr;</span>
+   </a>
+
+   <hr style="margin:28px 0;"/>
+   <h2 style="font-size:1rem;font-weight:700;text-transform:uppercase;letter-spacing:0.06em;color:var(--color-foreground-secondary,#555);border-bottom:1px solid var(--color-background-border,#ddd);padding-bottom:7px;margin-bottom:6px;">Core Documentation</h2>
+   <p style="font-size:0.85rem;color:var(--color-foreground-secondary,#555);margin-bottom:14px;">Shared across all supported programs.</p>
+
+   <div class="wl-core-grid">
+     <a class="wl-core-card" href="docs/hardware/hardware-basics/hardware-overview.html"><div class="wl-core-title">Hardware Overview</div><div class="wl-core-desc">Motors, sensors, pneumatics, cameras, and FRC-legal components.</div></a>
+     <a class="wl-core-card" href="docs/software/what-is-wpilib.html"><div class="wl-core-title">Software Overview</div><div class="wl-core-desc">WPILib tools, VS Code extensions, vendor libraries, and the full software ecosystem.</div></a>
+     <a class="wl-core-card" href="docs/software/commandbased/index.html"><div class="wl-core-title">Robot Programming</div><div class="wl-core-desc">Command-based framework, subsystems, triggers, and drive code patterns.</div></a>
+     <a class="wl-core-card" href="docs/software/pathplanning/index.html"><div class="wl-core-title">Path Planning</div><div class="wl-core-desc">Autonomous trajectories with PathPlanner, Choreo, and WPILib built-in tools.</div></a>
+     <a class="wl-core-card" href="docs/software/dashboards/index.html"><div class="wl-core-title">Dashboards</div><div class="wl-core-desc">Elastic, AdvantageScope, Glass, and NetworkTables for real-time telemetry.</div></a>
+     <a class="wl-core-card" href="docs/software/advanced-controls/index.html"><div class="wl-core-title">Advanced Controls</div><div class="wl-core-desc">PID, feedforward, state-space, kinematics, and system identification.</div></a>
+     <a class="wl-core-card" href="docs/software/wpilib-tools/robot-simulation/index.html"><div class="wl-core-title">Simulation</div><div class="wl-core-desc">Test robot code on your laptop : no hardware required.</div></a>
+     <a class="wl-core-card" href="https://github.wpilib.org/allwpilib/docs/release/java/index.html"><div class="wl-core-title">API Reference</div><div class="wl-core-desc">Java, C++, and Python class and method documentation.</div></a>
+   </div>
+
+   <div style="margin-top:8px;padding:14px 18px;
+      background:var(--color-background-secondary,#f8f8f8);
+      border:1px solid var(--color-background-border,#ddd);
+      border-radius:6px;font-size:0.85rem;line-height:1.6;
+      color:var(--color-foreground-secondary,#555);">
+     <strong>Still using a roboRIO?</strong>
+     This site covers the 2027 Systemcore-based control system.
+     For roboRIO documentation, visit the
+     <a href="https://docs.wpilib.org/en/stable/index.html"
+        style="font-weight:600;">2026 WPILib docs (docs.wpilib.org)</a>.
+   </div>
+
+----
 
 .. toctree::
    :maxdepth: 1
-   :titlesonly:
-   :caption: Zero to Robot
+   :caption: Getting Started
    :hidden:
 
    docs/zero-to-robot/introduction
@@ -340,95 +406,84 @@ Community translations can be found in a variety of languages in the menu toward
 
 .. toctree::
    :maxdepth: 1
-   :caption: Control System Overviews
+   :caption: FTC and FRC Notes
    :hidden:
 
-   docs/controls-overviews/control-system-hardware
-   docs/controls-overviews/control-system-software
+   docs/ftc/index
 
 .. toctree::
    :maxdepth: 1
-   :caption: Programming Basics
+   :caption: What's New for 2027
    :hidden:
 
-   docs/software/what-is-wpilib
    docs/yearly-overview/index
-   docs/software/vscode-overview/index
-   docs/software/dashboards/index
-   docs/software/telemetry/index
-   docs/software/python/index
-   docs/software/hardware-apis/index
-   docs/software/can-devices/index
-   docs/software/basic-programming/index
-   docs/software/support/support-resources
-   docs/software/frc-glossary
 
 .. toctree::
    :maxdepth: 1
-   :caption: API Docs
+   :caption: FRC Robot Hardware
    :hidden:
 
-   WPILib Java API Docs <https://github.wpilib.org/allwpilib/docs/beta/java/index.html>
-   WPILib C++ API Docs <https://github.wpilib.org/allwpilib/docs/beta/cpp/index.html>
-   WPILib Python API Docs <https://robotpy.readthedocs.io/projects/robotpy/en/stable/>
+   docs/controls-overviews/control-system-hardware
+   docs/hardware/hardware-basics/hardware-overview
+   docs/hardware/hardware-basics/status-lights-ref
 
 .. toctree::
    :maxdepth: 1
-   :caption: Software Tools
+   :caption: Writing Robot Code
    :hidden:
 
-   docs/software/driverstation/index
-   docs/software/wpilib-tools/robot-simulation/index
-   docs/software/wpilib-tools/outlineviewer/index
-   docs/software/wpilib-tools/wpical/index
+   docs/controls-overviews/control-system-software
+   docs/software/what-is-wpilib
+   docs/software/vscode-overview/index
+   docs/software/vscode-overview/3rd-party-libraries
+   docs/software/dashboards/index
+   docs/software/telemetry/index
+   docs/software/hardware-apis/index
+   docs/software/can-devices/index
+   docs/software/basic-programming/index
+   docs/software/python/index
+   docs/software/examples-tutorials/wpilib-examples
+   docs/software/examples-tutorials/third-party-examples
+   docs/software/support/support-resources
+   docs/software/frc-glossary
 
 .. toctree::
    :maxdepth: 1
-   :caption: Advanced Programming
+   :caption: Controls and Autonomy
    :hidden:
 
-   docs/software/vision-processing/index
    docs/software/commandbased/index
-   docs/software/kinematics-and-odometry/index
-   docs/software/networktables/index
    docs/software/pathplanning/index
-   docs/software/systemcore-info/index
-   docs/software/advanced-gradlerio/index
    docs/software/advanced-controls/index
-   docs/software/convenience-features/index
-
-.. toctree::
-   :maxdepth: 1
-   :caption: Examples and Tutorials
-   :hidden:
-
-   docs/software/examples-tutorials/wpilib-examples
-   docs/software/examples-tutorials/third-party-examples
+   docs/software/wpilib-tools/robot-simulation/index
 
 .. toctree::
    :maxdepth: 1
-   :caption: Hardware
+   :caption: Tools and Dashboards
    :hidden:
 
-   docs/hardware/hardware-basics/index
-   docs/hardware/hardware-tutorials/index
-   docs/hardware/sensors/index
+   docs/software/driverstation/index
+   docs/software/wpilib-tools/outlineviewer/index
+   docs/software/wpilib-tools/wpical/index
+   docs/networking/networking-introduction/index
+   docs/networking/networking-utilities/index
 
 .. toctree::
    :maxdepth: 1
-   :caption: Romi and XRP Support
+   :caption: Practice with XRP
    :hidden:
 
-   docs/romi-robot/index
    docs/xrp-robot/index
+   docs/romi-robot/index
 
 .. toctree::
    :maxdepth: 1
-   :caption: Robot Networking
+   :caption: API Reference
    :hidden:
 
-   docs/networking/networking-introduction/index
-   docs/networking/networking-utilities/index
+   WPILib Java API Docs <https://github.wpilib.org/allwpilib/docs/release/java/index.html>
+   WPILib C++ API Docs <https://github.wpilib.org/allwpilib/docs/release/cpp/index.html>
+   WPILib Python API Docs <https://robotpy.readthedocs.io/projects/robotpy/en/stable/>
 
 .. toctree::
    :maxdepth: 1
@@ -437,18 +492,11 @@ Community translations can be found in a variety of languages in the menu toward
 
    docs/contributing/wpilib-docs/index
    docs/contributing/wpilib/index
-
-.. toctree::
-   :maxdepth: 1
-   :caption: Legal
-   :hidden:
-
    docs/legal/privacy-policy
 
 .. toctree::
    :maxdepth: 1
-   :caption: Issues
+   :caption: Report an Issue
    :hidden:
 
-   Report a Documentation Issue <https://github.com/wpilibsuite/wpilib-docs/issues>
-
+   Report an Issue <https://github.com/wpilibsuite/frc-docs/issues>