:root{--gray-1:#fafafa;--gray-2:#f5f5f5;--gray-3:#e5e5e5;--gray-4:#d4d4d4;--gray-5:#a3a3a3;--gray-6:#737373;--gray-7:#525252;--gray-8:#404040;--gray-9:#262626;--gray-10:#171717}*{box-sizing:border-box;margin:0;padding:0}body{background:var(--gray-9);color:var(--gray-1);font-family:system-ui,-apple-system,sans-serif;line-height:1.6;position:relative}body:before{content:"";opacity:.75;z-index:-1;pointer-events:none;background:url(/dot.png) 0 0/cover no-repeat;width:100%;height:100%;position:fixed;top:0;left:0}.main{min-height:100vh}.hero{text-align:center;max-width:72rem;margin:0 auto;padding:2rem 1rem 1rem}@media (min-width:48rem){.hero{padding:3rem 1.5rem 2rem}}.hero .hero-icon{justify-content:center;display:flex}.hero .hero-icon .capybara-icon{object-fit:contain;width:5rem;height:5rem}@media (min-width:48rem){.hero .hero-icon .capybara-icon{width:8rem;height:8rem}}.hero h1{color:var(--gray-1);letter-spacing:-.025em;font-size:2.5rem;font-weight:700}@media (min-width:48rem){.hero h1{font-size:4rem}}.hero h1 .title-link{color:inherit;text-decoration:none}.hero p{color:var(--gray-5);max-width:32rem;margin-bottom:1.5rem;margin-left:auto;margin-right:auto;font-size:1rem;line-height:1.625}@media (min-width:48rem){.hero p{font-size:1.25rem}}.carousel-section{max-width:72rem;margin:0 auto;padding:1rem;position:relative}@media (min-width:48rem){.carousel-section{padding:2rem 1.5rem}}.carousel-section .carousel-container{max-width:60rem;margin:0 auto;position:relative;overflow:hidden}.carousel-section .carousel-container .carousel-inner{aspect-ratio:16/10;position:relative}.carousel-section .carousel-container .carousel-inner .slide{transition:opacity .5s ease-in-out;position:absolute;inset:0}.carousel-section .carousel-container .carousel-inner .slide.active{opacity:1}.carousel-section .carousel-container .carousel-inner .slide.inactive{opacity:0}.carousel-section .carousel-container .carousel-inner .slide img{object-fit:cover;width:100%;height:100%}.carousel-section .dots-nav{justify-content:center;gap:.5rem;display:flex}.carousel-section .dots-nav .dot{cursor:pointer;background:var(--gray-7);border:none;border-radius:999px}.carousel-section .dots-nav .dot:hover{background:var(--gray-6)}.carousel-section .dots-nav .dot.active{background:var(--gray-1);width:2rem;height:.5rem}.carousel-section .dots-nav .dot:not(.active){width:.5rem;height:.5rem}.carousel-section .slide-info{text-align:center;margin-top:2rem;margin-bottom:2rem}.carousel-section .slide-info h2{color:var(--gray-1);margin-bottom:.5rem;font-size:1.5rem;font-weight:600}.carousel-section .slide-info p{color:var(--gray-5);font-size:.9rem}@media (min-width:48rem){.carousel-section .slide-info p{font-size:1rem}}.installation-section{max-width:60rem;margin:0 auto;padding:2rem 1rem}@media (min-width:48rem){.installation-section{padding:3rem 1.5rem}}.installation-section h2{color:var(--gray-1);text-align:center;margin-bottom:1rem;font-size:1.5rem;font-weight:600}@media (min-width:48rem){.installation-section h2{font-size:1.875rem}}.installation-section .badge{margin:0 auto 2rem;display:flex}@media (min-width:48rem){.installation-section .badge{margin:0 auto 3rem}}.installation-section .installation-methods{grid-template-columns:1fr;gap:1.5rem;display:grid}@media (min-width:48rem){.installation-section .installation-methods{grid-template-columns:repeat(2,1fr);gap:2rem}}.installation-section .installation-methods .installation-method{border:1px solid var(--gray-7);text-align:center;border-radius:1.5rem;padding:1.5rem}@media (min-width:48rem){.installation-section .installation-methods .installation-method{border-radius:2rem;padding:2rem}}.installation-section .installation-methods .installation-method h3{color:var(--gray-1);margin-bottom:.75rem;font-size:1rem;font-weight:600}@media (min-width:48rem){.installation-section .installation-methods .installation-method h3{margin-bottom:1rem;font-size:1.25rem}}.installation-section .installation-methods .installation-method p{color:var(--gray-5);margin-bottom:1rem;font-size:.8rem;line-height:1.4}@media (min-width:48rem){.installation-section .installation-methods .installation-method p{margin-bottom:1.5rem;font-size:1rem;line-height:1.5}}.installation-section .installation-methods .installation-method .install-button{background:var(--gray-8);color:var(--gray-1);border-radius:999px;padding:.5rem 1.5rem;font-size:.875rem;font-weight:500;text-decoration:none;display:inline-block}@media (min-width:48rem){.installation-section .installation-methods .installation-method .install-button{padding:.75rem 2rem;font-size:1rem}}.installation-section .installation-methods .installation-method .install-button:hover{background:var(--gray-7)}.installation-section .installation-methods .installation-method .code-block{background:var(--gray-9);border:1px solid var(--gray-7);border-radius:.75rem;margin-top:.75rem;padding:.75rem;position:relative}@media (min-width:48rem){.installation-section .installation-methods .installation-method .code-block{border-radius:1rem;margin-top:1rem;padding:1rem}}.installation-section .installation-methods .installation-method .code-block code{color:var(--gray-3);font-family:Monaco,Menlo,Ubuntu Mono,monospace;font-size:.75rem}@media (min-width:48rem){.installation-section .installation-methods .installation-method .code-block code{font-size:.875rem}}.installation-section .installation-methods .installation-method .code-block .icon-button{cursor:pointer;background:0 0;border:none;border-radius:.5rem;justify-content:center;align-items:center;padding:.5rem;transition:transform .12s;display:flex;position:absolute;top:50%;right:.5rem;transform:translateY(-50%)}.installation-section .installation-methods .installation-method .code-block .icon-button:hover{background:var(--gray-8)}.installation-section .installation-methods .installation-method .code-block .icon-button:active{transform:translateY(-50%)scale(.9)}.installation-section .installation-methods .installation-method .code-block .icon-button .icon{width:1rem;height:1rem;display:block}.tools-section{max-width:60rem;margin:0 auto;padding:2rem 1rem}@media (min-width:48rem){.tools-section{padding:3rem 1.5rem}}.tools-section h2{color:var(--gray-1);text-align:center;margin-bottom:2rem;font-size:1.5rem;font-weight:600}@media (min-width:48rem){.tools-section h2{margin-bottom:3rem;font-size:1.875rem}}.tools-section .tools-list{text-align:center;grid-template-columns:repeat(2,1fr);gap:.5rem;display:grid}@media (min-width:48rem){.tools-section .tools-list{grid-template-columns:repeat(3,1fr);gap:1rem}}.tools-section .tools-list .tool-item{border:1px solid var(--gray-8);border-radius:1rem;padding:1rem}@media (min-width:48rem){.tools-section .tools-list .tool-item{border-radius:1.5rem;padding:1.5rem}}.tools-section .tools-list .tool-item .tool-info h3{color:var(--gray-1);margin-bottom:.25rem;font-size:.875rem;font-weight:500}@media (min-width:48rem){.tools-section .tools-list .tool-item .tool-info h3{margin-bottom:.5rem;font-size:1.125rem}}.tools-section .tools-list .tool-item .tool-info p{color:var(--gray-5);font-size:.75rem;line-height:1.4}@media (min-width:48rem){.tools-section .tools-list .tool-item .tool-info p{font-size:.875rem;line-height:1.5}}.footer{border-top:1px solid var(--gray-7);background:var(--gray-9);margin-top:2rem}@media (min-width:48rem){.footer{margin-top:3rem}}.footer .footer-content{max-width:60rem;color:var(--gray-5);justify-content:space-between;align-items:center;margin:0 auto;padding:2rem 1rem;font-size:.875rem;display:flex}@media (min-width:48rem){.footer .footer-content{padding:3rem 1.5rem}}.footer .footer-content .footer-links{gap:.5rem;display:flex}.badge{background:var(--gray-8);color:var(--gray-3);border-radius:999px;align-items:center;gap:.5rem;width:fit-content;padding:.5rem 1rem;font-size:.875rem;text-decoration:none;display:inline-flex}.badge .dot{background:var(--gray-6);border-radius:50%;width:.5rem;height:.5rem;display:block}.badge .icon{width:1rem;height:1rem;display:block}.btn{background:var(--gray-8);border:1px solid var(--gray-6);color:var(--gray-3);cursor:pointer;border-radius:999px;align-items:center;gap:.5rem;width:fit-content;padding:.3rem .8rem;font-size:.875rem;text-decoration:none;transition:background .15s,border-color .15s,color .15s,transform .1s;display:inline-flex}@media (min-width:48rem){.btn{padding:.5rem 1rem}}.btn:hover{background:var(--gray-7);border-color:var(--gray-6);color:var(--gray-2)}.btn:active{transform:scale(.97)}.btn .icon{width:.8rem;height:.8rem;display:block}@media (min-width:48rem){.btn .icon{width:1rem;height:1rem}}.btn-lg{padding:.75rem 1.5rem}@media (min-width:48rem){.btn-lg{padding:.875rem 2rem}}.chip-group,.btn-group{align-items:center;gap:.5rem;display:inline-flex}.link-plain{color:inherit;text-decoration:none}