:root{--color-bg:#fafafa;--color-text:#1a1a1a;--color-text-muted:#666;--color-accent:#5c6ac4;--color-surface:#f3f4f6;--color-border:#e5e7eb;--shadow-card:0 2px 8px #0000000f;--font-heading:"DM Sans", sans-serif;--font-body:"Inter", sans-serif;--spacing-base:8px;--color-navbar-bg:#fafafaf2;--color-card-bg:#fff;--color-tag-bg:#0000000f;--color-wave-1:#064e3b;--color-wave-2:#065f46;--color-wave-3:#047857}[data-theme=dark]{--color-bg:#111;--color-text:#f0f0f0;--color-accent:#818cf8;--shadow-card:0 2px 8px #0000004d;--border-subtle:#ffffff14;--color-navbar-bg:#111111f2;--color-card-bg:#1e1e1e;--color-tag-bg:#ffffff14;--color-wave-1:#a7f3d0;--color-wave-2:#6ee7b7;--color-wave-3:#34d399}*{box-sizing:border-box;margin:0;padding:0}html{scroll-behavior:smooth;transition:background-color .25s,color .25s}body{background:var(--color-bg);color:var(--color-text);font-family:var(--font-body);-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;line-height:1.5}a{color:inherit;text-decoration:none}ul,ol{list-style:none}:focus-visible{outline:2px solid var(--color-accent);outline-offset:2px}.theme-toggle{cursor:pointer;color:var(--color-text);background:0 0;border:none;border-radius:50%;justify-content:center;align-items:center;padding:8px;transition:color .15s;display:flex}.theme-toggle:hover{color:var(--color-accent)}.theme-toggle:focus-visible{outline:2px solid var(--color-accent);outline-offset:2px}.theme-toggle-icon{display:block}.navbar{z-index:100;background-color:var(--color-navbar-bg);-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);width:100%;position:fixed;top:0;left:0}.navbar-container{justify-content:space-between;align-items:center;max-width:1200px;height:100%;margin:0 auto;padding:0 1.5rem;display:flex}.navbar-actions{align-items:center;gap:1.5rem;display:flex}.navbar-brand{font-family:var(--font-heading);color:var(--color-text);letter-spacing:-.02em;font-size:1.25rem;font-weight:700}.navbar-links{align-items:center;gap:2rem;display:flex}.nav-link{font-family:var(--font-body);color:var(--color-text);padding-bottom:2px;font-weight:500;transition:color .2s;position:relative}.nav-link:after{content:"";background-color:var(--color-accent);width:0;height:2px;transition:width .2s;position:absolute;bottom:0;left:0}.nav-link:hover:after,.nav-link.active:after{width:100%}.nav-link.active{color:var(--color-accent)}.hamburger{cursor:pointer;z-index:101;background:0 0;border:none;width:24px;height:20px;padding:0;display:none;position:relative}.hamburger-line{background-color:var(--color-text);width:100%;height:2px;transition:transform .2s,opacity .2s,top .2s;display:block;position:absolute;left:0}.hamburger-line:first-child{top:0}.hamburger-line:nth-child(2){top:9px}.hamburger-line:nth-child(3){top:18px}.hamburger.open .hamburger-line:first-child{top:9px;transform:rotate(45deg)}.hamburger.open .hamburger-line:nth-child(2){opacity:0}.hamburger.open .hamburger-line:nth-child(3){top:9px;transform:rotate(-45deg)}@media (width<=768px){.hamburger{display:block}.navbar-links{background-color:var(--color-bg);flex-direction:column;justify-content:center;gap:2rem;width:60%;height:100vh;transition:right .3s;position:fixed;top:0;right:-100%;box-shadow:-2px 0 8px #0000001a}.navbar-links.open{right:0}}.hero-section{align-items:center;width:100%;min-height:100vh;padding:120px 24px;display:flex;position:relative;overflow:hidden}.hero-content{z-index:1;width:100%;max-width:1200px;margin:0 auto;position:relative}.hero-headline{font-family:var(--font-heading);color:var(--color-text);opacity:0;margin-bottom:24px;font-size:clamp(36px,5vw,64px);font-weight:700;line-height:1.1;transition:opacity .35s,transform .35s;transform:translateY(10px)}.hero-subheadline{font-family:var(--font-body);color:var(--color-text);opacity:0;max-width:600px;margin-bottom:40px;font-size:clamp(18px,2vw,20px);transition:opacity .35s,transform .35s;transform:translateY(10px)}.hero-subheadline.fade-in{opacity:.65;transform:translateY(0)}.hero-headline.fade-in,.hero-cta-container.fade-in{opacity:1;transform:translateY(0)}.hero-cta-container{opacity:0;transition:opacity .35s,transform .35s;transform:translateY(10px)}.hero-cta{font-family:var(--font-body);color:var(--color-text);border:2px solid var(--color-text);cursor:pointer;background:0 0;border-radius:4px;padding:12px 24px;font-size:1rem;font-weight:500;transition:color .2s ease-in-out,background-color .2s ease-in-out;position:relative;overflow:hidden}.hero-cta:hover{background-color:var(--color-accent);border-color:var(--color-accent);color:#fff}@media (width<=768px){.hero-section{padding:96px 24px 64px}}.hero-waves-container{z-index:0;pointer-events:none;width:100%;height:320px;position:absolute;top:0;left:0;overflow:hidden}.hero-waves-svg{width:110%;height:100%;display:block;position:absolute;top:0;left:-5%}.wave{will-change:transform;transform-origin:50%}.wave-1{animation:10s ease-in-out infinite alternate wave-move-1}.wave-2{animation:12s ease-in-out -1.5s infinite alternate wave-move-2}.wave-3{animation:8s ease-in-out -3s infinite alternate wave-move-3}@keyframes wave-move-1{0%{transform:translate(-2%)skew(1deg)scaleY(1)}to{transform:translate(2%)skew(-1deg)scaleY(1.1)}}@keyframes wave-move-2{0%{transform:translate(2%)skew(-1deg)scaleY(1.1)}to{transform:translate(-2%)skew(1deg)scaleY(.9)}}@keyframes wave-move-3{0%{transform:translate(-3%)scaleY(.95)}to{transform:translate(3%)scaleY(1.05)}}@media (prefers-reduced-motion:reduce){.wave{animation:none!important}}