*{margin:0;padding:0;box-sizing:border-box}body{font-family:system-ui,-apple-system,sans-serif;line-height:1.6}header,.dock{position:fixed;left:0;right:0;z-index:100}header{top:0}.dock{bottom:0;height:64px}header nav{display:flex;align-items:center;justify-content:space-between;padding:1.25rem 2rem}header .logo{font-size:1.25rem;font-weight:700;letter-spacing:-.02em}header ul{display:flex;gap:1.5rem;list-style:none}header a{text-decoration:none;font-size:.9rem;font-weight:500;color:inherit;transition:opacity .2s}header a:hover{opacity:.7}.dropdown-trigger{background:none;border:none;font-size:.9rem;font-weight:500;color:inherit;cursor:pointer;transition:opacity .2s}.dropdown-trigger:hover{opacity:.7}.dropdown-panel{position:fixed;z-index:101;display:none;flex-direction:column;background:#fff;border-radius:8px;box-shadow:0 4px 24px #00000026;padding:.5rem 0}.dropdown-panel.open{display:flex}.dropdown-panel a{padding:.5rem 1.25rem;text-decoration:none;font-size:.9rem;font-weight:500;color:#111;transition:background .15s}.dropdown-panel a:hover{background:#f5f5f5}.dock-variant{position:absolute;top:0;left:0;right:0;bottom:0;display:flex;align-items:center;justify-content:center;gap:.5rem;font-size:.8rem;font-weight:500;letter-spacing:.04em;text-transform:uppercase;will-change:clip-path}#dock-default{background:transparent;color:#111}#dock-dark{background:transparent;color:#fff;pointer-events:none}#dock-accent{background:linear-gradient(135deg,#667eea,#764ba2);color:#fff;pointer-events:none}#dock-inverted{background:#111;color:#0ff;pointer-events:none}#dock-expanded{background:#065f46;color:#d1fae5;pointer-events:none;gap:1rem;font-size:1rem;top:auto;height:96px}.dock-icon{font-size:.6rem;opacity:.7}.dock-progress-text{font-variant-numeric:tabular-nums;opacity:.5;min-width:3ch}[data-midday-variant=default]{background:#fff;color:#111}[data-midday-variant=dark]{background:#111;color:#fff}[data-midday-variant=accent]{background:linear-gradient(135deg,#667eea,#764ba2);color:#fff}[data-midday-variant=inverted]{background:#111;color:#0ff}[data-midday-variant=expanded]{background:#065f46;color:#d1fae5}section{min-height:100vh;display:flex;flex-direction:column;align-items:center;justify-content:center;padding:4rem 2rem}section h2{font-size:clamp(2rem,5vw,3.5rem);font-weight:800;margin-bottom:1rem}section p{max-width:42ch;text-align:center;font-size:1.125rem;opacity:.8}.hero{background:#111;color:#fff}.content{background:#fff;color:#111}.accent-section{background:linear-gradient(135deg,#667eea,#764ba2);color:#fff}.dark-section{background:#2a2a4e;color:#eee}.light-section{background:#f5f5f5;color:#333}.expanded-section{background:#064e3b;color:#d1fae5}