:root{--bg-primary:#f5f5f7;--bg-secondary:#e5e5ea;--bg-surface:#fff;--bg-surface-2:#f2f2f7;--bg-surface-solid:#fff;--bg-glass:#ffffffb8;--bg-glass-bright:#ffffffd9;--noise-opacity:.015;--border:#0000000f;--border-bright:#0000001f;--border-accent:#34c75940;--text-primary:#1d1d1f;--text-secondary:#86868b;--text-tertiary:#aeaeb2;--accent:#34c759;--accent-hover:#30d158;--accent-blue:#007aff;--accent-purple:#af52de;--accent-orange:#ff9500;--font-display:"General Sans", "Inter", system-ui, -apple-system, sans-serif;--font-body:"Inter", system-ui, -apple-system, sans-serif;--font-mono:"JetBrains Mono", "Fira Code", monospace;--section-py:7rem;--section-px:1.5rem;--content-max:1100px;--card-radius:20px;--chip-radius:100px;--nav-height:64px;--window-padding:2rem;--shadow-sm:0 1px 2px #00000008;--shadow-md:0 6px 18px #0000000d, 0 2px 5px #00000005;--shadow-lg:0 16px 36px #00000014, 0 4px 10px #00000008;--shadow-glass:0 8px 32px #0000000a, inset 0 1px 0 #ffffffb3;--ease-spring:cubic-bezier(.34, 1.56, .64, 1);--ease-smooth:cubic-bezier(.4, 0, .2, 1);--ease-out:cubic-bezier(0, 0, .2, 1);--duration-fast:.18s;--duration-base:.35s;--duration-slow:.55s}[data-theme=dark]{--bg-primary:#0c0d0e;--bg-secondary:#141517;--bg-surface:#1b1c1e;--bg-surface-2:#242528;--bg-surface-solid:#16171a;--bg-glass:#16171ab8;--bg-glass-bright:#202226d1;--noise-opacity:.03;--border:#ffffff0f;--border-bright:#ffffff1f;--border-accent:#30d1584d;--text-primary:#e5e5ea;--text-secondary:#98989d;--text-tertiary:#636366;--accent:#30d158;--accent-hover:#34c759;--accent-blue:#0a84ff;--accent-purple:#bf5af2;--accent-orange:#ff9f0a;--shadow-sm:0 1px 3px #0000004d;--shadow-md:0 6px 20px #0006, 0 2px 6px #0003;--shadow-lg:0 20px 48px #00000080, 0 6px 14px #0000004d;--shadow-glass:0 8px 32px #0006, inset 0 1px 0 #ffffff0a}*,:before,:after{box-sizing:border-box;margin:0;padding:0}html{scroll-behavior:smooth;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;text-rendering:optimizelegibility}body{font-family:var(--font-body);background:var(--bg-primary);color:var(--text-primary);transition:background var(--duration-base) var(--ease-smooth), color var(--duration-base) var(--ease-smooth);line-height:1.6;overflow-x:hidden}body:before{content:"";width:100%;height:100%;opacity:var(--noise-opacity);pointer-events:none;z-index:999;background-image:url("data:image/svg+xml,%3Csvg viewBox='0 0 256 256' xmlns='http://www.w3.org/2000/svg'%3E%3Cfilter id='noise'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='0.9' numOctaves='4' stitchTiles='stitch'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23noise)'/%3E%3C/svg%3E");position:fixed;inset:0}a{color:inherit;text-decoration:none}button{cursor:pointer;font-family:inherit}img,video{max-width:100%;display:block}ul,ol{list-style:none}::-webkit-scrollbar{width:6px}::-webkit-scrollbar-track{background:var(--bg-primary)}::-webkit-scrollbar-thumb{background:var(--bg-surface-2);border-radius:3px}::-webkit-scrollbar-thumb:hover{background:var(--border-bright)}:focus-visible{outline:2px solid var(--accent);outline-offset:3px;border-radius:4px}.font-display{font-family:var(--font-display)}.font-mono{font-family:var(--font-mono)}h1,h2,h3,h4{font-family:var(--font-display);font-weight:700}.container{width:100%;max-width:var(--content-max);padding:0 var(--section-px);margin:0 auto}.section{padding:var(--section-py) 0;position:relative}.section--alt{background:var(--bg-secondary)}.glass{background:var(--bg-glass);-webkit-backdrop-filter:blur(24px)saturate(160%);border:1px solid var(--border);box-shadow:var(--shadow-glass)}.glass-bright{background:var(--bg-glass-bright);-webkit-backdrop-filter:blur(28px)saturate(180%);border:1px solid var(--border-bright);box-shadow:var(--shadow-glass)}.btn{font-family:var(--font-body);letter-spacing:-.01em;transition:background var(--duration-fast) var(--ease-smooth), box-shadow var(--duration-fast) var(--ease-smooth), transform var(--duration-fast) var(--ease-smooth), border-color var(--duration-fast) var(--ease-smooth), opacity var(--duration-fast) var(--ease-smooth);white-space:nowrap;border:none;border-radius:100px;align-items:center;gap:.45rem;padding:.625rem 1.25rem;font-size:.875rem;font-weight:500;text-decoration:none;display:inline-flex;position:relative;overflow:hidden}.btn:active{transform:scale(.97)}.btn-primary{background:var(--accent);color:#000;box-shadow:0 0 #34c75900}.btn-primary:hover{background:var(--accent-hover);transform:translateY(-1px);box-shadow:0 4px 20px #34c75959}.btn-ghost{color:var(--text-primary);border:1px solid var(--border);background:#ffffff0f}.btn-ghost:hover{border-color:var(--border-bright);background:#ffffff17;transform:translateY(-1px)}.btn-icon{border:1px solid var(--border);width:40px;height:40px;color:var(--text-secondary);transition:background var(--duration-fast) var(--ease-smooth), color var(--duration-fast) var(--ease-smooth), transform var(--duration-fast) var(--ease-smooth);background:#ffffff0f;border-radius:50%;justify-content:center;align-items:center;padding:0;display:inline-flex}.btn-icon:hover{color:var(--text-primary);background:#ffffff1a;transform:translateY(-1px)}.card{background:var(--bg-surface);border:1px solid var(--border);border-radius:var(--card-radius);transition:border-color var(--duration-base) var(--ease-smooth), box-shadow var(--duration-base) var(--ease-smooth), transform var(--duration-base) var(--ease-smooth)}.card:hover{border-color:var(--border-bright);box-shadow:var(--shadow-md);transform:translateY(-2px)}.chip{border-radius:var(--chip-radius);border:1px solid var(--border);color:var(--text-secondary);transition:background var(--duration-fast) var(--ease-smooth), border-color var(--duration-fast) var(--ease-smooth), color var(--duration-fast) var(--ease-smooth), box-shadow var(--duration-fast) var(--ease-smooth);cursor:default;white-space:nowrap;background:#ffffff0f;align-items:center;gap:.35rem;padding:.3rem .75rem;font-size:.78rem;font-weight:500;display:inline-flex}.chip:hover,.chip.active{color:var(--accent);background:#34c7591a;border-color:#34c75959;box-shadow:0 0 12px #34c7591f}.chip.dimmed{opacity:.3;pointer-events:none}.section-eyebrow{font-family:var(--font-mono);letter-spacing:.02em;color:var(--accent);margin-bottom:.65rem;font-size:.72rem;font-weight:500;display:inline-block}.status-available{color:var(--accent);align-items:center;gap:.5rem;font-size:.78rem;font-weight:500;display:inline-flex}.status-available:before{content:"";background:var(--accent);border-radius:50%;width:7px;height:7px;animation:2.5s ease-in-out infinite pulse-dot;box-shadow:0 0 0 2px #34c75940}@keyframes pulse-dot{0%,to{box-shadow:0 0 0 2px #34c75940}50%{box-shadow:0 0 0 5px #34c7591f}}.divider{background:var(--border);width:100%;height:1px}.text-gradient{background:linear-gradient(135deg, var(--text-primary) 0%, var(--text-secondary) 100%);-webkit-text-fill-color:transparent;-webkit-background-clip:text;background-clip:text}.glass:before{content:"";border-radius:inherit;pointer-events:none;background:linear-gradient(135deg,#ffffff0a 0%,#0000 60%);position:absolute;inset:0}.bg-blob{filter:blur(120px);pointer-events:none;z-index:0;border-radius:50%;position:absolute}.timeline-line{background:linear-gradient(to bottom, transparent, var(--border) 15%, var(--border) 85%, transparent);width:1px;position:absolute;top:0;bottom:0;left:0}.timeline-dot{background:var(--border-bright);border:2px solid var(--bg-secondary);z-index:1;border-radius:50%;flex-shrink:0;width:8px;height:8px;position:relative}.timeline-dot.current{background:var(--accent);border-color:#34c7594d;box-shadow:0 0 0 4px #34c7591f}.palette-overlay{z-index:500;-webkit-backdrop-filter:blur(8px);background:#0009;justify-content:center;align-items:flex-start;padding:15vh 1.5rem 1.5rem;display:flex;position:fixed;inset:0}.project-mockup{aspect-ratio:16/9;background:var(--bg-surface-2);border-radius:12px;justify-content:center;align-items:center;width:100%;display:flex;position:relative;overflow:hidden}.project-mockup:before{content:"";background:radial-gradient(at 30% 40%,#ffffff08 0%,#0000 60%);position:absolute;inset:0}.modal-scroll{scrollbar-width:thin;scrollbar-color:var(--bg-surface-2) transparent;overflow-y:auto}@media (prefers-reduced-motion:reduce){*,:before,:after{transition-duration:.01ms!important;animation-duration:.01ms!important;animation-iteration-count:1!important}}@media (width<=768px){:root{--section-py:4rem;--section-px:1.25rem;--card-radius:16px;--window-padding:1.25rem}}@media (width<=480px){:root{--section-py:3.5rem;--section-px:1rem;--window-padding:.85rem}}@media (width<=576px){.window-right-text{display:none!important}.window-controls{width:50px!important}.window-title{gap:.2rem!important;font-size:.65rem!important}}.md-grid-2col{grid-template-columns:1fr;display:grid}@media (width>=769px){.md-grid-2col{grid-template-columns:1.2fr 1fr!important}}.md-grid-hero{grid-template-columns:1fr;display:grid}@media (width>=900px){.md-grid-hero{grid-template-columns:1.25fr 1fr!important}}.hidden-mobile,.mobile-only-btn{display:none!important}@media (width>=769px){.hidden-mobile{display:flex!important}}@media (width<=768px){.mobile-only-btn{display:flex!important}}.mobile-bottom-nav-container{display:none!important}@media (width<=768px){.mobile-bottom-nav-container{display:flex!important}}.hero-intro{text-align:center;flex-direction:column;align-items:center;display:flex}.hero-roles{justify-content:center}.hero-ctas{flex-direction:column;width:100%}.hero-ctas>*{justify-content:center;width:100%}@media (width>=900px){.hero-intro{text-align:left!important;align-items:flex-start!important}.hero-roles{justify-content:flex-start!important}.hero-ctas{width:auto;flex-direction:row!important}.hero-ctas>*{justify-content:flex-start!important;width:auto!important}}@media (width<=900px){.hero-metadata-card{width:100%!important;max-width:440px!important;margin:1.5rem auto 0!important}}.modal-overlay-container{z-index:500;justify-content:center;align-items:center;padding:1.5rem;display:flex;position:fixed;inset:0}@media (width<=768px){.modal-overlay-container{padding:0!important}.project-modal-sheet{border:none!important;border-radius:0!important;width:100%!important;max-width:100%!important;height:100vh!important;max-height:100vh!important}}