:root{font-family:-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif;color:#202124;background:#fafaf9;font-synthesis:none;text-rendering:optimizeLegibility;-webkit-font-smoothing:antialiased}*{box-sizing:border-box}body{margin:0;min-width:320px}#app{display:flex;flex-direction:column;min-height:100svh}footer{margin-top:auto;padding:24px 32px;text-align:center;color:#626262}footer small{font-size:12px}a{color:inherit;text-decoration:none}:focus-visible{outline:2px solid #4263eb;outline-offset:3px}.site-header{display:flex;align-items:center;justify-content:space-between;gap:24px;padding:12px 32px;border-bottom:1px solid #dedede}.brand{display:inline-flex;align-items:center;gap:8px;font-size:20px;font-weight:500}.brand img{object-fit:contain}.button{display:inline-flex;align-items:center;justify-content:center;height:36px;padding:0 12px;font-size:14px;color:#fff;border-radius:6px;background:#000;transition:transform .15s ease}.button:hover{transform:translateY(-2px)}main{max-width:720px;margin:80px auto;padding:0 32px}.hero-content{overflow:hidden;padding:0 24px 80px 112px;margin-left:-112px;margin-right:-24px}.hero-stage{position:relative;margin:12px 0 48px;--lens-x: -60px;--lens-y: 50%}.hero-title{margin:0;font-size:32px;font-weight:400;line-height:1.3}.how-it-works h2{margin:0 0 20px;font-size:20px;font-weight:500}.how-it-works ol{display:grid;gap:16px;margin:0;padding-left:24px;color:#626262;font-size:16px;line-height:1.6}.how-it-works li{padding-left:4px}.hero-lens{position:absolute;inset:0;pointer-events:none;background:#fafaf9;clip-path:circle(43px at var(--lens-x) var(--lens-y))}.hero-magnified{transform:scale(1.4);transform-origin:var(--lens-x) var(--lens-y);color:#4263eb;text-shadow:1px 0 #a5b4fc}.hero-glass{position:absolute;left:var(--lens-x);top:var(--lens-y);width:88px;height:88px;transform:translate(-50%,-50%);border:4px solid #202124;border-radius:50%;background:linear-gradient(135deg,#ffffff70,transparent 45%,#93c5fd25);box-shadow:0 5px 12px #00000018,inset 0 0 0 2px #ffffffb3;pointer-events:none}.hero-glass:after{content:"";position:absolute;width:18px;height:52px;left:60px;top:69px;border-radius:7px;background:linear-gradient(90deg,#202124,#484a50);transform:rotate(-45deg);transform-origin:50% 0;box-shadow:0 4px 8px #00000018}@media(max-width:900px){.hero-content{padding-left:0;margin-left:0}.hero-stage{margin-top:112px;--lens-x: 44px;--lens-y: -60px}}@media(max-width:480px){.site-header{padding-inline:24px}main{margin-top:40px}}@media(prefers-reduced-motion:reduce){.button{transition:none}}