*,*:before,*:after{box-sizing:border-box}body{margin:0;padding:0;font-family:Inter,Helvetica Neue,Arial,sans-serif;background:#fff;color:#25282b;-webkit-font-smoothing:antialiased}.c--cursor-a{position:fixed;top:0;left:0;pointer-events:none;z-index:10000}.c--cursor-a--is-hidden .c--cursor-a__item,.c--cursor-a--is-hidden .c--cursor-a__artwork{opacity:0}.c--cursor-a--on-dark .c--cursor-a__item{background:#ffffffe6}.c--cursor-a--on-dark .c--cursor-a__artwork{border-color:#ffffff80}.c--cursor-a--on-dark.c--cursor-a--is-active .c--cursor-a__item{background-color:#e60000}.c--cursor-a--on-dark.c--cursor-a--is-active .c--cursor-a__artwork{border-color:#e60000}.c--cursor-a--is-active .c--cursor-a__item{background-color:#e60000}.c--cursor-a--is-active .c--cursor-a__artwork{border-color:#e60000}.c--cursor-a--second .c--cursor-a__item{width:6px;height:6px;margin-left:-3px;margin-top:-3px}.c--cursor-a--second .c--cursor-a__artwork{width:30px;height:30px;margin-left:-15px;margin-top:-15px}.c--cursor-a--third .c--cursor-a__item{opacity:0}.c--cursor-a--third .c--cursor-a__artwork{width:60px;height:60px;margin-left:-30px;margin-top:-30px;border-color:#e6000099;background-color:#e6000014}.c--cursor-a--fourth .c--cursor-a__item{opacity:0}.c--cursor-a--fourth .c--cursor-a__artwork{width:80px;height:80px;margin-left:-40px;margin-top:-40px;border-color:transparent;background-color:#000000d9}.c--cursor-a--fifth .c--cursor-a__item{opacity:0}.c--cursor-a--fifth .c--cursor-a__artwork{width:80px;height:80px;margin-left:-40px;margin-top:-40px;border-color:transparent;background-color:#25282be6}.c--cursor-a--sixth .c--cursor-a__item{opacity:0}.c--cursor-a--sixth .c--cursor-a__artwork{width:80px;height:80px;margin-left:-40px;margin-top:-40px;border-color:transparent;background-color:#25282b}.c--cursor-a__item{position:fixed;top:0;left:0;width:8px;height:8px;background:#25282b;border-radius:50%;pointer-events:none;margin-left:-4px;margin-top:-4px;transition:width .2s ease,height .2s ease,margin .2s ease,opacity .15s ease,background-color .2s ease}.c--cursor-a__artwork{position:fixed;top:0;left:0;width:40px;height:40px;border:1.5px solid #25282b;background:transparent;border-radius:50%;pointer-events:none;margin-left:-20px;margin-top:-20px;display:flex;align-items:center;justify-content:center;overflow:hidden;color:#fff;font-size:11px;font-weight:700;white-space:nowrap;transition:width .3s ease,height .3s ease,margin .3s ease,border-color .3s ease,opacity .2s ease,background-color .3s ease}.hero{background:#25282b;padding:120px 32px 100px}@media (max-width: 768px){.hero{padding:80px 16px 64px}}.hero__inner{max-width:1200px;margin:0 auto}.hero__badge{display:inline-block;padding:4px 12px;border:1px solid #e60000;border-radius:2px;color:#e60000;font-size:12px;font-weight:600;text-transform:uppercase;letter-spacing:.1em;margin-bottom:32px}.hero__title{font-size:96px;font-weight:800;color:#fff;text-transform:uppercase;letter-spacing:-2px;line-height:.9;margin:0 0 32px}@media (max-width: 1024px){.hero__title{font-size:72px}}@media (max-width: 768px){.hero__title{font-size:48px;letter-spacing:-1px}}.hero__sub{font-size:18px;font-weight:400;color:#7e7e7e;margin:0 0 48px;max-width:480px;line-height:1.6}.hero__actions{display:flex;align-items:center;gap:16px;flex-wrap:wrap}.hero__install{display:inline-flex;align-items:center;gap:12px;padding:14px 20px;background:#ffffff0f;border:1px solid rgba(255,255,255,.12);border-radius:6px;color:#fff;font-family:SF Mono,Fira Code,Consolas,monospace;font-size:14px;transition:background .2s ease,border-color .2s ease}.hero__install:hover{background:#ffffff1a;border-color:#fff3}.hero__install-icon{color:#7e7e7e;flex-shrink:0;transition:color .2s ease}.hero__install--copied{border-color:#e6000080}.hero__install--copied .hero__install-icon{color:#e60000}.btn-pill{display:inline-flex;align-items:center;padding:14px 28px;background:#e60000;color:#fff;font-size:14px;font-weight:700;letter-spacing:.14px;border-radius:60px;text-decoration:none;border:none;transition:opacity .15s ease}.btn-pill:hover{opacity:.9}.btn-ghost-pill{display:inline-flex;align-items:center;padding:14px 28px;background:transparent;color:#fff;font-size:14px;font-weight:700;letter-spacing:.14px;border-radius:60px;text-decoration:none;border:1px solid rgba(255,255,255,.25);transition:border-color .2s ease,background .2s ease}.btn-ghost-pill:hover{border-color:#e60000;background:#e6000014}.red-band{width:100%;height:56px;background:#e60000}@media (max-width: 768px){.red-band{height:40px}}.examples{background:#fff;padding:0 32px 80px}@media (max-width: 768px){.examples{padding:0 16px 48px}}.examples__inner{max-width:1200px;margin:0 auto}.example{padding:64px 0;border-bottom:1px solid #e8e8e8}.example:last-child{border-bottom:none}.example__header{margin-bottom:28px}.example__badge{display:inline-block;padding:3px 10px;border:1px solid #e60000;border-radius:2px;color:#e60000;font-size:11px;font-weight:700;text-transform:uppercase;letter-spacing:.12em;margin-bottom:12px}.example__title{font-size:20px;font-weight:700;color:#25282b;margin:0 0 8px}.example__desc{font-size:14px;color:#7e7e7e;margin:0;max-width:640px;line-height:1.65}.example__desc code{font-family:SF Mono,Fira Code,Consolas,monospace;font-size:12px;background:#f2f2f2;padding:2px 6px;border-radius:2px;color:#25282b}.example__body{display:grid;grid-template-columns:1fr 1fr;gap:24px;align-items:stretch}@media (max-width: 768px){.example__body{grid-template-columns:1fr}}.example__preview{background:#f2f2f2;border-radius:6px;min-height:240px;display:flex;align-items:center;justify-content:center;gap:12px;flex-wrap:wrap;padding:32px}.example__code{border-radius:6px;overflow:hidden;display:flex;flex-direction:column}.demo-card{display:flex;align-items:center;justify-content:center;padding:20px 28px;background:#fff;border-radius:6px;color:#25282b;font-size:14px;font-weight:600;text-decoration:none;min-width:140px;border:1px solid #e8e8e8}.demo-btn{display:inline-flex;align-items:center;padding:12px 24px;background:#25282b;color:#fff;border:none;border-radius:2px;font-family:Inter,Helvetica Neue,Arial,sans-serif;font-size:14px;font-weight:700;letter-spacing:.14px;transition:opacity .15s ease}.demo-btn:hover{opacity:.85}.demo-btn--active{background:#e60000;opacity:1}.demo-link{display:inline-flex;align-items:center;padding:12px 24px;background:#fff;border:1px solid #e8e8e8;border-radius:6px;color:#25282b;font-size:14px;font-weight:600;text-decoration:none}.demo-grid{display:flex;gap:12px;flex-wrap:wrap;justify-content:center;width:100%}.demo-grid-card{display:flex;align-items:center;justify-content:center;padding:16px 20px;background:#fff;border-radius:6px;color:#25282b;font-size:13px;font-weight:600;min-width:100px;border:1px solid #e8e8e8}.js--focus{display:inline-block;padding:12px 24px;border:2px dashed rgba(37,40,43,.25);border-radius:6px;color:#7e7e7e;font-size:14px}.code-tabs{background:#1e1e1e;display:flex;flex-direction:column;height:100%;min-height:240px}.code-tabs__nav{display:flex;background:#2d2d2d;border-bottom:1px solid #3a3a3a;flex-shrink:0}.code-tabs__btn{padding:10px 16px;border:none;background:none;color:#666;font-family:Inter,Helvetica Neue,Arial,sans-serif;font-size:11px;font-weight:700;letter-spacing:.08em;text-transform:uppercase;border-bottom:2px solid transparent;transition:color .15s ease,border-color .15s ease}.code-tabs__btn:hover{color:#aaa}.code-tabs__btn--active{color:#fff;border-bottom-color:#e60000}.code-tabs__panel{display:none;flex:1;overflow:auto}.code-tabs__panel--active{display:block}.code-tabs__panel pre{margin:0;padding:20px;overflow-x:auto}.code-tabs__panel code{font-family:SF Mono,Fira Code,Cascadia Code,Consolas,monospace;font-size:12px;line-height:1.65;color:#d4d4d4;white-space:pre}.footer{background:#25282b;padding:48px 32px}@media (max-width: 768px){.footer{padding:40px 16px}}.footer__inner{max-width:1200px;margin:0 auto;display:flex;align-items:center;justify-content:space-between;flex-wrap:wrap;gap:24px}.footer__left{display:flex;align-items:center;gap:12px}.footer__name{font-size:14px;font-weight:800;color:#fff;text-transform:uppercase;letter-spacing:.06em}.footer__version{font-size:11px;font-weight:600;color:#7e7e7e;padding:2px 8px;border:1px solid rgba(255,255,255,.15);border-radius:2px}.footer__right{display:flex;align-items:center;gap:24px}.footer__link{font-size:14px;font-weight:400;color:#ffffffb3;text-decoration:none;transition:color .15s ease}.footer__link:hover,.footer__link--sponsor{color:#e60000}.footer__link--sponsor:hover{color:#b30000}.footer__license{font-size:14px;color:#7e7e7e}