:has(.hero-wrapper) .nextra-sidebar{display:none!important}:has(.hero-wrapper) .nextra-sidebar-footer{display:none!important}:has(.hero-wrapper)>.x\:mx-auto{max-width:100%!important;padding:0!important}:has(.hero-wrapper) article{max-width:100%!important;padding:0!important}:has(.hero-wrapper) [class*=nextra-breadcrumb]{display:none!important}:has(.hero-wrapper) .nextra-toc{display:none!important}:has(.hero-wrapper) .x\:float-end{display:none!important}:has(.hero-wrapper) div.x\:mt-12:has(time){display:none!important}:has(.hero-wrapper) .x\:text-end:has(time){display:none!important}:has(.hero-wrapper) time{display:none!important}:has(.hero-wrapper) div:has(>a[title=Introduction]){display:none!important}:has(.hero-wrapper) .x\:max-w-\(--nextra-content-width\){max-width:100%!important}:has(.hero-wrapper) .nextra-content{padding:0!important;max-width:100%!important}.hero-wrapper{position:relative;overflow:hidden;padding:80px 24px 60px;text-align:center;background:linear-gradient(135deg,#0f0720,#1a0a3e 30%,#0d1b3e 60%,#0a0e1a);width:100vw;margin:-1.5rem calc(-50vw + 50%) 0}.hero-wrapper:before{content:"";position:absolute;top:-50%;left:-20%;width:140%;height:200%;background:radial-gradient(ellipse at 30% 50%,rgba(99,102,241,.15) 0,transparent 70%),radial-gradient(ellipse at 70% 30%,rgba(139,92,246,.12) 0,transparent 60%),radial-gradient(ellipse at 50% 80%,rgba(59,130,246,.1) 0,transparent 50%);animation:hero-glow 8s ease-in-out infinite alternate;pointer-events:none}@keyframes hero-glow{0%{transform:translate(0) scale(1);opacity:1}to{transform:translate(2%,-3%) scale(1.05);opacity:.8}}.hero-badge{display:inline-flex;align-items:center;gap:6px;padding:6px 16px;border-radius:9999px;font-size:13px;font-weight:500;color:#a78bfa;background:rgba(139,92,246,.12);border:1px solid rgba(139,92,246,.25);margin-bottom:24px;position:relative}.hero-title{font-size:clamp(36px,6vw,64px);font-weight:800;line-height:1.2;letter-spacing:-.03em;color:#ffffff;margin:0 auto 16px;max-width:720px;position:relative}.hero-title p{line-height:inherit!important;margin:0!important;font-size:inherit!important}.hero-title-gradient{background:linear-gradient(135deg,#818cf8,#c084fc,#38bdf8);-webkit-background-clip:text;background-clip:text;-webkit-text-fill-color:transparent;display:block}.hero-subtitle{font-size:clamp(16px,2vw,20px);color:#94a3b8;max-width:560px;margin:0 auto 40px;line-height:1.6;position:relative}.hero-actions{display:flex;justify-content:center;gap:12px;margin-bottom:48px;flex-wrap:wrap;position:relative}.hero-btn-primary{display:inline-flex;align-items:center;gap:8px;padding:12px 28px;font-size:15px;font-weight:600;color:#ffffff;background:linear-gradient(135deg,#6366f1,#8b5cf6);border:none;border-radius:12px;cursor:pointer;text-decoration:none;transition:transform .2s,box-shadow .2s;box-shadow:0 4px 24px rgba(99,102,241,.3)}.hero-btn-primary:hover{transform:translateY(-1px);box-shadow:0 6px 32px rgba(99,102,241,.4)}.hero-btn-secondary{display:inline-flex;align-items:center;gap:8px;padding:12px 28px;font-size:15px;font-weight:600;color:#c4b5fd;background:rgba(139,92,246,.08);border:1px solid rgba(139,92,246,.25);border-radius:12px;cursor:pointer;text-decoration:none;transition:background .2s,border-color .2s}.hero-btn-secondary:hover{background:rgba(139,92,246,.15);border-color:rgba(139,92,246,.4)}.hero-install{display:inline-flex;align-items:center;gap:10px;padding:10px 20px;background:rgba(255,255,255,.05);border:1px solid rgba(255,255,255,.1);border-radius:10px;font-family:SF Mono,Fira Code,monospace;font-size:14px;color:#94a3b8;position:relative;margin-bottom:12px}.hero-install code{color:#e2e8f0}.compare-section{position:relative;max-width:900px;margin:0 auto}.compare-label{display:flex;justify-content:center;gap:32px;margin-bottom:16px}.compare-label span{font-size:12px;font-weight:600;text-transform:uppercase;letter-spacing:.08em;color:#64748b;padding:4px 12px;border-radius:6px;background:rgba(255,255,255,.05)}.compare-label span.active{color:#a78bfa;background:rgba(139,92,246,.12)}.compare-grid{display:flex;justify-content:center;gap:24px;flex-wrap:wrap}.compare-card{border-radius:16px;overflow:hidden;border:1px solid rgba(255,255,255,.08);box-shadow:0 8px 32px rgba(0,0,0,.3);background:#0f172a;transition:transform .3s,box-shadow .3s}.compare-card:hover{transform:translateY(-4px);box-shadow:0 12px 48px rgba(0,0,0,.4)}.compare-card img{display:block}.compare-iframe{width:380px;height:460px;border:none;display:block;background:#ffffff}.compare-card-label{padding:10px 16px;font-size:12px;font-weight:600;text-transform:uppercase;letter-spacing:.06em;text-align:center;border-top:1px solid rgba(255,255,255,.06)}.compare-card-label.canvas{color:#a78bfa;background:rgba(139,92,246,.08)}.compare-card-label.dom{color:#38bdf8;background:rgba(56,189,248,.08)}.features-section{padding:60px 24px;background:linear-gradient(180deg,#0a0e1a,#0f172a);width:100vw;margin-left:calc(-50vw + 50%)}@media (min-width:768px){.features-section{padding:80px 48px;width:100vw;margin-left:calc(-50vw + 50%)}}.features-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(260px,1fr));grid-gap:20px;gap:20px;max-width:960px;margin:0 auto}.feature-card{padding:28px;border-radius:16px;background:rgba(255,255,255,.03);border:1px solid rgba(255,255,255,.06);transition:border-color .2s,background .2s}.feature-card:hover{background:rgba(255,255,255,.05);border-color:rgba(139,92,246,.2)}.feature-icon{margin-bottom:12px;line-height:0}.feature-icon svg{width:28px;height:28px}.feature-title{font-size:16px;font-weight:700;color:#f1f5f9;margin-bottom:6px}.feature-desc{font-size:14px;color:#64748b;line-height:1.5}.scroll-section{padding:60px 24px;text-align:center;background:#0a0e1a;width:100vw;margin-left:calc(-50vw + 50%)}@media (min-width:768px){.scroll-section{padding:80px 48px;width:100vw;margin-left:calc(-50vw + 50%)}}.scroll-section-title{font-size:clamp(24px,4vw,36px);font-weight:800;color:#f1f5f9;margin-bottom:8px}.scroll-section-sub{font-size:16px;color:#64748b;margin-bottom:40px;max-width:500px;margin-left:auto;margin-right:auto}.scroll-demo-wrapper{display:flex;justify-content:center}.scroll-demo-card{border-radius:16px;overflow:hidden;border:1px solid rgba(255,255,255,.08);box-shadow:0 8px 32px rgba(0,0,0,.3);background:#0f172a}.scroll-demo-card img{display:block}.scroll-iframe{width:420px;height:520px;border:none;display:block;background:#ffffff}.bench-section{padding:60px 24px;text-align:center;background:linear-gradient(180deg,#0a0e1a,#0f172a);width:100vw;margin-left:calc(-50vw + 50%)}@media (min-width:768px){.bench-section{padding:80px 48px}}.bench-section-title{font-size:clamp(24px,4vw,36px);font-weight:800;color:#f1f5f9;margin-bottom:8px}.bench-section-sub{font-size:16px;color:#64748b;margin-bottom:40px;max-width:600px;margin-left:auto;margin-right:auto}.bench-grid{display:flex;justify-content:center;gap:24px;flex-wrap:wrap;margin-bottom:48px}.bench-card{border-radius:16px;overflow:hidden;border:1px solid rgba(255,255,255,.08);box-shadow:0 8px 32px rgba(0,0,0,.3);background:#0f172a;transition:transform .3s,box-shadow .3s}.bench-card:hover{transform:translateY(-4px);box-shadow:0 12px 48px rgba(0,0,0,.4)}.bench-iframe{width:420px;height:520px;border:none;display:block;background:#ffffff}.bench-card-label{padding:10px 16px;font-size:12px;font-weight:600;text-transform:uppercase;letter-spacing:.06em;text-align:center;border-top:1px solid rgba(255,255,255,.06)}.bench-card-label.pxl{color:#a78bfa;background:rgba(139,92,246,.08)}.bench-card-label.rw{color:#38bdf8;background:rgba(56,189,248,.08)}.bench-table-wrap{max-width:680px;margin:0 auto;border-radius:12px;overflow:hidden;border:1px solid rgba(255,255,255,.08)}.bench-table{width:100%;border-collapse:collapse;font-size:14px;text-align:left}.bench-table thead{background:rgba(139,92,246,.1)}.bench-table th{padding:12px 20px;color:#c4b5fd;font-weight:700;font-size:13px;text-transform:uppercase;letter-spacing:.06em;border-bottom:1px solid rgba(255,255,255,.08)}.bench-table td{padding:12px 20px;color:#94a3b8;border-bottom:1px solid rgba(255,255,255,.04)}.bench-table tbody tr:last-child td{border-bottom:none}.bench-table tbody tr:hover{background:rgba(255,255,255,.02)}.bench-table td.bench-good{color:#4ade80;font-weight:600}.code-section{padding:40px 24px 60px;background:linear-gradient(180deg,#0a0e1a,#0f172a);width:100vw;margin-left:calc(-50vw + 50%)}@media (min-width:768px){.code-section{padding:60px 48px 80px;width:100vw;margin-left:calc(-50vw + 50%)}}.code-section-title{font-size:clamp(24px,4vw,36px);font-weight:800;color:#f1f5f9;text-align:center;margin-bottom:8px}.code-section-sub{font-size:16px;color:#64748b;text-align:center;margin-bottom:32px}.code-section pre{max-width:680px;margin:0 auto}.footer-cta{padding:60px 24px;text-align:center;background:linear-gradient(180deg,#0f172a,#0f0720);width:100vw;margin-left:calc(-50vw + 50%)}@media (min-width:768px){.footer-cta{padding:80px 48px;width:100vw;margin-left:calc(-50vw + 50%)}}.footer-cta-title{font-size:clamp(24px,4vw,36px);font-weight:800;color:#f1f5f9;margin-bottom:12px}.footer-cta-sub{font-size:16px;color:#64748b;margin-bottom:32px}