@font-face{font-family:Archivo;src:url(/assets/fonts/Archivo-Variable.woff2) format("woff2");font-weight:100 900;font-display:swap}
@font-face{font-family:"Source Serif 4";src:url(/assets/fonts/SourceSerif4-Variable.woff2) format("woff2");font-weight:200 900;font-display:swap}
@font-face{font-family:"Source Serif 4";font-style:italic;src:url(/assets/fonts/SourceSerif4-Italic-Variable.woff2) format("woff2");font-weight:200 900;font-display:swap}

body{margin:0;background:#111111}
a{color:#2563EB}a:hover{color:#1D4ED8}
*{box-sizing:border-box}
h1,h2,h3,p{text-wrap:pretty}
a:focus-visible,button:focus-visible,input:focus-visible,select:focus-visible,textarea:focus-visible{outline:2px solid #3B82F6;outline-offset:2px}
@keyframes sdxRise{0%{opacity:0;transform:translateY(10px) scale(.4)}10%{opacity:1;transform:none}80%{opacity:1;transform:none}92%,100%{opacity:0;transform:translateY(-4px) scale(.9)}}
@keyframes sdxArrive{0%,40%{opacity:0;transform:scale(.3)}48%{opacity:1;transform:scale(1.1)}54%{transform:scale(1)}88%{opacity:1;transform:scale(1)}100%{opacity:0;transform:scale(.96)}}
@keyframes sdxFlow{to{stroke-dashoffset:-20}}
@keyframes sdxPulse{0%,100%{transform:scale(1)}50%{transform:scale(1.08)}}
@keyframes sdxSpin{to{transform:rotate(360deg)}}
.sdx-rise{transform-box:fill-box;transform-origin:center;animation:sdxRise 8s ease-out infinite both}
.sdx-arrive{transform-box:fill-box;transform-origin:center;animation:sdxArrive 8s ease-out infinite both}
.sdx-flow{animation:sdxFlow 1.6s linear infinite}
.sdx-pulse{transform-box:fill-box;transform-origin:center;animation:sdxPulse 3.2s ease-in-out infinite}
.sdx-spin{transform-box:view-box;transform-origin:120px 120px;animation:sdxSpin 48s linear infinite}
@media (prefers-reduced-motion: reduce){.sdx-a *{animation:none!important}}

/* Motion and responsive polish */
@keyframes sdxUp{from{opacity:0;transform:translateY(22px)}to{opacity:1;transform:none}}
@keyframes sdxDot{0%{transform:scale(0)}70%{transform:scale(1.25)}100%{transform:scale(1)}}
.sdx-root{overflow-x:clip}
.sdx-hero > div > *{animation:sdxUp .9s cubic-bezier(.2,.7,.2,1) both}
.sdx-hero > div > *:nth-child(2){animation-delay:.12s}
.sdx-hero > div > *:nth-child(3){animation-delay:.24s}
.sdx-hero > div > *:nth-child(4){animation-delay:.36s}
.sdx-hero > div > *:nth-child(5){animation-delay:.48s}
.sdx-hero h1 span[aria-hidden]{display:inline-block;transform-origin:center;animation:sdxDot .6s cubic-bezier(.3,1.6,.5,1) .95s both}
@supports (animation-timeline: view()){
  .sdx-root section:not(.sdx-hero) > div > *:not([style*="grid-template-columns"]),
  .sdx-root section:not(.sdx-hero) > div > [style*="grid-template-columns"] > *{
    animation:sdxUp linear both;animation-timeline:view();animation-range:entry 5% cover 28%}
  .sdx-root section:not(.sdx-hero) > div > [style*="grid-template-columns"] > *:nth-child(2){animation-range:entry 10% cover 31%}
  .sdx-root section:not(.sdx-hero) > div > [style*="grid-template-columns"] > *:nth-child(3){animation-range:entry 15% cover 34%}
  .sdx-root section:not(.sdx-hero) > div > [style*="grid-template-columns"] > *:nth-child(4){animation-range:entry 20% cover 37%}
}
.sdx-head{position:sticky;top:0;z-index:40}
.sdx-btn{transition:transform .25s ease,box-shadow .25s ease,background-color .25s ease}
.sdx-btn:hover{transform:translateY(-2px);box-shadow:0 12px 24px -14px rgba(59,130,246,.75)}
.sdx-btn svg,.sdx-arrowlink svg{transition:transform .25s ease}
.sdx-btn:hover svg,.sdx-arrowlink:hover svg{transform:translateX(4px)}
.sdx-navlink{transition:border-color .25s ease,color .25s ease}
.sdx-navlink:hover{border-bottom-color:#3B82F6 !important}
.sdx-root article{transition:transform .35s ease,box-shadow .35s ease}
.sdx-root article:hover{transform:translateY(-4px);box-shadow:0 28px 48px -30px rgba(17,17,17,.45)}
.sdx-root footer a{transition:color .2s ease}
.sdx-root footer a:hover{color:#3B82F6 !important}
.sdx-root figure img{transition:transform .8s ease}
.sdx-root figure:hover img{transform:scale(1.02)}
.sdx-root input,.sdx-root select,.sdx-root textarea{transition:border-color .2s ease}
.sdx-root input:focus,.sdx-root select:focus,.sdx-root textarea:focus{border-color:#3B82F6 !important}
.sdx-mob{display:none;position:static}
.sdx-mob summary{list-style:none}
.sdx-mob summary::-webkit-details-marker{display:none}
.sdx-mob .ico-x{display:none}
.sdx-mob[open] .ico-x{display:block}
.sdx-mob[open] .ico-m{display:none}
@media (max-width: 760px){
  .sdx-desk{display:none !important}
  .sdx-mob{display:block}
  .sdx-root [style*="max-width: 1200px"]{padding-left:20px !important;padding-right:20px !important}
  .sdx-root section > div[style*="max-width: 1200px"]{padding-top:72px !important;padding-bottom:72px !important}
  .sdx-root header [style*="max-width: 1200px"]{padding-top:12px !important;padding-bottom:12px !important}
  .sdx-root section.sdx-hero > div[style*="max-width: 1200px"]{padding-top:56px !important}
  .sdx-root article{padding:32px 24px !important;min-height:0 !important}
  .sdx-root form{padding:24px !important}
  .sdx-root [style*="gap: 64px"],.sdx-root [style*="gap: 48px 96px"],.sdx-root [style*="gap: 64px 96px"]{gap:40px !important}
}
@media (prefers-reduced-motion: reduce){
  .sdx-root *,.sdx-root *::before,.sdx-root *::after{animation:none !important;transition:none !important}
}

@media (max-width: 760px){.sdx-root figure span[aria-hidden]{right:-10px !important;bottom:-18px !important}}
@keyframes sdxSettle{0%,10%{transform:translateY(var(--dy));opacity:.5}45%,85%{transform:translateY(0);opacity:1}100%{transform:translateY(var(--dy));opacity:.5}}
.sdx-settle{animation:sdxSettle 6s ease-in-out infinite}
@keyframes sdxPulse{0%,100%{transform:scale(1)}50%{transform:scale(1.12)}}
@keyframes sdxBalance{0%,100%{transform:rotate(-6deg)}30%{transform:rotate(4deg)}50%,80%{transform:rotate(0deg)}}
.sdx-balance{transform-box:view-box;transform-origin:60px 36px;animation:sdxBalance 6s ease-in-out infinite}

html{-webkit-text-size-adjust:100%;scroll-behavior:smooth}
body{font-family:Archivo,"Helvetica Neue",Arial,sans-serif}
.sdx-skip{position:absolute;left:12px;top:-60px;z-index:100;background:#3B82F6;color:#111111;padding:10px 16px;border-radius:4px;font-weight:600;text-decoration:none}
.sdx-skip:focus{top:12px}
.sdx-form-done{display:flex;flex-direction:column;gap:12px}
@media (prefers-reduced-motion: reduce){html{scroll-behavior:auto}}