:root{--color-black:#101018;--color-surface:#16161f;--color-surface-raised:#1e1e29;--color-text:#eeeef0;--color-text-muted:#a0a0b0;--color-text-dim:#8a8aa2;--color-cyan:#22d3ee;--color-cyan-hover:#67e8f9;--color-blue:#3b82f6;--color-blue-hover:#60a5fa;--color-blue-active:#2563eb;--color-emerald:#10b981;--color-red:#e53e3e;--color-amber:#f59e0b;--color-border:#2a2a3a;--color-border-strong:#62627a;--color-sunken:#08080d;--color-paper:#f4f4fa;--color-card:#fff;--color-well:#ececf3;--color-ink:#0a0a0f;--color-ink-muted:#3a3a4a;--color-ink-dim:#5e5e70;--color-cyan-ink:#0e7490;--color-blue-ink:#2563eb;--color-blue-ink-strong:#1d4ed8;--color-emerald-ink:#047857;--color-amber-ink:#b45309;--color-red-ink:#dc2626;--color-border-light:#d8d8e4;--color-border-strong-light:#8a8a9c;--color-background:#101018;--color-text-primary:#eeeef0;--color-text-secondary:#a0a0b0;--color-text-tertiary:#8a8aa2;--color-action-primary:#3b82f6;--color-action-strong:#2563eb;--color-action-hover:#60a5fa;--color-focus:#22d3ee;--color-status-success:#10b981;--color-status-warning:#f59e0b;--color-status-error:#e53e3e;--color-border-default:#2a2a3a;--color-surface-sunken:#08080d;--gradient-accent:linear-gradient(135deg, #22d3ee 0%, #3b82f6 70%, #10b981 100%);--gradient-action:linear-gradient(135deg, #22d3ee, #3b82f6);--gradient-ambient:radial-gradient(circle at 22% 4%, #22d3ee24, transparent 32%), radial-gradient(circle at 84% 12%, #3b82f61a, transparent 34%), linear-gradient(180deg, #101018 0%, #16161f 48%, #101018 100%);--wash-cyan:#22d3ee1f;--wash-blue:#3b82f61f;--wash-emerald:#10b9811f;--wash-red:#e53e3e1f;--wash-amber:#f59e0b1f;--font-heading:"Space Grotesk", system-ui, sans-serif;--font-body:Inter, system-ui, sans-serif;--font-mono:"JetBrains Mono", ui-monospace, monospace;--font-weight-regular:400;--font-weight-medium:500;--font-weight-semibold:600;--font-weight-bold:700;--font-weight-extra-bold:800;--text-hero:64px;--text-h1:48px;--text-h2:36px;--text-h3:24px;--text-h4:18px;--text-body-lg:18px;--text-body:16px;--text-small:14px;--text-label:13px;--text-code:14px;--text-hero-mobile:42px;--text-h1-mobile:36px;--text-h2-mobile:28px;--text-h3-mobile:21px;--line-height-hero:1.02;--line-height-h1:1.08;--line-height-h2:1.15;--line-height-h3:1.2;--line-height-h4:1.3;--line-height-body-lg:1.65;--line-height-body:1.6;--line-height-small:1.5;--line-height-label:1.2;--line-height-code:1.5;--letter-spacing-label:.08em;--space-1:4px;--space-2:8px;--space-3:12px;--space-4:16px;--space-6:24px;--space-8:32px;--space-12:48px;--space-16:64px;--space-24:96px;--maxw-section:1126px;--maxw-copy:65ch;--radius-control:10px;--radius-card:8px;--radius-container:12px;--radius-pill:999px;--shadow-card:0 28px 80px #0000006b;--shadow-panel:0 24px 60px -30px #0000008c;--shadow-soft:0 8px 24px #00000059;--focus-ring:0 0 0 2px #22d3ee99;--duration-fast:.15s;--duration-base:.25s;--duration-slow:.4s;--easing-standard:cubic-bezier(.16, 1, .3, 1);--ox-black:var(--color-black);--ox-surface:var(--color-surface);--ox-surface-2:var(--color-surface-raised);--ox-text:var(--color-text);--ox-muted:var(--color-text-muted);--ox-dim:var(--color-text-dim);--ox-cyan:var(--color-cyan);--ox-blue:var(--color-blue);--ox-emerald:var(--color-emerald);--ox-red:var(--color-red);--ox-amber:var(--color-amber);--ox-border:var(--color-border);--fg1:var(--color-text-primary);--fg2:var(--color-text-secondary);--fg3:var(--color-text-tertiary);--color-action:var(--color-action-primary);--border-default:var(--color-border-default);--status-success:var(--color-status-success);--status-warning:var(--color-status-warning);--status-error:var(--color-status-error);--weight-regular:var(--font-weight-regular);--weight-medium:var(--font-weight-medium);--weight-semibold:var(--font-weight-semibold);--weight-bold:var(--font-weight-bold);--weight-extrabold:var(--font-weight-extra-bold)}[data-theme=light]{--color-background:#f4f4fa;--color-surface:#fff;--color-surface-raised:#fff;--color-surface-sunken:#ececf3;--color-text-primary:#0a0a0f;--color-text-secondary:#3a3a4a;--color-text-tertiary:#5e5e70;--color-action-primary:#2563eb;--color-action-strong:#1d4ed8;--color-action-hover:#1d4ed8;--color-focus:#0e7490;--color-status-success:#047857;--color-status-warning:#b45309;--color-status-error:#dc2626;--color-border-default:#d8d8e4;--color-border-strong:#8a8a9c;--shadow-card:0 2px 6px #10102814, 0 8px 24px #1010281a;--shadow-panel:0 12px 40px #10102829;--shadow-soft:0 1px 2px #1010280f, 0 2px 8px #10102814;--focus-ring:0 0 0 2px #0e7490b3}*{box-sizing:border-box;margin:0;padding:0}:root{--font-sans:var(--font-body);--font-display:var(--font-heading);--color-bg:var(--color-black);--color-surface-dark:#0d1117;--color-white:#fff;--color-purple:var(--color-blue);--color-purple-mid:var(--color-cyan);--color-purple-light:var(--color-cyan);--color-blue-light:#93c5fd;--color-green:#22c55e;--color-green-bright:#4ade80;--color-success:var(--color-green);--color-pink:#ec4899;--color-amber:#d97706;--color-amber-warm:#f59e0b;--color-yellow:#f5e600;--color-bg-deep:#050505;--color-purple-surface:color-mix(in srgb, var(--color-purple) 8%, transparent);--color-purple-border-tint:color-mix(in srgb, var(--color-purple) 20%, transparent);--color-purple-light-surface:color-mix(in srgb, var(--color-purple-light) 8%, transparent);--color-purple-light-border:color-mix(in srgb, var(--color-purple-light) 20%, transparent);--color-cyan-surface:color-mix(in srgb, var(--color-cyan) 8%, transparent);--color-cyan-border-tint:color-mix(in srgb, var(--color-cyan) 15%, transparent);--color-blue-surface:color-mix(in srgb, var(--color-blue) 8%, transparent);--color-blue-border-tint:color-mix(in srgb, var(--color-blue) 15%, transparent);--color-green-surface:color-mix(in srgb, var(--color-green) 8%, transparent);--color-green-border-tint:color-mix(in srgb, var(--color-green) 20%, transparent);--color-emerald-surface:color-mix(in srgb, var(--color-emerald) 8%, transparent);--color-emerald-border-tint:color-mix(in srgb, var(--color-emerald) 20%, transparent);--color-amber-surface:color-mix(in srgb, var(--color-amber) 10%, transparent);--color-amber-border-tint:color-mix(in srgb, var(--color-amber) 25%, transparent);--color-amber-warm-surface:color-mix(in srgb, var(--color-amber-warm) 8%, transparent);--color-amber-warm-border:color-mix(in srgb, var(--color-amber-warm) 25%, transparent);--color-red-surface:color-mix(in srgb, var(--color-red) 4%, transparent);--color-red-border-tint:color-mix(in srgb, var(--color-red) 15%, transparent);--color-pink-surface:color-mix(in srgb, var(--color-pink) 8%, transparent);--color-pink-border-tint:color-mix(in srgb, var(--color-pink) 20%, transparent);--on-yellow-primary:#000;--on-yellow-secondary:#0009;--on-yellow-muted:#0006;--on-yellow-dim:#0000004d;--on-yellow-faint:#00000026;--on-yellow-border:#0000001a;--on-yellow-border-bold:#0003;--color-selection:color-mix(in srgb, var(--color-purple) 30%, transparent);--text-primary:#fff;--text-secondary:#fff9;--text-brighter:#ffffffb3;--text-tertiary:#ffffff80;--text-muted:#ffffff73;--text-subdued:#ffffff59;--text-dim:#ffffff4d;--text-faint:#fff3;--text-faintest:#ffffff26;--surface-1:#ffffff08;--surface-2:#ffffff0f;--surface-3:#ffffff14;--surface-4:#ffffff1f;--border-subtle:#ffffff0f;--border-default:#ffffff1a;--border-emphasis:#ffffff26;--text-xs:clamp(.625rem, .55rem + .2vw, .75rem);--text-sm:clamp(.75rem, .65rem + .25vw, .875rem);--text-base:clamp(.8125rem, .725rem + .25vw, .9375rem);--text-md:clamp(.9375rem, .85rem + .25vw, 1.0625rem);--text-lg:clamp(1.0625rem, .95rem + .3vw, 1.25rem);--text-xl:clamp(1.25rem, 1.1rem + .4vw, 1.5rem);--text-2xl:clamp(1.5rem, 1.3rem + .6vw, 2rem);--text-display-sm:clamp(2rem, 5vw, 3.5rem);--text-display-md:clamp(2.5rem, 5.5vw, 4rem);--text-display-lg:clamp(3rem, 8vw, 5.5rem);--text-display-xl:clamp(4rem, 10vw, 7rem);--text-display-hero:clamp(5rem, 15vw, 12rem);--leading-tight:.9;--leading-snug:1.15;--leading-normal:1.5;--leading-relaxed:1.7;--leading-loose:2;--space-xs:.25rem;--space-sm:.5rem;--space-md:1rem;--space-lg:1.5rem;--space-xl:2rem;--space-2xl:3rem;--space-3xl:4rem;--space-section:6rem;--radius-sm:4px;--radius-md:8px;--radius-lg:12px;--radius-xl:16px;--radius-2xl:20px;--radius-full:50%;--tracking-tight:-.03em;--tracking-normal:0;--tracking-wide:.16em;--tracking-wider:.24em;--tracking-widest:.32em;--label-size:.7rem;--label-spacing:var(--tracking-wider)}html{scroll-behavior:smooth;font-family:var(--font-sans);-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}body{background:var(--color-bg);color:var(--color-white);overflow-x:hidden}#root{width:100%}::selection{background:var(--color-selection);color:var(--text-primary)}input,textarea,select{font-size:max(1rem,16px);font-family:var(--font-sans)}:focus-visible{outline:2px solid var(--color-purple);outline-offset:2px;border-radius:var(--radius-sm)}button:focus-visible{outline:2px solid var(--color-purple);outline-offset:2px}a:focus-visible{outline:2px solid var(--color-purple);outline-offset:3px;border-radius:var(--radius-sm)}@media (prefers-reduced-motion:reduce){*,:before,:after{scroll-behavior:auto!important;transition-duration:.01ms!important;animation-duration:.01ms!important;animation-iteration-count:1!important}}section{content-visibility:auto;contain-intrinsic-size:auto 100vh}::-webkit-scrollbar{width:6px}::-webkit-scrollbar-track{background:0 0}::-webkit-scrollbar-thumb{background:#ffffff26;border-radius:3px}::-webkit-scrollbar-thumb:hover{background:#ffffff40}.skip-to-content{top:-100%;left:var(--space-md);z-index:9999;padding:var(--space-sm) var(--space-md);background:var(--color-purple);color:var(--text-primary);border-radius:var(--radius-md);font-family:var(--font-display);font-weight:600;font-size:var(--text-base);text-decoration:none;transition:top .2s;position:fixed}.skip-to-content:focus{top:var(--space-md)}.s5-grid{gap:var(--space-lg);margin-bottom:var(--space-2xl);grid-template-columns:1fr 1fr;display:grid}@media (width<=768px){.s5-grid{grid-template-columns:1fr}}.s6-grid{grid-template-columns:1fr 1fr;gap:2rem;display:grid}@media (width<=900px){.s6-grid{grid-template-columns:1fr}}.s7-grid{grid-template-columns:repeat(2,1fr);gap:1.5rem;display:grid}.s7-grid>:last-child{grid-column:1/-1}@media (width<=768px){.s7-grid{grid-template-columns:1fr}.s7-grid>:last-child{grid-column:auto}}.s8-before-after{grid-template-columns:1fr auto 1fr;align-items:center;gap:1.5rem;margin-bottom:3rem;display:grid}.s8-skills-grid{grid-template-columns:repeat(3,1fr);gap:1rem;display:grid}.s8-arrow{display:block}@media (width<=900px){.s8-before-after{grid-template-columns:1fr}.s8-arrow{display:none}.s8-skills-grid{grid-template-columns:repeat(2,1fr)}}@media (width<=600px){.s8-skills-grid{grid-template-columns:1fr}}.s8t-grid{grid-template-columns:repeat(2,1fr);gap:1rem;display:grid}.s8t-grid>:last-child:nth-child(odd){grid-column:1/-1}@media (width<=768px){.s8t-grid{grid-template-columns:1fr}.s8t-grid>:last-child:nth-child(odd){grid-column:auto}}.readmore-btn{color:#ffffffb3;cursor:pointer;font-size:var(--text-base);font-family:var(--font-sans);background:#ffffff14;border:1px solid #ffffff26;border-radius:8px;align-items:center;gap:.5rem;min-height:36px;padding:.5rem 1.2rem;transition:background .2s,color .2s;display:inline-flex}.readmore-btn:hover{color:var(--text-primary);background:#ffffff1f}.resource-card{background:var(--surface-1);border:1px solid var(--border-default);border-radius:12px;flex:1;padding:1rem 1.5rem;text-decoration:none;transition:background .2s,border-color .2s}.resource-card:hover{background:var(--surface-3);border-color:var(--color-purple-border-tint)}.skill-card{padding:var(--space-md);background:var(--surface-1);border:1px solid var(--border-subtle);border-radius:var(--radius-md);text-decoration:none;transition:background .2s,border-color .2s}.skill-card:hover{background:var(--surface-3);border-color:color-mix(in srgb, var(--color-purple-light) 25%, transparent)}.skills-browse-link{transition:background .2s}.skills-browse-link:hover{background:color-mix(in srgb, var(--color-purple-light) 18%, transparent)!important}.skills-next-btn{transition:background .2s}.skills-next-btn:hover{background:color-mix(in srgb, var(--color-purple-light) 20%, transparent)!important}.s2-install-link{transition:background .2s,border-color .2s}.s2-install-link:hover{background:#d977062e!important;border-color:#d9770666!important}.s9-reveal-btn{transition:background .2s}.s9-reveal-btn:hover{background:color-mix(in srgb, var(--color-cyan) 20%, transparent)!important}.s9-service-tag{transition:border-color .2s}.s9-service-tag:hover{border-color:color-mix(in srgb, var(--svc-color) 38%, transparent)!important}@keyframes section-shimmer{0%{background-position:-200% 0}to{background-position:200% 0}}.section-fallback{background:linear-gradient(90deg, var(--color-bg) 0%, var(--surface-1) 40%, var(--surface-2) 50%, var(--surface-1) 60%, var(--color-bg) 100%);background-size:200% 100%;min-height:100vh;animation:2.4s ease-in-out infinite section-shimmer}@media (prefers-reduced-motion:reduce){.section-fallback{background:var(--surface-1);animation:none}}@keyframes blink{50%{opacity:0}}@keyframes scanline{0%{transform:translateY(-100%)}to{transform:translateY(100vh)}}@media (prefers-reduced-motion:reduce){@keyframes blink{50%{opacity:1}}@keyframes scanline{0%,to{transform:none}}}.sr-only{clip:rect(0, 0, 0, 0);white-space:nowrap;border:0;width:1px;height:1px;margin:-1px;padding:0;position:absolute;overflow:hidden}.s1-ba-grid{grid-template-columns:1fr 60px 1fr;align-items:stretch;gap:0;display:grid}.s1-arrow-col{justify-content:center;align-items:center;display:flex}@media (width<=768px){.s1-ba-grid{grid-template-columns:1fr}.s1-arrow-col{display:none}}.s2-grid{grid-template-columns:.8fr 1fr;align-items:start;gap:6rem;width:100%;max-width:1100px;margin:0 auto;display:grid}.s2-sticky{position:sticky;top:6rem}@media (width<=900px){.s2-grid{grid-template-columns:1fr;gap:2rem}.s2-sticky{position:static}}.s3-platform-list{color:#22c55e40;gap:1.5rem;margin-left:auto;font-size:.7rem;display:flex}@media (width<=768px){.s3-platform-list{display:none}.s3-terminal-body{padding:1rem!important}}.s3b-grid{grid-template-columns:.8fr 1fr;align-items:start;gap:6rem;width:100%;max-width:1100px;margin:0 auto;display:grid}.s3b-sticky{position:sticky;top:6rem}.s3b-cmd-grid{grid-template-columns:1fr;gap:0;display:grid}@media (width<=900px){.s3b-grid{grid-template-columns:1fr;gap:2rem}.s3b-sticky{position:static}}.s4-phones{justify-content:center;gap:var(--space-2xl);margin-bottom:var(--space-section);align-items:flex-start;display:flex}.s4-mindset-grid{gap:var(--space-md);grid-template-columns:repeat(2,1fr);display:grid}@media (width<=900px){.s4-phones{align-items:center;gap:var(--space-xl);flex-direction:column}.s4-mindset-grid{grid-template-columns:1fr}}.s10-grid{z-index:1;flex:1;grid-template-columns:1.2fr 1fr;display:grid;position:relative}.s10-left{border-right:4px solid var(--on-yellow-primary);flex-direction:column;justify-content:center;padding:4rem 3rem;display:flex}@media (width<=900px){.s10-grid{grid-template-columns:1fr}.s10-left{border-right:none;padding:2rem 1.5rem}.s10-right{padding:2rem 1.5rem!important}}.brand-bar{z-index:1001;-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);background:#0a0a0ae6;border-bottom:1px solid #ffffff0f;justify-content:space-between;align-items:center;height:44px;padding:.5rem 2rem;display:flex;position:fixed;top:0;left:0;right:0}.brand-bar__logo{font-size:1rem;font-weight:700;font-family:var(--font-display);color:var(--color-white);opacity:1;align-items:center;gap:.5rem;text-decoration:none;transition:opacity .2s ease-out;display:flex}.brand-bar__logo:hover{opacity:.9}.brand-bar__mark{width:28px;height:28px;box-shadow:0 0 14px color-mix(in srgb, var(--color-blue) 18%, transparent);border-radius:7px}.brand-bar__logo:focus-visible{outline:2px solid var(--color-purple);outline-offset:4px;border-radius:4px}.brand-bar__logo-accent{color:var(--color-purple);transition:text-shadow .3s ease-out,color .3s ease-out}.brand-bar__logo:hover .brand-bar__logo-accent{text-shadow:0 0 10px color-mix(in srgb, var(--color-purple) 50%, transparent);color:var(--color-cyan)}@media (prefers-reduced-motion:reduce){.brand-bar__logo:hover .brand-bar__logo-accent{text-shadow:none}}.brand-bar__contact{font-size:.8rem;font-weight:600;font-family:var(--font-sans);color:var(--color-white);background:color-mix(in srgb, var(--color-purple) 15%, transparent);border:1px solid color-mix(in srgb, var(--color-purple) 30%, transparent);border-radius:8px;align-items:center;min-height:32px;padding:.3rem .85rem;text-decoration:none;transition:background .2s ease-out,border-color .2s ease-out;display:inline-flex}.brand-bar__contact:hover{background:color-mix(in srgb, var(--color-purple) 25%, transparent);border-color:color-mix(in srgb, var(--color-purple) 50%, transparent)}.brand-bar__contact:focus-visible{outline:2px solid var(--color-purple);outline-offset:4px}@media (width<=600px){.brand-bar{height:40px;padding:.5rem 1rem}.brand-bar__logo{gap:.3rem;font-size:.85rem}.brand-bar__mark{width:24px;height:24px}.brand-bar__contact{min-height:28px;padding:.25rem .6rem;font-size:.7rem}}@media (width<=360px){.brand-bar{padding:.5rem}}.progress-bar{z-index:1000;-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);background:#0a0a0ad9;border-bottom:1px solid #ffffff0f;padding:0;position:fixed;top:44px;left:0;right:0}.progress-bar__track{background:#ffffff0d;height:2px;position:relative}.progress-bar__fill{background:linear-gradient(90deg, var(--color-purple), var(--color-cyan));border-radius:0 1px 1px 0;height:100%}.progress-bar__fill--complete{animation:2s ease-in-out progress-complete-pulse}@keyframes progress-complete-pulse{0%{box-shadow:none}40%{box-shadow:0 0 12px var(--color-cyan), 0 0 4px var(--color-purple)}to{box-shadow:none}}@media (prefers-reduced-motion:reduce){.progress-bar__fill--complete{animation:none}}.progress-bar__nav{justify-content:center;align-items:center;gap:.25rem;max-width:1200px;margin:0 auto;padding:.5rem 1rem;display:flex;overflow-x:auto}.progress-bar__btn{cursor:pointer;background:0 0;border:none;border-radius:6px;align-items:center;gap:.35rem;min-height:44px;padding:.4rem .6rem;transition:opacity .2s ease-out,background .2s ease-out;display:flex}.progress-bar__btn--future{opacity:.55}.progress-bar__btn:hover{background:#ffffff0d}.progress-bar__btn:focus-visible{outline:2px solid var(--color-purple);outline-offset:2px}.progress-bar__dot{background:var(--text-tertiary);border-radius:50%;width:6px;height:6px;transition:all .3s}.progress-bar__dot--active{background:var(--color-purple);box-shadow:0 0 10px color-mix(in srgb, var(--color-purple) 60%, transparent)}.progress-bar__dot--completed{background:var(--color-cyan)}.progress-bar__label{color:var(--text-secondary);font-size:.7rem;font-family:var(--font-sans);white-space:nowrap;font-weight:400;transition:color .2s,font-weight .2s}.progress-bar__label--active{color:var(--color-white);font-weight:600}@media (width<=600px){.progress-bar{top:40px}.progress-bar__label{display:none}.progress-bar__nav{-webkit-overflow-scrolling:touch;gap:.15rem;padding:.4rem .5rem}.progress-bar__btn{padding:.4rem}.progress-bar__dot{width:8px;height:8px}}.workshop-footer{background:#ffffff05;border-top:1px solid #ffffff0f;flex-wrap:wrap;justify-content:space-between;align-items:center;gap:1.5rem;max-width:1200px;margin:0 auto;padding:2.5rem 2rem;display:flex}.workshop-footer__powered{color:var(--text-tertiary);font-size:.85rem;font-family:var(--font-sans);align-items:center;gap:.5rem;display:flex}.workshop-footer__brand-link{color:var(--color-white);align-items:center;gap:.4rem;font-weight:600;text-decoration:none;transition:color .2s ease-out;display:inline-flex}.workshop-footer__mark{border-radius:5px;width:20px;height:20px}.workshop-footer__brand-link:hover{text-decoration:underline}.workshop-footer__brand-link:focus-visible{outline:2px solid var(--color-purple);outline-offset:4px;border-radius:4px}.workshop-footer__brand-accent{color:var(--color-purple)}.workshop-footer__links{font-size:.8rem;font-family:var(--font-sans);gap:2rem;display:flex}.workshop-footer__link{color:var(--text-tertiary);text-decoration:none;transition:color .2s ease-out}.workshop-footer__link:hover{color:var(--text-secondary)}.workshop-footer__link:focus-visible{outline:2px solid var(--color-purple);outline-offset:4px;border-radius:4px}.workshop-footer__copyright{color:var(--text-muted);font-size:.75rem;font-family:var(--font-sans)}@media (width<=600px){.workshop-footer{text-align:center;flex-direction:column;align-items:center;padding:1.5rem 1rem}.workshop-footer__links{flex-wrap:wrap;justify-content:center;gap:1rem}}