.component-footer{border-top:1px solid rgb(var(--border));padding:36px 0 32px}.component-footer .wrapper{max-width:var(--content-width);width:100%;margin:0 auto;padding:0 20px}.component-footer .top{grid-template-columns:1fr 2fr;gap:64px;display:grid}.component-footer .brand{flex-direction:column;display:flex}.component-footer .brand img{height:20px}.component-footer .brand p{color:#525252;max-width:320px;margin-top:20px;font-size:15px;line-height:24px}.component-footer .columns{grid-template-columns:repeat(3,1fr);gap:32px;display:grid}.component-footer .column{flex-direction:column;gap:8px;display:flex}.component-footer .column .title{color:#737373;font-size:14px;font-weight:600;line-height:20px}.component-footer .column a{color:#404040;width:fit-content;font-size:14px;font-weight:500;line-height:24px;transition:color .2s ease-in-out}.component-footer .column a:hover{color:#171717}.component-footer .bottom{border-top:1px solid rgb(var(--border));margin-top:36px;padding-top:32px}.component-footer .bottom p{color:#737373;font-size:15px;line-height:24px}@media (max-width:768px){.component-footer .top{grid-template-columns:minmax(0,1fr);gap:40px}.component-footer .brand{align-items:center}.component-footer .brand p{text-align:center}.component-footer .columns{grid-template-columns:minmax(0,1fr)}.component-footer .column{align-items:center}.component-footer .bottom{text-align:center}}
.component-navbar{height:var(--navbar-height);margin-bottom:calc(var(--navbar-height) * -1);z-index:10;align-items:center;display:flex;position:sticky;top:0}.component-navbar:before{-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);background-color:rgb(var(--white) / 85%);content:"";pointer-events:none;position:absolute;inset:0;-webkit-mask-image:linear-gradient(#000 50%,#0000);mask-image:linear-gradient(#000 50%,#0000)}.component-navbar .wrapper{max-width:var(--content-width);grid-template-columns:1fr auto 1fr;align-items:center;gap:12px;width:100%;margin:0 auto;padding:0 20px;display:grid;position:relative}.component-navbar .logo{-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);background-color:rgb(var(--white) / 80%);border:1px solid rgb(var(--border));box-shadow:var(--box-shadow);border-radius:12px;justify-self:start;align-items:center;height:44px;padding:0 16px;transition:border-color .2s ease-in-out;display:flex}.component-navbar .logo:hover{border-color:#d4d4d4}.component-navbar .logo img{height:13px}.component-navbar .options{-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);background-color:rgb(var(--white) / 80%);border:1px solid rgb(var(--border));box-shadow:var(--box-shadow);border-radius:12px;align-items:center;gap:4px;height:44px;padding:4px;display:flex}.component-navbar .options a{align-items:center;height:34px;padding:0 12px;display:flex;position:relative}.component-navbar .options a .indicator{opacity:0;background-color:#f5f5f5;border-radius:8px;transition:opacity .2s ease-in-out,scale .2s ease-in-out;position:absolute;inset:0;scale:.9}.component-navbar .options a:hover .indicator{opacity:1;scale:1}.component-navbar .options a p{color:#525252;font-size:14px;font-weight:500;line-height:20px;transition:color .2s ease-in-out;position:relative}.component-navbar .options a:hover p{color:#171717}.component-navbar .actions{-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);background-color:rgb(var(--white) / 80%);border:1px solid rgb(var(--border));box-shadow:var(--box-shadow);border-radius:12px;justify-self:end;align-items:center;gap:4px;height:44px;padding:4px;display:flex}.component-navbar .actions a{cursor:pointer;border-radius:8px;align-items:center;height:34px;padding:0 12px;font-size:14px;font-weight:500;line-height:20px;transition:background-color .2s ease-in-out,color .2s ease-in-out;display:flex}.component-navbar .actions a.secondary{color:#525252}.component-navbar .actions a.secondary:hover{color:#171717;background-color:#f5f5f5}.component-navbar .actions a.primary{color:rgb(var(--white));background-color:#171717}.component-navbar .actions a.primary:hover{background-color:#404040}@media (max-width:768px){.component-navbar .wrapper{grid-template-columns:1fr auto;gap:8px;padding:0 12px}.component-navbar .logo img{height:14px}.component-navbar .options{display:none}}