@import url("https://fonts.googleapis.com/css2?family=Inter:wght@400;500;600;700&family=Outfit:wght@500;600;700;800&display=swap");:root{--space-1:8px;--space-2:16px;--space-3:24px;--space-4:32px;--space-5:40px;--space-6:48px;--space-8:64px;--space-10:80px;--space-12:96px;--color-bg-cream:#fafaf8;--color-bg-cream-alpha:hsla(60,17%,98%,.95);--color-bg-white:#fff;--color-bg-white-alpha:hsla(0,0%,100%,.92);--color-text:#111827;--color-text-muted:#4b5563;--color-text-light:#6b7280;--color-primary:#2563eb;--color-primary-hover:#1d4ed8;--color-primary-light:rgba(37,99,235,.05);--color-secondary:#0f172a;--color-border:rgba(15,23,42,.06);--color-border-hover:rgba(15,23,42,.12);--color-card-bg:#fff;--color-shadow:rgba(0,0,0,.02);--color-shadow-hover:rgba(0,0,0,.04);--color-accent-blue:rgba(37,99,235,.05);--color-header-bg:hsla(60,17%,98%,.85);--color-bg-muted:#f8f9fa;--color-line-primary:rgba(37,99,235,.22);--color-line-secondary:rgba(99,102,241,.18);--color-glow-base:rgba(37,99,235,.15);--color-panel-bg:hsla(0,0%,100%,.92);--color-panel-border:hsla(0,0%,100%,.6);--color-trust-card-bg:hsla(0,0%,100%,.85);--anim-duration:350ms;--anim-curve:cubic-bezier(0.16,1,0.3,1);--radius-sm:8px;--radius-md:12px;--radius-lg:16px;--radius-xl:24px}html.dark{--color-bg-cream:#090d16;--color-bg-cream-alpha:rgba(9,13,22,.94);--color-bg-white:#0f172a;--color-bg-white-alpha:rgba(15,23,42,.92);--color-text:#f1f5f9;--color-text-muted:#94a3b8;--color-text-light:#64748b;--color-primary:#3b82f6;--color-primary-hover:#60a5fa;--color-primary-light:rgba(59,130,246,.15);--color-secondary:#f8fafc;--color-border:hsla(0,0%,100%,.08);--color-border-hover:hsla(0,0%,100%,.15);--color-card-bg:#1e293b;--color-shadow:rgba(0,0,0,.3);--color-shadow-hover:rgba(0,0,0,.4);--color-accent-blue:rgba(59,130,246,.1);--color-header-bg:rgba(9,13,22,.85);--color-bg-muted:#0d1525;--color-line-primary:rgba(59,130,246,.25);--color-line-secondary:rgba(129,140,248,.2);--color-glow-base:rgba(59,130,246,.1);--color-panel-bg:rgba(15,23,42,.85);--color-panel-border:hsla(0,0%,100%,.08);--color-trust-card-bg:rgba(15,23,42,.75)}html.dark .cmd-trigger{background-color:hsla(0,0%,100%,.04)}html.dark .cmd-trigger:hover{background-color:hsla(0,0%,100%,.08);color:var(--color-primary-hover)}*,:after,:before{box-sizing:border-box;margin:0;padding:0}html{scroll-behavior:smooth;scroll-margin-top:100px;font-size:16px;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}body{background-color:var(--color-bg-cream);color:var(--color-text);font-family:Inter,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,sans-serif;line-height:1.625;overflow-x:hidden;position:relative;transition:background-color .4s ease,color .3s ease}body:after{content:"";position:fixed;top:0;left:0;right:0;bottom:0;background-image:linear-gradient(rgba(37,99,235,.08) 1px,transparent 0),linear-gradient(90deg,rgba(37,99,235,.08) 1px,transparent 0);background-size:56px 56px;background-position:top;z-index:1;pointer-events:none;transition:background-image .4s ease}html.dark body:after{background-image:linear-gradient(rgba(59,130,246,.07) 1px,transparent 0),linear-gradient(90deg,rgba(59,130,246,.07) 1px,transparent 0)}.section-cream{background-color:var(--color-bg-cream-alpha)}.section-cream,.section-white{border-bottom:1px solid var(--color-border);position:relative;overflow:hidden;transition:background-color .4s ease}.section-white{background-color:var(--color-bg-white-alpha)}.section-dark{background-color:#0f172a;color:#fff;border-bottom:1px solid hsla(0,0%,100%,.05);position:relative;overflow:hidden;transition:background-color .4s ease}html.dark .section-dark{background-color:#090d16}.section-dark:after{content:"";position:absolute;top:0;left:0;right:0;bottom:0;background-image:linear-gradient(hsla(0,0%,100%,.02) 1px,transparent 0),linear-gradient(90deg,hsla(0,0%,100%,.02) 1px,transparent 0);background-size:56px 56px;background-position:top;z-index:1;pointer-events:none}h1,h2,h3,h4,h5,h6{font-family:Outfit,Inter,sans-serif;color:var(--color-secondary);font-weight:700;letter-spacing:-.03em;line-height:1.15}a{color:inherit;text-decoration:none;transition:all var(--anim-duration) var(--anim-curve)}:focus-visible{outline:2px solid var(--color-primary);outline-offset:4px}.skip-link{position:absolute;top:-100px;left:var(--space-4);background-color:var(--color-primary);color:#fff;padding:var(--space-2) var(--space-4);border-radius:var(--radius-sm);z-index:1000;font-weight:600;font-size:.875rem;transition:top .2s ease;min-height:44px;display:inline-flex;align-items:center}.skip-link:focus{top:var(--space-2)}.progress-bar{position:fixed;top:0;left:0;height:4px;background:linear-gradient(90deg,var(--color-primary) 0,#818cf8 50%,#ec4899 100%);box-shadow:0 1px 12px rgba(99,102,241,.5);z-index:1001;transition:width 80ms ease-out;width:0}.container{width:100%;max-width:1120px;margin:0 auto;padding:0 var(--space-4);position:relative;z-index:2}.section{padding:clamp(3.5rem,8vw,6rem) 0;scroll-margin-top:80px}.header{position:fixed;top:0;left:0;right:0;height:72px;display:flex;align-items:center;z-index:999;background-color:var(--color-header-bg);backdrop-filter:blur(12px);-webkit-backdrop-filter:blur(12px);border-bottom:1px solid transparent;transition:background-color var(--anim-duration) var(--anim-curve),border-bottom var(--anim-duration) var(--anim-curve)}.theme-toggle{background-color:var(--color-card-bg);border:1px solid var(--color-border);border-radius:50%;width:38px;height:38px;display:inline-flex;align-items:center;justify-content:center;color:var(--color-text-muted);cursor:pointer;box-shadow:0 1px 3px var(--color-shadow);transition:all .3s cubic-bezier(.16,1,.3,1);margin-left:var(--space-2)}.theme-toggle:hover{border-color:var(--color-primary);color:var(--color-primary);transform:rotate(20deg) scale(1.08);box-shadow:0 4px 12px var(--color-shadow-hover)}.cursor-glow{position:fixed;width:450px;height:450px;background:radial-gradient(circle,rgba(37,99,235,.08) 0,rgba(99,102,241,.04) 50%,transparent 70%);border-radius:50%;transform:translate(-50%,-50%);pointer-events:none;z-index:1;mix-blend-mode:screen;transition:opacity 1s ease}html.dark .cursor-glow{background:radial-gradient(circle,rgba(59,130,246,.12) 0,rgba(99,102,241,.06) 50%,transparent 70%)}.header.scrolled{border-bottom:1px solid var(--color-border)}.header-container{justify-content:space-between;width:100%}.header-container,.logo-wrapper{display:flex;align-items:center}.logo-desktop{display:flex}.logo-mobile-btn{display:none}.logo{font-size:1.25rem;font-weight:800;letter-spacing:-.05em;color:var(--color-secondary);display:inline-flex;align-items:center;min-height:44px}.logo span{color:var(--color-primary)}@media (max-width:767px){.logo-desktop{display:none}.logo-mobile-btn{display:flex;align-items:center;background:none;border:none;padding:0;cursor:pointer;min-height:44px}.logo-mobile-avatar{width:36px;height:36px;border-radius:50%;border:2px solid var(--color-primary);box-shadow:0 2px 8px rgba(37,99,235,.15);object-fit:cover;transition:transform var(--anim-duration) var(--anim-curve)}.logo-mobile-avatar:active{transform:scale(.92)}}.photo-modal-overlay{position:fixed;top:0;left:0;right:0;bottom:0;background-color:rgba(0,0,0,.85);display:flex;align-items:center;justify-content:center;z-index:10000;backdrop-filter:blur(8px);-webkit-backdrop-filter:blur(8px);animation:photoFadeIn .25s ease-out}.photo-modal-content{position:relative;max-width:90vw;max-height:90vh;display:flex;flex-direction:column;align-items:center;animation:photoScaleUp .3s cubic-bezier(.34,1.56,.64,1)}.photo-modal-img-wrapper{border-radius:var(--radius-lg);overflow:hidden;border:4px solid #fff;box-shadow:0 20px 50px rgba(0,0,0,.5);background-color:#fff}.photo-modal-img{width:260px;height:260px;object-fit:cover;display:block}.photo-modal-close{position:absolute;top:-48px;right:0;background:none;border:none;color:#fff;font-size:1.75rem;cursor:pointer;padding:4px 8px;display:flex;align-items:center;justify-content:center;transition:transform .2s ease}.photo-modal-close:hover{transform:scale(1.15)}@keyframes photoFadeIn{0%{opacity:0}to{opacity:1}}@keyframes photoScaleUp{0%{transform:scale(.8);opacity:0}to{transform:scale(1);opacity:1}}.nav-desktop{display:none;align-items:center;gap:var(--space-4)}@media (min-width:768px){.nav-desktop{display:flex}}.nav-link{font-size:.875rem;font-weight:500;color:var(--color-text-muted);position:relative;padding:4px 0;min-height:44px;display:inline-flex;align-items:center}.nav-link.active,.nav-link:hover{color:var(--color-secondary)}.nav-link:after{content:"";position:absolute;bottom:8px;left:0;width:0;height:1.5px;background-color:var(--color-primary);transition:width .25s ease}.nav-link.active:after,.nav-link:hover:after{width:100%}.cmd-trigger{display:flex;align-items:center;gap:var(--space-1);padding:8px 14px;border-radius:var(--radius-sm);background-color:rgba(15,23,42,.03);border:1px solid var(--color-border);font-size:.875rem;font-weight:600;color:var(--color-text-light);cursor:pointer;min-height:44px;transition:all var(--anim-duration) var(--anim-curve)}.cmd-trigger:hover{background-color:rgba(15,23,42,.06);color:var(--color-secondary)}.kbd{font-family:inherit;font-size:.75rem;background-color:var(--color-bg-muted);border:1px solid var(--color-border-hover);border-radius:4px;padding:2px 5px;margin-left:var(--space-1);box-shadow:0 1px 0 rgba(0,0,0,.05);color:var(--color-text-muted);transition:background-color .4s ease}.mobile-toggle{display:flex;align-items:center;justify-content:center;width:44px;height:44px;background:transparent;border:none;color:var(--color-secondary);cursor:pointer;position:relative;z-index:1000}@media (min-width:768px){.mobile-toggle{display:none}}.hamburger-box{width:20px;height:14px;position:relative}.hamburger-inner{top:50%;margin-top:-1px;transition:transform .15s ease,background-color .15s ease}.hamburger-inner,.hamburger-inner:after,.hamburger-inner:before{display:block;width:20px;height:2px;background-color:currentColor;position:absolute}.hamburger-inner:after,.hamburger-inner:before{content:"";transition:transform .15s ease,top .15s ease,bottom .15s ease}.hamburger-inner:before{top:-6px}.hamburger-inner:after{bottom:-6px}.hamburger-box.open .hamburger-inner{transform:rotate(45deg)}.hamburger-box.open .hamburger-inner:before{top:0;transform:rotate(0);opacity:0}.hamburger-box.open .hamburger-inner:after{bottom:0;transform:rotate(-90deg)}.mobile-nav-overlay{position:fixed;top:72px;left:0;right:0;bottom:0;background-color:var(--color-bg-cream-alpha);backdrop-filter:blur(16px);-webkit-backdrop-filter:blur(16px);z-index:998;display:flex;flex-direction:column;padding:var(--space-6) var(--space-4);gap:var(--space-2);transform:translateY(-100%);opacity:0;transition:transform .35s cubic-bezier(.16,1,.3,1),opacity .35s cubic-bezier(.16,1,.3,1);pointer-events:none;border-bottom:1px solid var(--color-border)}.mobile-nav-overlay.open{transform:translateY(0);opacity:1;pointer-events:auto}.mobile-nav-link{font-size:1.125rem;font-weight:600;color:var(--color-text-muted);padding:var(--space-2) 0;border-bottom:1px solid var(--color-border);display:flex;align-items:center;min-height:44px}.mobile-nav-link.active,.mobile-nav-link:active{color:var(--color-primary)}.hero{position:relative;min-height:85vh;display:flex;align-items:center;overflow:hidden;padding-top:90px;background:linear-gradient(135deg,var(--color-bg-cream-alpha) 0,rgba(243,246,250,.92) 60%,rgba(231,239,252,.88) 100%)}html.dark .hero{background:linear-gradient(135deg,var(--color-bg-cream-alpha) 0,rgba(13,21,37,.92) 60%,rgba(9,13,22,.88) 100%)}.hero-glow{position:absolute;top:0;left:50%;transform:translateX(-50%);width:100%;max-width:1200px;height:500px;background:radial-gradient(circle at 50% 0,rgba(37,99,235,.06) 0,rgba(99,102,241,.03) 50%,transparent 75%);z-index:1;pointer-events:none}.hero-grid{background-image:linear-gradient(rgba(37,99,235,.04) 1px,transparent 0),linear-gradient(90deg,rgba(37,99,235,.04) 1px,transparent 0);background-size:48px 48px;background-position:top}.hero-grid,.hero-lines-bg{z-index:2}.hero-grid,.hero-lines-bg,.section-lines-bg{position:absolute;top:0;left:0;right:0;bottom:0;pointer-events:none}.section-lines-bg{z-index:1}.section-lines-bg svg{width:100%;height:100%}.line-primary{stroke:var(--color-line-primary);transition:stroke .4s ease}.line-secondary{stroke:var(--color-line-secondary);transition:stroke .4s ease}.hero-container{position:relative;z-index:3;width:100%}.hero-content-wrapper{display:flex;flex-direction:column;gap:var(--space-6);align-items:center;width:100%}@media (min-width:576px){.hero-content-wrapper{flex-direction:row;justify-content:space-between;gap:var(--space-4)}}.hero-text-col{width:100%;max-width:650px}@media (min-width:576px){.hero-text-col{flex:1.2 1}}.hero-status{display:inline-flex;align-items:center;gap:var(--space-2);padding:6px 14px;border-radius:100px;background-color:var(--color-card-bg);border:1px solid var(--color-border);font-size:.8125rem;font-weight:600;color:var(--color-text-muted);margin-bottom:var(--space-4);box-shadow:0 1px 2px var(--color-shadow);min-height:32px;transition:background-color .4s ease}.status-dot{position:relative;display:flex;width:8px;height:8px}.status-dot-ping{animation:ping 1.8s cubic-bezier(0,0,.2,1) infinite;position:absolute;height:100%;width:100%;opacity:.75}.status-dot-core,.status-dot-ping{display:inline-flex;border-radius:9999px;background-color:var(--color-primary)}.status-dot-core{position:relative;height:8px;width:8px}.hero-moniker{font-size:.95rem;font-weight:700;text-transform:uppercase;letter-spacing:.15em;color:var(--color-text-light);display:block}.hero-moniker,.hero-title{margin-bottom:var(--space-2)}.hero-title{font-size:clamp(2.75rem,6.5vw,4.5rem);line-height:1.1;color:var(--color-secondary);font-weight:800;letter-spacing:-.04em}.hero-subtitle{font-size:clamp(1.0625rem,2.2vw,1.35rem);font-weight:600;color:var(--color-primary);letter-spacing:.05em;text-transform:uppercase;margin-bottom:var(--space-4)}.hero-desc{font-size:clamp(1.0625rem,1.6vw,1.2rem);color:var(--color-text-muted);line-height:1.625;margin-bottom:var(--space-5);max-width:65ch}.hero-actions{display:flex;flex-wrap:wrap;gap:var(--space-3);margin-bottom:var(--space-6)}.hero-composition-col{display:none;justify-content:center;align-items:center;position:relative;width:100%;min-height:280px;z-index:10;margin-top:var(--space-4)}@media (min-width:576px){.hero-composition-col{display:flex;flex:1 1;min-height:380px;margin-top:0;justify-content:flex-end;padding-right:var(--space-4)}}.hero-composition-wrapper{position:relative;width:100%;max-width:320px;height:320px;display:flex;align-items:center;justify-content:center;transform:scale(.85);transform-origin:center center}@media (min-width:768px){.hero-composition-wrapper{max-width:380px;height:380px;transform:scale(.95)}}@media (min-width:992px){.hero-composition-wrapper{max-width:420px;height:420px;transform:scale(1)}}.hero-composition-wrapper:before{content:"";position:absolute;width:260px;height:260px;background-image:radial-gradient(rgba(37,99,235,.08) 1.5px,transparent 0);background-size:16px 16px;z-index:1;border-radius:50%}@media (min-width:768px){.hero-composition-wrapper:before{width:300px;height:300px}}.hero-deco-ring{position:absolute;border-radius:50%;border:1px dashed rgba(37,99,235,.25);pointer-events:none;z-index:2;transition:transform 1s ease-out}.ring-1{width:260px;height:260px;border:1.5px dashed rgba(37,99,235,.25);animation:rotate-clockwise 40s linear infinite}@media (min-width:768px){.ring-1{width:320px;height:320px}}.ring-2{width:320px;height:320px;border:1.5px solid rgba(99,102,241,.12);animation:rotate-counter 60s linear infinite}@media (min-width:768px){.ring-2{width:380px;height:380px}}.hero-deco-glow{position:absolute;width:300px;height:300px;border-radius:50%;background:radial-gradient(circle,rgba(99,102,241,.25) 0,rgba(37,99,235,.15) 50%,transparent 100%);filter:blur(40px);z-index:1;pointer-events:none;animation:pulse-glow 8s ease-in-out infinite alternate}@media (min-width:768px){.hero-deco-glow{width:360px;height:360px}}@keyframes rotate-clockwise{0%{transform:rotate(0deg)}to{transform:rotate(1turn)}}@keyframes rotate-counter{0%{transform:rotate(0deg)}to{transform:rotate(-1turn)}}@keyframes pulse-glow{0%{transform:scale(.9);opacity:.8}to{transform:scale(1.1);opacity:1}}.hero-photo-card{width:180px;height:180px;border-radius:var(--radius-lg);border:4px solid hsla(0,0%,100%,.4);background-color:var(--color-card-bg);box-shadow:0 1px 3px rgba(15,23,42,.03),0 20px 40px rgba(15,23,42,.12),inset 0 0 0 1px hsla(0,0%,100%,.2);overflow:hidden;position:relative;z-index:5;transition:all .5s var(--anim-curve);transform:perspective(800px) rotateY(-5deg) rotateX(5deg)}@media (min-width:768px){.hero-photo-card{width:220px;height:220px}}@media (min-width:992px){.hero-photo-card{width:240px;height:240px}}.hero-photo-card:hover{transform:perspective(800px) rotateY(0deg) rotateX(0deg) scale(1.04);box-shadow:0 1px 3px rgba(15,23,42,.03),0 30px 60px rgba(15,23,42,.15)}.hero-photo-img{width:100%;height:100%;object-fit:cover}.floating-panel{position:absolute;background-color:var(--color-panel-bg);backdrop-filter:blur(12px);-webkit-backdrop-filter:blur(12px);border:1px solid var(--color-panel-border);border-radius:var(--radius-md);padding:10px 16px;box-shadow:0 4px 6px rgba(15,23,42,.02),0 10px 30px rgba(15,23,42,.08);z-index:10;display:flex;align-items:center;gap:var(--space-2);pointer-events:none}.panel-dev{top:5%;left:-25px;animation:float-slow 6.5s ease-in-out infinite alternate}.panel-dev-code{font-family:monospace;font-size:.75rem;font-weight:700;color:var(--color-primary)}.panel-qa{bottom:5%;left:-15px;animation:float-reverse 7.5s ease-in-out infinite alternate}.panel-it{bottom:35%;right:-35px;animation:float-slow 8s ease-in-out infinite alternate}.panel-it-icon{color:var(--color-primary);font-size:.85rem}.panel-it-icon,.panel-qa-badge{display:inline-flex;align-items:center;justify-content:center;font-weight:700}.panel-qa-badge{width:16px;height:16px;border-radius:50%;background-color:#10b981;color:#fff;font-size:.65rem}.panel-qa-text{font-size:.75rem;font-weight:700;color:var(--color-secondary);white-space:nowrap}.btn{display:inline-flex;align-items:center;justify-content:center;padding:12px 24px;border-radius:var(--radius-md);font-size:.875rem;font-weight:600;cursor:pointer;border:1px solid transparent;min-height:44px;transition:all var(--anim-duration) var(--anim-curve)}.btn-primary{background-color:var(--color-primary);color:#fff}.btn-primary:hover{background-color:var(--color-primary-hover)}.btn-secondary{background-color:var(--color-card-bg);color:var(--color-secondary);border-color:var(--color-border);box-shadow:0 1px 2px var(--color-shadow);transition:background-color .4s ease}.btn-secondary:hover{background-color:var(--color-bg-cream);border-color:var(--color-border-hover)}.hero-socials{gap:var(--space-3)}.hero-socials,.social-icon{display:flex;align-items:center}.social-icon{justify-content:center;width:44px;height:44px;border-radius:var(--radius-sm);background-color:var(--color-card-bg);border:1px solid var(--color-border);color:var(--color-text-muted);transition:all var(--anim-duration) var(--anim-curve)}.social-icon:hover{border-color:var(--color-primary);color:var(--color-primary)}.worked-with{border-top:1px solid var(--color-border);border-bottom:1px solid var(--color-border);padding:var(--space-4) 0;background-color:var(--color-bg-white-alpha);position:relative;overflow:hidden;transition:background-color .4s ease}.worked-container{display:flex;flex-direction:column;align-items:flex-start;gap:var(--space-3)}.worked-label{font-size:.75rem;font-weight:700;text-transform:uppercase;color:var(--color-text-light);letter-spacing:.1em}.worked-logos{display:flex;flex-wrap:wrap;justify-content:flex-start;align-items:center;gap:clamp(1.5rem,5vw,4rem)}.workmark{font-size:1.125rem;font-weight:700;letter-spacing:-.03em;color:var(--color-text-light);opacity:.5;transition:opacity var(--anim-duration) var(--anim-curve);-webkit-user-select:none;-moz-user-select:none;user-select:none}.workmark:hover{opacity:.9}.expertise-grid{display:grid;grid-template-cols:1fr;grid-gap:var(--space-4);gap:var(--space-4);margin-top:var(--space-4)}@media (min-width:768px){.expertise-grid{grid-template-cols:repeat(3,1fr)}}.expertise-card{background-color:var(--color-card-bg);border:1px solid var(--color-border);border-radius:var(--radius-lg);padding:clamp(1.5rem,4vw,2.25rem);box-shadow:0 1px 2px rgba(15,23,42,.02),0 4px 12px rgba(15,23,42,.03);transition:all .4s cubic-bezier(.16,1,.3,1);position:relative;overflow:hidden;display:flex;flex-direction:column;gap:var(--space-2)}.expertise-card:before{content:"";position:absolute;top:0;left:0;right:0;height:3px;background-color:var(--color-primary);opacity:0;transition:opacity var(--anim-duration) var(--anim-curve)}.expertise-card:hover{transform:translateY(-8px) scale(1.02);border-color:var(--color-primary);box-shadow:0 12px 28px rgba(15,23,42,.06),0 4px 12px rgba(15,23,42,.04)}.expertise-card:hover:before{opacity:1}.expertise-icon-wrapper{width:44px;height:44px;border-radius:var(--radius-sm);background-color:var(--color-primary-light);color:var(--color-primary);display:flex;align-items:center;justify-content:center;margin-bottom:var(--space-1);transition:transform var(--anim-duration) var(--anim-curve)}.expertise-card:hover .expertise-icon-wrapper{transform:scale(1.08)}.expertise-card-title{font-size:1.125rem;margin-bottom:var(--space-1)}.expertise-card-desc{font-size:.875rem;color:var(--color-text-muted);line-height:1.6}.trust-grid{display:grid;grid-template-cols:1fr;grid-gap:var(--space-4);gap:var(--space-4)}@media (min-width:480px){.trust-grid{grid-template-cols:repeat(2,1fr)}}@media (min-width:768px){.trust-grid{grid-template-cols:repeat(4,1fr)}}.trust-lines-bg{position:absolute;top:0;left:0;right:0;bottom:0;z-index:1;pointer-events:none}.trust-lines-bg svg{opacity:1}.trust-card{background-color:var(--color-trust-card-bg);backdrop-filter:blur(4px);-webkit-backdrop-filter:blur(4px);border-radius:var(--radius-lg);padding:clamp(1.25rem,3vw,1.75rem);box-shadow:0 1px 2px rgba(15,23,42,.02),0 8px 20px rgba(15,23,42,.03);border:1px solid var(--color-border);border-left:4px solid var(--color-primary);display:flex;flex-direction:column;justify-content:center;transition:all var(--anim-duration) var(--anim-curve);height:100%;position:relative;z-index:2}html.dark .trust-label{color:var(--color-text-muted)}.trust-card:hover{transform:translateY(-3px);border-color:rgba(37,99,235,.15);box-shadow:0 12px 28px rgba(15,23,42,.06),0 1px 2px rgba(37,99,235,.05)}.trust-value{font-family:Outfit,sans-serif;font-size:clamp(2rem,4vw,2.75rem);font-weight:800;color:var(--color-secondary);line-height:1;margin-bottom:var(--space-2);letter-spacing:-.02em}.trust-label{font-size:.8125rem;text-transform:uppercase;letter-spacing:.06em;font-weight:700;color:var(--color-text-light);line-height:1.5}.trust-label div:first-child{color:var(--color-primary);font-weight:800}.projects-header{margin-bottom:var(--space-6);max-width:65ch;text-align:left}.section-tag{color:var(--color-primary);font-size:.75rem;font-weight:700;text-transform:uppercase;letter-spacing:.12em;display:block}.section-tag,.section-title{margin-bottom:var(--space-2)}.section-title{font-size:clamp(1.75rem,4vw,2.75rem);line-height:1.15}.section-desc{color:var(--color-text-muted);font-size:clamp(.95rem,1.5vw,1.0625rem);max-width:60ch}.projects-showcase-grid{display:grid;grid-template-cols:1fr;grid-gap:var(--space-6);gap:var(--space-6);margin-top:var(--space-4)}@media (min-width:768px){.projects-showcase-grid{grid-template-cols:repeat(2,1fr)}}.browser-mockup{background-color:var(--color-card-bg);border:1px solid rgba(15,23,42,.08);border-radius:var(--radius-md);overflow:hidden;box-shadow:0 1px 2px rgba(15,23,42,.02),0 12px 32px rgba(15,23,42,.06);width:100%;flex-direction:column}.browser-header,.browser-mockup{display:flex;transition:background-color .4s ease}.browser-header{background-color:var(--color-bg-muted);border-bottom:1px solid rgba(15,23,42,.08);padding:10px var(--space-3);align-items:center;gap:6px}.browser-dot{width:8px;height:8px;border-radius:50%;display:inline-block}.browser-dot.close{background-color:#ef4444}.browser-dot.minimize{background-color:#f59e0b}.browser-dot.maximize{background-color:#10b981}.browser-address{flex:1 1;max-width:280px;margin:0 auto;background-color:var(--color-card-bg);border-radius:4px;font-size:.7rem;color:var(--color-text-light);padding:2px 8px;text-align:center;border:1px solid var(--color-border);overflow:hidden;text-overflow:ellipsis;white-space:nowrap;transition:background-color .4s ease}.browser-viewport{position:relative;width:100%;aspect-ratio:16/10;overflow:hidden;background-color:#f9fafb}.project-img{width:100%;height:100%;object-fit:cover}.project-card-premium{background-color:var(--color-card-bg);border:1px solid var(--color-border);border-radius:var(--radius-xl);padding:clamp(1rem,3vw,1.75rem);box-shadow:0 4px 10px var(--color-shadow);display:flex;flex-direction:column;gap:var(--space-4);height:100%;transition:all .4s cubic-bezier(.16,1,.3,1)}.project-card-premium:hover{border-color:var(--color-primary);transform:translateY(-8px) scale(1.015);box-shadow:0 12px 28px rgba(0,0,0,.05),0 2px 8px var(--color-shadow-hover)}.project-card-premium.featured{border-color:rgba(37,99,235,.1);background-image:linear-gradient(to bottom,var(--color-card-bg),rgba(37,99,235,.01))}.project-card-premium.featured:hover{border-color:var(--color-primary)}.project-badge-accent-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:2px}.project-featured-badge{font-size:.65rem;font-weight:700;text-transform:uppercase;letter-spacing:.1em;background-color:var(--color-primary-light);color:var(--color-primary);padding:2px 8px;border-radius:4px}.project-title{font-size:clamp(1.25rem,2.5vw,1.5rem)}.project-tagline{font-size:.875rem;color:var(--color-primary);font-weight:600;margin-bottom:var(--space-1)}.project-desc{font-size:.875rem;color:var(--color-text-muted);line-height:1.6;max-width:60ch}.project-desc,.project-tech{margin-bottom:var(--space-3)}.project-tech{display:flex;flex-wrap:wrap;gap:var(--space-1)}.tech-badge{font-size:.8125rem;font-weight:600;padding:4px 12px;background-color:var(--color-bg-cream);border:1px solid var(--color-border);border-radius:100px;color:var(--color-text-muted);white-space:nowrap}.project-actions{display:flex;flex-wrap:wrap;gap:var(--space-2);margin-top:auto}.btn-sm{padding:8px 18px;font-size:.875rem;border-radius:var(--radius-sm);font-weight:600;display:inline-flex;align-items:center;justify-content:center;gap:6px;cursor:pointer;border:1px solid transparent;min-height:44px;transition:all var(--anim-duration) var(--anim-curve)}.btn-sm-primary{background-color:var(--color-primary);color:#fff}.btn-sm-primary:hover{background-color:var(--color-primary-hover)}.btn-sm-secondary{background-color:var(--color-card-bg);color:var(--color-secondary);border-color:var(--color-border);transition:background-color .4s ease}.btn-sm-secondary:hover{background-color:var(--color-bg-cream)}.timeline-container{display:flex;flex-direction:column;gap:var(--space-4);margin-top:var(--space-6)}.experience-card{background-color:var(--color-card-bg);border:1px solid var(--color-border);border-radius:var(--radius-xl);padding:clamp(1.25rem,4vw,2rem);box-shadow:0 1px 2px var(--color-shadow);transition:background-color .4s ease}@media (min-width:1024px){.timeline-container .experience-card:nth-child(2n){margin-left:8%}.timeline-container .experience-card:nth-child(odd){margin-right:8%}}.exp-header{display:flex;flex-direction:column;justify-content:space-between;gap:var(--space-2);border-bottom:1px solid var(--color-border);padding-bottom:var(--space-3);margin-bottom:var(--space-4)}@media (min-width:768px){.exp-header{flex-direction:row;align-items:flex-start}}.exp-title{font-size:1.25rem;font-weight:700;color:var(--color-secondary)}.exp-meta{font-size:.875rem;font-weight:600;color:var(--color-primary);margin-top:2px}.exp-meta span{color:var(--color-text-light);font-weight:400}.exp-date-loc{display:flex;flex-direction:column;gap:2px;font-size:.875rem;color:var(--color-text-muted)}@media (min-width:768px){.exp-date-loc{text-align:right}}.exp-date{font-weight:600;color:var(--color-secondary)}.exp-bullets{list-style:none;display:flex;flex-direction:column;gap:var(--space-2);margin-bottom:var(--space-4)}.exp-bullet-item{position:relative;padding-left:var(--space-3);font-size:.875rem;color:var(--color-text-muted);line-height:1.5;word-break:break-word}.exp-bullet-item:before{content:"";position:absolute;left:0;top:9px;width:5px;height:5px;border-radius:50%;background-color:var(--color-primary)}.exp-impact{font-size:.875rem;font-weight:600;color:var(--color-secondary);background-color:var(--color-bg-cream);padding:12px 16px;border-radius:var(--radius-sm);border-left:3px solid var(--color-primary);margin-bottom:var(--space-4);line-height:1.5}.exp-tech-title{font-size:.75rem;font-weight:700;text-transform:uppercase;letter-spacing:.05em;color:var(--color-text-light);margin-bottom:var(--space-2)}.capability-grid{display:grid;grid-template-cols:1fr;grid-gap:var(--space-4);gap:var(--space-4);margin-top:var(--space-6)}@media (min-width:768px){.capability-grid{grid-template-cols:repeat(2,1fr)}.capability-card:nth-child(5){grid-column:span 2}}.capability-card{background-color:var(--color-card-bg);border:1px solid var(--color-border);border-radius:var(--radius-xl);padding:clamp(1.25rem,4vw,2rem);box-shadow:0 1px 2px var(--color-shadow);transition:all .4s cubic-bezier(.16,1,.3,1);display:flex;flex-direction:column;justify-content:space-between;height:100%}.capability-card:hover{transform:translateY(-6px) scale(1.015);border-color:var(--color-primary);box-shadow:0 12px 28px rgba(15,23,42,.05),0 2px 8px var(--color-shadow-hover)}.capability-header{margin-bottom:var(--space-3)}.capability-title{font-size:1.25rem;font-weight:700;color:var(--color-secondary);margin-bottom:var(--space-1)}.capability-desc{font-size:.875rem;color:var(--color-text-muted);line-height:1.6;margin-bottom:var(--space-4);max-width:60ch}.capability-stack-title{font-size:.75rem;font-weight:700;text-transform:uppercase;letter-spacing:.05em;color:var(--color-text-light);margin-bottom:var(--space-2)}.achievements-grid{display:grid;grid-template-cols:1fr;grid-gap:var(--space-4);gap:var(--space-4);margin-top:var(--space-6)}@media (min-width:768px){.achievements-grid{grid-template-cols:repeat(2,1fr)}}.achievement-card{background-color:var(--color-card-bg);border:1px solid var(--color-border);border-radius:var(--radius-xl);padding:clamp(1.25rem,4vw,2rem);box-shadow:0 1px 2px var(--color-shadow);display:flex;flex-direction:column;justify-content:space-between;transition:all .4s cubic-bezier(.16,1,.3,1)}.achievement-card:hover{transform:translateY(-6px) scale(1.015);border-color:var(--color-primary);box-shadow:0 12px 28px rgba(15,23,42,.05),0 2px 8px var(--color-shadow-hover)}.ach-cat{font-size:.75rem;font-weight:700;text-transform:uppercase;letter-spacing:.08em;color:var(--color-primary);background-color:var(--color-primary-light);padding:4px 10px;border-radius:4px;align-self:flex-start;margin-bottom:var(--space-3)}.ach-title{font-size:1.125rem;margin-bottom:var(--space-2);line-height:1.25}.ach-desc{font-size:.875rem;color:var(--color-text-muted);line-height:1.6;margin-bottom:var(--space-3);max-width:60ch}.ach-impact{font-size:.875rem;color:var(--color-secondary);font-weight:600;border-top:1px solid var(--color-border);padding-top:var(--space-2);line-height:1.5}.about-layout{display:grid;grid-template-cols:1fr;grid-gap:var(--space-5);gap:var(--space-5);margin-top:var(--space-5)}@media (min-width:768px){.about-layout{grid-template-cols:1.5fr 1fr}}.about-text{font-size:.95rem;color:var(--color-text-muted);line-height:1.625}.about-text p{margin-bottom:var(--space-3);max-width:65ch}.currently-card{background-color:var(--color-card-bg);border:1px solid var(--color-border);border-radius:var(--radius-xl);padding:clamp(1rem,4vw,1.75rem);box-shadow:0 1px 2px var(--color-shadow);align-self:flex-start;transition:background-color .4s ease}.currently-title{font-size:.875rem;font-weight:700;text-transform:uppercase;letter-spacing:.05em;color:var(--color-secondary);margin-bottom:var(--space-3);display:flex;align-items:center;gap:var(--space-2)}.currently-dot{width:6px;height:6px;background-color:var(--color-primary);border-radius:50%;display:inline-block;animation:pulse-slow 2s infinite}.currently-list{list-style:none;display:flex;flex-direction:column;gap:var(--space-2.5)}.currently-item{font-size:.875rem;color:var(--color-text-muted);padding-left:var(--space-3);position:relative;line-height:1.5}.currently-item:before{content:"→";color:var(--color-primary);position:absolute;left:0;font-weight:700}.contact-container{background-color:#0f172a;border-radius:var(--radius-xl);padding:clamp(2rem,6vw,4.5rem) var(--space-4);text-align:center;color:#fff;box-shadow:0 4px 20px rgba(15,23,42,.15)}html.dark .contact-container{background-color:#090d16}.contact-headline{font-size:clamp(1.25rem,3.5vw,2rem);font-weight:700;color:#fff;max-width:65ch;margin:0 auto var(--space-5);line-height:1.35}.contact-links{display:flex;flex-wrap:wrap;justify-content:center;gap:var(--space-3)}.contact-btn{display:inline-flex;align-items:center;justify-content:center;gap:8px;padding:12px 24px;border-radius:var(--radius-md);font-size:.875rem;font-weight:600;background-color:hsla(0,0%,100%,.08);border:1px solid hsla(0,0%,100%,.15);color:#fff;min-height:44px;transition:all var(--anim-duration) var(--anim-curve)}.contact-btn:hover{background-color:#fff;color:#0f172a}.contact-btn-primary{background-color:var(--color-primary);border-color:var(--color-primary)}.contact-btn-primary:hover{background-color:#fff;border-color:#fff;color:var(--color-primary)}.footer{border-top:1px solid hsla(0,0%,100%,.08);padding:var(--space-5) 0;background-color:#0b0f19;color:hsla(0,0%,100%,.6)}html.dark .footer{background-color:#070a10}.footer-container{display:flex;flex-direction:column;align-items:center;gap:var(--space-3);text-align:center}@media (min-width:768px){.footer-container{flex-direction:row;justify-content:space-between;text-align:left}}.footer-headline{font-family:Outfit,sans-serif;font-size:1.125rem;font-weight:700;color:#fff}.footer-bottom{display:flex;flex-direction:column;align-items:center;gap:var(--space-2)}@media (min-width:768px){.footer-bottom{align-items:flex-end}}.footer-socials{display:flex;gap:var(--space-4);font-size:.875rem;color:hsla(0,0%,100%,.6)}.footer-socials a:hover{color:#fff}.copyright{font-size:.8125rem;color:hsla(0,0%,100%,.4)}.notfound-layout{min-height:80vh;display:flex;flex-direction:column;align-items:center;justify-content:center;text-align:center;padding:0 var(--space-4)}.notfound-title{font-size:clamp(4rem,10vw,6rem);font-weight:800;color:var(--color-primary);line-height:1;margin-bottom:var(--space-2)}.notfound-headline{font-size:clamp(1.25rem,3vw,1.75rem);margin-bottom:var(--space-2)}.notfound-desc{font-size:.875rem;color:var(--color-text-muted);margin-bottom:var(--space-5);max-width:50ch;line-height:1.5}.case-study-hero{padding:130px 0 var(--space-6);border-bottom:1px solid var(--color-border);background-color:var(--color-bg-white-alpha);position:relative;overflow:hidden;transition:background-color .4s ease}.case-study-meta{display:flex;flex-wrap:wrap;gap:var(--space-3);margin-bottom:var(--space-3);font-size:.875rem;color:var(--color-text-muted)}.case-study-meta-item strong{color:var(--color-secondary)}.case-study-title{font-size:clamp(1.75rem,5vw,3.25rem);letter-spacing:-.03em;line-height:1.15;margin-bottom:var(--space-2)}.case-study-tagline{font-size:clamp(1rem,2vw,1.35rem);font-weight:500;color:var(--color-primary);margin-bottom:var(--space-4)}.case-study-header-actions{display:flex;flex-wrap:wrap;gap:var(--space-2)}.case-study-media{margin:var(--space-5) 0 var(--space-8)}.case-study-grid{display:grid;grid-template-cols:1fr;grid-gap:var(--space-6);gap:var(--space-6)}@media (min-width:768px){.case-study-grid{grid-template-cols:2.2fr 1fr;gap:var(--space-8)}}.case-study-main{display:flex;flex-direction:column;gap:var(--space-6)}.case-study-section-title{font-size:1.25rem;margin-bottom:var(--space-2);padding-bottom:4px;border-bottom:1.5px solid var(--color-primary);display:inline-block}.case-study-body{font-size:.95rem;color:var(--color-text-muted);line-height:1.625}.case-study-body p{margin-bottom:var(--space-3);max-width:65ch}.case-study-features{list-style:none;display:flex;flex-direction:column;gap:var(--space-2.5);margin-top:var(--space-2)}.case-study-feature-item{position:relative;padding-left:var(--space-4);font-size:.875rem}.case-study-feature-item:before{content:"✓";color:var(--color-primary);position:absolute;left:0;font-weight:700}.case-study-sidebar{display:flex;flex-direction:column;gap:var(--space-4)}.sidebar-widget{background-color:var(--color-card-bg);border:1px solid var(--color-border);border-radius:var(--radius-lg);padding:var(--space-4);transition:background-color .4s ease}.widget-title{font-size:.75rem;text-transform:uppercase;letter-spacing:.05em;color:var(--color-text-light);margin-bottom:var(--space-2)}.cmd-overlay{position:fixed;top:0;left:0;right:0;bottom:0;background-color:rgba(15,23,42,.4);backdrop-filter:blur(4px);-webkit-backdrop-filter:blur(4px);display:flex;align-items:flex-start;justify-content:center;padding:var(--space-8) var(--space-3);z-index:1002;animation:fadeIn .2s ease-out}.cmd-modal{background-color:var(--color-card-bg);border:1px solid var(--color-border-hover);width:100%;max-width:520px;border-radius:var(--radius-lg);box-shadow:0 20px 40px rgba(15,23,42,.15);overflow:hidden;animation:slideDown .25s cubic-bezier(.16,1,.3,1);transition:background-color .4s ease}.cmd-search-container{display:flex;align-items:center;border-bottom:1px solid var(--color-border);padding:var(--space-2) var(--space-3)}.cmd-search-icon{color:var(--color-text-light);margin-right:var(--space-2)}.cmd-input{width:100%;border:none;background:transparent;font-size:.95rem;color:var(--color-secondary);padding:8px 0}.cmd-input:focus{outline:none}.cmd-list{max-height:280px;overflow-y:auto;padding:var(--space-2) 0}.cmd-group-title{font-size:.7rem;text-transform:uppercase;letter-spacing:.05em;color:var(--color-text-light);padding:var(--space-1) var(--space-3)}.cmd-item{display:flex;align-items:center;justify-content:space-between;padding:10px var(--space-3);font-size:.875rem;color:var(--color-text-muted);cursor:pointer;background:transparent;border:none;width:100%;text-align:left;min-height:40px}.cmd-item.selected,.cmd-item:hover{background-color:var(--color-primary-light);color:var(--color-primary)}.cmd-item-left{display:flex;align-items:center;gap:var(--space-2)}.cmd-shortcut{border:1px solid var(--color-border);padding:1px 4px;border-radius:4px}.cmd-footer,.cmd-shortcut{font-size:.75rem;color:var(--color-text-light);background-color:var(--color-bg-cream)}.cmd-footer{border-top:1px solid var(--color-border);padding:12px var(--space-3);display:flex;justify-content:space-between;align-items:center}.cmd-footer-tips{display:flex;gap:var(--space-3)}@keyframes ping{75%,to{transform:scale(2);opacity:0}}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}@keyframes slideDown{0%{transform:translateY(-16px)}to{transform:translateY(0)}}@keyframes pulse-slow{0%,to{opacity:.5}50%{opacity:1}}@keyframes float-slow{0%,to{transform:translateY(0) rotate(0deg)}50%{transform:translateY(-8px) rotate(.5deg)}}@keyframes float-reverse{0%,to{transform:translateY(0) rotate(0deg)}50%{transform:translateY(8px) rotate(-.5deg)}}.fade-in-up{opacity:0;transform:translateY(16px);animation:fadeInUp .5s cubic-bezier(.16,1,.3,1) forwards}@keyframes fadeInUp{to{opacity:1;transform:translateY(0)}}.stagger-1{animation-delay:.1s}.stagger-2{animation-delay:.2s}.stagger-3{animation-delay:.3s}.stagger-4{animation-delay:.4s}.stagger-5{animation-delay:.5s}@media (prefers-reduced-motion:reduce){*,:after,:before,body,html{scroll-behavior:auto!important}*,:after,:before{animation-delay:-1ms!important;animation-duration:1ms!important;animation-iteration-count:1!important;background-attachment:scroll!important;transition-duration:0s!important;transition-delay:0s!important}.currently-dot,.floating-panel,.progress-bar,.status-dot-ping{animation:none!important}}@media (max-width:380px){:root{--space-4:20px;--space-5:24px}.container{padding:0 var(--space-2)}.section{padding:var(--space-6) 0}.btn,.contact-links .contact-btn,.project-actions .btn-sm{width:100%}}@media (max-width:767px){.floating-panel{padding:6px 12px;gap:var(--space-1)}.panel-dev{left:-30px;top:2%}.panel-it{right:-35px;bottom:30%}.panel-qa{left:-20px;bottom:2%}}@media (max-width:480px){.hero-photo-card{width:150px;height:150px}.hero-composition-wrapper{transform:scale(.75)}.panel-dev{left:-35px;top:0}.panel-it{right:-40px;bottom:30%}.panel-qa{left:-25px;bottom:0}}