:root{--bg:#f5f2ed;--surface:#fff;--text-primary:#1a1a1a;--text-muted:#5a5a5a;--accent:#4a7c6f;--accent-light:#e8f0ee;--border:#e2ddd7;--terminal-bg:#ffffff9e;--font-sans:"Geist", system-ui, -apple-system, "Segoe UI", sans-serif;--font-mono:"JetBrains Mono", ui-monospace, "SFMono-Regular", Menlo, monospace;--max:1100px;--pad-x:clamp(20px, 5vw, 60px);--radius-sm:8px;--radius:16px;--radius-lg:24px;--radius-xl:32px;--radius-full:9999px;--space-1:4px;--space-2:8px;--space-3:12px;--space-4:16px;--space-5:20px;--space-6:24px;--space-8:32px;--space-10:40px;--space-12:48px;--space-16:64px;--space-20:80px;--space-24:96px;--shadow-sm:0 4px 16px #4a7c6f33;--shadow:0 8px 48px #00000014;--shadow-lg:0 12px 40px #0000001f, 0 4px 12px #0000000f;--shadow-xl:0 24px 64px #00000029;--text-xs:.75rem;--text-sm:.875rem;--text-base:1rem;--text-lg:1.125rem;--text-xl:1.25rem;--text-2xl:1.5rem;--text-3xl:2rem;--text-4xl:2.75rem;--text-5xl:3.5rem;--c-email:#4a7c6f;--c-linkedin:#0a66c2;--c-youtube:red;--c-twitch:#9146ff}[data-theme=dark]{--bg:#0f0f0f;--surface:#1a1a1a;--text-primary:#f0ece6;--text-muted:#888880;--accent-light:#1a2e2a;--border:#2a2a2a}*,:before,:after{box-sizing:border-box;transition:background-color .3s,color .2s,border-color .2s}html{--lightningcss-light:initial;--lightningcss-dark: ;color-scheme:light dark;scroll-behavior:smooth}@media (prefers-color-scheme:dark){html{--lightningcss-light: ;--lightningcss-dark:initial}}body{background-color:var(--bg);color:var(--text-primary);font-family:var(--font-sans);-webkit-font-smoothing:antialiased;text-rendering:optimizelegibility;background-image:radial-gradient(circle,#a0968a40 1px,#0000 1px);background-size:28px 28px;margin:0;font-weight:400;line-height:1.7;position:relative;overflow-x:hidden}h1,h2,h3,p,ul,figure,pre{margin:0}ul{padding:0;list-style:none}a{color:inherit;text-decoration:none}img{max-width:100%;display:block}button{font:inherit}.wrap{max-width:var(--max);padding:0 var(--pad-x);margin:0 auto}.mono{font-family:var(--font-mono)}.overline{letter-spacing:.12em;text-transform:uppercase;color:var(--accent);font-size:.75rem;font-weight:500}.section-label{font-size:var(--text-xs);color:var(--accent);letter-spacing:.12em;text-transform:uppercase;margin-bottom:var(--space-4);display:block}.section-heading{margin-bottom:var(--space-4);color:var(--text-primary);font-size:clamp(1.75rem,3vw,2.5rem);font-weight:700;line-height:1.1}.section-desc{font-size:var(--text-base);color:var(--text-muted);margin-bottom:var(--space-8);line-height:1.6}.section{padding:clamp(64px,8vw,100px) 0}.section h2{margin:10px 0 0;font-size:clamp(2rem,4vw,3rem);font-weight:700;line-height:1.1}.accent{color:var(--accent)}.skip-link{z-index:200;background:var(--accent);color:#fff;border-radius:10px;padding:10px 16px;transition:top .2s;position:absolute;top:-60px;left:12px}.skip-link:focus{top:12px}#nav{z-index:100;transition:background .3s,-webkit-backdrop-filter .3s,backdrop-filter .3s;position:fixed;top:0;left:0;right:0}.nav-inner{align-items:center;gap:var(--space-6);height:60px;display:flex}.nav-logo{align-items:center;gap:var(--space-2);color:var(--text-primary);flex-shrink:0;text-decoration:none;display:flex}.logo-mark{background:var(--accent);color:#fff;border-radius:var(--radius-sm);letter-spacing:-.02em;width:32px;height:32px;font-size:11px;font-weight:700;font-family:var(--font-mono);justify-content:center;align-items:center;display:flex}.logo-text{font-size:var(--text-sm);color:var(--text-primary);font-weight:600}.nav-links{align-items:center;gap:var(--space-5);margin-left:auto;display:flex}.nav-link{font-size:var(--text-sm);color:var(--text-muted);text-decoration:none;transition:color .15s}.nav-link:hover{color:var(--text-primary)}.nav-right{align-items:center;gap:var(--space-3);flex-shrink:0;display:flex}.nav-badge{align-items:center;gap:var(--space-2);border-radius:var(--radius-full);border:1px solid var(--border);background:var(--surface);font-size:var(--text-xs);color:var(--text-muted);white-space:nowrap;padding:5px 12px;text-decoration:none;transition:all .2s;display:inline-flex}.nav-badge:hover{border-color:var(--accent);color:var(--accent)}.nav-badge-dot{background:#22c55e;border-radius:50%;flex-shrink:0;width:7px;height:7px;animation:3s ease-in-out infinite badge-pulse}@keyframes badge-pulse{0%,to{opacity:1;transform:scale(1)}50%{opacity:.8;transform:scale(.9)}}.nav-theme-toggle{align-items:center;gap:2px;padding:2px;display:flex}.nav-theme-btn{border-radius:var(--radius-full);cursor:pointer;width:26px;height:26px;color:var(--text-muted);opacity:.5;background:0 0;border:none;justify-content:center;align-items:center;transition:color .15s,opacity .15s;display:flex}.nav-theme-btn:hover{color:var(--text-primary);opacity:.85}[data-theme=light] .nav-theme-btn[data-theme-val=light],[data-theme=dark] .nav-theme-btn[data-theme-val=dark]{color:var(--text-primary);opacity:1}.nav-separator{background:#8b735540;height:1px;transition:opacity .3s}#nav.is-scrolled .nav-separator{opacity:0}#nav.is-scrolled{-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);background:#f5f2ede0}[data-theme=dark] #nav.is-scrolled{background:#0f0f0fe0}#hero{flex-direction:column;min-height:100vh;display:flex;position:relative;overflow:hidden}.hero-bg{--hero-img:url(/assets/hero-bg-light.webp);z-index:0;background:var(--hero-img) center / cover no-repeat;position:absolute;inset:0}[data-theme=dark] .hero-bg{--hero-img:url(/assets/hero-bg-dark.webp)}.lamp-hotspot{z-index:4;pointer-events:none;cursor:default;appearance:none;background:0 0;border:0;width:80px;height:80px;padding:0;position:absolute;top:0;left:0}.lamp-hit-circle{pointer-events:auto;cursor:pointer;background:0 0;border-radius:50%;display:block;position:absolute}html.lamp-debug .lamp-hit-circle{outline-offset:-2px;background:#ff000026;outline:2px dashed red}.lamp-hotspot:focus-visible{outline:none}.lamp-hotspot:focus-visible .lamp-hit-circle{outline:2px solid var(--accent);outline-offset:3px}html.lamp-debug .lamp-hotspot{background:0 0;outline:none}.hero-bg:after{content:"";background:radial-gradient(60% 80% at 20%,#f5f2ed8c 0%,#f5f2ed00 100%);position:absolute;inset:0}[data-theme=dark] .hero-bg:after{background:radial-gradient(60% 80% at 20%,#00000080 0%,#0000 100%)}.hero-glow{aspect-ratio:1;z-index:1;opacity:0;pointer-events:none;will-change:transform, opacity;background:radial-gradient(circle closest-side,#ffd6968c 0%,#ffd69638 38%,#ffd69600 72%);width:clamp(220px,30cqw,460px);transition:opacity .2s,transform .2s;position:absolute;top:0;left:0;transform:translate(-50%,-50%)scale(.7)}.lamp-hint{z-index:3;aspect-ratio:1;pointer-events:none;width:clamp(40px,3.6vw,60px);color:var(--text-primary);position:absolute;top:0;left:0;transform:translate(-50%,-50%)}.lamp-click-mark{opacity:0;width:100%;height:100%;animation:3.4s ease-in-out infinite lamp-click-sequence;display:block;overflow:visible}.lamp-click-cursor{fill:#232323d1;stroke:#ffffffbf;stroke-width:1.5px;stroke-linejoin:round;transform-box:fill-box;transform-origin:50%;animation:3.4s ease-in-out infinite lamp-cursor-press}.lamp-click-contact{fill:none;stroke:#232323d1;stroke-width:1.5px;transform-box:fill-box;transform-origin:50%;opacity:0;animation:3.4s ease-out infinite lamp-contact-press}@keyframes lamp-click-sequence{0%,8%{opacity:0}14%{opacity:1}42%{opacity:1}52%,to{opacity:0}}@keyframes lamp-cursor-press{0%,10%{transform:translate(-7px,-7px)scale(1)}20%{transform:translate(-2px,-2px)scale(1)}26%{transform:translate(0)scale(.9)}34%{transform:translate(-2px,-2px)scale(1)}to{transform:translate(-2px,-2px)scale(1)}}@keyframes lamp-contact-press{0%,21%{opacity:0;transform:scale(.45)}26%{opacity:.9;transform:scale(.7)}32%{opacity:.55;transform:scale(1)}40%,to{opacity:0;transform:scale(1)}}.hero-wrap{z-index:2;gap:var(--space-8);width:100%;max-width:var(--max);min-height:calc(100vh - 80px);padding:100px var(--pad-x) 60px;pointer-events:none;flex:1;grid-template-columns:1fr 1fr;align-items:center;margin-inline:auto;display:grid;position:relative}.hero-left,.hero-right{pointer-events:auto}.hero-left{flex-direction:column;justify-content:center;display:flex}.hero-label{letter-spacing:.12em;text-transform:uppercase;color:var(--accent);margin-bottom:clamp(10px,1.4cqw,22px);font-size:clamp(.68rem,1.05cqw,1.05rem);display:block}.hero-headline{color:var(--text-primary);margin-bottom:clamp(16px,2cqw,34px);font-size:clamp(1.7rem,4.3cqw,4rem);font-weight:700;line-height:1.08}.hero-accent{color:var(--accent)}.hero-sub{max-width:42cqw;color:var(--text-muted);margin-bottom:clamp(20px,2.4cqw,40px);font-size:clamp(.9rem,1.45cqw,1.45rem);line-height:1.6}.hero-ctas{flex-wrap:wrap;align-items:center;gap:clamp(12px,1.6cqw,26px);display:flex}.btn-primary{background:var(--accent);color:#fff;border-radius:clamp(10px,1.2cqw,20px);align-items:center;gap:.6cqw;padding:clamp(10px,1.1cqw,20px) clamp(18px,2.1cqw,38px);font-size:clamp(.85rem,1.25cqw,1.25rem);font-weight:500;text-decoration:none;transition:all .2s;display:inline-flex}.btn-primary:hover{filter:brightness(.9)}.btn-ghost{color:var(--accent);border-radius:clamp(10px,1.2cqw,20px);align-items:center;gap:.6cqw;padding:clamp(10px,1.1cqw,20px) clamp(18px,2.1cqw,38px);font-size:clamp(.85rem,1.25cqw,1.25rem);text-decoration:none;transition:color .15s;display:inline-flex}.btn-ghost:hover{color:var(--text-primary)}.hero-right{padding-left:var(--space-6);justify-content:center;align-items:center;display:flex}.hero-photo-wrap{border-radius:var(--radius-xl);width:280px;box-shadow:var(--shadow-xl);cursor:default;transform-style:preserve-3d;transition:box-shadow .3s;position:relative;overflow:hidden}.hero-photo-wrap:hover{box-shadow:0 24px 64px #0000002e}.hero-photo{object-fit:cover;object-position:top center;will-change:transform;width:100%;height:360px;transition:transform .4s cubic-bezier(.23,1,.32,1);display:block}.hero-dock{z-index:2;-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);width:100%;padding:var(--space-3) 0;background:#faf8f4eb;border-top:1px solid #e2ddd7cc;position:relative}[data-theme=dark] .hero-dock{background:#121212eb;border-top-color:#ffffff14}.dock-inner{max-width:var(--max);padding-inline:var(--pad-x);align-items:center;gap:var(--space-5);scrollbar-width:none;margin-inline:auto;display:flex;overflow-x:auto}.dock-inner::-webkit-scrollbar{display:none}.dock-label{font-size:var(--text-xs);letter-spacing:.08em;color:var(--text-muted);white-space:nowrap;padding-right:var(--space-3);border-right:1px solid var(--border);flex-shrink:0;align-items:center;gap:4px;display:inline-flex}.dock-pills{gap:var(--space-2);flex-wrap:nowrap;display:flex}.dock-pill{align-items:center;gap:var(--space-2);padding:var(--space-2) var(--space-4);border-radius:var(--radius-full);border:1px solid var(--border);font-size:var(--text-sm);background:var(--surface);white-space:nowrap;color:var(--text-primary);cursor:default;font-weight:500;transition:transform .2s cubic-bezier(.23,1,.32,1),box-shadow .2s,border-color .2s,background .2s;display:inline-flex;position:relative;overflow:hidden}[data-theme=dark] .dock-pill{background:#ffffff0f;border-color:#ffffff1f}.dock-pill-icon{vertical-align:middle;flex-shrink:0;justify-content:center;align-items:center;display:flex;position:relative;top:-1px}.dock-pill:before{content:"";background:linear-gradient(105deg,#0000 40%,#fff6 50%,#0000 60%);transition:transform .4s;position:absolute;inset:0;transform:translate(-100%)}.dock-pill:hover:before{transform:translate(100%)}.dock-pill:hover{background:var(--surface);border-color:#4a7c6f4d;transform:translateY(-3px);box-shadow:0 6px 20px #0000001a}[data-theme=dark] .dock-pill:before{background:linear-gradient(105deg,#0000 40%,#ffffff14 50%,#0000 60%)}[data-theme=dark] .dock-pill:hover{border-color:#4a7c6f66;box-shadow:0 6px 20px #0000004d}.dock-pill:hover .dock-pill-icon{transition:transform .2s cubic-bezier(.23,1,.32,1);transform:scale(1.15)}@media (width<=768px){.hero-wrap{grid-template-columns:1fr;padding-top:120px}.hero-right{justify-content:center;padding-left:0}.hero-photo-wrap{width:240px;margin-inline:auto}.hero-photo-wrap .hero-photo{height:300px}}#apps{background:var(--bg);border-top:1px solid var(--border);padding-block:clamp(56px,7vw,100px)}.apps-wrap{gap:var(--space-8);grid-template-columns:220px 1fr 260px;align-items:start;display:grid}.apps-tabs{gap:var(--space-2);margin-bottom:var(--space-6);flex-direction:column;display:flex}.app-tab{align-items:center;gap:var(--space-3);width:100%;padding:var(--space-3) var(--space-4);border-radius:var(--radius);color:var(--text-muted);text-align:left;cursor:pointer;background:0 0;border:none;transition:all .15s;display:flex;position:relative}.app-tab:hover{background:var(--accent-light);color:var(--text-primary)}.app-tab.is-active{background:var(--accent-light);color:var(--text-primary);border-left:3px solid var(--accent)}.tab-icon{border-radius:var(--radius-sm);background:var(--border);width:40px;height:40px;color:var(--text-muted);font-size:var(--text-xs);flex-shrink:0;justify-content:center;align-items:center;font-weight:700;display:flex}.app-tab.is-active .tab-icon{background:var(--accent);color:#fff}.tab-info{flex-direction:column;flex:1;display:flex}.tab-name{font-size:var(--text-sm);font-weight:600}.tab-sub{font-size:var(--text-xs);color:var(--text-muted)}.tab-dot{background:var(--border);border-radius:50%;flex-shrink:0;width:8px;height:8px}.app-tab.is-active .tab-dot{background:#22c55e}.apps-view-all{align-items:center;gap:var(--space-1);font-size:var(--text-sm);color:var(--accent);text-decoration:none;transition:color .15s;display:inline-flex}.apps-view-all:hover{color:var(--text-primary)}.apps-mockup{position:relative}.apps-mockup-container{background:var(--surface);border-radius:var(--radius-xl);border:1px solid var(--border);padding:var(--space-5);box-shadow:var(--shadow);position:relative}.mockup-frame{align-items:flex-end;gap:var(--space-3);min-height:320px;display:flex}.mockup-primary{border-radius:var(--radius);border:1px solid var(--border);box-shadow:var(--shadow-lg);background:var(--bg);flex:1;min-width:0;overflow:hidden}.mockup-browser-bar{align-items:center;gap:var(--space-3);padding:var(--space-2) var(--space-3);background:var(--surface);border-bottom:1px solid var(--border);height:32px;display:flex}.mockup-dots{flex-shrink:0;align-items:center;gap:5px;display:flex}.mdot{border-radius:50%;width:9px;height:9px}.mdot--red{background:#ff5f57}.mdot--yellow{background:#febc2e}.mdot--green{background:#28c840}.mockup-url-bar{justify-content:center;align-items:center;gap:var(--space-1);background:var(--bg);border-radius:var(--radius-sm);padding:3px var(--space-3);color:var(--text-muted);flex:1;max-width:200px;margin-inline:auto;font-size:10px;display:flex}.mockup-url-text{white-space:nowrap;text-overflow:ellipsis;overflow:hidden}.mockup-screen-wrap{line-height:0;overflow:hidden}.mockup-screen{object-fit:cover;object-position:top;width:100%;height:auto;max-height:280px;display:block}.mockup-secondary{border:1px solid var(--border);width:110px;box-shadow:var(--shadow-lg);background:var(--bg);margin-bottom:var(--space-4);border-radius:16px;flex-shrink:0;align-self:flex-end;position:relative;overflow:hidden}.mockup-phone-notch{background:var(--surface);border-bottom:1px solid var(--border);justify-content:center;align-items:center;height:20px;display:flex}.mockup-phone-notch:after{content:"";background:var(--border);border-radius:var(--radius-full);width:36px;height:6px}.mockup-secondary .mockup-screen{max-height:200px}.mockup-expand{top:var(--space-3);right:var(--space-3);border-radius:var(--radius-sm);border:1px solid var(--border);-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);cursor:pointer;width:30px;height:30px;color:var(--text-muted);background:#ffffffe6;justify-content:center;align-items:center;transition:all .15s;display:flex;position:absolute}.mockup-expand:hover{background:var(--accent);color:#fff;border-color:var(--accent)}[data-theme=dark] .mockup-expand{background:#1e1e1ee6}.lightbox{z-index:1000;justify-content:center;align-items:center;gap:var(--space-4);background:#000000eb;display:flex;position:fixed;inset:0}.lightbox[hidden]{display:none}.lightbox-img{object-fit:contain;border-radius:var(--radius);max-width:90vw;max-height:90vh}.lightbox-close{top:var(--space-6);right:var(--space-6);color:#fff;width:40px;height:40px;font-size:var(--text-lg);cursor:pointer;background:#ffffff1a;border:none;border-radius:50%;transition:background .15s;position:absolute}.lightbox-close:hover{background:#fff3}.lightbox-prev,.lightbox-next{color:#fff;width:48px;height:48px;font-size:var(--text-2xl);cursor:pointer;background:#ffffff1a;border:none;border-radius:50%;transition:background .15s}.lightbox-prev:hover,.lightbox-next:hover{background:#fff3}.apps-detail{gap:var(--space-4);flex-direction:column;display:flex;position:sticky;top:100px}.detail-header{align-items:center;gap:var(--space-3);margin-bottom:var(--space-2);display:flex}.detail-icon{border-radius:var(--radius-sm);background:var(--accent);color:#fff;width:48px;height:48px;font-family:var(--font-mono);font-size:var(--text-xs);letter-spacing:.05em;flex-shrink:0;justify-content:center;align-items:center;font-weight:700;display:flex}.detail-title{font-size:var(--text-lg);font-weight:700;display:block}.detail-subtitle{font-size:var(--text-sm);color:var(--text-muted);display:block}.detail-desc{font-size:var(--text-sm);color:var(--text-muted);padding-bottom:var(--space-4);border-bottom:1px solid var(--border);line-height:1.6}.detail-features{gap:var(--space-3);flex-direction:column;margin:0;padding:0;list-style:none;display:flex}.detail-features li{align-items:flex-start;gap:var(--space-3);font-size:var(--text-sm);color:var(--text-muted);line-height:1.5;display:flex}.feature-icon{border:1px solid var(--border);background:var(--bg);width:22px;height:22px;color:var(--accent);border-radius:5px;flex-shrink:0;justify-content:center;align-items:center;margin-top:1px;display:flex}.detail-cta{align-items:center;gap:var(--space-1);margin-top:var(--space-2);font-size:var(--text-sm);color:var(--accent);font-weight:500;text-decoration:none;transition:color .15s;display:inline-flex}.detail-cta:hover{color:var(--text-primary)}@media (width<=1024px){.apps-wrap{grid-template-columns:220px 1fr}.apps-detail{margin-top:var(--space-6);grid-column:1/-1;grid-template-columns:1fr 1fr;display:grid;position:static}}@media (width<=768px){.apps-wrap,.apps-detail{grid-template-columns:1fr}.apps-mockup{padding-bottom:0;padding-right:0}.mockup-secondary{display:none}}#path{background:var(--bg);padding-block:clamp(64px,8vw,120px)}.path-wrap{gap:var(--space-12);grid-template-columns:220px 1fr;align-items:start;display:grid}.path-sidebar{position:sticky;top:100px}.path-timeline-wrap{gap:var(--space-6);flex-direction:column;display:flex}.path-epochs{gap:var(--space-3);grid-template-columns:repeat(6,1fr);align-items:end;display:grid}.epoch{gap:var(--space-2);padding:var(--space-4) var(--space-3);border-radius:var(--radius);border:1px solid var(--border);background:var(--surface);flex-direction:column;min-width:0;transition:border-color .2s,box-shadow .2s,transform .2s;display:flex}.epoch:hover{border-color:var(--accent);box-shadow:var(--shadow);transform:translateY(-2px)}.epoch-num{font-family:var(--font-mono);font-size:var(--text-xs);color:var(--text-muted);letter-spacing:.05em}.epoch:hover .epoch-num,.epoch.is-active .epoch-num{color:var(--accent)}.epoch-title{font-size:var(--text-base);color:var(--text-primary);margin:0;font-weight:600}.epoch-desc{font-size:var(--text-xs);color:var(--text-muted);margin:0;line-height:1.5}.epoch--next{background:0 0;border:none;padding:0;position:relative;transform:none!important}.epoch-callout{padding:var(--space-4) var(--space-4);border-radius:var(--radius-lg);border:2px solid var(--accent);background:var(--accent-light);box-shadow:var(--shadow-lg);z-index:1;position:relative}[data-theme=dark] .epoch-callout{background:var(--accent-light);border-color:var(--accent)}.epoch--next .epoch-num{color:var(--accent);font-weight:700}.epoch--next .epoch-title{color:var(--accent);font-size:var(--text-base);font-weight:700}.epoch--next .epoch-desc{color:var(--text-primary)}.epoch-callout-tail{background:var(--accent);width:2px;height:20px;margin-inline:auto}.path-track{margin-top:var(--space-4);position:relative}.track-line{background:var(--border);height:1px;position:absolute;top:4px;left:8.33333%;right:8.33333%}.track-dots{grid-template-columns:repeat(6,1fr);display:grid}.track-dot{align-items:center;gap:var(--space-2);flex-direction:column;padding-top:0;display:flex}.track-dot:before{content:"";background:var(--border);border:2px solid var(--surface);z-index:1;border-radius:50%;flex-shrink:0;width:8px;height:8px;transition:background .2s;position:relative}.track-dot.is-active:before{background:var(--accent)}.track-dot--next:before{background:var(--accent);width:10px;height:10px}.track-year{font-size:var(--text-xs);color:var(--text-muted);white-space:nowrap;font-family:var(--font-mono);text-align:center}.track-dot--next .track-year{color:var(--accent);font-weight:600}@media (width<=1024px){.path-wrap{grid-template-columns:1fr}.path-sidebar{margin-bottom:var(--space-8);position:static}.path-epochs,.track-dots{grid-template-columns:repeat(3,1fr)}.track-dot:nth-child(n+4){display:none}}@media (width<=600px){.path-epochs{grid-template-columns:repeat(2,1fr)}.epoch--next{grid-column:1/-1}.epoch-callout-tail{display:none}}#stack{background:var(--surface);padding-block:clamp(48px,6vw,96px)}.stack-wrap{gap:var(--space-10);grid-template-columns:260px 1fr;align-items:start;display:grid}.stack-left{position:sticky;top:120px}.stack-cta{align-items:center;gap:var(--space-1);font-size:var(--text-sm);color:var(--accent);margin-top:var(--space-6);text-decoration:none;transition:color .15s;display:inline-flex}.stack-cta:hover{color:var(--text-primary)}.stack-right{gap:var(--space-6);flex-direction:column;display:flex}.steps-track{padding:var(--space-6) var(--space-5);background:var(--bg);border-radius:var(--radius-lg);border:1px solid var(--border);grid-template-columns:repeat(6,1fr);gap:0;display:grid;position:relative}.steps-track:before{content:"";top:calc(var(--space-6) + var(--space-2) + 20px);background:var(--border);z-index:0;height:1px;position:absolute;left:8.33333%;right:8.33333%}.step{align-items:center;gap:var(--space-3);cursor:pointer;padding:var(--space-2) var(--space-1);border-radius:var(--radius);z-index:1;flex-direction:column;transition:all .15s;display:flex;position:relative}.step-circle{border:1.5px solid var(--border);background:var(--surface);z-index:1;border-radius:50%;justify-content:center;align-items:center;width:40px;height:40px;transition:all .2s;display:flex;position:relative}.step.is-active .step-circle{background:var(--accent);border-color:var(--accent);box-shadow:0 0 0 4px var(--accent-light)}.step-num{font-family:var(--font-mono);font-size:var(--text-xs);color:var(--text-muted)}.step.is-active .step-num{color:#fff}.step-body{align-items:center;gap:var(--space-1);text-align:center;flex-direction:column;display:flex}.step-icon{font-size:var(--text-base);opacity:.5;line-height:1}.step.is-active .step-icon{opacity:1}.step-title{font-size:var(--text-xs);color:var(--text-muted);font-weight:600;transition:color .15s}.step.is-active .step-title{color:var(--text-primary)}.step-desc{font-size:var(--text-xs);color:var(--accent);max-width:80px;line-height:1.4;display:none}.step.is-active .step-desc{display:block}.stack-grid{gap:var(--space-5);padding-top:var(--space-5);border-top:1px solid var(--border);grid-template-columns:repeat(3,1fr);display:grid}.stack-col{gap:var(--space-3);flex-direction:column;display:flex}.stack-col-label{font-size:var(--text-xs);letter-spacing:.1em;text-transform:uppercase;color:var(--text-muted);font-weight:600}.stack-col-desc{font-size:var(--text-sm);color:var(--text-muted);line-height:1.5}.stack-pills{gap:var(--space-2);flex-wrap:wrap;display:flex}.stack-pill{align-items:center;gap:var(--space-2);padding:var(--space-1) var(--space-3);border-radius:var(--radius-full);border:1px solid var(--border);font-size:var(--text-xs);color:var(--text-primary);background:var(--bg);font-weight:500;transition:border-color .15s,color .15s;display:inline-flex}.stack-pill .iconify{vertical-align:middle;flex-shrink:0;position:relative;top:-1px}.stack-pill:hover{border-color:var(--accent);color:var(--accent)}@media (width<=1024px){.stack-wrap{grid-template-columns:1fr}.stack-left{position:static}}@media (width<=768px){.steps-track{grid-template-columns:repeat(3,1fr)}.steps-track:before{display:none}.stack-grid{grid-template-columns:1fr}}#contact{background:var(--bg);padding-block:clamp(64px,8vw,120px)}.contact-upper{gap:var(--space-12);grid-template-columns:1fr 1fr;align-items:center;margin-bottom:clamp(48px,6vw,96px);display:grid}.contact-video-panel{border-radius:var(--radius-xl);box-shadow:var(--shadow-xl);border:1px solid var(--border);background:#000;overflow:hidden}.video-titlebar{align-items:center;gap:var(--space-3);padding:var(--space-3) var(--space-4);background:var(--surface);border-bottom:1px solid var(--border);display:flex}.video-traffic-lights{align-items:center;gap:6px;display:flex}.tl{border-radius:50%;width:12px;height:12px}.tl--red{background:#ff5f57}.tl--yellow{background:#febc2e}.tl--green{background:#28c840}.video-title{font-size:var(--text-sm);color:var(--text-muted);text-align:center;flex:1}.video-expand{color:var(--text-muted);cursor:pointer;font-size:var(--text-sm);padding:var(--space-1);background:0 0;border:none;margin-left:auto;transition:color .15s}.video-expand:hover{color:var(--text-primary)}.video-frame{height:0;padding-bottom:56.25%;position:relative;overflow:hidden}.video-frame iframe{width:100%;height:100%;position:absolute;inset:0}.contact-checks{gap:var(--space-3);margin:0;margin-block:var(--space-6);flex-direction:column;padding:0;list-style:none;display:flex}.contact-checks li{align-items:center;gap:var(--space-3);font-size:var(--text-base);display:flex}.check-icon{color:var(--accent);font-weight:700;font-size:var(--text-lg);flex-shrink:0}.contact-cta-row{align-items:center;gap:var(--space-4);flex-wrap:wrap;display:flex}.contact-reply-note{font-size:var(--text-sm);color:var(--text-muted)}.contact-lower-header{margin-bottom:var(--space-8)}.contact-channels{gap:var(--space-4);grid-template-columns:repeat(4,1fr);display:grid}.ch-card{gap:var(--space-2);padding:var(--space-6);border-radius:var(--radius-lg);border:1px solid var(--border);background:var(--surface);color:var(--text-primary);flex-direction:column;text-decoration:none;transition:all .25s;display:flex;position:relative;overflow:hidden}.ch-card:after{content:"";background:var(--brand);height:3px;position:absolute;bottom:0;left:0;right:0}.ch-card:hover{box-shadow:var(--shadow-lg);background:var(--brand);color:#fff;border-color:#0000;transform:translateY(-3px)}.ch-card:hover .ch-sub,.ch-card:hover .ch-arrow{color:#ffffffb3}.ch-email{--brand:var(--c-email)}.ch-linkedin{--brand:var(--c-linkedin)}.ch-youtube{--brand:var(--c-youtube)}.ch-twitch{--brand:var(--c-twitch)}.ch-icon{font-size:var(--text-2xl);margin-bottom:var(--space-2);line-height:1}.ch-name{font-size:var(--text-lg);font-weight:700}.ch-sub{font-size:var(--text-sm);color:var(--text-muted);flex:1}.ch-arrow{font-size:var(--text-lg);margin-top:auto;transition:color .15s}#footer{padding-block:var(--space-8);border-top:1px solid var(--border)}.footer-wrap{justify-content:space-between;align-items:center;display:flex}.footer-text{font-size:var(--text-sm);color:var(--text-muted)}.scroll-top{border:1px solid var(--border);background:var(--surface);cursor:pointer;width:36px;height:36px;font-size:var(--text-base);border-radius:50%;justify-content:center;align-items:center;transition:all .15s;display:flex}.scroll-top:hover{background:var(--accent);color:#fff;border-color:var(--accent)}@media (width<=768px){.contact-upper{grid-template-columns:1fr}.contact-channels{grid-template-columns:repeat(2,1fr)}}@media (width<=480px){.contact-channels{grid-template-columns:1fr}}#bg-decor{pointer-events:none;z-index:0;width:100%;height:100%;position:fixed;inset:0}#bg-decor svg{pointer-events:none;color:var(--accent);display:none;position:absolute}@media (width>=1200px){#bg-decor svg{display:block}}#bg-decor svg :is(line,polyline,polygon,circle,rect,path){fill:none;stroke:var(--accent);stroke-width:.8px;stroke-linecap:round;stroke-linejoin:round;vector-effect:non-scaling-stroke}#bg-decor svg .dot{fill:var(--accent);stroke:none}#bg-decor svg text{fill:var(--accent);stroke:none;font-family:var(--font-mono), monospace}#bg-decor #d01{opacity:.1;top:5%;left:1.5vw}#bg-decor #d02{opacity:.08;top:14%;left:2vw}#bg-decor #d03{opacity:.09;top:22%;left:1vw}#bg-decor #d04{opacity:.08;top:30%;left:2.5vw}#bg-decor #d05{opacity:.1;top:38%;left:1vw}#bg-decor #d06{opacity:.1;top:4%;right:1.5vw}#bg-decor #d07{opacity:.08;top:12%;right:2vw}#bg-decor #d08{opacity:.09;top:20%;right:1.5vw}#bg-decor #d09{opacity:.09;top:28%;right:2vw}#bg-decor #d10{opacity:.1;top:35%;right:1vw}#bg-decor #d11{opacity:.09;top:8%;left:.5vw;transform:rotate(-6deg)}#bg-decor #d12{opacity:.09;top:18%;left:.8vw;transform:rotate(-4deg)}#bg-decor #d13{opacity:.09;top:26%;left:.3vw;transform:rotate(-7deg)}#bg-decor #d14{opacity:.09;top:45%;left:1.5vw}#bg-decor #d15{opacity:.1;top:52%;right:2vw}#bg-decor #d16{opacity:.08;top:58%;left:2vw}#bg-decor #d17{opacity:.09;top:64%;right:1.5vw}#bg-decor #d18{opacity:.09;top:70%;left:1vw}#bg-decor #d19{opacity:.1;top:72%;right:2vw}#bg-decor #d20{opacity:.09;top:78%;left:1.5vw}#bg-decor #d21{opacity:.08;top:83%;right:1vw}#bg-decor #d22{opacity:.1;top:87%;left:2vw}#bg-decor #d23{opacity:.1;top:90%;right:2vw}#bg-decor #d24{opacity:.09;top:93%;left:1.5vw}#bg-decor #d25{opacity:.1;top:96%;right:1.5vw}@media (width>=1600px){:root{--max:1400px}}@media (width>=2200px){:root{--max:1700px}}@media (width>=3000px){:root{--max:2200px}}.is-gsap [data-reveal]{opacity:0}@media (width<=768px){.section,.path{padding-top:64px;padding-bottom:64px}.nav-links{display:none}}@media (width<=560px){.nav-inner{gap:var(--space-3)}.logo-text,.nav-badge-text{display:none}}@media (prefers-reduced-motion:reduce){html{scroll-behavior:auto}*,:before,:after{transition-duration:.001ms!important;animation-duration:.001ms!important}.is-gsap [data-reveal]{opacity:1}.lamp-click-mark{opacity:.65;animation:none;transform:scale(1)}}