:root{--font-heading:'Satoshi',-apple-system,BlinkMacSystemFont,'Segoe UI',sans-serif;--font-body:'Chillax',-apple-system,BlinkMacSystemFont,'Segoe UI',sans-serif;--font-display:'Zodiak',Georgia,serif;--font-mono:'JetBrains Mono',monospace;--ease-out-strong:cubic-bezier(0.23,1,0.32,1);--ease-in-out-strong:cubic-bezier(0.77,0,0.175,1);--ease-drawer:cubic-bezier(0.32,0.72,0,1);--transition-smooth:all 0.3s var(--ease-out-strong);--color-bg:14,14,14;--color-bg-soft:22,20,18;--color-bg-softer:30,27,24;--color-fg:218,197,167;--color-ink:20,14,10;--color-accent:232,141,74;--color-accent-hover:245,165,105;--color-border:rgba(218,197,167,0.15);--color-border-subtle:rgba(218,197,167,0.08);--color-success:52,211,153;--color-tag-bg:rgba(218,197,167,0.06);--shadow-card:0 24px 60px -28px rgba(0,0,0,0.8),0 0 0 1px rgba(218,197,167,0.1);--shadow-card-hover:0 30px 70px -24px rgba(232,141,74,0.35),0 0 0 1px rgba(232,141,74,0.45);--shadow-glow:0 0 40px 6px rgba(232,141,74,0.3);--mesh-opacity:0.08}:root[data-theme="light"],[data-zu-theme="light"],body[data-zu-theme="light"]{--color-bg:246,241,233;--color-bg-soft:238,230,215;--color-bg-softer:230,219,199;--color-fg:20,14,10;--color-ink:246,241,233;--color-accent:180,82,36;--color-accent-hover:205,95,45;--color-border:rgba(20,14,10,0.12);--color-border-subtle:rgba(20,14,10,0.06);--color-success:16,185,129;--color-tag-bg:rgba(20,14,10,0.05);--shadow-card:0 20px 45px -20px rgba(0,0,0,0.12),0 0 0 1px rgba(20,14,10,0.08);--shadow-card-hover:0 28px 60px -22px rgba(180,82,36,0.2),0 0 0 1px rgba(180,82,36,0.35);--shadow-glow:0 0 35px 4px rgba(180,82,36,0.25);--mesh-opacity:0.04}.zu-photo-dark,.zu-photo-light{transition:opacity 0.4s var(--ease-out-strong)}.zu-photo-dark{display:block}.zu-photo-light{display:none}:root[data-theme="light"] .zu-photo-dark,[data-zu-theme="light"] .zu-photo-dark{display:none}:root[data-theme="light"] .zu-photo-light,[data-zu-theme="light"] .zu-photo-light{display:block}*,*::before,*::after{box-sizing:border-box;margin:0;padding:0}html{font-size:16px;scroll-behavior:smooth;background-color:#0E0E0E;background-color:rgb(var(--color-bg));color-scheme:dark light;transition:background-color 0.35s var(--ease-out-strong)}body{font-family:var(--font-body);color:rgba(var(--color-fg),0.78);background-color:#0E0E0E;background-color:rgb(var(--color-bg));line-height:1.7;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;overflow-x:hidden;position:relative;transition:color 0.35s var(--ease-out-strong),background-color 0.35s var(--ease-out-strong)}body::before{content:"";position:fixed;inset:0;pointer-events:none;z-index:0;background-image:radial-gradient(ellipse 65% 55% at 15% 10%,rgba(var(--color-fg),var(--mesh-opacity)),transparent 70%),radial-gradient(ellipse 55% 45% at 85% 25%,rgba(var(--color-accent),calc(var(--mesh-opacity) * 1.2)),transparent 70%),radial-gradient(ellipse 60% 50% at 50% 80%,rgba(var(--color-fg),var(--mesh-opacity)),transparent 70%)}::selection{background-color:rgba(var(--color-accent),0.35);color:rgb(var(--color-fg))}a{color:inherit;text-decoration:none;transition:var(--transition-smooth)}img{max-width:100%;height:auto;display:block}button,input,textarea,select{font:inherit;color:inherit}button{cursor:pointer;border:none;background:none}h1,h2,h3,h4,h5,h6{font-family:var(--font-heading);color:rgb(var(--color-fg));font-weight:300;letter-spacing:-0.03em;line-height:1.15}h1 em,h2 em,h3 em{font-family:var(--font-display);font-style:italic;font-weight:400;color:rgb(var(--color-accent));padding-left:0.1em}.zu-container{width:100%;max-width:1320px;margin-left:auto;margin-right:auto;padding-left:1.5rem;padding-right:1.5rem;position:relative;z-index:1}@media (min-width:768px){.zu-container{padding-left:2.5rem;padding-right:2.5rem}}.zu-section{padding-top:6rem;padding-bottom:6rem;position:relative}@media (min-width:1024px){.zu-section{padding-top:8.5rem;padding-bottom:8.5rem}}.zu-section-header{margin-bottom:3.5rem}@media (min-width:768px){.zu-section-header{margin-bottom:4.5rem}}.zu-eyebrow{display:inline-flex;align-items:center;gap:0.75rem;font-family:var(--font-mono);font-size:0.8125rem;font-weight:500;letter-spacing:0.12em;text-transform:uppercase;color:rgba(var(--color-fg),0.65);margin-bottom:1rem}.zu-eyebrow::before{content:"";display:inline-block;width:20px;height:1px;background-color:rgb(var(--color-accent))}.zu-section-title{font-size:2.5rem;line-height:1.1;letter-spacing:-0.03em}@media (min-width:768px){.zu-section-title{font-size:3.5rem}}@media (min-width:1200px){.zu-section-title{font-size:4.25rem}}.zu-section-subtitle{font-size:1.125rem;max-width:680px;margin-top:1.25rem;color:rgba(var(--color-fg),0.62);line-height:1.7}.zu-card{background-color:rgb(var(--color-bg-soft));border:1px solid var(--color-border);border-radius:6px;box-shadow:var(--shadow-card);padding:2rem;position:relative;transition:transform 0.35s var(--ease-out-strong),border-color 0.35s var(--ease-out-strong),box-shadow 0.35s var(--ease-out-strong),background-color 0.35s var(--ease-out-strong)}.zu-card:hover{border-color:rgba(var(--color-accent),0.5);box-shadow:var(--shadow-card-hover);transform:translateY(-4px)}.zu-btn{display:inline-flex;align-items:center;justify-content:center;gap:0.65rem;font-family:var(--font-heading);font-size:0.8125rem;font-weight:500;letter-spacing:0.08em;text-transform:uppercase;padding:0.875rem 1.75rem;border-radius:3px;transition:var(--transition-smooth);position:relative;white-space:nowrap}.zu-btn-primary{background-color:rgb(var(--color-fg));color:rgb(var(--color-ink));border:1px solid rgb(var(--color-fg))}.zu-btn-primary:hover{background-color:rgb(var(--color-accent));border-color:rgb(var(--color-accent));color:#ffffff;box-shadow:var(--shadow-glow);transform:translateY(-2px)}.zu-btn-outline{background-color:transparent;color:rgb(var(--color-fg));border:1px solid var(--color-border)}.zu-btn-outline:hover{background-color:rgba(var(--color-fg),0.05);border-color:rgb(var(--color-accent));color:rgb(var(--color-accent));transform:translateY(-2px)}.zu-btn-sm{padding:0.5rem 1rem;font-size:0.75rem}.zu-pulse-dot{width:8px;height:8px;border-radius:50%;background-color:rgb(var(--color-success));position:relative}.zu-pulse-dot::after{content:"";position:absolute;inset:-3px;border-radius:50%;background-color:rgb(var(--color-success));opacity:0.6;animation:zu-pulse 2s infinite cubic-bezier(0,0,0.2,1)}@keyframes zu-pulse{0%{transform:scale(1);opacity:0.8}70%{transform:scale(2.5);opacity:0}100%{transform:scale(2.5);opacity:0}}.zu-header{position:fixed;top:0;left:0;right:0;z-index:100;padding:1.25rem 0;transition:padding 0.3s var(--ease-out-strong),background-color 0.3s var(--ease-out-strong),backdrop-filter 0.3s}.zu-header.zu-header-scrolled{padding:0.85rem 0;background-color:rgba(var(--color-bg),0.85);backdrop-filter:blur(20px);-webkit-backdrop-filter:blur(20px);border-bottom:1px solid var(--color-border-subtle)}.zu-header-inner{display:flex;align-items:center;justify-content:space-between}.zu-brand{display:inline-flex;align-items:baseline;gap:0.25rem;font-family:var(--font-heading);font-size:1.35rem;font-weight:700;letter-spacing:-0.04em;color:rgb(var(--color-fg))}.zu-brand-dot{display:inline-block;color:rgb(var(--color-accent));transform-origin:50% 85%;animation:zu-dot-bounce 2.6s infinite cubic-bezier(0.25,1,0.5,1);will-change:transform}@keyframes zu-dot-bounce{0%,100%{transform:translateY(0) scale(1,1)}6%{transform:translateY(0) scale(1.18,0.82)}16%{transform:translateY(-9px) scale(0.92,1.15)}24%{transform:translateY(-11px) scale(0.96,1.04)}32%{transform:translateY(-2px) scale(0.98,1.08)}38%{transform:translateY(0) scale(1.22,0.78)}46%{transform:translateY(-4px) scale(0.95,1.05)}53%{transform:translateY(0) scale(1.08,0.92)}60%{transform:translateY(0) scale(1,1)}}.zu-brand:hover .zu-brand-dot{animation:zu-dot-hover 0.7s cubic-bezier(0.34,1.56,0.64,1) infinite alternate;filter:drop-shadow(0 0 6px rgba(var(--color-accent),0.7))}@keyframes zu-dot-hover{0%{transform:translateY(0) scale(1.1,0.9)}100%{transform:translateY(-8px) scale(0.95,1.1)}}.zu-brand-role{font-family:var(--font-mono);font-size:0.6875rem;font-weight:400;color:rgba(var(--color-fg),0.7);margin-left:0.5rem;padding-left:0.5rem;border-left:1px solid var(--color-border);display:none}@media (min-width:640px){.zu-brand-role{display:inline-block}}.zu-nav-desktop{display:none}@media (min-width:860px){.zu-nav-desktop{display:flex;align-items:center;gap:1.25rem;list-style:none}}@media (min-width:1040px){.zu-nav-desktop{gap:1.65rem}}@media (min-width:1220px){.zu-nav-desktop{gap:2rem}}.zu-nav-link{font-family:var(--font-heading);font-size:0.875rem;font-weight:400;letter-spacing:0.02em;color:rgba(var(--color-fg),0.7);position:relative;padding:0.25rem 0}.zu-nav-link:hover,.zu-nav-link.zu-active{color:rgb(var(--color-fg))}.zu-nav-link::after{content:"";position:absolute;bottom:-2px;left:0;width:0;height:1.5px;background-color:rgb(var(--color-accent));transition:width 0.25s var(--ease-out-strong)}.zu-nav-link:hover::after,.zu-nav-link.zu-active::after{width:100%}.zu-header-actions{display:flex;align-items:center;gap:1rem}.zu-theme-btn{display:inline-flex;align-items:center;justify-content:center;width:40px;height:40px;border-radius:50%;background-color:rgba(var(--color-fg),0.05);border:1px solid var(--color-border);color:rgb(var(--color-fg));transition:var(--transition-smooth)}.zu-theme-btn:hover{background-color:rgba(var(--color-accent),0.15);border-color:rgb(var(--color-accent));color:rgb(var(--color-accent));transform:rotate(20deg)}.zu-theme-icon{width:18px;height:18px;fill:currentColor}.zu-menu-btn{display:flex;flex-direction:column;justify-content:center;gap:5px;width:40px;height:40px;border-radius:4px;background-color:rgba(var(--color-fg),0.05);border:1px solid var(--color-border);padding:10px}@media (min-width:860px){.zu-menu-btn{display:none}}.zu-menu-bar{width:100%;height:2px;background-color:rgb(var(--color-fg));transition:var(--transition-smooth)}.zu-nav-open .zu-menu-bar:nth-child(1){transform:translateY(7px) rotate(45deg)}.zu-nav-open .zu-menu-bar:nth-child(2){opacity:0}.zu-nav-open .zu-menu-bar:nth-child(3){transform:translateY(-7px) rotate(-45deg)}.zu-nav-mobile{position:fixed;top:72px;inset-x:1rem;background-color:rgb(var(--color-bg-soft));border:1px solid var(--color-border);border-radius:8px;box-shadow:0 30px 60px rgba(0,0,0,0.4);padding:2rem 1.5rem;display:flex;flex-direction:column;gap:1.25rem;list-style:none;opacity:0;visibility:hidden;transform:translateY(-10px);transition:var(--transition-smooth);z-index:99}.zu-nav-open .zu-nav-mobile{opacity:1;visibility:visible;transform:translateY(0)}.zu-nav-mobile .zu-nav-link{font-size:1.15rem;padding:0.5rem 0}.zu-hero{min-height:90vh;display:flex;align-items:center;padding-top:8rem;padding-bottom:5rem}@media (min-width:1024px){.zu-hero{min-height:95vh;padding-top:10rem;padding-bottom:7rem}}.zu-hero-grid{display:grid;grid-template-columns:1fr;gap:3.5rem;align-items:center}@media (min-width:960px){.zu-hero-grid{grid-template-columns:1.25fr 0.85fr;gap:4.5rem}}.zu-hero-content{display:flex;flex-direction:column;align-items:flex-start}.zu-hero-title{font-size:3rem;line-height:1.05;letter-spacing:-0.04em;margin-top:1.5rem;margin-bottom:1.5rem}@media (min-width:640px){.zu-hero-title{font-size:4rem}}@media (min-width:1024px){.zu-hero-title{font-size:4rem}}.zu-hero-bio{font-size:1.125rem;line-height:1.75;color:rgba(var(--color-fg),0.75);max-width:620px;margin-bottom:1.75rem}.zu-hero-stack-wrap{display:flex;align-items:center;flex-wrap:wrap;gap:0.85rem;margin-bottom:2.25rem}.zu-hero-stack-label{font-family:var(--font-mono);font-size:0.8125rem;font-weight:600;color:rgb(var(--color-accent));letter-spacing:0.05em;text-transform:uppercase}.zu-hero-stack-icons{display:flex;align-items:center;flex-wrap:wrap;gap:0.5rem}.zu-stack-badge{position:relative;width:38px;height:38px;border-radius:9px;display:inline-flex;align-items:center;justify-content:center;background:rgba(var(--color-fg),0.035);border:1px solid var(--color-border-subtle);color:rgba(var(--color-fg),0.65);transition:transform 0.22s cubic-bezier(0.16,1,0.3,1),border-color 0.22s ease,background 0.22s ease,color 0.22s ease,box-shadow 0.22s ease;cursor:pointer;outline:none}.zu-stack-badge:focus-visible{border-color:rgb(var(--color-accent));box-shadow:0 0 0 2px rgba(var(--color-accent),0.3)}.zu-stack-badge:hover{transform:translateY(-3px);background:rgba(var(--color-fg),0.08);border-color:rgba(var(--color-fg),0.2)}.zu-stack-svg{width:19px;height:19px;display:block;transition:color 0.2s ease,filter 0.2s ease}.zu-stack-badge:hover .zu-icon-php{color:#8892BF;filter:drop-shadow(0 0 6px rgba(136,146,191,0.6))}.zu-stack-badge:hover .zu-icon-wordpress{color:#3858E9;filter:drop-shadow(0 0 6px rgba(56,88,233,0.6))}.zu-stack-badge:hover .zu-icon-shopify{color:#95BF47;filter:drop-shadow(0 0 6px rgba(149,191,71,0.6))}.zu-stack-badge:hover .zu-icon-woocommerce{color:#96588A;filter:drop-shadow(0 0 6px rgba(150,88,138,0.6))}.zu-stack-badge:hover .zu-icon-laravel{color:#FF2D20;filter:drop-shadow(0 0 6px rgba(255,45,32,0.6))}.zu-stack-badge:hover .zu-icon-mysql{color:#00758F;filter:drop-shadow(0 0 6px rgba(0,117,143,0.6))}.zu-stack-badge:hover .zu-icon-redis{color:#DC382D;filter:drop-shadow(0 0 6px rgba(220,56,45,0.6))}.zu-stack-badge:hover .zu-icon-cloudflare{color:#F38020;filter:drop-shadow(0 0 6px rgba(243,128,32,0.6))}.zu-stack-badge:hover .zu-icon-docker{color:#2496ED;filter:drop-shadow(0 0 6px rgba(36,150,237,0.6))}.zu-stack-badge:hover .zu-icon-react{color:#61DAFB;filter:drop-shadow(0 0 6px rgba(97,218,251,0.6))}.zu-stack-badge::after{content:attr(data-zu-tooltip);position:absolute;bottom:calc(100% + 7px);left:50%;transform:translateX(-50%) translateY(4px);background:#191410;color:#f7eee7;font-family:var(--font-mono);font-size:0.7rem;font-weight:500;padding:0.3rem 0.55rem;border-radius:6px;white-space:nowrap;pointer-events:none;opacity:0;visibility:hidden;border:1px solid rgba(255,255,255,0.12);box-shadow:0 4px 14px rgba(0,0,0,0.45);transition:all 0.18s cubic-bezier(0.16,1,0.3,1);z-index:30}[data-theme="light"] .zu-stack-badge::after{background:#231C18;color:#ffffff;border:1px solid rgba(0,0,0,0.15)}.zu-stack-badge:hover::after,.zu-stack-badge:focus-visible::after{opacity:1;visibility:visible;transform:translateX(-50%) translateY(0)}.zu-hero-actions{display:flex;flex-wrap:wrap;gap:1rem;margin-bottom:2.5rem}.zu-social-links{display:flex;align-items:center;gap:0.75rem;list-style:none;padding:0;margin:0}.zu-social-btn{position:relative;width:42px;height:42px;border-radius:10px;display:inline-flex;align-items:center;justify-content:center;background:rgba(var(--color-fg),0.035);border:1px solid var(--color-border-subtle);color:rgba(var(--color-fg),0.7);transition:transform 0.22s cubic-bezier(0.16,1,0.3,1),border-color 0.22s ease,background 0.22s ease,color 0.22s ease,box-shadow 0.22s ease;cursor:pointer;text-decoration:none;outline:none}.zu-social-btn:focus-visible{border-color:rgb(var(--color-accent));box-shadow:0 0 0 2px rgba(var(--color-accent),0.3)}.zu-social-btn:hover{transform:translateY(-3px);background:rgba(var(--color-fg),0.08)}.zu-social-svg{width:20px;height:20px;display:block;transition:color 0.2s ease,filter 0.2s ease}.zu-social-btn:hover .zu-social-github{color:#ffffff;filter:drop-shadow(0 0 6px rgba(255,255,255,0.5))}.zu-social-btn:hover:has(.zu-social-github){border-color:rgba(255,255,255,0.35);box-shadow:0 6px 18px rgba(0,0,0,0.35)}.zu-social-btn:hover .zu-social-linkedin{color:#0A66C2;filter:drop-shadow(0 0 6px rgba(10,102,194,0.6))}.zu-social-btn:hover:has(.zu-social-linkedin){border-color:rgba(10,102,194,0.4);box-shadow:0 6px 18px rgba(10,102,194,0.25)}.zu-social-btn:hover .zu-social-email{color:rgb(var(--color-accent));filter:drop-shadow(0 0 6px rgba(var(--color-accent),0.6))}.zu-social-btn:hover:has(.zu-social-email){border-color:rgba(var(--color-accent),0.4);box-shadow:0 6px 18px rgba(var(--color-accent),0.25)}.zu-social-btn::after{content:attr(data-zu-tooltip);position:absolute;bottom:calc(100% + 7px);left:50%;transform:translateX(-50%) translateY(4px);background:#191410;color:#f7eee7;font-family:var(--font-mono);font-size:0.7rem;font-weight:500;padding:0.3rem 0.55rem;border-radius:6px;white-space:nowrap;pointer-events:none;opacity:0;visibility:hidden;border:1px solid rgba(255,255,255,0.12);box-shadow:0 4px 14px rgba(0,0,0,0.45);transition:all 0.18s cubic-bezier(0.16,1,0.3,1);z-index:30}[data-theme="light"] .zu-social-btn::after{background:#231C18;color:#ffffff;border:1px solid rgba(0,0,0,0.15)}.zu-social-btn:hover::after,.zu-social-btn:focus-visible::after{opacity:1;visibility:visible;transform:translateX(-50%) translateY(0)}.zu-social-link{font-family:var(--font-heading);font-size:0.8125rem;font-weight:500;letter-spacing:0.06em;text-transform:uppercase;color:rgba(var(--color-fg),0.65);display:inline-flex;align-items:center;gap:0.35rem}.zu-social-link:hover{color:rgb(var(--color-accent))}.zu-arrow-up-right{font-size:0.9em;transition:transform 0.2s var(--ease-out-strong)}.zu-social-link:hover .zu-arrow-up-right{transform:translate(2px,-2px)}.zu-hero-card-wrap{position:relative}.zu-hero-visual-card{background-color:rgb(var(--color-bg-soft));border:1px solid var(--color-border);border-radius:8px;box-shadow:var(--shadow-card);padding:1.5rem;position:relative;overflow:hidden}.zu-hero-photo{border-radius:6px;overflow:hidden;position:relative;aspect-ratio:4/5;background-color:rgba(var(--color-fg),0.05)}.zu-hero-photo img{width:100%;height:100%;object-fit:cover;object-position:top center;filter:grayscale(15%) contrast(105%);transition:filter 0.5s ease,transform 0.5s ease}.zu-hero-visual-card:hover .zu-hero-photo img{filter:grayscale(0%) contrast(100%);transform:scale(1.03)}.zu-hero-tag-badge{position:absolute;bottom:1.5rem;left:1.5rem;right:1.5rem;background-color:rgba(var(--color-bg),0.88);backdrop-filter:blur(16px);-webkit-backdrop-filter:blur(16px);border:1px solid var(--color-border);border-radius:4px;padding:0.875rem 1rem;display:flex;align-items:center;justify-content:space-between}.zu-hero-tag-title{font-family:var(--font-heading);font-size:0.875rem;font-weight:600;color:rgb(var(--color-fg))}.zu-hero-tag-sub{font-family:var(--font-mono);font-size:0.6875rem;color:rgba(var(--color-fg),0.7)}.zu-hero-metric{font-family:var(--font-display);font-size:1.25rem;font-style:italic;color:rgb(var(--color-accent))}.zu-code-badge{margin-top:1rem;background-color:rgba(var(--color-bg),0.95);border:1px solid var(--color-border);border-radius:6px;padding:1rem 1.25rem;font-family:var(--font-mono);font-size:0.75rem;line-height:1.6}.zu-code-dots{display:flex;gap:6px;margin-bottom:0.65rem}.zu-code-dot{width:9px;height:9px;border-radius:50%;background-color:rgba(var(--color-fg),0.2)}.zu-code-dot:nth-child(1){background-color:#ff5f56}.zu-code-dot:nth-child(2){background-color:#ffbd2e}.zu-code-dot:nth-child(3){background-color:#27c93f}.zu-code-line{color:rgba(var(--color-fg),0.7)}.zu-tok-kw{color:rgb(var(--color-accent))}.zu-tok-cls{color:#569cd6}.zu-tok-str{color:#ce9178}.zu-tok-num{color:#b5cea8}.zu-value-grid{display:grid;grid-template-columns:1fr;gap:1.5rem}@media (min-width:768px){.zu-value-grid{grid-template-columns:repeat(2,1fr)}}@media (min-width:1100px){.zu-value-grid{grid-template-columns:repeat(4,1fr)}}.zu-value-card{display:flex;flex-direction:column;justify-content:space-between;min-height:320px}.zu-value-num{font-family:var(--font-mono);font-size:0.8125rem;color:rgba(var(--color-fg),0.65);margin-bottom:1.5rem}.zu-value-title{font-size:1.5rem;font-weight:500;margin-bottom:1rem;line-height:1.25}.zu-value-desc{font-size:0.9375rem;color:rgba(var(--color-fg),0.65);line-height:1.7;margin-bottom:1.5rem}.zu-value-tags{display:flex;flex-wrap:wrap;gap:0.5rem;margin-top:auto}.zu-tag{display:inline-block;padding:0.25rem 0.6rem;border-radius:2px;background-color:var(--color-tag-bg);border:1px solid var(--color-border-subtle);font-family:var(--font-mono);font-size:0.6875rem;color:rgba(var(--color-fg),0.8)}.zu-process-list{display:flex;flex-direction:column;gap:1.25rem}.zu-process-card{display:grid;grid-template-columns:1fr;gap:1.5rem;padding:2rem 2.25rem}@media (min-width:860px){.zu-process-card{grid-template-columns:220px 1.5fr 1fr;align-items:center;gap:2.5rem}}.zu-process-meta{display:flex;flex-direction:column;gap:0.5rem}.zu-process-step-num{font-family:var(--font-mono);font-size:0.75rem;color:rgb(var(--color-accent));font-weight:600;letter-spacing:0.08em}.zu-process-badges{display:flex;flex-wrap:wrap;gap:0.5rem}.zu-badge-time{font-family:var(--font-mono);font-size:0.6875rem;padding:0.2rem 0.5rem;background-color:rgba(var(--color-fg),0.06);border:1px solid var(--color-border);border-radius:2px;color:rgb(var(--color-fg))}.zu-badge-status{font-family:var(--font-mono);font-size:0.6875rem;font-weight:600;padding:0.2rem 0.5rem;background-color:rgba(var(--color-accent),0.12);border:1px solid rgba(var(--color-accent),0.3);border-radius:2px;color:rgb(var(--color-accent))}.zu-process-info h3{font-size:1.35rem;margin-bottom:0.5rem;font-weight:500}.zu-process-info p{font-size:0.9375rem;color:rgba(var(--color-fg),0.65)}.zu-process-deliverables{list-style:none;display:flex;flex-direction:column;gap:0.4rem;font-family:var(--font-mono);font-size:0.75rem;color:rgba(var(--color-fg),0.7);padding-left:0}.zu-process-deliverables li{display:flex;align-items:center;gap:0.5rem}.zu-process-deliverables li::before{content:"→";color:rgb(var(--color-accent))}.zu-playground-section{background-color:rgba(var(--color-fg),0.02);border-top:1px solid var(--color-border-subtle);border-bottom:1px solid var(--color-border-subtle)}.zu-terminal-card{background-color:rgb(var(--color-bg-soft));border:1px solid var(--color-border);border-radius:8px;box-shadow:var(--shadow-card);overflow:hidden}.zu-terminal-header{background-color:rgb(var(--color-bg-softer));border-bottom:1px solid var(--color-border);padding:0.875rem 1.5rem;display:flex;flex-wrap:wrap;align-items:center;justify-content:space-between;gap:1rem}.zu-terminal-tabs{display:flex;flex-wrap:wrap;gap:0.5rem}.zu-term-tab{font-family:var(--font-mono);font-size:0.75rem;font-weight:500;padding:0.4rem 0.85rem;border-radius:3px;border:1px solid transparent;color:rgba(var(--color-fg),0.6);background:none;transition:var(--transition-smooth)}.zu-term-tab:hover{color:rgb(var(--color-fg));background-color:rgba(var(--color-fg),0.05)}.zu-term-tab.zu-active{color:rgb(var(--color-accent));background-color:rgba(var(--color-accent),0.1);border-color:rgba(var(--color-accent),0.35)}.zu-terminal-body{padding:1.75rem 2rem;font-family:var(--font-mono);font-size:0.8125rem;line-height:1.8;overflow-x:auto}.zu-term-pane{display:none}.zu-term-pane.zu-active{display:block;animation:zu-fade 0.3s ease-in-out}@keyframes zu-fade{from{opacity:0;transform:translateY(4px)}to{opacity:1;transform:translateY(0)}}.zu-metric-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(180px,1fr));gap:1rem;margin-top:1.25rem}.zu-metric-box{background-color:rgba(var(--color-fg),0.04);border:1px solid var(--color-border-subtle);border-radius:4px;padding:1rem}.zu-metric-val{font-size:1.5rem;font-weight:700;color:rgb(var(--color-accent))}.zu-metric-label{font-size:0.6875rem;color:rgba(var(--color-fg),0.6);text-transform:uppercase;letter-spacing:0.05em;margin-top:0.25rem}.zu-filter-bar{display:flex;flex-wrap:wrap;gap:0.65rem;margin-bottom:2.5rem}.zu-filter-btn{font-family:var(--font-heading);font-size:0.8125rem;font-weight:500;letter-spacing:0.04em;padding:0.5rem 1.15rem;border-radius:2px;border:1px solid var(--color-border);background-color:rgb(var(--color-bg-soft));color:rgba(var(--color-fg),0.7);transition:var(--transition-smooth)}.zu-filter-btn:hover{border-color:rgb(var(--color-accent));color:rgb(var(--color-fg))}.zu-filter-btn.zu-active{background-color:rgb(var(--color-fg));color:rgb(var(--color-ink));border-color:rgb(var(--color-fg))}.zu-projects-grid{display:grid;grid-template-columns:1fr;gap:1.75rem}@media (min-width:768px){.zu-projects-grid{grid-template-columns:repeat(2,1fr)}}@media (min-width:1200px){.zu-projects-grid{grid-template-columns:repeat(3,1fr)}}.zu-project-card{display:flex;flex-direction:column;justify-content:space-between;height:100%}.zu-project-card.zu-hidden{display:none}.zu-project-head{display:flex;align-items:center;justify-content:space-between;margin-bottom:1.25rem}.zu-project-glyph{font-family:var(--font-mono);font-size:0.75rem;color:rgb(var(--color-accent));background-color:rgba(var(--color-accent),0.1);padding:0.2rem 0.5rem;border-radius:2px}.zu-glyph-shopify{color:#99E344;background-color:rgba(149,191,71,0.12);border:1px solid rgba(149,191,71,0.25);font-weight:500}.zu-glyph-wordpress{color:#6C8DFF;background-color:rgba(56,88,233,0.12);border:1px solid rgba(56,88,233,0.25);font-weight:500}.zu-glyph-woocommerce{color:#E598D6;background-color:rgba(150,88,138,0.12);border:1px solid rgba(177,114,166,0.25);font-weight:500}.zu-glyph-headless{color:#38E1FF;background-color:rgba(0,210,255,0.12);border:1px solid rgba(0,210,255,0.25);font-weight:500}.zu-glyph-fintech{color:#F7B731;background-color:rgba(243,156,18,0.12);border:1px solid rgba(243,156,18,0.25);font-weight:500}.zu-glyph-php{color:#A6B1E1;background-color:rgba(136,146,191,0.12);border:1px solid rgba(136,146,191,0.25);font-weight:500}.zu-project-card[data-platform="shopify"]:hover{border-color:rgba(149,191,71,0.45)}.zu-project-card[data-platform="wordpress"]:hover{border-color:rgba(56,88,233,0.45)}.zu-project-card[data-platform="woocommerce"]:hover{border-color:rgba(177,114,166,0.45)}.zu-project-card[data-platform="headless"]:hover{border-color:rgba(0,210,255,0.45)}.zu-project-card[data-platform="fintech"]:hover{border-color:rgba(243,156,18,0.45)}.zu-project-card[data-platform="php"]:hover{border-color:rgba(136,146,191,0.45)}.zu-project-domain{font-family:var(--font-mono);font-size:0.6875rem;color:rgba(var(--color-fg),0.7)}.zu-project-card h3{font-size:1.35rem;font-weight:500;margin-bottom:0.75rem;line-height:1.25}.zu-project-card p{font-size:0.9375rem;color:rgba(var(--color-fg),0.65);line-height:1.65;margin-bottom:1.25rem}.zu-project-foot{margin-top:auto;display:flex;align-items:center;justify-content:space-between;padding-top:1rem;border-top:1px solid var(--color-border-subtle)}.zu-project-links{display:flex;align-items:center;gap:1rem}.zu-link-item{font-family:var(--font-heading);font-size:0.8125rem;font-weight:500;color:rgb(var(--color-fg));display:inline-flex;align-items:center;gap:0.35rem}.zu-link-item:hover{color:rgb(var(--color-accent))}.zu-modal-trigger{font-family:var(--font-mono);font-size:0.6875rem;color:rgba(var(--color-fg),0.7);cursor:pointer}.zu-modal-trigger:hover{color:rgb(var(--color-accent))}.zu-preview-wrap{position:relative;height:200px;overflow:hidden;margin:-2rem -2rem 1.5rem -2rem;border-radius:5px 5px 0 0;background:linear-gradient(135deg,rgb(var(--color-bg-softer)),rgba(var(--color-accent),0.08))}.zu-preview-wrap::after{content:"";position:absolute;bottom:0;left:0;right:0;height:40px;background:linear-gradient(to top,rgb(var(--color-bg-soft)),transparent);pointer-events:none;z-index:2;opacity:1;transition:opacity 0.4s var(--ease-out-strong)}.zu-project-card:hover .zu-preview-wrap::after{opacity:0}.zu-preview-img{width:100%;height:auto;display:block;object-fit:cover;object-position:top;transition:transform 4s cubic-bezier(0.25,0.46,0.45,0.94);will-change:transform}.zu-project-card:hover .zu-preview-img{transform:translateY(calc(-100% + 200px))}.zu-preview-fallback{display:flex;align-items:center;justify-content:center}.zu-preview-fallback::before{content:"\2039/\203A";font-family:var(--font-mono);font-size:1.5rem;color:rgba(var(--color-fg),0.15);letter-spacing:0.25em}.zu-experience-timeline{display:flex;flex-direction:column;gap:1.75rem;position:relative}.zu-experience-timeline::before{content:"";position:absolute;top:1.5rem;bottom:1.5rem;left:1.25rem;width:1px;background-color:var(--color-border);display:none}@media (min-width:768px){.zu-experience-timeline::before{display:block}}.zu-timeline-row{display:grid;grid-template-columns:1fr;gap:1rem}@media (min-width:768px){.zu-timeline-row{grid-template-columns:240px 1fr;gap:3rem}}.zu-timeline-date{font-family:var(--font-mono);font-size:0.8125rem;color:rgb(var(--color-accent));font-weight:500}.zu-timeline-content h3{font-size:1.5rem;font-weight:500;margin-bottom:0.25rem}.zu-timeline-company{font-family:var(--font-heading);font-size:1rem;color:rgba(var(--color-fg),0.85);margin-bottom:1rem}.zu-timeline-bullets{list-style:none;display:flex;flex-direction:column;gap:0.5rem;font-size:0.9375rem;color:rgba(var(--color-fg),0.7);margin-bottom:1.25rem}.zu-timeline-bullets li{position:relative;padding-left:1.25rem}.zu-timeline-bullets li::before{content:"▪";position:absolute;left:0;color:rgb(var(--color-accent))}.zu-skills-grid{display:grid;grid-template-columns:1fr;gap:1.5rem}@media (min-width:640px){.zu-skills-grid{grid-template-columns:repeat(2,1fr)}}@media (min-width:1024px){.zu-skills-grid{grid-template-columns:repeat(4,1fr)}}.zu-skill-card h3{font-size:1.15rem;font-weight:600;margin-bottom:1.25rem;color:rgb(var(--color-fg))}.zu-skill-chips{display:flex;flex-wrap:wrap;gap:0.45rem}.zu-chip{padding:0.35rem 0.65rem;border-radius:2px;background-color:var(--color-tag-bg);border:1px solid var(--color-border-subtle);font-family:var(--font-mono);font-size:0.75rem;color:rgba(var(--color-fg),0.85);transition:var(--transition-smooth)}.zu-chip:hover{border-color:rgba(var(--color-accent),0.5);background-color:rgba(var(--color-accent),0.08);color:rgb(var(--color-accent))}.zu-testimonials-grid{display:grid;grid-template-columns:1fr;gap:1.5rem}@media (min-width:768px){.zu-testimonials-grid{grid-template-columns:repeat(3,1fr)}}.zu-testimonial-card{display:flex;flex-direction:column;justify-content:space-between}.zu-testimonial-quote{font-family:var(--font-body);font-size:0.9375rem;line-height:1.7;color:rgba(var(--color-fg),0.75);margin-bottom:1.5rem}.zu-testimonial-author{display:flex;align-items:center;gap:0.85rem;padding-top:1rem;border-top:1px solid var(--color-border-subtle)}.zu-author-initials{width:36px;height:36px;border-radius:50%;background-color:rgba(var(--color-accent),0.15);color:rgb(var(--color-accent));font-family:var(--font-mono);font-size:0.75rem;font-weight:600;display:flex;align-items:center;justify-content:center}.zu-author-name{font-family:var(--font-heading);font-size:0.875rem;font-weight:600;color:rgb(var(--color-fg))}.zu-author-role{font-family:var(--font-mono);font-size:0.6875rem;color:rgba(var(--color-fg),0.7)}.zu-cta-banner{background-color:rgb(var(--color-bg-soft));border:1px solid var(--color-border);border-radius:8px;padding:3rem 2rem;margin-bottom:3.5rem;text-align:center;position:relative;overflow:hidden}@media (min-width:768px){.zu-cta-banner{padding:5rem 4rem}}.zu-cta-headline{font-size:2.75rem;line-height:1.1;margin-bottom:1.25rem}@media (min-width:768px){.zu-cta-headline{font-size:4rem}}.zu-cta-text{font-size:1.125rem;color:rgba(var(--color-fg),0.7);max-width:620px;margin:0 auto 2.25rem auto}.zu-cta-actions{display:flex;flex-wrap:wrap;justify-content:center;gap:1rem}.zu-contact-grid{display:grid;grid-template-columns:1fr;gap:2rem}@media (min-width:860px){.zu-contact-grid{grid-template-columns:1fr 1fr;gap:3.5rem}}.zu-contact-form{display:flex;flex-direction:column;gap:1.25rem}.zu-form-group{display:flex;flex-direction:column;gap:0.45rem}.zu-form-label{font-family:var(--font-mono);font-size:0.75rem;text-transform:uppercase;letter-spacing:0.08em;color:rgba(var(--color-fg),0.65)}.zu-input,.zu-textarea{background-color:rgba(var(--color-fg),0.04);border:1px solid var(--color-border);border-radius:3px;padding:0.85rem 1rem;font-family:var(--font-body);font-size:0.9375rem;color:rgb(var(--color-fg));transition:var(--transition-smooth)}.zu-input:focus,.zu-textarea:focus{outline:none;border-color:rgb(var(--color-accent));background-color:rgba(var(--color-fg),0.06);box-shadow:0 0 0 2px rgba(var(--color-accent),0.2)}.zu-textarea{resize:vertical;min-height:120px}.zu-direct-contact-list{list-style:none;display:flex;flex-direction:column;gap:1.25rem}.zu-direct-item{display:flex;flex-direction:column;gap:0.25rem}.zu-direct-label{font-family:var(--font-mono);font-size:0.6875rem;text-transform:uppercase;letter-spacing:0.08em;color:rgba(var(--color-fg),0.7)}.zu-direct-val{font-family:var(--font-heading);font-size:1.05rem;font-weight:500;color:rgb(var(--color-fg))}.zu-direct-email-wrap{display:inline-flex;align-items:center;gap:0.5rem}.zu-copy-inline-btn{display:inline-flex;align-items:center;justify-content:center;width:26px;height:26px;padding:0;border-radius:5px;background:rgba(var(--color-fg),0.05);border:1px solid var(--color-border-subtle);color:rgba(var(--color-fg),0.6);cursor:pointer;position:relative;transition:transform 0.18s cubic-bezier(0.16,1,0.3,1),border-color 0.18s ease,background-color 0.18s ease,color 0.18s ease;outline:none}.zu-copy-inline-btn:hover{background-color:rgba(var(--color-accent),0.14);border-color:rgba(var(--color-accent),0.45);color:rgb(var(--color-accent));transform:translateY(-1px)}.zu-copy-inline-btn:active{transform:translateY(0) scale(0.92)}.zu-copy-inline-btn .zu-copy-icon{width:13px;height:13px;stroke:currentColor;flex-shrink:0}.zu-copy-inline-btn .zu-copy-icon-copied{display:none}.zu-copy-inline-btn.zu-copied{background-color:rgba(16,185,129,0.15);border-color:rgba(16,185,129,0.5);color:#10B981}.zu-copy-inline-btn.zu-copied .zu-copy-icon-default{display:none}.zu-copy-inline-btn.zu-copied .zu-copy-icon-copied{display:block}.zu-copy-inline-btn::after{content:attr(data-zu-tooltip);position:absolute;bottom:calc(100% + 6px);left:50%;transform:translateX(-50%) translateY(4px);background:#191410;color:#f7eee7;font-family:var(--font-mono);font-size:0.6875rem;font-weight:500;padding:0.2rem 0.5rem;border-radius:4px;white-space:nowrap;pointer-events:none;opacity:0;visibility:hidden;border:1px solid rgba(255,255,255,0.12);box-shadow:0 4px 12px rgba(0,0,0,0.35);transition:opacity 0.16s ease,transform 0.16s ease;z-index:30}.zu-copy-inline-btn:hover::after,.zu-copy-inline-btn:focus-visible::after,.zu-copy-inline-btn.zu-copied::after{opacity:1;visibility:visible;transform:translateX(-50%) translateY(0)}[data-theme="light"] .zu-copy-inline-btn::after{background:#231C18;color:#ffffff}.zu-copy-btn{display:inline-flex;align-items:center;gap:0.5rem;font-family:var(--font-mono);font-size:0.6875rem;color:rgb(var(--color-accent));margin-top:0.25rem;cursor:pointer}.zu-copy-btn:hover{text-decoration:underline}.zu-footer{padding:5rem 0 3rem 0;border-top:1px solid var(--color-border-subtle);background-color:rgba(var(--color-fg),0.02)}.zu-footer-grid{display:grid;grid-template-columns:1fr;gap:3rem;margin-bottom:4rem}@media (min-width:768px){.zu-footer-grid{grid-template-columns:1.5fr 1fr 1fr 1fr}}.zu-footer-brand-title{font-size:1.5rem;font-weight:700;margin-bottom:0.75rem}.zu-footer-desc{font-size:0.875rem;color:rgba(var(--color-fg),0.6);max-width:280px}.zu-footer-col h4{font-family:var(--font-mono);font-size:0.75rem;text-transform:uppercase;letter-spacing:0.1em;color:rgba(var(--color-fg),0.7);margin-bottom:1.25rem}.zu-footer-nav-list{list-style:none;display:flex;flex-direction:column;gap:0.65rem}.zu-footer-nav-list a{font-size:0.875rem;color:rgba(var(--color-fg),0.7)}.zu-footer-nav-list a:hover{color:rgb(var(--color-accent))}.zu-footer-bottom{display:flex;flex-wrap:wrap;align-items:center;justify-content:space-between;gap:1.5rem;padding-top:2rem;border-top:1px solid var(--color-border-subtle);font-family:var(--font-mono);font-size:0.75rem;color:rgba(var(--color-fg),0.7)}.zu-time-badge{display:inline-flex;align-items:center;gap:0.5rem}.zu-scroll-top-btn{display:inline-flex;align-items:center;gap:0.4rem;font-family:var(--font-heading);font-size:0.75rem;font-weight:500;text-transform:uppercase;letter-spacing:0.08em;color:rgb(var(--color-fg))}.zu-scroll-top-btn:hover{color:rgb(var(--color-accent))}.zu-modal{position:fixed;inset:0;background-color:rgba(0,0,0,0.75);backdrop-filter:blur(12px);-webkit-backdrop-filter:blur(12px);z-index:200;display:flex;align-items:center;justify-content:center;padding:1.5rem;opacity:0;visibility:hidden;transition:var(--transition-smooth)}.zu-modal.zu-modal-open{opacity:1;visibility:visible}.zu-modal-dialog{background-color:rgb(var(--color-bg-soft));border:1px solid var(--color-border);border-radius:8px;box-shadow:0 40px 80px rgba(0,0,0,0.6);max-width:680px;width:100%;padding:2.5rem;position:relative;max-height:90vh;overflow-y:auto;transform:scale(0.95);transition:var(--transition-smooth)}.zu-modal.zu-modal-open .zu-modal-dialog{transform:scale(1)}.zu-modal-close{position:absolute;top:1.25rem;right:1.25rem;width:32px;height:32px;border-radius:50%;background-color:rgba(var(--color-fg),0.08);color:rgb(var(--color-fg));display:flex;align-items:center;justify-content:center;font-size:1.25rem;transition:var(--transition-smooth)}.zu-modal-close:hover{background-color:rgba(var(--color-accent),0.2);color:rgb(var(--color-accent))}[data-zu-reveal],.zu-section-header,.zu-cta-banner{opacity:0.12;filter:blur(14px);transform:translateY(28px) scale(0.985);transition:opacity 0.85s cubic-bezier(0.16,1,0.3,1),filter 0.85s cubic-bezier(0.16,1,0.3,1),transform 0.85s cubic-bezier(0.16,1,0.3,1);will-change:opacity,filter,transform;transform-origin:center top;backface-visibility:hidden;-webkit-backface-visibility:hidden}[data-zu-reveal].zu-revealed,[data-zu-reveal].zu-in-view,.zu-section-header.zu-in-view,.zu-cta-banner.zu-in-view{opacity:1;filter:blur(0px);transform:translateY(0) scale(1)}[data-zu-reveal].zu-out-view,.zu-section-header.zu-out-view,.zu-cta-banner.zu-out-view{opacity:0.18;filter:blur(12px);transform:translateY(-16px) scale(0.985)}@media (prefers-reduced-motion:reduce){[data-zu-reveal],.zu-section-header,.zu-cta-banner{opacity:1!important;filter:none!important;transform:none!important;transition:none!important}.zu-brand-dot{animation:none!important}}