*,:before,:after{box-sizing:border-box;margin:0;padding:0}:root{--font:"Inter", -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif;--mono:"Geist Mono", "SF Mono", "Roboto Mono", monospace;--ease:cubic-bezier(.4, 0, .2, 1);--dur:.15s;--candy-scale:.72;--candy-shadow:#0f172a24;--candy-red-1:#8d0f14;--candy-red-2:#b9141a;--candy-red-3:#de1f26;--candy-red-4:#f64a51;--candy-red-5:#ff7d84;--candy-wrap-1:#fff;--candy-wrap-2:#dbdde2;--candy-wrap-3:#b7bbc4;--candy-wrap-4:#8b9099}[data-theme=dark]{--bg:#000;--surface:#0a0a0a;--card:#111;--border:#1a1a1a;--text:#ededed;--text-2:#a1a1a1;--text-3:#666;--text-4:#444;--hover:#1a1a1a;--candy-shadow:#00000047}[data-theme=light]{--bg:#fff;--surface:#fafafa;--card:#f5f5f5;--border:#eaeaea;--text:#0a0a0a;--text-2:#666;--text-3:#999;--text-4:#ccc;--hover:#f5f5f5;--candy-shadow:#0f172a24}html{font-family:var(--font);background:var(--bg);color:var(--text);-webkit-font-smoothing:antialiased;transition:background var(--dur) var(--ease), color var(--dur) var(--ease);font-size:16px;line-height:1.5}body,#root{flex-direction:column;min-height:100vh;display:flex}nav{z-index:100;background:var(--bg);border-bottom:1px solid var(--border);height:64px;transition:background var(--dur) var(--ease), border-color var(--dur) var(--ease);justify-content:space-between;align-items:center;padding:0 24px;display:flex;position:sticky;top:0}.nav-logo{letter-spacing:-.02em;color:var(--text);align-items:flex-end;gap:7px;font-size:.9375rem;font-weight:600;line-height:1;display:flex}.nav-right{align-items:center;gap:8px;display:flex}.nav-link{color:var(--text-2);transition:color var(--dur) var(--ease), background var(--dur) var(--ease);border-radius:6px;padding:6px 12px;font-size:.8125rem;text-decoration:none}.nav-link:hover{color:var(--text);background:var(--hover)}.theme-btn{border:1px solid var(--border);cursor:pointer;width:32px;height:32px;color:var(--text-2);transition:color var(--dur) var(--ease), border-color var(--dur) var(--ease);background:0 0;border-radius:6px;justify-content:center;align-items:center;margin-left:4px;display:flex}.theme-btn:hover{color:var(--text);border-color:var(--text-3)}.theme-btn svg{width:15px;height:15px}.pixel-candy-wrapper{flex:none;justify-content:center;align-items:flex-end;width:28px;height:20px;display:inline-flex;position:relative;top:-1px;overflow:visible}.pixel-candy-motion{transform-origin:50% 100%;will-change:transform;width:26px;height:15px;animation:1.7424s cubic-bezier(.32,0,.12,1) infinite candy-toss;position:relative}.pixel-candy-rotate{transform-origin:50% 56%;filter:drop-shadow(0 1px 0 var(--candy-shadow));will-change:transform;justify-content:center;align-items:flex-end;animation:1.7424s linear infinite candy-spin;display:flex;position:absolute;inset:0}.pixel-candy{width:32px;height:18px;transform:scale(var(--candy-scale));transform-origin:50% 100%;pointer-events:none;-webkit-user-select:none;user-select:none;flex:none;display:block;position:relative}.pixel-candy-art,.pixel-candy-flicker{background:0 0;width:2px;height:2px;position:absolute;top:0;left:0}.pixel-candy-art{box-shadow:4px 4px 0 var(--candy-wrap-3), 2px 6px 0 var(--candy-wrap-2), 4px 6px 0 var(--candy-wrap-1), 6px 6px 0 var(--candy-wrap-3), 0 8px 0 var(--candy-wrap-4), 2px 8px 0 var(--candy-wrap-1), 4px 8px 0 var(--candy-wrap-1), 6px 8px 0 var(--candy-wrap-2), 0 10px 0 var(--candy-wrap-4), 2px 10px 0 var(--candy-wrap-1), 4px 10px 0 var(--candy-wrap-2), 6px 10px 0 var(--candy-wrap-3), 2px 12px 0 var(--candy-wrap-2), 4px 12px 0 var(--candy-wrap-1), 6px 12px 0 var(--candy-wrap-3), 4px 14px 0 var(--candy-wrap-4), 26px 4px 0 var(--candy-wrap-3), 24px 6px 0 var(--candy-wrap-3), 26px 6px 0 var(--candy-wrap-1), 28px 6px 0 var(--candy-wrap-2), 24px 8px 0 var(--candy-wrap-2), 26px 8px 0 var(--candy-wrap-1), 28px 8px 0 var(--candy-wrap-1), 30px 8px 0 var(--candy-wrap-4), 24px 10px 0 var(--candy-wrap-3), 26px 10px 0 var(--candy-wrap-2), 28px 10px 0 var(--candy-wrap-1), 30px 10px 0 var(--candy-wrap-4), 24px 12px 0 var(--candy-wrap-3), 26px 12px 0 var(--candy-wrap-1), 28px 12px 0 var(--candy-wrap-2), 26px 14px 0 var(--candy-wrap-4), 12px 2px 0 var(--candy-red-1), 14px 2px 0 var(--candy-red-5), 16px 2px 0 var(--candy-red-4), 18px 2px 0 var(--candy-red-1), 10px 4px 0 var(--candy-red-1), 12px 4px 0 var(--candy-red-4), 14px 4px 0 var(--candy-red-3), 16px 4px 0 var(--candy-red-3), 18px 4px 0 var(--candy-red-4), 20px 4px 0 var(--candy-red-1), 8px 6px 0 var(--candy-red-3), 10px 6px 0 var(--candy-red-3), 12px 6px 0 var(--candy-red-4), 14px 6px 0 var(--candy-red-3), 16px 6px 0 var(--candy-red-3), 18px 6px 0 var(--candy-red-4), 20px 6px 0 var(--candy-red-3), 22px 6px 0 var(--candy-red-3), 8px 8px 0 var(--candy-red-1), 10px 8px 0 var(--candy-red-3), 12px 8px 0 var(--candy-red-4), 14px 8px 0 var(--candy-red-2), 16px 8px 0 var(--candy-red-3), 18px 8px 0 var(--candy-red-3), 20px 8px 0 var(--candy-red-4), 22px 8px 0 var(--candy-red-1), 8px 10px 0 var(--candy-red-1), 10px 10px 0 var(--candy-red-3), 12px 10px 0 var(--candy-red-3), 14px 10px 0 var(--candy-red-4), 16px 10px 0 var(--candy-red-3), 18px 10px 0 var(--candy-red-2), 20px 10px 0 var(--candy-red-3), 22px 10px 0 var(--candy-red-1), 8px 12px 0 var(--candy-red-3), 10px 12px 0 var(--candy-red-3), 12px 12px 0 var(--candy-red-4), 14px 12px 0 var(--candy-red-3), 16px 12px 0 var(--candy-red-3), 18px 12px 0 var(--candy-red-4), 20px 12px 0 var(--candy-red-3), 22px 12px 0 var(--candy-red-3), 10px 14px 0 var(--candy-red-1), 12px 14px 0 var(--candy-red-4), 14px 14px 0 var(--candy-red-3), 16px 14px 0 var(--candy-red-3), 18px 14px 0 var(--candy-red-4), 20px 14px 0 var(--candy-red-1), 12px 16px 0 var(--candy-red-1), 14px 16px 0 var(--candy-red-3), 16px 16px 0 var(--candy-red-3), 18px 16px 0 var(--candy-red-1)}.pixel-candy-flicker{animation-duration:.9s;animation-timing-function:step-end;animation-iteration-count:infinite}.pixel-candy-flicker-a{box-shadow:12px 2px 0 var(--candy-red-5), 14px 2px 0 var(--candy-red-5), 12px 4px 0 var(--candy-red-5), 16px 4px 0 var(--candy-red-5), 10px 6px 0 var(--candy-red-4), 16px 6px 0 var(--candy-red-5), 12px 8px 0 var(--candy-red-1), 16px 8px 0 var(--candy-red-5), 12px 10px 0 var(--candy-red-5), 16px 10px 0 var(--candy-red-1), 12px 12px 0 var(--candy-red-5), 16px 12px 0 var(--candy-red-5), 2px 8px 0 var(--candy-wrap-1), 4px 10px 0 var(--candy-wrap-1), 28px 8px 0 var(--candy-wrap-1), 26px 10px 0 var(--candy-wrap-1);animation-name:candy-flicker-a}.pixel-candy-flicker-b{box-shadow:14px 2px 0 var(--candy-red-5), 16px 2px 0 var(--candy-red-5), 14px 4px 0 var(--candy-red-5), 18px 4px 0 var(--candy-red-4), 12px 6px 0 var(--candy-red-5), 18px 6px 0 var(--candy-red-4), 14px 8px 0 var(--candy-red-1), 18px 8px 0 var(--candy-red-5), 14px 10px 0 var(--candy-red-5), 18px 10px 0 var(--candy-red-1), 14px 12px 0 var(--candy-red-4), 18px 12px 0 var(--candy-red-5), 4px 8px 0 var(--candy-wrap-1), 2px 10px 0 var(--candy-wrap-1), 26px 8px 0 var(--candy-wrap-1), 28px 10px 0 var(--candy-wrap-1);animation-name:candy-flicker-b}@keyframes candy-toss{0%,9.5%{transform:translate(0,0)scale(1)}9.5%{transform:translateY(1px)scaleX(1.1)scaleY(.86)}11.4%{transform:translateY(-7px)scaleX(.98)scaleY(1.04)}36%{transform:translateY(-13px)scale(1)}43.6%{transform:translateY(-15px)scale(1)}49.2%{transform:translateY(-14px)scale(1)}56.8%{transform:translateY(-10px)scale(1)}64.4%{transform:translateY(-5px)scale(1)}72%{transform:translate(0,0)scaleX(1.08)scaleY(.9)}79.6%{transform:translateY(-3px)scaleX(.98)scaleY(1.03)}87.1%{transform:translate(0,0)scale(1)}to{transform:translate(0,0)scale(1)}}@keyframes candy-spin{0%,4.7%{transform:rotate(0)}58.7%{transform:rotate(-360deg)}to{transform:rotate(-360deg)}}@keyframes candy-flicker-a{0%,49%{opacity:1}50%,to{opacity:0}}@keyframes candy-flicker-b{0%,49%{opacity:0}50%,to{opacity:1}}@media (prefers-reduced-motion:reduce){.pixel-candy-motion,.pixel-candy-rotate,.pixel-candy-flicker{animation:none}}main{flex:1;width:100%;max-width:1080px;margin:0 auto;padding:0 24px}.hero{text-align:center;padding:120px 0 100px}.hero-badge{font-family:var(--mono);letter-spacing:.08em;text-transform:uppercase;color:var(--text-3);border:1px solid var(--border);border-radius:100px;margin-bottom:24px;padding:4px 12px;font-size:.6875rem;display:inline-block}.hero h1{letter-spacing:-.04em;margin-bottom:20px;font-size:clamp(2.5rem,7vw,4.5rem);font-weight:600;line-height:1.05}.hero-sub{color:var(--text-2);max-width:520px;margin:0 auto;font-size:clamp(1rem,2.5vw,1.25rem);font-weight:300;line-height:1.6}.divider{background:var(--border);width:100%;height:1px}.platforms{padding:80px 0}.platforms-inner{background:var(--border);border:1px solid var(--border);border-radius:8px;grid-template-columns:repeat(auto-fit,minmax(180px,1fr));gap:1px;display:grid;overflow:hidden}.platform-cell{background:var(--bg);text-align:center;transition:background var(--dur) var(--ease);padding:32px 24px}.platform-cell:hover{background:var(--hover)}.platform-cell span{color:var(--text-2);letter-spacing:-.01em;font-size:.8125rem;font-weight:400;display:block}.product-section{padding:80px 0}.label{font-family:var(--mono);letter-spacing:.08em;text-transform:uppercase;color:var(--text-3);margin-bottom:32px;font-size:.6875rem}.product-feature{border:1px solid var(--border);transition:border-color var(--dur) var(--ease);border-radius:12px;padding:48px 40px;text-decoration:none;display:block;position:relative;overflow:hidden}.product-feature:hover{border-color:var(--text-4)}.product-feature h2{letter-spacing:-.03em;color:var(--text);margin-bottom:12px;font-size:1.75rem;font-weight:600}.product-feature p{color:var(--text-2);max-width:480px;margin-bottom:24px;font-size:.9375rem;font-weight:300;line-height:1.7}.product-link{font-family:var(--mono);color:var(--text-3);transition:color var(--dur) var(--ease);align-items:center;gap:6px;font-size:.8125rem;display:inline-flex}.product-feature:hover .product-link{color:var(--text)}.product-link-arrow{transition:transform var(--dur) var(--ease)}.product-feature:hover .product-link-arrow{transform:translate(3px)}.about{padding:80px 0}.about-text{color:var(--text-2);max-width:750px;font-size:1.125rem;font-weight:300;line-height:1.8}.legal{padding:80px 0 100px}.legal-company{flex-direction:column;gap:4px;display:flex}.legal-name{color:var(--text);font-size:1rem;font-weight:500}.legal-location{color:var(--text-2);font-size:.875rem;font-weight:400}footer{border-top:1px solid var(--border);transition:border-color var(--dur) var(--ease)}.footer-inner{justify-content:space-between;align-items:center;max-width:1080px;margin:0 auto;padding:24px;display:flex}.footer-meta{flex-direction:column;gap:2px;display:flex}.footer-copy,.footer-location{color:var(--text-3);font-size:.75rem}.footer-link{color:var(--text-3);transition:color var(--dur) var(--ease);font-size:.75rem;text-decoration:none}.footer-link:hover{color:var(--text)}@media (width<=640px){.hero{padding:80px 0 64px}.platforms,.product-section,.about,.legal{padding:56px 0}.product-feature{padding:32px 24px}.product-feature h2{font-size:1.35rem}}@media (width<=400px){.nav-link{display:none}}