
@font-face{font-family:'Geist';src:url('/assets/fonts/Geist-Variable.woff2') format('woff2');font-weight:100 900;font-style:normal;font-display:swap}
@view-transition{navigation:auto}
h2[id],section[id]{scroll-margin-top:96px}
@media (prefers-reduced-motion:reduce){@view-transition{navigation:none}}
@media (max-width:1023px){[data-desk]{display:none!important}}
@media (min-width:1024px){[data-mob]{display:none!important}}
[data-proc]{grid-template-columns:minmax(0,1fr)!important}
@media (min-width:640px){[data-proc]{grid-template-columns:repeat(2,minmax(0,1fr))!important}}
@media (min-width:1100px){[data-proc]{grid-template-columns:repeat(4,minmax(0,1fr))!important}}
[data-procline]{display:none}
@media (min-width:1100px){[data-procline]{display:block}}
@media (max-width:767px){[data-sticky-wa]{display:flex!important}body:has([data-sticky-wa]) footer{padding-bottom:88px}body:has([data-sticky-wa]) #hm-consent{bottom:86px}}
#hm-consent{position:fixed;left:16px;right:16px;bottom:16px;z-index:90;max-width:560px;margin-left:auto;display:flex;flex-wrap:wrap;align-items:center;gap:12px 16px;padding:16px 16px 16px 20px;border-radius:16px;background:#1A1A1A;border:1px solid #2E2E2E;box-shadow:0 20px 40px -16px rgba(0,0,0,.9);font-size:14px;line-height:1.5;color:#C9C9C9}
#hm-consent p{flex:1 1 260px;margin:0}
#hm-consent a{color:#EDEDED}
#hm-consent div{display:flex;gap:8px}
#hm-consent button{min-height:40px;padding:0 16px;border-radius:999px;font-size:14px;font-weight:600;cursor:pointer;border:1px solid #3A3A3A;background:transparent;color:#EDEDED}
#hm-consent button[data-c="granted"]{background:#EDEDED;color:#0F0F0F;border-color:#EDEDED}

html{scroll-behavior:smooth;background:#0F0F0F}
body{margin:0;background:#0F0F0F;color:#EDEDED;font-family:'Geist',system-ui,sans-serif;font-size:18px;line-height:1.6;-webkit-font-smoothing:antialiased}
*,*::before,*::after{box-sizing:border-box}
a{color:#EDEDED;text-decoration-thickness:1px;text-underline-offset:4px}
a:hover{color:#CDB6FF}
img{max-width:100%;display:block}
:focus-visible{outline:2px solid #7FD3FF;outline-offset:3px}
::selection{background:#CDB6FF;color:#0F0F0F}
input,select,textarea,button{font:inherit;color:inherit}
details>summary{list-style:none}
details>summary::-webkit-details-marker{display:none}
details[open] [data-plus]{transform:rotate(45deg)}
[data-track]{position:absolute;left:0;right:0;top:0;transition:top 1.1s cubic-bezier(.45,0,.25,1),transform 1.1s cubic-bezier(.45,0,.25,1)}
[data-card]:hover [data-track],[data-card]:focus-visible [data-track]{top:100%;transform:translateY(-100%);transition-duration:var(--d,6s);transition-timing-function:linear}
@media (prefers-reduced-motion:reduce){[data-track]{transition:none}[data-card]:hover [data-track],[data-card]:focus-visible [data-track]{top:0;transform:none}}
[data-testi]{scrollbar-width:none}[data-testi]::-webkit-scrollbar{display:none}
[data-tcard]{width:calc((100% - 32px) / 3)}
@media (max-width:1023px){[data-tcard]{width:calc((100% - 16px) / 2)}}
@media (max-width:680px){[data-tcard]{width:86%}}
@keyframes v6-in{from{opacity:0;transform:translateY(14px);filter:blur(4px)}to{opacity:1;transform:none;filter:none}}
@keyframes v6-dots{to{background-position:8px 0}}
@keyframes v6-marquee{to{transform:translateX(-50%)}}
@keyframes v6-ink{from{color:#3A3A3A}to{color:#EDEDED}}
@keyframes v6-inkmuted{from{color:#2E2E2E}to{color:#8E8E8E}}
@keyframes v6-reveal{from{opacity:0;transform:translateY(24px)}to{opacity:1;transform:none}}
@media (prefers-reduced-motion:no-preference){
[data-in]{animation:v6-in .45s cubic-bezier(.2,.7,.2,1) both}
[data-in="2"]{animation-delay:.06s}[data-in="3"]{animation-delay:.12s}
[data-marquee]{animation:v6-marquee 60s linear infinite}[data-marquee]:hover{animation-play-state:paused}
@supports (animation-timeline:view()){
[data-ink]{animation:v6-ink linear both;animation-timeline:view();animation-range:entry 10% cover 40%}
[data-inkmuted]{animation:v6-inkmuted linear both;animation-timeline:view();animation-range:entry 10% cover 45%}
}}
::view-transition-old(root),::view-transition-new(root){animation-duration:.35s}
/* scroll reveal (class added by script) */
@media (prefers-reduced-motion:no-preference){
.hm-anim{opacity:0;transform:translateY(18px)!important;transition:opacity .6s cubic-bezier(.2,.7,.2,1) var(--ad,0s),transform .6s cubic-bezier(.2,.7,.2,1) var(--ad,0s),background-color .25s,border-color .3s!important}
.hm-anim.hm-in{opacity:1;transform:none!important}
/* pill buttons */
a[style*="border-radius:999px"],button[style*="border-radius:999px"]{transition:transform .2s cubic-bezier(.2,.7,.2,1),background-color .2s,color .2s,border-color .2s,box-shadow .2s,opacity .2s!important}
a[style*="border-radius:999px"]:hover,button[style*="border-radius:999px"]:not(:disabled):hover{transform:translateY(-2px)!important;box-shadow:0 10px 24px -14px rgba(0,0,0,.9),0 0 0 1px rgba(255,255,255,.06)}
a[style*="border-radius:999px"]:active,button[style*="border-radius:999px"]:not(:disabled):active{transform:translateY(0) scale(.97)!important;box-shadow:none}
button[aria-controls="testi-track"]{transition:transform .2s cubic-bezier(.2,.7,.2,1),border-color .2s,opacity .2s!important}
button[aria-controls="testi-track"]:not(:disabled):hover{transform:scale(1.06)}
button[aria-controls="testi-track"]:not(:disabled):active{transform:scale(.94)}
/* icon tiles react to their card */
[data-icon]{transition:transform .35s cubic-bezier(.2,.7,.2,1)}
li:hover>[data-icon],li:hover [data-icon],a:hover [data-icon],article:hover [data-icon],div:hover>[data-icon]{transform:translateY(-2px) rotate(-4deg) scale(1.06)}
/* main nav underline */
header nav a{position:relative}
header nav a:not([style*="border-radius"])::after{content:"";position:absolute;left:0;right:0;bottom:-4px;height:1px;background:currentColor;transform:scaleX(0);transform-origin:left;transition:transform .25s cubic-bezier(.2,.7,.2,1)}
header nav a:not([style*="border-radius"]):hover::after,header nav a[aria-current="page"]::after{transform:scaleX(1)}
/* card lift */
[data-tcard]{transition:border-color .25s,transform .25s cubic-bezier(.2,.7,.2,1)}
[data-tcard]:hover{border-color:#3A3A3A!important;transform:translateY(-3px)}
/* faq answers */
details[open]>p{animation:hm-fade .3s cubic-bezier(.2,.7,.2,1)}
}
@keyframes hm-fade{from{opacity:0;transform:translateY(-4px)}to{opacity:1;transform:none}}
summary{transition:color .2s}summary:hover{color:#FFFFFF}


.scp0:focus { top: 12px !important; }
.scp1:hover { color: rgb(255, 255, 255) !important; }
.scp2:hover { background: rgb(255, 255, 255) !important; color: rgb(15, 15, 15) !important; }
.scp3:hover { border-color: rgb(237, 237, 237) !important; color: rgb(237, 237, 237) !important; }
.scp4:hover { border-color: rgb(58, 58, 58) !important; transform: translateY(-3px) !important; color: rgb(237, 237, 237) !important; }
.scp5:hover { transform: translateY(-3px) !important; color: rgb(26, 21, 48) !important; }
.scp6:hover { transform: translateY(-3px) !important; color: rgb(42, 38, 8) !important; }
.scp7:hover { background: rgb(21, 21, 21) !important; }
.scp8:hover { transform: translateY(-2px) !important; }
.scp9:hover { border-color: rgb(237, 237, 237) !important; }
.scpa:hover { color: rgb(26, 21, 48) !important; background: rgb(183, 158, 244) !important; }
.scpb:hover { color: rgb(42, 38, 8) !important; background: rgb(234, 221, 98) !important; }
.scpc:hover { transform: translateY(-4px) !important; border-color: rgb(58, 58, 58) !important; }
.scpd:focus { border-color: rgb(127, 211, 255) !important; outline: none !important; }
.scpe:hover { background: rgb(255, 255, 255) !important; }
.scpf:hover { border-color: rgb(237, 237, 237) !important; color: rgb(255, 255, 255) !important; transform: translateY(-2px) !important; }
.scpg:hover { background: rgb(250, 242, 168) !important; color: rgb(42, 38, 8) !important; }
.scph:hover { color: rgb(42, 38, 8) !important; background: rgb(250, 242, 168) !important; }
.scpi:focus { border-color: rgb(127, 211, 255) !important; border-style: solid !important; outline: none !important; }
.scpj:active { transform: scale(0.96) !important; }
.scpk:active { transform: scale(0.98) !important; }
.scpl:hover { color: rgb(15, 15, 15) !important; }
