@import"https://fonts.googleapis.com/css2?family=Nunito:ital,wght@0,400;0,500;0,600;0,700;0,800;0,900;1,400;1,700&display=swap";:root{--bg-lavender: #F5F3FF;--bg-blue: #EFF6FF;--bg-green: #F0FDF4;--bg-peach: #FFF7ED;--bg-page: var(--bg-lavender);--clay-blue: #60A5FA;--shadow-blue: #1D4ED8;--shadow-blue-alpha: rgba(29, 78, 216, .24);--clay-green: #34D399;--shadow-green: #059669;--shadow-green-alpha: rgba(5, 150, 105, .24);--clay-yellow: #FCD34D;--shadow-yellow: #B45309;--shadow-yellow-alpha: rgba(180, 83, 9, .24);--clay-coral: #FB7185;--shadow-coral: #BE123C;--shadow-coral-alpha: rgba(190, 18, 60, .24);--clay-purple: #A78BFA;--shadow-purple: #6D28D9;--shadow-purple-alpha: rgba(109, 40, 217, .24);--clay-teal: #2DD4BF;--shadow-teal: #0F766E;--shadow-teal-alpha: rgba(15, 118, 110, .24);--clay-orange: #FB923C;--shadow-orange: #C2410C;--shadow-orange-alpha: rgba(194, 65, 12, .24);--clay-white: #FFFFFF;--shadow-white: #CBD5E1;--shadow-white-alpha: rgba(0, 0, 0, .08);--text-heading: #1E1B4B;--text-body: #312E81;--text-body-alt: #334155;--text-muted: #64748B;--text-light: #FFFFFF;--font-family: "Nunito", -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, sans-serif}body.theme-lavender{--bg-page: var(--bg-lavender)}body.theme-blue{--bg-page: var(--bg-blue)}body.theme-green{--bg-page: var(--bg-green)}body.theme-peach{--bg-page: var(--bg-peach)}.clay-btn{display:inline-flex;align-items:center;justify-content:center;gap:10px;font-family:var(--font-family);font-weight:700;font-size:16px;color:var(--text-light);border:none;cursor:pointer;padding:14px 28px;border-radius:16px;text-decoration:none;-webkit-user-select:none;user-select:none;outline:none;background:radial-gradient(ellipse at 50% 0%,#ffffff59,#fff0 60%),var(--clay-blue);box-shadow:inset 0 1px #ffffff80,0 6px 0 0 var(--shadow-blue),0 12px 22px var(--shadow-blue-alpha);transition:transform .1s ease-out,box-shadow .1s ease-out}.clay-btn:hover{transform:translateY(2px);box-shadow:inset 0 1px #ffffff80,0 4px 0 0 var(--shadow-blue),0 8px 16px var(--shadow-blue-alpha)}.clay-btn:active{transform:translateY(6px);box-shadow:inset 0 1px #fff6,0 0 0 0 var(--shadow-blue),0 4px 8px var(--shadow-blue-alpha)}.clay-btn-blue{background:radial-gradient(ellipse at 50% 0%,#ffffff59,#fff0 60%),var(--clay-blue);box-shadow:inset 0 1px #ffffff80,0 6px 0 0 var(--shadow-blue),0 12px 22px var(--shadow-blue-alpha)}.clay-btn-blue:hover{box-shadow:inset 0 1px #ffffff80,0 4px 0 0 var(--shadow-blue),0 8px 16px var(--shadow-blue-alpha)}.clay-btn-blue:active{box-shadow:inset 0 1px #fff6,0 0 0 0 var(--shadow-blue),0 4px 8px var(--shadow-blue-alpha)}.clay-btn-green{background:radial-gradient(ellipse at 50% 0%,#ffffff59,#fff0 60%),var(--clay-green);box-shadow:inset 0 1px #ffffff80,0 6px 0 0 var(--shadow-green),0 12px 22px var(--shadow-green-alpha)}.clay-btn-green:hover{box-shadow:inset 0 1px #ffffff80,0 4px 0 0 var(--shadow-green),0 8px 16px var(--shadow-green-alpha)}.clay-btn-green:active{box-shadow:inset 0 1px #fff6,0 0 0 0 var(--shadow-green),0 4px 8px var(--shadow-green-alpha)}.clay-btn-purple{background:radial-gradient(ellipse at 50% 0%,#ffffff59,#fff0 60%),var(--clay-purple);box-shadow:inset 0 1px #ffffff80,0 6px 0 0 var(--shadow-purple),0 12px 22px var(--shadow-purple-alpha)}.clay-btn-purple:hover{box-shadow:inset 0 1px #ffffff80,0 4px 0 0 var(--shadow-purple),0 8px 16px var(--shadow-purple-alpha)}.clay-btn-purple:active{box-shadow:inset 0 1px #fff6,0 0 0 0 var(--shadow-purple),0 4px 8px var(--shadow-purple-alpha)}.clay-btn-coral{background:radial-gradient(ellipse at 50% 0%,#ffffff59,#fff0 60%),var(--clay-coral);box-shadow:inset 0 1px #ffffff80,0 6px 0 0 var(--shadow-coral),0 12px 22px var(--shadow-coral-alpha)}.clay-btn-coral:hover{box-shadow:inset 0 1px #ffffff80,0 4px 0 0 var(--shadow-coral),0 8px 16px var(--shadow-coral-alpha)}.clay-btn-coral:active{box-shadow:inset 0 1px #fff6,0 0 0 0 var(--shadow-coral),0 4px 8px var(--shadow-coral-alpha)}.clay-btn-white{background:#fff;color:var(--text-heading);box-shadow:inset 0 1px #fff,0 6px 0 0 var(--shadow-white),0 12px 20px var(--shadow-white-alpha)}.clay-btn-white:hover{box-shadow:inset 0 1px #fff,0 4px 0 0 var(--shadow-white),0 8px 16px var(--shadow-white-alpha)}.clay-btn-white:active{box-shadow:inset 0 1px #fffc,0 0 0 0 var(--shadow-white),0 4px 8px var(--shadow-white-alpha)}.clay-btn-sm{padding:10px 20px;font-size:14px;border-radius:14px;box-shadow:inset 0 1px #ffffff80,0 4px 0 0 var(--shadow-blue),0 8px 16px var(--shadow-blue-alpha)}.clay-btn-sm:hover{transform:translateY(1px);box-shadow:inset 0 1px #ffffff80,0 3px 0 0 var(--shadow-blue),0 6px 12px var(--shadow-blue-alpha)}.clay-btn-sm:active{transform:translateY(4px);box-shadow:inset 0 1px #fff6,0 0 0 0 var(--shadow-blue),0 2px 4px var(--shadow-blue-alpha)}.clay-pill{border-radius:999px!important}.clay-card{border-radius:24px;padding:28px;position:relative;background:#fff;color:var(--text-heading);box-shadow:inset 0 1px #fff,0 8px 0 0 var(--shadow-white),0 16px 32px var(--shadow-white-alpha);transition:transform .12s ease-out,box-shadow .12s ease-out}.clay-card-interactive:hover{transform:translateY(-2px);box-shadow:inset 0 1px #fff,0 10px 0 0 var(--shadow-white),0 20px 36px #0000001a}.clay-card-blue{background:radial-gradient(ellipse at 50% 0%,#ffffff4d,#fff0 55%),var(--clay-blue);color:#fff;box-shadow:inset 0 1px #ffffff73,0 8px 0 0 var(--shadow-blue),0 16px 32px var(--shadow-blue-alpha)}.clay-card-purple{background:radial-gradient(ellipse at 50% 0%,#ffffff4d,#fff0 55%),var(--clay-purple);color:#fff;box-shadow:inset 0 1px #ffffff73,0 8px 0 0 var(--shadow-purple),0 16px 32px var(--shadow-purple-alpha)}.clay-card-green{background:radial-gradient(ellipse at 50% 0%,#ffffff4d,#fff0 55%),var(--clay-green);color:#fff;box-shadow:inset 0 1px #ffffff73,0 8px 0 0 var(--shadow-green),0 16px 32px var(--shadow-green-alpha)}.clay-card-yellow{background:radial-gradient(ellipse at 50% 0%,#ffffff59,#fff0 55%),var(--clay-yellow);color:#1e1b4b;box-shadow:inset 0 1px #ffffff80,0 8px 0 0 var(--shadow-yellow),0 16px 32px var(--shadow-yellow-alpha)}.clay-card-coral{background:radial-gradient(ellipse at 50% 0%,#ffffff4d,#fff0 55%),var(--clay-coral);color:#fff;box-shadow:inset 0 1px #ffffff73,0 8px 0 0 var(--shadow-coral),0 16px 32px var(--shadow-coral-alpha)}.clay-card-teal{background:radial-gradient(ellipse at 50% 0%,#ffffff4d,#fff0 55%),var(--clay-teal);color:#fff;box-shadow:inset 0 1px #ffffff73,0 8px 0 0 var(--shadow-teal),0 16px 32px var(--shadow-teal-alpha)}.clay-icon{width:56px;height:56px;min-width:56px;border-radius:18px;display:flex;align-items:center;justify-content:center;color:#fff;background:radial-gradient(ellipse at 50% 0%,#ffffff59,#fff0 60%),var(--clay-green);box-shadow:inset 0 1px #ffffff80,0 4px 0 0 var(--shadow-green),0 8px 16px var(--shadow-green-alpha);flex-shrink:0}.clay-icon-blue{background:radial-gradient(ellipse at 50% 0%,#ffffff59,#fff0 60%),var(--clay-blue);box-shadow:inset 0 1px #ffffff80,0 4px 0 0 var(--shadow-blue),0 8px 16px var(--shadow-blue-alpha)}.clay-icon-purple{background:radial-gradient(ellipse at 50% 0%,#ffffff59,#fff0 60%),var(--clay-purple);box-shadow:inset 0 1px #ffffff80,0 4px 0 0 var(--shadow-purple),0 8px 16px var(--shadow-purple-alpha)}.clay-icon-yellow{color:#1e1b4b;background:radial-gradient(ellipse at 50% 0%,#fff6,#fff0 60%),var(--clay-yellow);box-shadow:inset 0 1px #fff9,0 4px 0 0 var(--shadow-yellow),0 8px 16px var(--shadow-yellow-alpha)}.clay-icon-coral{background:radial-gradient(ellipse at 50% 0%,#ffffff59,#fff0 60%),var(--clay-coral);box-shadow:inset 0 1px #ffffff80,0 4px 0 0 var(--shadow-coral),0 8px 16px var(--shadow-coral-alpha)}.clay-icon-teal{background:radial-gradient(ellipse at 50% 0%,#ffffff59,#fff0 60%),var(--clay-teal);box-shadow:inset 0 1px #ffffff80,0 4px 0 0 var(--shadow-teal),0 8px 16px var(--shadow-teal-alpha)}.clay-icon-orange{background:radial-gradient(ellipse at 50% 0%,#ffffff59,#fff0 60%),var(--clay-orange);box-shadow:inset 0 1px #ffffff80,0 4px 0 0 var(--shadow-orange),0 8px 16px var(--shadow-orange-alpha)}.clay-icon-white{color:var(--text-heading);background:#fff;box-shadow:inset 0 1px #fff,0 4px 0 0 var(--shadow-white),0 8px 16px var(--shadow-white-alpha)}.clay-icon.on-colored{background:#ffffff38;box-shadow:inset 0 1px #ffffff80,0 3px #0003}.clay-icon-sm{width:42px;height:42px;min-width:42px;border-radius:14px}.clay-track{height:14px;border-radius:999px;background:#00000012;box-shadow:inset 0 2px 4px #0000001a;overflow:hidden;position:relative}.clay-fill{height:100%;border-radius:999px;background:linear-gradient(90deg,var(--clay-green),var(--clay-blue));box-shadow:0 2px 0 0 var(--shadow-green);transition:width .8s cubic-bezier(.34,1.56,.64,1)}.clay-fill-purple{background:linear-gradient(90deg,var(--clay-purple),var(--clay-blue));box-shadow:0 2px 0 0 var(--shadow-purple)}.clay-fill-coral{background:linear-gradient(90deg,var(--clay-coral),var(--clay-orange));box-shadow:0 2px 0 0 var(--shadow-coral)}.clay-fill-yellow{background:linear-gradient(90deg,var(--clay-yellow),var(--clay-orange));box-shadow:0 2px 0 0 var(--shadow-yellow)}.clay-stat-card{background:#fff;border-radius:22px;padding:24px;box-shadow:inset 0 1px #fff,0 6px 0 0 var(--shadow-white),0 12px 24px #00000012;text-align:center;transition:transform .12s ease-out}.clay-stat-card:hover{transform:translateY(-2px)}.clay-stat-num{font-size:40px;font-weight:900;color:var(--text-heading);letter-spacing:-.02em;line-height:1;margin-bottom:8px}.clay-stat-label{font-size:14px;font-weight:700;color:var(--text-muted)}.clay-badge{display:inline-flex;align-items:center;gap:6px;padding:6px 14px;border-radius:999px;font-size:13px;font-weight:700;color:var(--text-body);background:#fff;box-shadow:inset 0 1px #fff,0 3px 0 0 var(--shadow-white),0 6px 12px #0000000d}.clay-badge-blue{background:var(--clay-blue);color:#fff;box-shadow:inset 0 1px #ffffff80,0 3px 0 0 var(--shadow-blue),0 6px 12px var(--shadow-blue-alpha)}.clay-badge-green{background:var(--clay-green);color:#fff;box-shadow:inset 0 1px #ffffff80,0 3px 0 0 var(--shadow-green),0 6px 12px var(--shadow-green-alpha)}.clay-badge-yellow{background:var(--clay-yellow);color:#1e1b4b;box-shadow:inset 0 1px #fff9,0 3px 0 0 var(--shadow-yellow),0 6px 12px var(--shadow-yellow-alpha)}.clay-badge-purple{background:var(--clay-purple);color:#fff;box-shadow:inset 0 1px #ffffff80,0 3px 0 0 var(--shadow-purple),0 6px 12px var(--shadow-purple-alpha)}.clay-input{width:100%;font-family:var(--font-family);font-size:15px;font-weight:600;color:var(--text-heading);background:#fff;border:none;border-radius:14px;padding:14px 18px;box-shadow:inset 0 2px 4px #00000014,0 2px 0 0 var(--shadow-white);outline:none;transition:box-shadow .12s ease-out;box-sizing:border-box}.clay-input:focus{box-shadow:inset 0 2px 4px #0000000d,0 0 0 3px var(--clay-blue),0 4px 0 0 var(--shadow-blue)}.clay-input::placeholder{color:var(--text-muted);opacity:.8}@keyframes clayMorph{0%{border-radius:60% 40% 70% 30%/50% 60% 40% 50%}25%{border-radius:45% 55% 50% 50%/40% 45% 55% 60%}50%{border-radius:70% 30% 60% 40%/60% 50% 50% 40%}75%{border-radius:50% 50% 40% 60%/35% 65%}to{border-radius:60% 40% 70% 30%/50% 60% 40% 50%}}@keyframes clayFloat1{0%{transform:translateZ(0) rotate(0) scale(1)}33%{transform:translate3d(60px,-45px,0) rotate(8deg) scale(1.06)}66%{transform:translate3d(-35px,65px,0) rotate(-7deg) scale(.95)}to{transform:translateZ(0) rotate(0) scale(1)}}@keyframes clayFloat2{0%{transform:translateZ(0) rotate(0) scale(1)}33%{transform:translate3d(-70px,55px,0) rotate(-10deg) scale(.94)}66%{transform:translate3d(45px,-35px,0) rotate(8deg) scale(1.05)}to{transform:translateZ(0) rotate(0) scale(1)}}@keyframes clayFloat3{0%{transform:translateZ(0) rotate(0) scale(1)}33%{transform:translate3d(50px,45px,0) rotate(7deg) scale(1.05)}66%{transform:translate3d(-55px,-50px,0) rotate(-9deg) scale(.96)}to{transform:translateZ(0) rotate(0) scale(1)}}@keyframes clayFloat4{0%{transform:translateZ(0) rotate(0) scale(1)}33%{transform:translate3d(-45px,-55px,0) rotate(-8deg) scale(.95)}66%{transform:translate3d(55px,35px,0) rotate(10deg) scale(1.06)}to{transform:translateZ(0) rotate(0) scale(1)}}@keyframes clayBob{0%,to{transform:translateZ(0) rotate(0)}50%{transform:translate3d(0,-20px,0) rotate(6deg)}}@keyframes clayBobReverse{0%,to{transform:translateZ(0) rotate(0)}50%{transform:translate3d(0,18px,0) rotate(-6deg)}}@keyframes claySparkleSpin{0%{transform:scale(.9) rotate(0);opacity:.5}50%{transform:scale(1.15) rotate(90deg);opacity:.85}to{transform:scale(.9) rotate(180deg);opacity:.5}}.animated-bg-container{position:fixed;top:0;right:0;bottom:0;left:0;width:100vw;height:100vh;overflow:hidden;pointer-events:none;z-index:0;contain:strict}.animated-bg-layer{position:absolute;top:0;right:0;bottom:0;left:0;width:100%;height:100%;will-change:transform;transition:transform .25s cubic-bezier(.16,1,.3,1)}.animated-blob{position:absolute;filter:blur(65px);pointer-events:none;opacity:.26;border-radius:60% 40% 70% 30%/50% 60% 40% 50%;animation:clayMorph 14s ease-in-out infinite alternate;will-change:transform,border-radius}.animated-blob-1{width:520px;height:520px;top:-80px;left:-100px;background:var(--clay-purple);animation:clayMorph 16s ease-in-out infinite alternate,clayFloat1 26s ease-in-out infinite alternate}.animated-blob-2{width:480px;height:480px;top:30%;right:-120px;background:var(--clay-blue);animation:clayMorph 18s ease-in-out infinite alternate,clayFloat2 28s ease-in-out infinite alternate}.animated-blob-3{width:500px;height:500px;top:60%;left:-80px;background:var(--clay-green);animation:clayMorph 15s ease-in-out infinite alternate,clayFloat3 24s ease-in-out infinite alternate}.animated-blob-4{width:460px;height:460px;bottom:-60px;right:-80px;background:var(--clay-yellow);animation:clayMorph 20s ease-in-out infinite alternate,clayFloat4 30s ease-in-out infinite alternate}.animated-blob-5{width:380px;height:380px;top:45%;left:35%;background:var(--clay-coral);opacity:.16;animation:clayMorph 22s ease-in-out infinite alternate,clayFloat1 32s ease-in-out infinite alternate-reverse}.clay-floating-shape{position:absolute;pointer-events:none;will-change:transform;opacity:.55;transition:opacity .3s ease}.clay-micro-sphere{border-radius:50%;background:radial-gradient(circle at 35% 28%,#ffffffd9,#fff0 55%)}.clay-micro-sphere.purple{background-color:var(--clay-purple);box-shadow:inset 0 1px #fff9,0 5px 0 0 var(--shadow-purple),0 10px 18px #6d28d938}.clay-micro-sphere.blue{background-color:var(--clay-blue);box-shadow:inset 0 1px #fff9,0 5px 0 0 var(--shadow-blue),0 10px 18px #1d4ed838}.clay-micro-sphere.teal{background-color:var(--clay-teal);box-shadow:inset 0 1px #fff9,0 5px 0 0 var(--shadow-teal),0 10px 18px #0f766e38}.clay-micro-sphere.coral{background-color:var(--clay-coral);box-shadow:inset 0 1px #fff9,0 5px 0 0 var(--shadow-coral),0 10px 18px #be123c38}.clay-micro-pill{border-radius:999px;background:radial-gradient(ellipse at 50% 0%,#ffffffb3,#fff0 65%)}.clay-micro-pill.yellow{background-color:var(--clay-yellow);box-shadow:inset 0 1px #ffffffb3,0 4px 0 0 var(--shadow-yellow),0 8px 16px #b4530933}.clay-micro-pill.green{background-color:var(--clay-green);box-shadow:inset 0 1px #ffffffb3,0 4px 0 0 var(--shadow-green),0 8px 16px #05966933}.clay-micro-sparkle{display:flex;align-items:center;justify-content:center;filter:drop-shadow(0 4px 6px rgba(29,78,216,.2))}@media(prefers-reduced-motion:reduce){.animated-blob,.clay-floating-shape{animation:none!important;transform:none!important}}.clay-container{width:100%;max-width:1100px;margin:0 auto;padding:0 24px;position:relative;z-index:1}.clay-section{padding:90px 0;position:relative}.clay-section-header{text-align:center;margin-bottom:48px}.clay-section-title{font-size:38px;font-weight:800;color:var(--text-heading);letter-spacing:-.015em;margin-bottom:12px}.clay-section-subtitle{font-size:17px;font-weight:600;color:var(--text-muted);max-width:620px;margin:0 auto}.clay-grid-3{display:grid;grid-template-columns:repeat(3,1fr);gap:28px}.clay-grid-2{display:grid;grid-template-columns:repeat(2,1fr);gap:28px}@media(max-width:900px){.clay-grid-3{grid-template-columns:repeat(2,1fr)}}@media(max-width:640px){.clay-grid-3,.clay-grid-2{grid-template-columns:1fr}.clay-section{padding:60px 0}.clay-section-title{font-size:30px}}.clay-reveal{opacity:0;transform:translateY(28px) scale(.97);transition:opacity .65s cubic-bezier(.16,1,.3,1),transform .65s cubic-bezier(.16,1,.3,1);will-change:opacity,transform;transition-delay:var(--reveal-delay, 0s)}.clay-reveal.is-revealed{opacity:1;transform:translateY(0) scale(1)}.clay-reveal-pop{opacity:0;transform:scale(.82);transition:opacity .6s cubic-bezier(.34,1.56,.64,1),transform .6s cubic-bezier(.34,1.56,.64,1);will-change:opacity,transform;transition-delay:var(--reveal-delay, 0s)}.clay-reveal-pop.is-revealed{opacity:1;transform:scale(1)}.clay-reveal-left{opacity:0;transform:translate(-32px);transition:opacity .65s cubic-bezier(.16,1,.3,1),transform .65s cubic-bezier(.16,1,.3,1);will-change:opacity,transform;transition-delay:var(--reveal-delay, 0s)}.clay-reveal-left.is-revealed{opacity:1;transform:translate(0)}.clay-reveal-right{opacity:0;transform:translate(32px);transition:opacity .65s cubic-bezier(.16,1,.3,1),transform .65s cubic-bezier(.16,1,.3,1);will-change:opacity,transform;transition-delay:var(--reveal-delay, 0s)}.clay-reveal-right.is-revealed{opacity:1;transform:translate(0)}.clay-card.clay-reveal:not(.is-revealed) .clay-fill{width:0%!important}.delay-1{--reveal-delay: .08s}.delay-2{--reveal-delay: .16s}.delay-3{--reveal-delay: .24s}.delay-4{--reveal-delay: .32s}.delay-5{--reveal-delay: .4s}.delay-6{--reveal-delay: .48s}.project-card.clay-reveal{transform:translateY(28px) scale(.97) rotate(0)}.project-card.clay-reveal.is-revealed{transform:translateY(0) scale(1) rotate(var(--card-rot, 0deg))}.project-card.clay-reveal.is-revealed:hover{transform:translateY(-4px) scale(1.01) rotate(0)}@media(max-width:900px){.project-card.clay-reveal.is-revealed,.project-card.clay-reveal.is-revealed:hover{transform:translateY(0) scale(1) rotate(0)}}@media(prefers-reduced-motion:reduce){.clay-reveal,.clay-reveal-pop,.clay-reveal-left,.clay-reveal-right{opacity:1!important;transform:none!important;transition:none!important}.clay-card.clay-reveal:not(.is-revealed) .clay-fill{width:auto!important}}*,*:before,*:after{box-sizing:border-box;margin:0;padding:0}html{scroll-behavior:smooth;-webkit-text-size-adjust:100%}body{font-family:var(--font-family);background-color:var(--bg-page);color:var(--text-body);line-height:1.65;font-size:16px;min-height:100vh;overflow-x:hidden;transition:background-color .25s ease;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}h1,h2,h3,h4,h5,h6{color:var(--text-heading);font-weight:800;line-height:1.25}p{color:var(--text-body);font-weight:500}a{color:inherit;text-decoration:none}button{font-family:inherit}::-webkit-scrollbar{width:12px}::-webkit-scrollbar-track{background:#0000000a}::-webkit-scrollbar-thumb{background:var(--clay-purple);border-radius:999px;border:3px solid var(--bg-page)}::-webkit-scrollbar-thumb:hover{background:var(--clay-blue)}.app-wrapper{position:relative;min-height:100vh;display:flex;flex-direction:column}.site-navbar{position:sticky;top:16px;z-index:50;width:calc(100% - 32px);max-width:1100px;margin:16px auto 0;padding:12px 24px;background:#fffffff2;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);border-radius:20px;box-shadow:inset 0 1px #fff,0 6px 0 0 var(--shadow-white),0 12px 24px #0000000f;display:flex;align-items:center;justify-content:space-between}.nav-brand{display:flex;align-items:center;gap:12px;font-weight:900;font-size:20px;color:var(--text-heading)}.nav-brand-avatar{width:40px;height:40px;border-radius:50%;object-fit:cover;box-shadow:0 3px 0 0 var(--shadow-white);border:2px solid #FFFFFF}.nav-links{display:flex;align-items:center;gap:8px;list-style:none}.nav-link-btn{padding:8px 16px;border-radius:12px;font-weight:700;font-size:15px;color:var(--text-body);transition:all .12s ease-out;cursor:pointer;background:transparent;border:none}.nav-link-btn:hover{background:#0000000d;color:var(--text-heading)}.nav-link-btn.active{background:#fff;color:var(--text-heading);box-shadow:inset 0 1px #fff,0 3px 0 0 var(--shadow-white),0 6px 12px #0000000d}.nav-actions{display:flex;align-items:center;gap:12px}.theme-menu{position:relative}.theme-pill-container{display:flex;align-items:center;gap:6px;padding:6px;background:#0000000d;border-radius:999px}.theme-pill{width:20px;height:20px;border-radius:50%;cursor:pointer;border:2px solid transparent;transition:transform .12s ease-out}.theme-pill:hover{transform:scale(1.15)}.theme-pill.active{border-color:var(--text-heading);transform:scale(1.1);box-shadow:0 2px 4px #00000026}.mobile-nav-toggle{display:none;background:#fff;border:none;width:42px;height:42px;border-radius:14px;cursor:pointer;align-items:center;justify-content:center;box-shadow:inset 0 1px #fff,0 4px 0 0 var(--shadow-white),0 8px 16px var(--shadow-white-alpha)}.mobile-menu-drawer{display:none;flex-direction:column;gap:12px;padding:16px;margin-top:12px;background:#fff;border-radius:20px;box-shadow:0 8px 0 0 var(--shadow-white),0 16px 28px #00000014}@media(max-width:840px){.nav-links{display:none}.mobile-nav-toggle,.mobile-menu-drawer.open{display:flex}}.hero-wrapper{padding:70px 0 40px;display:flex;flex-direction:column;align-items:center;text-align:center}.hero-avatar-wrap{position:relative;margin-bottom:24px}.hero-avatar{width:140px;height:140px;border-radius:50%;object-fit:cover;border:6px solid #FFFFFF;box-shadow:0 8px 0 0 var(--shadow-purple),0 16px 32px var(--shadow-purple-alpha);background:#fff}.hero-avatar-badge{position:absolute;bottom:6px;right:6px;background:var(--clay-green);color:#fff;width:36px;height:36px;border-radius:50%;display:flex;align-items:center;justify-content:center;box-shadow:0 3px 0 0 var(--shadow-green),0 6px 12px var(--shadow-green-alpha);border:3px solid #FFFFFF}.status-indicator{display:inline-flex;align-items:center;gap:8px;padding:8px 18px;border-radius:999px;background:#fff;color:var(--shadow-green);font-weight:800;font-size:14px;margin-bottom:20px;box-shadow:inset 0 1px #fff,0 4px 0 0 var(--shadow-white),0 8px 16px #0000000f}.status-dot{width:10px;height:10px;border-radius:50%;background:var(--clay-green);box-shadow:0 0 0 3px #34d3994d;animation:pulse-dot 2s infinite ease-in-out}@keyframes pulse-dot{0%{transform:scale(.95);box-shadow:0 0 #34d39980}70%{transform:scale(1.1);box-shadow:0 0 0 8px #34d39900}to{transform:scale(.95);box-shadow:0 0 #34d39900}}.hero-title{font-size:48px;font-weight:900;color:var(--text-heading);letter-spacing:-.02em;line-height:1.15;margin-bottom:16px;max-width:820px}.hero-subtitle{font-size:20px;font-weight:600;color:var(--text-body);max-width:680px;margin:0 auto 32px}.hero-cta-group{display:flex;align-items:center;justify-content:center;gap:16px;flex-wrap:wrap;margin-bottom:60px}.hero-stats-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:24px;width:100%;max-width:1000px}@media(max-width:840px){.hero-title{font-size:36px}.hero-subtitle{font-size:18px}.hero-stats-grid{grid-template-columns:repeat(2,1fr)}}@media(max-width:520px){.hero-title{font-size:28px}.hero-stats-grid{grid-template-columns:1fr}}.quote-card{background:radial-gradient(ellipse at 50% 0%,#ffffff59,#fff0 60%),var(--clay-purple);color:#fff;border-radius:28px;padding:36px;box-shadow:inset 0 1px #ffffff80,0 8px 0 0 var(--shadow-purple),0 16px 32px var(--shadow-purple-alpha);margin-bottom:32px;position:relative;overflow:hidden}.quote-icon-bg{position:absolute;right:20px;bottom:10px;font-size:120px;opacity:.12;line-height:1;-webkit-user-select:none;user-select:none}.quote-text{font-size:22px;font-weight:700;line-height:1.45;margin-bottom:12px;position:relative;z-index:1}.quote-author{font-size:16px;font-weight:800;opacity:.9;position:relative;z-index:1}.filter-container{display:flex;align-items:center;justify-content:center;gap:12px;flex-wrap:wrap;margin-bottom:36px}.filter-btn{padding:10px 22px;border-radius:999px;font-weight:700;font-size:15px;border:none;cursor:pointer;background:#fff;color:var(--text-body);box-shadow:inset 0 1px #fff,0 4px 0 0 var(--shadow-white),0 8px 16px #0000000d;transition:all .1s ease-out}.filter-btn:hover{transform:translateY(2px);box-shadow:inset 0 1px #fff,0 2px 0 0 var(--shadow-white),0 4px 8px #0000000d}.filter-btn.active{background:radial-gradient(ellipse at 50% 0%,#ffffff59,#fff0 60%),var(--clay-blue);color:#fff;box-shadow:inset 0 1px #ffffff80,0 4px 0 0 var(--shadow-blue),0 8px 16px var(--shadow-blue-alpha)}.project-card{display:flex;flex-direction:column;border-radius:24px;overflow:hidden;background:#fff;box-shadow:inset 0 1px #fff,0 8px 0 0 var(--shadow-white),0 16px 32px var(--shadow-white-alpha);transition:transform .12s ease-out,box-shadow .12s ease-out}.project-card:hover{transform:translateY(-4px);box-shadow:inset 0 1px #fff,0 12px 0 0 var(--shadow-white),0 24px 40px #0000001f}.project-img-wrapper{width:100%;height:210px;overflow:hidden;position:relative;background:#e2e8f0;cursor:pointer}.project-img{width:100%;height:100%;object-fit:cover;transition:transform .3s ease}.project-card:hover .project-img{transform:scale(1.04)}.project-tag{position:absolute;top:14px;right:14px;background:#ffffffeb;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);padding:4px 12px;border-radius:999px;font-size:12px;font-weight:800;color:var(--text-heading);box-shadow:0 2px 6px #0000001f}.project-body{padding:24px;display:flex;flex-direction:column;flex-grow:1}.project-title{font-size:20px;font-weight:800;margin-bottom:8px;color:var(--text-heading)}.project-desc{font-size:15px;color:var(--text-muted);line-height:1.55;margin-bottom:16px;flex-grow:1}.project-tech-tags{display:flex;flex-wrap:wrap;gap:6px;margin-bottom:20px}.project-tech-badge{background:#0000000d;color:var(--text-body-alt);font-size:12px;font-weight:700;padding:4px 10px;border-radius:8px}.project-actions{display:flex;gap:10px;margin-top:auto}.timeline-item{display:flex;gap:24px;margin-bottom:32px}.timeline-dot-col{display:flex;flex-direction:column;align-items:center}.timeline-line{width:4px;flex-grow:1;background:#00000014;margin-top:8px;border-radius:999px}.timeline-content{flex-grow:1}.clay-modal-overlay{position:fixed;top:0;right:0;bottom:0;left:0;background:#0f172a99;-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px);z-index:100;display:flex;align-items:center;justify-content:center;padding:20px;animation:modal-fade-in .15s ease-out}@keyframes modal-fade-in{0%{opacity:0}to{opacity:1}}.clay-modal{background:#fff;border-radius:28px;max-width:680px;width:100%;max-height:90vh;overflow-y:auto;box-shadow:inset 0 1px #fff,0 12px 0 0 var(--shadow-white),0 24px 48px #0003;padding:32px;position:relative}.clay-modal-close{position:absolute;top:20px;right:20px;width:40px;height:40px;border-radius:12px;border:none;background:#0000000f;display:flex;align-items:center;justify-content:center;cursor:pointer;color:var(--text-heading);transition:all .12s ease}.clay-modal-close:hover{background:var(--clay-coral);color:#fff}.clay-toast{position:fixed;bottom:24px;right:24px;z-index:999;background:radial-gradient(ellipse at 50% 0%,#ffffff59,#fff0 60%),var(--clay-green);color:#fff;padding:14px 22px;border-radius:16px;font-weight:700;display:flex;align-items:center;gap:10px;box-shadow:inset 0 1px #ffffff80,0 4px 0 0 var(--shadow-green),0 12px 24px var(--shadow-green-alpha);animation:toast-slide-up .2s cubic-bezier(.34,1.56,.64,1)}@keyframes toast-slide-up{0%{transform:translateY(20px);opacity:0}to{transform:translateY(0);opacity:1}}.site-footer{margin-top:auto;padding:40px 0 30px;text-align:center;border-top:2px dashed rgba(0,0,0,.08);position:relative;z-index:1}.footer-text{font-size:15px;font-weight:600;color:var(--text-muted)}