:root{--bg:#fff;--fg:#111;--sub:#666;--border:#eee;--font-heading:"Playfair Display", serif;--font-body:"Inter", sans-serif}@media (prefers-color-scheme:dark){:root{--bg:#000;--fg:#eee;--sub:#999;--border:#222}}*{box-sizing:border-box}body{font-family:var(--font-body);background-color:var(--bg);color:var(--fg);cursor:none;margin:0;padding:0;line-height:1.6}html,a,button{cursor:none}h1,h2,h3,h4{font-family:var(--font-heading);margin-top:2rem;margin-bottom:1rem;font-weight:700}a{color:inherit;border-bottom:1px solid #0000;text-decoration:none;transition:border-bottom .2s}a:hover{border-bottom-color:var(--fg)}.container{max-width:800px;margin:0 auto;padding:2rem}nav{gap:1.5rem;margin-bottom:4rem;display:flex}nav a{color:var(--sub);font-size:.9rem;font-weight:500}nav a:hover,nav a.active{color:var(--fg)}.dropdown{align-items:center;display:flex;position:relative}.dropdown-trigger{color:var(--sub);cursor:none;background:0 0;border:none;border-bottom:1px solid #0000;align-items:center;gap:2px;padding:0;font-family:inherit;font-size:.9rem;font-weight:500;transition:color .2s,border-bottom-color .2s;display:flex}.dropdown-trigger:hover,.dropdown-trigger.active{color:var(--fg)}.dropdown-menu{background-color:var(--bg);border:1px solid var(--border);z-index:100;flex-direction:column;min-width:140px;margin-top:.5rem;padding:.5rem 0;display:flex;position:absolute;top:100%;left:0;box-shadow:0 4px 12px #0000000d}.dropdown-menu a{border-bottom:none;padding:.5rem 1rem;font-size:.85rem;transition:background-color .2s,color .2s}.dropdown-menu a:hover{background-color:var(--border);color:var(--fg);border-bottom:none}.section{margin-bottom:6rem}.grid{grid-template-columns:1fr;gap:2rem;display:grid}@media (width>=600px){.grid{grid-template-columns:1fr 1fr}}.card{border:1px solid var(--border);padding:1.5rem;transition:border-color .2s}.card:hover{border-color:var(--fg)}.card h3{margin-top:0}.signature-canvas{border:1px solid var(--border);background:var(--bg);cursor:none;width:100%;height:200px;display:block}.custom-cursor-container{pointer-events:none;z-index:9999;mix-blend-mode:difference;will-change:transform;position:fixed;top:0;left:0}.custom-cursor-dot{will-change:transform;background-color:#fff;border-radius:50%;width:12px;height:12px;transition:transform .3s cubic-bezier(.19,1,.22,1);transform:translate(-50%,-50%)}.custom-cursor-dot.hovering{transform:translate(-50%,-50%)scale(3)}@keyframes spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}.animate-spin{animation:1s linear infinite spin}