:root{--color-bg-primary: #fafaf9;--color-bg-secondary: #f5f5f4;--color-bg-tertiary: #e7e5e4;--color-bg-elevated: #ffffff;--color-bg-code: #1c1917;--color-text-primary: #1c1917;--color-text-secondary: #57534e;--color-text-tertiary: #78716c;--color-text-inverse: #fafaf9;--color-accent: #1d4ed8;--color-accent-hover: #1e40af;--color-accent-light: #5184C8;--color-accent-text: #1e40af;--color-border: #d6d3d1;--color-border-subtle: #e7e5e4;--color-success: #16a34a;--color-error: #dc2626;--code-keyword: #c084fc;--code-type: #67e8f9;--code-string: #86efac;--code-fn: #fbbf24;--code-prop: #f9a8d4;--code-param: #fdba74;--code-number: #f87171;--code-comment: #a8a29e;--font-sans: "Inter", -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, sans-serif;--font-mono: "JetBrains Mono", "Fira Code", "Cascadia Code", monospace;--text-xs: .75rem;--text-sm: .875rem;--text-base: 1rem;--text-lg: 1.125rem;--text-xl: 1.25rem;--text-2xl: 1.5rem;--text-3xl: 1.875rem;--text-4xl: 2.25rem;--text-5xl: 3rem;--font-regular: 400;--font-medium: 500;--font-semibold: 600;--font-bold: 700;--leading-tight: 1.25;--leading-normal: 1.6;--leading-relaxed: 1.75;--tracking-tight: -.025em;--tracking-normal: 0;--tracking-wide: .05em;--space-1: .25rem;--space-2: .5rem;--space-3: .75rem;--space-4: 1rem;--space-5: 1.25rem;--space-6: 1.5rem;--space-8: 2rem;--space-10: 2.5rem;--space-12: 3rem;--space-16: 4rem;--space-20: 5rem;--space-24: 6rem;--space-32: 8rem;--radius-sm: 6px;--radius-md: 10px;--radius-lg: 16px;--shadow-sm: 0 1px 2px 0 rgba(0, 0, 0, .05);--shadow-md: 0 4px 6px -1px rgba(0, 0, 0, .07), 0 2px 4px -2px rgba(0, 0, 0, .05);--shadow-lg: 0 10px 15px -3px rgba(0, 0, 0, .08), 0 4px 6px -4px rgba(0, 0, 0, .04);--ease-out: cubic-bezier(.16, 1, .3, 1);--ease-in-out: cubic-bezier(.65, 0, .35, 1);--ease-spring: cubic-bezier(.34, 1.56, .64, 1);--duration-fast: .15s;--duration-normal: .25s;--duration-slow: .4s;--container-max: 1120px;--header-height: 72px}@media(prefers-color-scheme:dark){:root{--color-bg-primary: #0c0a09;--color-bg-secondary: #1c1917;--color-bg-tertiary: #292524;--color-bg-elevated: #1c1917;--color-bg-code: #0c0a09;--color-text-primary: #fafaf9;--color-text-secondary: #d6d3d1;--color-text-tertiary: #a8a29e;--color-text-inverse: #1c1917;--color-success: #4ade80;--color-error: #f87171;--color-accent: #60a5fa;--color-accent-hover: #93bbfd;--color-accent-subtle: #1e3a5f;--color-accent-text: #93c5fd;--color-border: #44403c;--color-border-subtle: #292524;--shadow-sm: 0 1px 2px 0 rgba(0, 0, 0, .3);--shadow-md: 0 4px 6px -1px rgba(0, 0, 0, .4), 0 2px 4px -2px rgba(0, 0, 0, .3);--shadow-lg: 0 10px 15px -3px rgba(0, 0, 0, .5), 0 4px 6px -4px rgba(0, 0, 0, .3)}}*,*:before,*:after{box-sizing:border-box;margin:0;padding:0}html{scroll-padding-top:calc(var(--header-height) + var(--space-8));-webkit-text-size-adjust:100%;-moz-text-size-adjust:100%;text-size-adjust:100%}body{font-family:var(--font-sans);font-size:var(--text-base);font-weight:var(--font-regular);line-height:var(--leading-normal);color:var(--color-text-primary);background-color:var(--color-bg-primary);-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}img,svg{display:block;max-width:100%}a{color:inherit;text-decoration:none}ul,ol{list-style:none}button{font:inherit;color:inherit;background:none;border:none;cursor:pointer}input,textarea{font:inherit;color:inherit}:focus-visible{outline:2px solid var(--color-accent);outline-offset:3px;border-radius:var(--radius-sm)}.skip-link{position:absolute;top:-100%;left:var(--space-4);z-index:1000;padding:var(--space-3) var(--space-4);font-size:var(--text-sm);font-weight:var(--font-semibold);color:var(--color-text-inverse);background-color:var(--color-accent);border-radius:var(--radius-sm);transition:top var(--duration-fast) var(--ease-out)}.skip-link:focus{top:var(--space-4)}.container{width:100%;max-width:var(--container-max);margin-inline:auto;padding-inline:var(--space-6)}.site-header{position:fixed;top:0;left:0;right:0;z-index:100;height:var(--header-height);background-color:var(--color-bg-primary);border-bottom:1px solid var(--color-border-subtle);transition:box-shadow var(--duration-normal) var(--ease-out)}.site-header.scrolled{background-color:#fafaf9d9;backdrop-filter:blur(12px);-webkit-backdrop-filter:blur(12px);box-shadow:var(--shadow-sm)}@media(prefers-color-scheme:dark){.site-header.scrolled{background-color:#0c0a09d9}}.header-inner{display:flex;align-items:center;justify-content:space-between;height:100%;gap:var(--space-6)}.logo{display:flex;align-items:center;gap:var(--space-2);text-decoration:none;flex-shrink:0}.logo-text{font-size:var(--text-xl);font-weight:var(--font-bold);letter-spacing:var(--tracking-tight);color:var(--color-text-primary)}.nav-menu{display:flex;align-items:center;gap:var(--space-1)}.nav-link{display:block;padding:var(--space-2) var(--space-3);font-size:var(--text-sm);font-weight:var(--font-medium);color:var(--color-text-secondary);border-radius:var(--radius-sm);transition:color var(--duration-fast) var(--ease-out),background-color var(--duration-fast) var(--ease-out)}.nav-link:hover{color:var(--color-text-primary);background-color:var(--color-bg-secondary)}.nav-link.active{color:var(--color-accent-text);background-color:var(--color-accent-subtle)}.nav-toggle{display:none;flex-direction:column;justify-content:center;gap:5px;width:40px;height:40px;padding:var(--space-2);border-radius:var(--radius-sm);transition:background-color var(--duration-fast) var(--ease-out)}.nav-toggle:hover{background-color:var(--color-bg-secondary)}.nav-toggle-bar{display:block;width:100%;height:2px;background-color:var(--color-text-primary);border-radius:1px;transition:transform var(--duration-normal) var(--ease-out),opacity var(--duration-normal) var(--ease-out)}.nav-toggle[aria-expanded=true] .nav-toggle-bar:nth-child(1){transform:translateY(7px) rotate(45deg)}.nav-toggle[aria-expanded=true] .nav-toggle-bar:nth-child(2){opacity:0}.nav-toggle[aria-expanded=true] .nav-toggle-bar:nth-child(3){transform:translateY(-7px) rotate(-45deg)}.lang-toggle{display:flex;align-items:center;justify-content:center;height:36px;padding-inline:var(--space-3);border-radius:var(--radius-sm);border:1px solid var(--color-border);color:var(--color-text-secondary);font-size:var(--text-sm);font-weight:var(--font-semibold);letter-spacing:var(--tracking-wide);transition:color var(--duration-fast) var(--ease-out),background-color var(--duration-fast) var(--ease-out),border-color var(--duration-fast) var(--ease-out);flex-shrink:0}.lang-toggle:hover{color:var(--color-text-primary);background-color:var(--color-bg-secondary);border-color:var(--color-border)}.lang-label{pointer-events:none}section{padding-block:var(--space-24)}.section-header{margin-bottom:var(--space-12)}.section-number{display:block;font-family:var(--font-mono);font-size:var(--text-sm);font-weight:var(--font-medium);color:var(--color-accent);letter-spacing:var(--tracking-wide);margin-bottom:var(--space-3)}.section-header h2{font-size:var(--text-3xl);font-weight:var(--font-bold);line-height:var(--leading-tight);letter-spacing:var(--tracking-tight);color:var(--color-text-primary)}.btn{display:inline-flex;align-items:center;gap:var(--space-2);padding:var(--space-3) var(--space-5);font-size:var(--text-sm);font-weight:var(--font-semibold);line-height:1;border-radius:var(--radius-sm);transition:background-color var(--duration-fast) var(--ease-out),color var(--duration-fast) var(--ease-out),transform var(--duration-fast) var(--ease-spring),box-shadow var(--duration-fast) var(--ease-out);white-space:nowrap}.btn:hover{transform:translateY(-2px)}.btn:active{transform:translateY(0)}.btn-primary{color:var(--color-text-inverse);background-color:var(--color-accent);box-shadow:var(--shadow-sm)}.btn-primary:hover{background-color:var(--color-accent-hover);box-shadow:var(--shadow-md)}.btn-secondary{color:var(--color-text-primary);background-color:var(--color-bg-secondary);border:1px solid var(--color-border)}.btn-secondary:hover{background-color:var(--color-bg-tertiary)}.btn-ghost{color:var(--color-text-secondary);padding:var(--space-2) var(--space-3)}.btn-ghost:hover{color:var(--color-text-primary);background-color:var(--color-bg-secondary)}.btn-submit{position:relative;min-width:160px;justify-content:center}.btn-loading,.btn-success,.btn-submit.loading .btn-text{display:none}.btn-submit.loading .btn-loading{display:flex;animation:spin .8s linear infinite}.btn-submit.success .btn-text,.btn-submit.success .btn-loading{display:none}.btn-submit.success .btn-success{display:flex}.btn-submit.success{background-color:var(--color-success)}@keyframes spin{to{transform:rotate(360deg)}}.hero{padding-top:calc(var(--header-height) + var(--space-20));padding-bottom:var(--space-20);min-height:100vh;display:flex;align-items:center}.hero-inner{display:grid;grid-template-columns:1fr 1fr;gap:var(--space-16);align-items:center}.hero-eyebrow{font-family:var(--font-mono);font-size:var(--text-sm);font-weight:var(--font-medium);color:var(--color-accent);letter-spacing:var(--tracking-wide);margin-bottom:var(--space-4)}.hero h1{font-size:var(--text-5xl);font-weight:var(--font-bold);line-height:var(--leading-tight);letter-spacing:var(--tracking-tight);color:var(--color-text-primary);margin-bottom:var(--space-6)}.hero-description{font-size:var(--text-lg);line-height:var(--leading-relaxed);color:var(--color-text-secondary);max-width:540px;margin-bottom:var(--space-8)}.hero-cta{display:flex;gap:var(--space-4);flex-wrap:wrap}.hero-code-block{background-color:var(--color-bg-code);border-radius:var(--radius-lg);overflow:hidden;box-shadow:var(--shadow-lg);border:1px solid var(--color-border)}.code-header{display:flex;align-items:center;gap:var(--space-2);padding:var(--space-3) var(--space-4);background-color:#ffffff0d;border-bottom:1px solid rgba(255,255,255,.08)}.code-dot{width:12px;height:12px;border-radius:50%;background-color:#ffffff26}.code-dot:nth-child(1){background-color:#f87171}.code-dot:nth-child(2){background-color:#fbbf24}.code-dot:nth-child(3){background-color:#34d399}.code-filename{font-family:var(--font-mono);font-size:var(--text-xs);color:#ffffff80;margin-left:var(--space-2)}.code-content{padding:var(--space-5);font-family:var(--font-mono);font-size:var(--text-sm);line-height:var(--leading-relaxed);color:#e7e5e4;overflow-x:auto}.code-content code{font-family:inherit}.code-keyword{color:var(--code-keyword)}.code-type{color:var(--code-type)}.code-string{color:var(--code-string)}.code-fn{color:var(--code-fn)}.code-prop{color:var(--code-prop)}.code-param{color:var(--code-param)}.code-number{color:var(--code-number)}.about{background-color:var(--color-bg-secondary)}.about-grid{display:grid;grid-template-columns:2fr 1fr;gap:var(--space-12);align-items:start}.about-text p{font-size:var(--text-base);line-height:var(--leading-relaxed);color:var(--color-text-secondary);margin-bottom:var(--space-5)}.about-text p:last-of-type{margin-bottom:var(--space-8)}.about-details{display:flex;flex-direction:column;gap:var(--space-4)}.detail-card{padding:var(--space-5);background-color:var(--color-bg-elevated);border:1px solid var(--color-border-subtle);border-radius:var(--radius-md)}.detail-card h3{font-size:var(--text-xs);font-weight:var(--font-semibold);text-transform:uppercase;letter-spacing:var(--tracking-wide);color:var(--color-text-tertiary);margin-bottom:var(--space-2)}.detail-value{font-size:var(--text-lg);font-weight:var(--font-semibold);color:var(--color-text-primary)}.detail-label{font-size:var(--text-sm);color:var(--color-text-secondary);margin-top:var(--space-1)}.services-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:var(--space-6)}.service-card{padding:var(--space-6);background-color:var(--color-bg-secondary);border:1px solid var(--color-border-subtle);border-radius:var(--radius-md);transition:border-color var(--duration-fast) var(--ease-out),transform var(--duration-fast) var(--ease-spring),box-shadow var(--duration-fast) var(--ease-out)}.service-card:hover{border-color:var(--color-border);transform:translateY(-3px);box-shadow:var(--shadow-md)}.service-icon{display:flex;align-items:center;justify-content:center;width:44px;height:44px;margin-bottom:var(--space-4);color:var(--color-accent);background-color:var(--color-accent-subtle);border-radius:var(--radius-sm)}.service-card h3{font-size:var(--text-base);font-weight:var(--font-semibold);color:var(--color-text-primary);margin-bottom:var(--space-3);line-height:var(--leading-tight)}.service-card p{font-size:var(--text-sm);line-height:var(--leading-relaxed);color:var(--color-text-secondary)}.stack{background-color:var(--color-bg-secondary)}.stack-grid{display:grid;grid-template-columns:repeat(5,1fr);gap:var(--space-6)}.stack-category h3{font-size:var(--text-sm);font-weight:var(--font-semibold);color:var(--color-text-primary);margin-bottom:var(--space-4);padding-bottom:var(--space-3);border-bottom:1px solid var(--color-border-subtle)}.stack-list li{font-size:var(--text-sm);color:var(--color-text-secondary);padding-block:var(--space-1);line-height:var(--leading-normal)}.projects-list{display:flex;flex-direction:column;gap:var(--space-6)}.project-card{display:grid;grid-template-columns:1fr;background-color:var(--color-bg-secondary);border:1px solid var(--color-border-subtle);border-radius:var(--radius-md);overflow:hidden;transition:border-color var(--duration-fast) var(--ease-out),transform var(--duration-fast) var(--ease-spring),box-shadow var(--duration-fast) var(--ease-out)}.project-card:hover{border-color:var(--color-border);transform:translateY(-2px);box-shadow:var(--shadow-md)}.project-info{padding:var(--space-8)}.project-meta{display:flex;flex-wrap:wrap;gap:var(--space-2);margin-bottom:var(--space-4)}.project-tag{display:inline-block;padding:var(--space-1) var(--space-3);font-family:var(--font-mono);font-size:var(--text-xs);font-weight:var(--font-medium);color:var(--color-accent-text);background-color:var(--color-accent-subtle);border-radius:var(--radius-sm)}.project-card h3{font-size:var(--text-xl);font-weight:var(--font-semibold);color:var(--color-text-primary);margin-bottom:var(--space-3);line-height:var(--leading-tight)}.project-card p{font-size:var(--text-sm);line-height:var(--leading-relaxed);color:var(--color-text-secondary);margin-bottom:var(--space-6)}.project-actions{display:flex;gap:var(--space-3);flex-wrap:wrap}.process-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:var(--space-6)}.process-step{padding:var(--space-6);background-color:var(--color-bg-secondary);border:1px solid var(--color-border-subtle);border-radius:var(--radius-md)}.process-number{font-family:var(--font-mono);font-size:var(--text-3xl);font-weight:var(--font-bold);color:var(--color-accent-light);line-height:1;margin-bottom:var(--space-4)}.process-step h3{font-size:var(--text-base);font-weight:var(--font-semibold);color:var(--color-text-primary);margin-bottom:var(--space-3)}.process-step p{font-size:var(--text-sm);line-height:var(--leading-relaxed);color:var(--color-text-secondary)}.contact{background-color:var(--color-bg-secondary)}.contact-grid{display:grid;grid-template-columns:1fr 1fr;gap:var(--space-12);align-items:start}.contact-lead{font-size:var(--text-lg);line-height:var(--leading-relaxed);color:var(--color-text-secondary);margin-bottom:var(--space-8)}.contact-methods{display:flex;flex-direction:column;gap:var(--space-3)}.contact-method{display:flex;align-items:center;gap:var(--space-3);padding:var(--space-3) var(--space-4);font-size:var(--text-sm);color:var(--color-text-secondary);border-radius:var(--radius-sm);transition:color var(--duration-fast) var(--ease-out),background-color var(--duration-fast) var(--ease-out)}.contact-method:hover{color:var(--color-text-primary);background-color:var(--color-bg-tertiary)}.contact-method svg{flex-shrink:0;color:var(--color-text-tertiary)}.contact-form{display:flex;flex-direction:column;gap:var(--space-5)}.form-group{display:flex;flex-direction:column;gap:var(--space-2)}.form-group label{font-size:var(--text-sm);font-weight:var(--font-medium);color:var(--color-text-primary)}.form-group input,.form-group textarea{padding:var(--space-3) var(--space-4);font-size:var(--text-sm);background-color:var(--color-bg-elevated);border:1px solid var(--color-border);border-radius:var(--radius-sm);transition:border-color var(--duration-fast) var(--ease-out),box-shadow var(--duration-fast) var(--ease-out)}.form-group input::placeholder,.form-group textarea::placeholder{color:var(--color-text-tertiary)}.form-group input:focus,.form-group textarea:focus{outline:none;border-color:var(--color-accent);box-shadow:0 0 0 3px var(--color-accent-subtle)}.form-group input.error,.form-group textarea.error{border-color:var(--color-error)}.form-group textarea{resize:vertical;min-height:120px}.form-error{font-size:var(--text-xs);color:var(--color-error);min-height:var(--text-xs)}.site-footer{padding-block:var(--space-8);border-top:1px solid var(--color-border-subtle)}.footer-inner{display:flex;align-items:center;justify-content:space-between}.footer-inner p{font-size:var(--text-sm);color:var(--color-text-secondary)}.footer-links{display:flex;gap:var(--space-6)}.footer-links a{font-size:var(--text-sm);color:var(--color-text-secondary);transition:color var(--duration-fast) var(--ease-out)}.footer-links a:hover{color:var(--color-text-primary)}.reveal{opacity:0;transform:translateY(20px);transition:opacity var(--duration-slow) var(--ease-out),transform var(--duration-slow) var(--ease-out)}.reveal.visible{opacity:1;transform:translateY(0)}.stagger-reveal>*{opacity:0;transform:translateY(16px);transition:opacity var(--duration-slow) var(--ease-out),transform var(--duration-slow) var(--ease-out)}.stagger-reveal.visible>*{opacity:1;transform:translateY(0)}.stagger-reveal.visible>*:nth-child(1){transition-delay:0ms}.stagger-reveal.visible>*:nth-child(2){transition-delay:60ms}.stagger-reveal.visible>*:nth-child(3){transition-delay:.12s}.stagger-reveal.visible>*:nth-child(4){transition-delay:.18s}.stagger-reveal.visible>*:nth-child(5){transition-delay:.24s}.stagger-reveal.visible>*:nth-child(6){transition-delay:.3s}@media(max-width:1024px){.hero-inner{grid-template-columns:1fr;gap:var(--space-10)}.hero-visual{max-width:520px}.hero h1{font-size:var(--text-4xl)}.about-grid{grid-template-columns:1fr;gap:var(--space-8)}.about-details{flex-direction:row;flex-wrap:wrap;gap:var(--space-4)}.detail-card{flex:1;min-width:200px}.services-grid{grid-template-columns:repeat(2,1fr)}.stack-grid{grid-template-columns:repeat(3,1fr)}.process-grid{grid-template-columns:repeat(2,1fr)}.contact-grid{grid-template-columns:1fr;gap:var(--space-10)}}@media(max-width:768px){:root{--header-height: 64px}section{padding-block:var(--space-16)}.section-header{margin-bottom:var(--space-8)}.section-header h2{font-size:var(--text-2xl)}.nav-toggle{display:flex}.nav-menu{position:fixed;top:var(--header-height);left:0;right:0;bottom:0;flex-direction:column;align-items:stretch;padding:var(--space-4);gap:var(--space-1);background-color:var(--color-bg-primary);border-top:1px solid var(--color-border-subtle);transform:translate(100%);opacity:0;transition:transform var(--duration-normal) var(--ease-out),opacity var(--duration-normal) var(--ease-out);pointer-events:none}.nav-menu.open{transform:translate(0);opacity:1;pointer-events:auto}.nav-link{font-size:var(--text-base);padding:var(--space-3) var(--space-4)}.hero{padding-top:calc(var(--header-height) + var(--space-12));padding-bottom:var(--space-12);min-height:auto}.hero h1{font-size:var(--text-3xl)}.hero-description{font-size:var(--text-base)}.hero-visual{display:none}.hero-cta{flex-direction:column;align-items:flex-start}.services-grid{grid-template-columns:1fr}.stack-grid{grid-template-columns:repeat(2,1fr)}.process-grid{grid-template-columns:1fr}.project-info{padding:var(--space-6)}.footer-inner{flex-direction:column;gap:var(--space-4);text-align:center}}@media(max-width:480px){.container{padding-inline:var(--space-4)}.hero h1{font-size:var(--text-2xl)}.about-details{flex-direction:column}.detail-card{min-width:auto}.stack-grid{grid-template-columns:1fr}}@media(prefers-reduced-motion:reduce){*,*:before,*:after{animation-duration:.01ms!important;animation-iteration-count:1!important;transition-duration:.01ms!important}.reveal,.stagger-reveal>*{opacity:1;transform:none}}@media(prefers-contrast:high){:root{--color-border: #78716c;--color-border-subtle: #a8a29e}.btn-primary{font-weight:var(--font-bold)}}