*{box-sizing:border-box;margin:0;padding:0}:root{--font-sans:"Inter", system-ui, -apple-system, sans-serif;--font-display:"Syne", system-ui, sans-serif;--font-mono:"JetBrains Mono", ui-monospace, monospace;--color-bg:#0a0a0a;--color-surface:#1a1a2e;--color-surface-dark:#0d1117;--color-white:#fff;--color-purple:#8b5cf6;--color-purple-mid:#a78bfa;--color-purple-light:#c084fc;--color-cyan:#06b6d4;--color-blue:#3b82f6;--color-blue-light:#93c5fd;--color-green:#22c55e;--color-green-bright:#4ade80;--color-success:var(--color-green);--color-pink:#ec4899;--color-red:#ef4444;--color-amber:#d97706;--color-amber-warm:#f59e0b;--color-emerald:#10b981;--color-yellow:#f5e600;--color-bg-deep:#050505;--color-purple-surface:#8b5cf614;--color-purple-border-tint:#8b5cf633;--color-purple-light-surface:#c084fc14;--color-purple-light-border:#c084fc33;--color-cyan-surface:#06b6d414;--color-cyan-border-tint:#06b6d426;--color-blue-surface:#3b82f614;--color-blue-border-tint:#3b82f626;--color-green-surface:#22c55e14;--color-green-border-tint:#22c55e33;--color-emerald-surface:#10b98114;--color-emerald-border-tint:#10b98133;--color-amber-surface:#d977061a;--color-amber-border-tint:#d9770640;--color-amber-warm-surface:#f59e0b14;--color-amber-warm-border:#f59e0b40;--color-red-surface:#ef44440a;--color-red-border-tint:#ef444426;--color-pink-surface:#ec489914;--color-pink-border-tint:#ec489933;--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:#c084fc40}.skills-browse-link{transition:background .2s}.skills-browse-link:hover{background:#c084fc2e!important}.skills-next-btn{transition:background .2s}.skills-next-btn:hover{background:#c084fc33!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:#06b6d433!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__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__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);font-weight:600;text-decoration:none;transition:color .2s ease-out}.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}}