:root{--micro-duration:150ms;--micro-duration-fast:100ms;--micro-duration-slow:200ms;--micro-ease:cubic-bezier(0.34,1.56,0.64,1);--micro-ease-out:cubic-bezier(0.0,0.0,0.2,1);--micro-ease-bounce:cubic-bezier(0.175,0.885,0.32,1.275);--btn-hover-lift:-2px;--btn-hover-scale:1.015;--btn-active-press:1px;--btn-active-scale:0.975;--input-focus-scale:1.003;--input-focus-glow:0 0 0 3px var(--brand-primary-glow);--shadow-micro-rest:0 1px 2px rgba(0,0,0,0.05);--shadow-micro-hover:0 4px 8px rgba(0,0,0,0.08),0 2px 4px rgba(0,0,0,0.04);--shadow-micro-active:0 1px 1px rgba(0,0,0,0.06);--touch-target-min:44px}.dark{--shadow-micro-rest:0 1px 2px rgba(0,0,0,0.2);--shadow-micro-hover:0 4px 12px rgba(0,0,0,0.25),0 2px 4px rgba(0,0,0,0.15),0 0 20px var(--brand-primary-glow);--shadow-micro-active:0 1px 2px rgba(0,0,0,0.25);--input-focus-glow:0 0 0 3px hsla(185,70%,55%,0.35)}.btn-micro{position:relative;transform:translateY(0) scale(1);box-shadow:var(--shadow-micro-rest);transition:transform var(--micro-duration) var(--micro-ease),box-shadow var(--micro-duration-slow) var(--micro-ease-out),background-color var(--micro-duration) var(--micro-ease-out),border-color var(--micro-duration) var(--micro-ease-out);will-change:transform,box-shadow}.btn-micro:hover:not(:disabled){transform:translateY(var(--btn-hover-lift)) scale(var(--btn-hover-scale));box-shadow:var(--shadow-micro-hover)}.btn-micro:active:not(:disabled){transform:translateY(var(--btn-active-press)) scale(var(--btn-active-scale));box-shadow:var(--shadow-micro-active);transition-duration:50ms}.btn-micro:focus-visible{outline:none;box-shadow:var(--shadow-micro-rest),0 0 0 2px var(--color-background,white),0 0 0 4px var(--brand-primary)}.btn-micro-primary:hover:not(:disabled){box-shadow:var(--shadow-micro-hover),0 4px 20px hsla(185,70%,45%,.25)}.dark .btn-micro-primary:hover:not(:disabled){box-shadow:var(--shadow-micro-hover),0 4px 24px hsla(185,70%,55%,.35)}.btn-micro-destructive:hover:not(:disabled){box-shadow:var(--shadow-micro-hover),0 4px 20px hsla(0,70%,55%,.2)}.btn-micro-ghost{box-shadow:none}.btn-micro-ghost:hover:not(:disabled){transform:translateY(-1px) scale(1.01);box-shadow:none;background-color:hsl(var(--muted))}.btn-micro-ghost:active:not(:disabled){transform:translateY(0) scale(.98)}.btn-micro-icon{border-radius:50%;overflow:hidden}.btn-micro-icon:after{content:"";position:absolute;inset:0;background:radial-gradient(circle at center,var(--brand-primary-glow) 0,transparent 70%);opacity:0;transform:scale(.5);transition:opacity var(--micro-duration) var(--micro-ease-out),transform var(--micro-duration-slow) var(--micro-ease)}.btn-micro-icon:hover:after{opacity:1;transform:scale(1.2)}.btn-micro-icon:active:after{transform:scale(.9);opacity:.8}.btn-micro.btn-micro-link,.btn-micro.btn-micro-link:active:not(:disabled),.btn-micro.btn-micro-link:hover:not(:disabled){box-shadow:none;transform:none}.input-micro-container{position:relative;display:flex;transition:transform var(--micro-duration) var(--micro-ease)}.input-micro-container:focus-within{transform:scale(var(--input-focus-scale))}.input-micro{transition:border-color var(--micro-duration) var(--micro-ease-out),box-shadow var(--micro-duration-slow) var(--micro-ease-out),background-color var(--micro-duration) var(--micro-ease-out)}.input-micro:focus{border-color:var(--brand-primary);box-shadow:var(--input-focus-glow);outline:none}.input-micro:hover:not(:focus):not(:disabled){border-color:var(--brand-teal-300)}.dark .input-micro:hover:not(:focus):not(:disabled){border-color:var(--brand-teal-400)}.input-micro:valid:not(:-moz-placeholder){border-color:hsl(142,71%,45%)}.input-micro:valid:not(:placeholder-shown),.input-micro[data-valid=true]{border-color:hsl(142,71%,45%)}.input-micro:valid:not(:-moz-placeholder):focus{box-shadow:0 0 0 3px hsla(142,71%,45%,.2)}.input-micro:valid:not(:placeholder-shown):focus,.input-micro[data-valid=true]:focus{box-shadow:0 0 0 3px hsla(142,71%,45%,.2)}.input-micro:invalid:not(:-moz-placeholder){border-color:hsl(0,84%,60%)}.input-micro:invalid:not(:placeholder-shown),.input-micro[data-invalid=true]{border-color:hsl(0,84%,60%)}.input-micro:invalid:not(:-moz-placeholder):focus{box-shadow:0 0 0 3px hsla(0,84%,60%,.2)}.input-micro:invalid:not(:placeholder-shown):focus,.input-micro[data-invalid=true]:focus{box-shadow:0 0 0 3px hsla(0,84%,60%,.2)}.textarea-micro{transition:border-color var(--micro-duration) var(--micro-ease-out),box-shadow var(--micro-duration-slow) var(--micro-ease-out);resize:vertical;min-height:80px}.textarea-micro:focus{border-color:var(--brand-primary);box-shadow:var(--input-focus-glow);outline:none}.select-micro{cursor:pointer;transition:border-color var(--micro-duration) var(--micro-ease-out),box-shadow var(--micro-duration-slow) var(--micro-ease-out),background-color var(--micro-duration) var(--micro-ease-out)}.select-micro:hover:not(:disabled){border-color:var(--brand-teal-300);background-color:var(--surface-primary-hover)}.select-micro:focus{border-color:var(--brand-primary);box-shadow:var(--input-focus-glow);outline:none}.card-micro{position:relative;cursor:pointer;transform:translateY(0) scale(1);transition:transform var(--micro-duration-slow) var(--micro-ease),box-shadow var(--duration-slow) var(--ease-apple);will-change:transform,box-shadow}.card-micro:hover{transform:translateY(-4px) scale(1.005);box-shadow:var(--shadow-card-hover)}.card-micro:active{transform:translateY(-1px) scale(.995);box-shadow:var(--shadow-card-active);transition-duration:80ms}.card-micro-glow:before{content:"";position:absolute;inset:0;border-radius:inherit;background:radial-gradient(ellipse at 50% 0,var(--brand-primary-glow) 0,transparent 60%);opacity:0;transition:opacity var(--duration-slow) var(--ease-apple);pointer-events:none}.card-micro-glow:hover:before{opacity:1}.card-micro-border{border:1px solid transparent;transition:transform var(--micro-duration-slow) var(--micro-ease),box-shadow var(--duration-slow) var(--ease-apple),border-color var(--micro-duration) var(--micro-ease-out)}.card-micro-border:hover{border-color:var(--brand-primary-faint)}.card-micro-border:active{border-color:var(--brand-primary)}.link-micro{position:relative;text-decoration:none;color:var(--brand-primary);transition:color var(--micro-duration) var(--micro-ease-out)}.link-micro:after{content:"";position:absolute;bottom:-1px;left:0;width:100%;height:1px;background:currentColor;transform:scaleX(0);transform-origin:right;transition:transform var(--micro-duration-slow) var(--micro-ease)}.link-micro:hover{color:var(--brand-teal-600)}.dark .link-micro:hover{color:var(--brand-teal-400)}.link-micro:hover:after{transform:scaleX(1);transform-origin:left}.link-micro-arrow{display:inline-flex;align-items:center;gap:.25rem}.link-micro-arrow .arrow,.link-micro-arrow svg{transition:transform var(--micro-duration) var(--micro-ease)}.link-micro-arrow:hover .arrow,.link-micro-arrow:hover svg{transform:translateX(3px)}.checkbox-micro,.radio-micro{position:relative;cursor:pointer;transition:border-color var(--micro-duration) var(--micro-ease-out),background-color var(--micro-duration) var(--micro-ease-out),box-shadow var(--micro-duration) var(--micro-ease-out),transform var(--micro-duration) var(--micro-ease)}.checkbox-micro:hover,.radio-micro:hover{border-color:var(--brand-primary);transform:scale(1.05)}.checkbox-micro:active,.radio-micro:active{transform:scale(.95)}.checkbox-micro:checked,.radio-micro:checked{background-color:var(--brand-primary);border-color:var(--brand-primary);animation:check-bounce var(--micro-duration-slow) var(--micro-ease-bounce)}@keyframes check-bounce{0%{transform:scale(.8)}50%{transform:scale(1.1)}to{transform:scale(1)}}.toggle-micro{position:relative;width:44px;height:24px;border-radius:12px;background:var(--surface-elevated);cursor:pointer;transition:background-color var(--micro-duration-slow) var(--micro-ease-out)}.toggle-micro:after{content:"";position:absolute;top:2px;left:2px;width:20px;height:20px;border-radius:50%;background:white;box-shadow:0 1px 3px rgba(0,0,0,.2);transition:transform var(--micro-duration-slow) var(--micro-ease),box-shadow var(--micro-duration) var(--micro-ease-out)}.toggle-micro:hover:after{box-shadow:0 2px 6px rgba(0,0,0,.25)}.toggle-micro:checked,.toggle-micro[data-state=checked]{background:var(--brand-primary)}.toggle-micro:checked:after,.toggle-micro[data-state=checked]:after{transform:translateX(20px)}.touch-target{position:relative;min-width:var(--touch-target-min);min-height:var(--touch-target-min)}.touch-target-expanded:before{content:"";position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);width:max(100%,var(--touch-target-min));height:max(100%,var(--touch-target-min))}.tap-highlight{-webkit-tap-highlight-color:var(--brand-primary-glow);tap-highlight-color:var(--brand-primary-glow)}.tap-highlight-none{-webkit-tap-highlight-color:transparent;tap-highlight-color:transparent}.text-display-responsive{font-family:var(--font-display);font-size:clamp(1.5rem,4vw + .5rem,2.25rem);font-weight:700;letter-spacing:-.025em;line-height:1.2}.text-title-responsive{font-family:var(--font-display);font-size:clamp(1.25rem,2.5vw + .5rem,1.75rem);font-weight:600;letter-spacing:-.02em;line-height:1.3}.text-heading-responsive{font-family:var(--font-display);font-size:clamp(1rem,1.5vw + .5rem,1.25rem);font-weight:600;letter-spacing:-.015em;line-height:1.4}.text-body-responsive{font-size:clamp(.9375rem,1vw + .5rem,1rem);line-height:1.6}.text-small-responsive{font-size:clamp(.875rem,.8vw + .5rem,.9375rem);line-height:1.5}@media (max-width:640px){.page-header-title{letter-spacing:-.015em}.hero-card-title{font-size:1rem;line-height:1.3}.btn-micro{font-size:.9375rem}}.scroll-reveal{opacity:0;transform:translateY(20px);transition:opacity var(--duration-slow) var(--ease-apple-out),transform var(--duration-slow) var(--ease-apple-out)}.scroll-reveal.is-visible{opacity:1;transform:translateY(0)}.scroll-reveal-stagger>*{opacity:0;transform:translateY(16px);transition:opacity var(--duration-slow) var(--ease-apple-out),transform var(--duration-slow) var(--ease-apple-out)}.scroll-reveal-stagger.is-visible>:first-child{transition-delay:0s;opacity:1;transform:translateY(0)}.scroll-reveal-stagger.is-visible>:nth-child(2){transition-delay:60ms;opacity:1;transform:translateY(0)}.scroll-reveal-stagger.is-visible>:nth-child(3){transition-delay:.12s;opacity:1;transform:translateY(0)}.scroll-reveal-stagger.is-visible>:nth-child(4){transition-delay:.18s;opacity:1;transform:translateY(0)}.scroll-reveal-stagger.is-visible>:nth-child(5){transition-delay:.24s;opacity:1;transform:translateY(0)}.skeleton-micro{position:relative;overflow:hidden;background:linear-gradient(90deg,var(--surface-elevated) 0,var(--surface-secondary) 50%,var(--surface-elevated) 100%);background-size:200% 100%;animation:skeleton-shimmer 1.5s ease-in-out infinite;border-radius:var(--radius-sm)}@keyframes skeleton-shimmer{0%{background-position:200% 0}to{background-position:-200% 0}}.dark .skeleton-micro{background:linear-gradient(90deg,var(--elevation-1) 0,var(--elevation-2) 50%,var(--elevation-1) 100%);background-size:200% 100%}.focus-trap-indicator{position:relative}.focus-trap-indicator:before{content:"";position:absolute;inset:-4px;border:2px dashed var(--brand-primary);border-radius:calc(var(--radius-lg) + 4px);opacity:0;transition:opacity var(--micro-duration) var(--micro-ease-out);pointer-events:none}.focus-trap-indicator:focus-within:before{opacity:.5}@media (prefers-reduced-motion:reduce){.btn-micro,.card-micro,.checkbox-micro,.input-micro,.link-micro,.radio-micro,.scroll-reveal,.scroll-reveal-stagger>*,.toggle-micro{transition:none;animation:none}.btn-micro:active,.btn-micro:hover,.card-micro:active,.card-micro:hover{transform:none}.checkbox-micro:checked,.radio-micro:checked{animation:none}.scroll-reveal,.scroll-reveal-stagger>*{opacity:1;transform:none}.skeleton-micro{animation:none;background:var(--color-muted)}}