:root{color-scheme:light;--bg: #f3f5f8;--panel: #ffffff;--panel-2: #f8fafb;--line: #e6e8ee;--text: #1c1f26;--muted: #6c7280;--faint: #98a0ab;--accent: #0f9d90;--accent-hover: #0c857a;--accent-soft: color-mix(in srgb, var(--accent) 14%, transparent);--code-bg: #0f1419;--code-text: #d7dde5;font-family:Inter,ui-sans-serif,system-ui,sans-serif;font-size:15px;background:var(--bg);color:var(--text)}:root[data-theme=dark]{color-scheme:dark;--bg: #101216;--panel: #1b1e25;--panel-2: #16181d;--line: #2c313b;--text: #f3f4f7;--muted: #a0a6b2;--faint: #7d8492;--accent: #1eb8a8;--accent-hover: #2ac8b8;--code-bg: #0b0e12}@font-face{font-family:Satoshi;src:url(/fonts/satoshi-500.woff2) format("woff2");font-weight:500;font-style:normal;font-display:swap}*{box-sizing:border-box}html{scroll-behavior:smooth;scroll-padding-top:72px}body{margin:0}a{color:inherit;text-decoration:none}h1,h2,h3{margin:0;letter-spacing:-.035em}code{font-family:JetBrains Mono,ui-monospace,monospace;font-size:.9em}.muted{color:var(--muted)}.top{position:fixed;inset:0 0 auto;z-index:10;display:flex;align-items:center;justify-content:space-between;padding:14px 28px;background:color-mix(in srgb,var(--bg) 72%,transparent);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border-bottom:1px solid color-mix(in srgb,var(--line) 60%,transparent)}.brand{display:flex;align-items:center;gap:8px;font-size:20px;letter-spacing:-.04em}.brand img{width:32px;height:32px;object-fit:contain;image-rendering:pixelated}.wordmark{font-family:Satoshi,Inter,sans-serif;font-weight:500}.top nav{display:flex;align-items:center;gap:22px;font-weight:500;font-size:14px}.top nav a:not(.btn):hover{color:var(--accent)}.btn{display:inline-flex;align-items:center;height:38px;padding:0 16px;border-radius:8px;border:1px solid var(--line);background:color-mix(in srgb,var(--panel) 92%,transparent);font-weight:500;font-size:14px}.btn.primary{background:var(--accent);border-color:var(--accent);color:#fff}.btn.primary:hover{background:var(--accent-hover)}.btn.light{background:#fff;border-color:#fff;color:#0b5e57}.eyebrow{display:inline-block;margin-bottom:14px;font-size:12.5px;font-weight:600;letter-spacing:.08em;text-transform:uppercase;color:var(--accent)}#field{position:fixed;top:0;right:0;bottom:0;left:0;width:100%;height:100%;z-index:0;pointer-events:none}.providers,.block,.cta,.foot{position:relative;z-index:1}.hero{position:relative;z-index:1;background:var(--bg);min-height:100vh;overflow:hidden;cursor:none}.hero *{cursor:none}.hero:not(:hover) .pixel-cursor{display:none}#wave{position:absolute;top:0;right:0;bottom:0;left:0;width:100%;height:100%;display:block}.hero-copy{position:relative;z-index:1;max-width:660px;padding:calc(14vh + 56px) 28px 0 clamp(28px,9vw,120px)}.hero h1{margin:0 0 18px;font-size:clamp(38px,5.4vw,64px);line-height:1.02;font-weight:600;letter-spacing:-.05em}.hero p{margin:0 0 26px;font-size:17.5px;line-height:1.55;color:var(--muted);max-width:540px}.actions{display:flex;gap:10px;flex-wrap:wrap}.pixel-cursor{position:fixed;left:0;top:0;width:18px;height:18px;margin:-9px 0 0 -9px;pointer-events:none;z-index:5}.pixel-cursor i,.pixel-cursor b{position:absolute;width:4px;height:4px;background:var(--text)}.pixel-cursor i:nth-child(1){left:0;top:0}.pixel-cursor i:nth-child(2){right:0;top:0}.pixel-cursor i:nth-child(3){left:0;bottom:0}.pixel-cursor i:nth-child(4){right:0;bottom:0}.pixel-cursor b{left:7px;top:7px}.providers{position:relative;display:flex;align-items:center;justify-content:center;gap:28px;flex-wrap:wrap;padding:26px 28px;border-block:1px solid var(--line);background:var(--panel-2);color:var(--faint);font-size:13px;font-weight:500}.logos{display:flex;align-items:center;gap:34px;flex-wrap:wrap;justify-content:center}.logos span{display:flex;align-items:center;gap:8px;color:var(--muted);font-size:14.5px;font-weight:500;transition:color .2s}.logos img{height:22px;width:22px;object-fit:contain;filter:grayscale(1);opacity:.8;transition:filter .2s,opacity .2s}.logos span:hover{color:var(--text)}.logos span:hover img,.logos .own img{filter:none;opacity:1}.logos .own{color:var(--text)}.logos .own img{image-rendering:pixelated}.block{max-width:1180px;margin:0 auto;padding:110px 28px 0}.head{max-width:720px;margin-bottom:44px}.head h2{font-size:clamp(28px,3.4vw,42px);line-height:1.1;font-weight:600;margin-bottom:14px}.head p{margin:0;font-size:16.5px;line-height:1.6;color:var(--muted)}.steps{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:18px}.step{display:flex;flex-direction:column;padding:24px;border:1px solid var(--line);border-radius:16px;background:var(--panel)}.step .num{width:28px;height:28px;display:grid;place-items:center;border-radius:8px;background:var(--accent-soft);color:var(--accent);font-weight:600;font-size:13px;margin-bottom:16px}.step h3{font-size:19px;font-weight:600;margin-bottom:8px}.step p{margin:0 0 18px;color:var(--muted);line-height:1.55;font-size:14.5px}.code{margin:auto 0 0;padding:16px 18px;border-radius:12px;background:var(--code-bg);color:var(--code-text);font-family:JetBrains Mono,ui-monospace,monospace;font-size:12.3px;line-height:1.6;overflow-x:auto;white-space:pre}.code .k{color:#5ad8c9}.code .d{color:#e0a34a}.code .f{color:#8ab4ff}.code .s{color:#a8e6a1}.code .c{color:#6b7685}.rank{margin-top:auto;padding:10px;border-radius:12px;background:var(--panel-2);border:1px solid var(--line);display:grid;gap:8px}.rank-row{display:grid;grid-template-columns:22px 22px 1fr auto;align-items:center;gap:10px;padding:11px 12px;border-radius:9px;background:var(--panel);border:1px solid var(--line);font-size:13.5px}.rank-row b{color:var(--faint);font-weight:600}.rank-row span{display:grid;line-height:1.3}.rank-row strong{font-weight:600}.rank-row small{color:var(--muted);font-size:12px}.rank-row img{width:20px;height:20px;object-fit:contain}.rank-row em{font-style:normal;font-size:12px;font-weight:500;padding:2px 8px;border-radius:99px;background:var(--accent-soft);color:var(--accent)}.rank-row.full{opacity:.6}.rank-row.full em{background:color-mix(in srgb,#e0a34a 18%,transparent);color:#c4862b}.rank-row.pick{border-color:var(--accent);box-shadow:0 0 0 3px var(--accent-soft);animation:pick 2.4s ease-in-out infinite}@keyframes pick{50%{box-shadow:0 0 0 6px color-mix(in srgb,var(--accent) 6%,transparent)}}.rank-foot{display:flex;gap:8px;padding:2px 2px 0}.rank-foot span{font-family:JetBrains Mono,monospace;font-size:11.5px;color:var(--muted);padding:3px 8px;border-radius:6px;border:1px solid var(--line);background:var(--panel)}.flow-frame{position:relative;border:1px solid var(--line);border-radius:18px;background:var(--panel);overflow:hidden;height:400px}#flow{width:100%;height:100%;display:block}.cards{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:18px}.card{padding:22px;border:1px solid var(--line);border-radius:16px;background:var(--panel);transition:border-color .2s,transform .2s}.card:hover{border-color:color-mix(in srgb,var(--accent) 45%,var(--line));transform:translateY(-2px)}.card h3{font-size:17px;font-weight:600;margin:18px 0 8px}.card p{margin:0;color:var(--muted);line-height:1.55;font-size:14.3px}.art{width:100%;height:112px;padding:16px 0;border-radius:12px;background:radial-gradient(circle at 1px 1px,color-mix(in srgb,var(--accent) 22%,transparent) 1px,transparent 0) 0 0 / 10px 10px,var(--panel-2);border:1px solid var(--line)}.art rect,.art circle{fill:var(--panel);stroke:color-mix(in srgb,var(--accent) 55%,var(--line));stroke-width:1.2}.art .on,.art .bars rect,.art .dots circle{fill:var(--accent);stroke:var(--accent)}.art .bars rect.zero{fill:var(--faint);stroke:var(--faint)}.art .x{opacity:.45;stroke-dasharray:3 3}.art path,.art polyline{fill:none;stroke:var(--accent);stroke-width:1.6;stroke-linecap:round;stroke-linejoin:round}.art .hop{stroke-dasharray:3 3;animation:dash 1.2s linear infinite}.art .line{stroke-width:2.2;stroke-dasharray:200;stroke-dashoffset:200;animation:draw 3.6s ease-in-out infinite}.art text{font:500 8px Inter,sans-serif;fill:var(--muted);text-anchor:middle}.art text.inv{fill:#fff}.art .bars rect{transform-box:fill-box;transform-origin:bottom;animation:grow 3.6s ease-in-out infinite}.art .bars rect:nth-child(2){animation-delay:.15s}.art .bars rect:nth-child(3){animation-delay:.3s}.art .bars rect:nth-child(4){animation-delay:.45s}.art .bars rect:nth-child(5){animation-delay:.6s}@keyframes grow{0%,to{transform:scaleY(1)}50%{transform:scaleY(.55)}}@keyframes dash{to{stroke-dashoffset:-12}}@keyframes draw{0%{stroke-dashoffset:200}55%,to{stroke-dashoffset:0}}.faq{display:grid;gap:10px;max-width:820px}.faq details{border:1px solid var(--line);border-radius:12px;background:var(--panel);padding:0 20px}.faq summary{list-style:none;cursor:pointer;padding:18px 0;font-weight:600;font-size:15.5px;display:flex;justify-content:space-between;gap:12px}.faq summary::-webkit-details-marker{display:none}.faq summary:after{content:"+";color:var(--accent);font-weight:500;font-size:20px;line-height:1}.faq details[open] summary:after{content:"–"}.faq p{margin:0 0 18px;color:var(--muted);line-height:1.6}.faq a{color:var(--accent)}.cta{position:relative;max-width:1180px;margin:110px auto 0;border-radius:20px;overflow:hidden;background:linear-gradient(135deg,#0b6f66,#0f9d90 55%,#1eb8a8);color:#fff;min-height:280px;display:grid;align-items:center;margin-inline:max(28px,calc((100% - 1180px)/2))}#grain{position:absolute;top:0;right:0;bottom:0;left:0;width:100%;height:100%}.cta>div{position:relative;padding:48px clamp(28px,6vw,72px)}.cta h2{font-size:clamp(28px,3.6vw,44px);font-weight:600;margin-bottom:10px}.cta p{margin:0 0 24px;font-size:16.5px;opacity:.9}.foot{max-width:1180px;margin:0 auto;padding:48px 28px 40px;display:flex;align-items:center;justify-content:space-between;gap:18px;flex-wrap:wrap;font-size:14px}.foot .brand{font-size:17px}.foot .brand img{width:24px;height:24px}.foot nav{display:flex;gap:22px;color:var(--muted)}.foot nav a:hover{color:var(--accent)}@media (max-width: 960px){.steps,.cards{grid-template-columns:repeat(2,minmax(0,1fr))}}@media (max-width: 680px){.steps,.cards{grid-template-columns:minmax(0,1fr)}.top nav a:not(.btn){display:none}.block{padding-top:80px}.flow-frame{height:340px}}@media (hover: none){.hero,.hero *{cursor:auto}}@media (prefers-reduced-motion: reduce){.art *,.rank-row.pick{animation:none!important}}
