*{box-sizing:border-box;margin:0;padding:0}body{color:#e0e0e0;background:#1a1a1d;min-height:100vh;font-family:Space Grotesk,sans-serif}#root{width:100%;min-height:100vh}.landing{width:100%;min-height:100vh;position:relative;overflow:hidden}.content{z-index:1;flex-direction:column;justify-content:center;align-items:center;min-height:100vh;padding:2rem;display:flex;position:relative}.landing h1{letter-spacing:.08em;text-transform:uppercase;color:#e8e8e8;text-align:center;margin-bottom:3rem;font-family:Space Grotesk,sans-serif;font-size:clamp(2rem,5vw,4rem);font-weight:500}.services{flex-wrap:wrap;justify-content:center;gap:.5rem 1.5rem;max-width:600px;margin:0 auto;display:flex}.service{letter-spacing:.05em;color:#555;opacity:0;font-size:.9rem;font-weight:400;transition:opacity .6s,transform .6s,color .6s;transform:translateY(8px)}.service.visible{opacity:1;color:#777;transform:translateY(0)}.tech-graphic{z-index:0;pointer-events:none;width:420px;height:420px;position:fixed;top:50%}.cog-right{animation:60s linear infinite spin-cw;right:-220px;transform:translateY(-50%)}.cog-left{animation:80s linear infinite spin-ccw;left:-220px;transform:translateY(-50%)}@keyframes spin-cw{0%{transform:translateY(-50%)rotate(0)}to{transform:translateY(-50%)rotate(360deg)}}@keyframes spin-ccw{0%{transform:translateY(-50%)rotate(0)}to{transform:translateY(-50%)rotate(-360deg)}}.contact{letter-spacing:.03em;color:#555;z-index:1;font-size:.75rem;text-decoration:none;transition:color .3s;position:fixed;bottom:1.5rem;right:2rem}.contact:hover{color:#999}@media (width<=768px){.cog-left{display:none}.cog-right{width:350px;height:350px;animation:60s linear infinite spin-cw-mobile;left:50%;right:auto}@keyframes spin-cw-mobile{0%{transform:translate(-50%,-50%)rotate(0)}to{transform:translate(-50%,-50%)rotate(360deg)}}.services{flex-direction:column;align-items:center;gap:.5rem}.contact{left:50%;right:auto;transform:translate(-50%)}}