@keyframes fade-in{0%{opacity:0}to{opacity:1}}@keyframes fade-up{0%{opacity:0;transform:translateY(2rem)}to{opacity:1;transform:translateY(0)}}@keyframes fade-down{0%{opacity:0;transform:translateY(-1.5rem)}to{opacity:1;transform:translateY(0)}}@keyframes slide-in-left{0%{opacity:0;transform:translate(-3rem)}to{opacity:1;transform:translate(0)}}@keyframes slide-in-right{0%{opacity:0;transform:translate(3rem)}to{opacity:1;transform:translate(0)}}@keyframes scale-in{0%{opacity:0;transform:scale(.85)}to{opacity:1;transform:scale(1)}}@keyframes typewriter{0%{width:0}to{width:100%}}@keyframes cursor-blink{0%,to{border-color:var(--color-brand)}50%{border-color:#0000}}@keyframes pulse-brand{0%,to{box-shadow:0 0 0 0 var(--color-brand-glow)}50%{box-shadow:0 0 0 8px #0000}}@keyframes scroll-bounce{0%,to{opacity:1;transform:translateY(0)}50%{opacity:.4;transform:translateY(6px)}}@keyframes gradient-shift{0%{background-position:0%}50%{background-position:100%}to{background-position:0%}}@keyframes spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}@keyframes draw-line{0%{transform:scaleY(0)}to{transform:scaleY(1)}}@keyframes glitch-1{0%,to{clip-path:inset(0 0 100%);transform:translate(0)}20%{clip-path:inset(20% 0 60%);transform:translate(-4px,2px)}40%{clip-path:inset(60% 0 20%);transform:translate(4px,-2px)}60%{clip-path:inset(40% 0);transform:translate(-2px)}80%{clip-path:inset(80% 0 5%);transform:translate(2px,2px)}}@keyframes glitch-2{0%,to{clip-path:inset(0 0 100%);transform:translate(0)}20%{clip-path:inset(30% 0 50%);transform:translate(4px,-2px)}40%{clip-path:inset(10% 0 80%);transform:translate(-4px,2px)}60%{clip-path:inset(70% 0 10%);transform:translate(2px,-1px)}80%{clip-path:inset(50% 0 30%);transform:translate(-2px,1px)}}@keyframes float{0%,to{transform:translateY(0)}50%{transform:translateY(-12px)}}.reveal{opacity:0;transition:opacity .6s,transform .6s;transform:translateY(1.5rem)}.reveal.is-visible{opacity:1;transform:translateY(0)}.reveal--delay-1{transition-delay:.1s}.reveal--delay-2{transition-delay:.2s}.reveal--delay-3{transition-delay:.3s}.reveal--delay-4{transition-delay:.4s}@media (prefers-reduced-motion:reduce){.reveal{opacity:1;transition:none;transform:none}}@supports (animation-timeline:view()){.reveal-scroll{animation:linear both fade-up;animation-timeline:view();animation-range:entry entry 25%}@media (prefers-reduced-motion:reduce){.reveal-scroll{animation:none}}}*,:before,:after{box-sizing:border-box;margin:0;padding:0}html{scroll-behavior:smooth;-webkit-text-size-adjust:100%;-moz-text-size-adjust:100%;text-size-adjust:100%;font-size:100%}@media (prefers-reduced-motion:reduce){html{scroll-behavior:auto}}body{min-height:100vh;font-family:var(--font-base);font-size:var(--font-size-md);line-height:var(--line-height-normal);color:var(--color-light);background-color:var(--color-dark);-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;overflow-x:hidden}img,video,svg{max-width:100%;height:auto;display:block}input,button,textarea,select{font:inherit}a{color:inherit;text-decoration:none}ul,ol{list-style:none}h1,h2,h3,h4,h5,h6{font-weight:var(--font-weight-bold);line-height:var(--line-height-tight)}p{max-width:var(--max-width-text)}button{cursor:pointer;background:0 0;border:none}:focus-visible{outline:2px solid var(--color-brand);outline-offset:3px;border-radius:var(--radius-sm)}*{min-width:0}::selection{background:var(--color-brand);color:var(--color-dark-deep)}html{scrollbar-width:thin;scrollbar-color:var(--color-gray) var(--color-dark-mid)}html::-webkit-scrollbar{width:6px}html::-webkit-scrollbar-track{background:var(--color-dark-mid)}html::-webkit-scrollbar-thumb{background:var(--color-gray);border-radius:var(--radius-pill)}html.design-mode{scrollbar-color:var(--color-brand) var(--color-dark-mid)}html.design-mode::-webkit-scrollbar-thumb{background:var(--color-brand)}h1{font-size:clamp(2rem, 8vw, var(--font-size-5xl));font-weight:var(--font-weight-bold);letter-spacing:-.03em;line-height:var(--line-height-tight)}h2{font-size:clamp(1.5rem, 5vw, var(--font-size-4xl));font-weight:var(--font-weight-bold);letter-spacing:-.02em}h3{font-size:clamp(1.2rem, 3vw, var(--font-size-2xl));font-weight:var(--font-weight-bold)}h4{font-size:var(--font-size-xl);font-weight:var(--font-weight-medium)}p{line-height:var(--line-height-normal);color:var(--color-light-dim)}.section-heading{text-align:center;margin-bottom:var(--spacing-2xl)}.section-heading__eyebrow{font-size:var(--font-size-xs);font-weight:var(--font-weight-bold);letter-spacing:.15em;text-transform:uppercase;color:var(--color-brand);margin-bottom:var(--spacing-sm);display:inline-block}.section-heading__title{font-size:clamp(1.8rem, 4vw, var(--font-size-4xl));color:var(--color-light);margin-bottom:var(--spacing-md)}.section-heading__subtitle{font-size:var(--font-size-lg);color:var(--color-gray);max-width:560px;margin-inline-start:auto;margin-inline-end:auto}.text-brand{color:var(--color-brand)}.text-muted{color:var(--color-gray);font-size:var(--font-size-sm)}code{font-family:var(--font-mono);background:var(--color-light-ghost);border-radius:var(--radius-sm);color:var(--color-brand-light);padding:.1em .4em;font-size:.9em}.eco-toggle{-webkit-appearance:none;appearance:none;cursor:pointer;bottom:var(--spacing-lg);right:var(--spacing-lg);z-index:var(--z-eco-toggle);align-items:center;gap:var(--spacing-sm);padding:0;padding:var(--spacing-sm) var(--spacing-md);background:0 0;background:var(--color-dark-deep);border:none;border:1px solid var(--color-light-ghost);border-radius:var(--radius-pill);font-family:inherit;font-size:var(--font-size-xs);font-weight:var(--font-weight-medium);color:var(--color-gray);cursor:pointer;transition:background var(--transition-base), border-color var(--transition-base), color var(--transition-base), transform var(--transition-spring), box-shadow var(--transition-base);margin:0;display:flex;position:fixed}.eco-toggle:hover{background:var(--color-dark-mid);border-color:var(--color-brand);color:var(--color-light);box-shadow:var(--shadow-brand);transform:translateY(-2px)}.eco-toggle:focus-visible{outline:2px solid var(--color-brand);outline-offset:3px;border-radius:var(--radius-sm)}.eco-toggle__track{background:var(--color-dark-mid);border:1px solid var(--color-gray);border-radius:var(--radius-pill);width:36px;height:20px;transition:background var(--transition-base), border-color var(--transition-base);flex-shrink:0;position:relative}.eco-toggle__track:after{content:"";background:var(--color-gray);width:14px;height:14px;transition:transform var(--transition-spring), background var(--transition-base);border-radius:50%;position:absolute;top:2px;left:2px}.eco-toggle__label{white-space:nowrap;letter-spacing:.04em;text-transform:uppercase}.eco-toggle__icon{flex-shrink:0;font-size:1rem;line-height:1}.eco-toggle--design{border-color:var(--color-brand);color:var(--color-brand)}.eco-toggle--design .eco-toggle__track{background:var(--color-brand-glow);border-color:var(--color-brand)}.eco-toggle--design .eco-toggle__track:after{background:var(--color-brand);transform:translate(16px)}@media (prefers-reduced-motion:reduce){.eco-toggle,.eco-toggle .eco-toggle__track:after{transition:none}}:root{--color-dark:#2c2f34;--color-dark-deep:#1e2124;--color-dark-mid:#3a3f45;--color-dark-light:#4e545c;--color-brand:#0badc4;--color-brand-dark:#0891a8;--color-brand-light:#3dc4d8;--color-brand-glow:#0badc426;--color-light:#fefefe;--color-light-dim:#fefefeb3;--color-light-ghost:#fefefe14;--color-gray:#8b9197;--color-gray-light:#c8cdd3;--color-success:#1db954;--color-error:#e05c5c;--font-system:system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Helvetica, Arial, sans-serif;--font-design:"Inter", var(--font-system);--font-mono:"JetBrains Mono", "Fira Code", "Courier New", monospace;--font-base:var(--font-system);--font-size-xs:.75rem;--font-size-sm:.875rem;--font-size-md:1rem;--font-size-lg:1.125rem;--font-size-xl:1.25rem;--font-size-2xl:1.5rem;--font-size-3xl:2rem;--font-size-4xl:2.5rem;--font-size-5xl:3.5rem;--line-height-tight:1.2;--line-height-normal:1.6;--line-height-loose:1.8;--font-weight-regular:400;--font-weight-medium:500;--font-weight-bold:700;--spacing-xs:.25rem;--spacing-sm:.5rem;--spacing-md:1rem;--spacing-lg:1.5rem;--spacing-xl:2.5rem;--spacing-2xl:4rem;--spacing-3xl:6rem;--spacing-4xl:8rem;--radius-sm:4px;--radius-md:8px;--radius-lg:16px;--radius-xl:24px;--radius-pill:9999px;--shadow-sm:0 1px 3px #0000004d;--shadow-md:0 4px 12px #0006;--shadow-lg:0 16px 40px #00000080;--shadow-brand:0 0 20px #0badc440;--transition-fast:.15s ease;--transition-base:.3s ease;--transition-slow:.5s cubic-bezier(.4, 0, .2, 1);--transition-spring:.4s cubic-bezier(.34, 1.56, .64, 1);--z-base:1;--z-above:10;--z-header:100;--z-overlay:150;--z-eco-toggle:200;--z-top:999;--max-width:1200px;--max-width-text:720px;--header-height:70px}html.design-mode{--font-base:var(--font-design)}.section-hero{min-height:100svh;padding:calc(var(--header-height) + var(--spacing-2xl)) var(--spacing-md) var(--spacing-2xl);text-align:center;flex-direction:column;justify-content:center;align-items:center;display:flex;position:relative;overflow:hidden}@media (min-width:768px){.section-hero{text-align:left;padding-inline:var(--spacing-xl)}}.section-hero:before{content:"";background:radial-gradient(ellipse 60% 50% at 50% 0%, var(--color-brand-glow), transparent 70%);pointer-events:none;position:absolute;top:0;bottom:0;left:0;right:0}@media (min-width:768px){.section-hero:before{background:radial-gradient(ellipse 40% 60% at 70% 50%, var(--color-brand-glow), transparent 70%)}}.section-hero:after{content:"";background-image:linear-gradient(var(--color-light-ghost) 1px, transparent 1px), linear-gradient(90deg, var(--color-light-ghost) 1px, transparent 1px);opacity:0;transition:opacity var(--transition-slow);pointer-events:none;background-size:48px 48px;position:absolute;top:0;bottom:0;left:0;right:0;-webkit-mask-image:radial-gradient(#000 30%,#0000 80%);mask-image:radial-gradient(#000 30%,#0000 80%)}html.design-mode .section-hero:after{opacity:.4}.section-hero__inner{max-width:var(--max-width);z-index:1;gap:var(--spacing-2xl);align-items:center;margin-inline-start:auto;margin-inline-end:auto;display:grid;position:relative}@media (min-width:768px){.section-hero__inner{grid-template-columns:1fr auto}}.section-hero__content{gap:var(--spacing-lg);flex-direction:column;display:flex}.section-hero__eyebrow{align-items:center;gap:var(--spacing-sm);font-size:var(--font-size-xs);font-weight:var(--font-weight-bold);letter-spacing:.15em;text-transform:uppercase;color:var(--color-brand);display:inline-flex}.section-hero__eyebrow:before{content:"";background:var(--color-brand);width:32px;height:2px;display:block}.section-hero__title{font-size:clamp(2.2rem,8vw,5rem);font-weight:var(--font-weight-bold);letter-spacing:-.03em;color:var(--color-light);line-height:1.05}.section-hero__title-name{color:var(--color-brand);white-space:nowrap;border-right:3px solid var(--color-brand);width:0;animation:1.2s steps(8,end) .3s forwards typewriter,.8s step-end .3s 4 cursor-blink;display:block;overflow:hidden}@media (prefers-reduced-motion:reduce){.section-hero__title-name{border-right:none;width:auto;animation:none}}.section-hero__title-glitch{position:relative}html.design-mode .section-hero__title-glitch:before,html.design-mode .section-hero__title-glitch:after{content:attr(data-text);position:absolute;top:0;bottom:0;left:0;right:0;overflow:hidden}html.design-mode .section-hero__title-glitch:before{color:var(--color-brand);animation:5s 2s infinite glitch-1}html.design-mode .section-hero__title-glitch:after{color:var(--color-brand-light);animation:5s 2.3s infinite glitch-2}.section-hero__subtitle{font-size:clamp(1rem, 2.5vw, var(--font-size-xl));color:var(--color-gray);max-width:500px;line-height:var(--line-height-normal)}.section-hero__tags{gap:var(--spacing-sm);flex-wrap:wrap;display:flex}@media (min-width:768px){.section-hero__tags{justify-content:flex-start}}.section-hero__tag{font-size:var(--font-size-xs);font-weight:var(--font-weight-medium);letter-spacing:.08em;color:var(--color-brand);padding:var(--spacing-xs) var(--spacing-sm);border-radius:var(--radius-pill);background:var(--color-brand-glow);border:1px solid #0badc44d}.section-hero__ctas{gap:var(--spacing-md);flex-wrap:wrap;justify-content:center;display:flex}@media (min-width:768px){.section-hero__ctas{justify-content:flex-start}}.section-hero__visual{display:none}@media (min-width:768px){.section-hero__visual{justify-content:center;align-items:center;display:flex}}.section-hero__avatar{width:260px;height:260px;position:relative}@media (min-width:1024px){.section-hero__avatar{width:320px;height:320px}}.section-hero__avatar-ring{border:2px solid #0badc44d;border-radius:50%;animation:3s ease-in-out infinite pulse-brand;position:absolute;top:0;bottom:0;left:0;right:0}.section-hero__avatar-ring:nth-child(2){border-color:#0badc426;animation-delay:.5s;top:-16px;bottom:-16px;left:-16px;right:-16px}@media (prefers-reduced-motion:reduce){.section-hero__avatar-ring{animation:none}}.section-hero__avatar-svg{display:none}.section-hero__avatar-photo{border-radius:50%;position:absolute;top:0;bottom:0;left:0;right:0;overflow:hidden}.section-hero__avatar-photo img{object-fit:cover;width:100%;height:100%}.section-hero__scroll{bottom:var(--spacing-xl);align-items:center;gap:var(--spacing-xs);color:var(--color-gray);font-size:var(--font-size-xs);letter-spacing:.1em;text-transform:uppercase;flex-direction:column;animation:1s 2s both fade-in;display:flex;position:absolute;left:50%;transform:translate(-50%)}@media (prefers-reduced-motion:reduce){.section-hero__scroll{animation:none}}.section-hero__scroll-arrow{animation:2s ease-in-out infinite scroll-bounce}@media (prefers-reduced-motion:reduce){.section-hero__scroll-arrow{animation:none}}.btn{-webkit-appearance:none;appearance:none;cursor:pointer;align-items:center;gap:var(--spacing-sm);padding:0;padding:var(--spacing-md) var(--spacing-xl);border-radius:var(--radius-pill);font-family:inherit;font-size:var(--font-size-sm);font-weight:var(--font-weight-bold);letter-spacing:.06em;text-transform:uppercase;transition:transform var(--transition-spring), box-shadow var(--transition-base), color var(--transition-fast);background:0 0;border:none;margin:0;display:inline-flex;position:relative;overflow:hidden}.btn:focus-visible{outline:2px solid var(--color-brand);outline-offset:3px;border-radius:var(--radius-sm)}.btn svg{transition:transform var(--transition-spring)}.btn:hover svg{transform:translate(4px)}.btn--primary{background:var(--color-brand);color:var(--color-dark-deep);z-index:0;position:relative;overflow:hidden}.btn--primary:before{content:"";background:var(--color-brand-dark);width:120%;height:100%;transition:left var(--transition-base);z-index:-1;position:absolute;top:0;left:-110%;transform:skew(-20deg)}.btn--primary:hover:before{left:-5%}.btn--primary:focus-visible:before{left:-5%}.btn--primary:hover{box-shadow:var(--shadow-brand)}.btn--outline{color:var(--color-light);border:1px solid var(--color-light-ghost);z-index:0;background:0 0;position:relative;overflow:hidden}.btn--outline:before{content:"";background:var(--color-light-ghost);width:120%;height:100%;transition:left var(--transition-base);z-index:-1;position:absolute;top:0;left:-110%;transform:skew(-20deg)}.btn--outline:hover:before{left:-5%}.btn--outline:focus-visible:before{left:-5%}.btn--outline:hover{border-color:var(--color-light)}.btn--sm{padding:var(--spacing-sm) var(--spacing-md);font-size:var(--font-size-xs)}@media (prefers-reduced-motion:reduce){.btn:hover{transform:none}.btn{transition:box-shadow var(--transition-fast)}}@property --halo-color{syntax:"<color>";inherits:false;initial-value:#0badc41f}.cursor-halo{pointer-events:none;z-index:0;will-change:transform;--halo-color:#0badc41f;background:radial-gradient(circle, var(--halo-color) 0%, transparent 70%);border-radius:50%;width:600px;height:600px;transition:--halo-color .6s;position:fixed;top:-300px;left:-300px}@media (prefers-reduced-motion:reduce){.cursor-halo{display:none}}