@font-face{font-family:"Space Grotesk";src:url(/assets/fonts/SpaceGrotesk-400.woff2) format("woff2");font-weight:400;font-display:swap}
@font-face{font-family:"Space Grotesk";src:url(/assets/fonts/SpaceGrotesk-700.woff2) format("woff2");font-weight:500 700;font-display:swap}
@font-face{font-family:"Inter";src:url(/assets/fonts/Inter-400.woff2) format("woff2");font-weight:400;font-display:swap}
@font-face{font-family:"Inter";src:url(/assets/fonts/Inter-500.woff2) format("woff2");font-weight:500;font-display:swap}
@font-face{font-family:"Inter";src:url(/assets/fonts/Inter-600.woff2) format("woff2");font-weight:600;font-display:swap}
@font-face{font-family:"Inter";src:url(/assets/fonts/Inter-700.woff2) format("woff2");font-weight:700;font-display:swap}
@font-face{font-family:"Material Icons";src:url(/assets/fonts/MaterialIcons-Regular.ttf) format("truetype");font-weight:400;font-display:block}
html{scroll-behavior:smooth}
body{margin:0;background:#f5f8fb}
a{color:#1668d6}a:hover{color:#0f4fa8}
a:focus-visible,button:focus-visible,summary:focus-visible{outline:none;box-shadow:0 0 0 2px #ffffff,0 0 0 4px #258cfb;border-radius:8px}
.mi{font-family:"Material Icons";font-weight:normal;font-style:normal;font-size:1.15em;line-height:1;vertical-align:-0.18em;letter-spacing:normal;text-transform:none;white-space:nowrap;font-feature-settings:"liga";-webkit-font-smoothing:antialiased;display:inline-block}
.disp{font-family:"Space Grotesk","Segoe UI",system-ui,sans-serif;font-weight:700;letter-spacing:-0.02em;color:#12202e}
.eyebrow{font-family:"Space Grotesk","Segoe UI",system-ui,sans-serif;font-weight:700;font-size:13px;letter-spacing:.14em;color:#1668d6}
.num{font-variant-numeric:tabular-nums}
.win{border-radius:14px;border:1.5px solid rgba(22,104,214,.2);background:#ffffff;overflow:hidden;box-shadow:0 30px 70px -30px rgba(18,32,46,.35)}
.win-bar{height:22px;display:flex;align-items:center;gap:6px;padding:0 12px;background:#e8f1fd}
.win-bar i{width:8px;height:8px;border-radius:50%;background:#d7dfe7;display:block}
.win img{display:block;width:100%;height:auto}
.tablet{padding:10px;border-radius:24px;background:#1e293b;border:1px solid #334155;box-shadow:0 40px 80px -30px rgba(0,0,0,.6)}
.tablet img{display:block;width:100%;height:auto;border-radius:14px}
.lift{transition:transform .15s ease,box-shadow .15s ease}
.lift:hover{transform:translateY(-1px);box-shadow:0 6px 20px rgba(0,0,0,.12)}
.btn{display:inline-flex;align-items:center;gap:8px;min-height:48px;padding:0 26px;border-radius:32px;font-weight:600;text-decoration:none;transition:transform .15s ease,background .15s ease}
.btn:hover{transform:translateY(-1px)}
.btn-blue{background:#1668d6;color:#ffffff}.btn-blue:hover{background:#0f57b8;color:#ffffff}
.btn-ghost{background:#ffffff;color:#12202e;border:1.5px solid #d7dfe7}.btn-ghost:hover{color:#12202e;border-color:#1668d6}
.navlinks{display:flex;flex-wrap:wrap;gap:4px 26px;flex:1 1 auto;font-size:15px;font-weight:500}
.navlinks a{color:#3c4d5e;text-decoration:none;padding:10px 0}
.navlinks a:hover{color:#12202e}
.navtoggle{display:none}
.grid-bg{position:absolute;inset:0;background-image:linear-gradient(#dfe7ef 1px,transparent 1px),linear-gradient(90deg,#dfe7ef 1px,transparent 1px);background-size:56px 56px;-webkit-mask-image:radial-gradient(ellipse 70% 60% at 50% 30%,#000 20%,transparent 75%);mask-image:radial-gradient(ellipse 70% 60% at 50% 30%,#000 20%,transparent 75%);pointer-events:none}
.tabs{display:flex;gap:8px;overflow-x:auto;padding:4px 2px 10px;scrollbar-width:thin}
.tab{position:relative;flex:0 0 auto;display:inline-flex;align-items:center;gap:8px;min-height:46px;padding:0 18px;border-radius:32px;border:1.5px solid #d7dfe7;font:600 15px Inter,"Segoe UI",system-ui,sans-serif;cursor:pointer;overflow:hidden;transition:background .2s ease,color .2s ease,border-color .2s ease}
.tab .bar{position:absolute;left:0;bottom:0;height:3px;background:#f59e0b;animation:barfill 8s linear both}
.panel{animation:panelin .55s cubic-bezier(.16,1,.3,1) both}
details summary{list-style:none;cursor:pointer}
details summary::-webkit-details-marker{display:none}
details[open] .chev{transform:rotate(180deg)}
.chev{transition:transform .2s ease}
.node-wrap{position:absolute;top:50%;transform:translate(-50%,-50%)}
.node{width:30px;height:30px;border-radius:50%;display:flex;align-items:center;justify-content:center;font-size:18px}
.pulse{box-shadow:0 0 0 0 rgba(13,110,253,.5);animation:pulse 1.8s ease-out infinite}
.flowfill{position:absolute;left:0;top:50%;height:4px;margin-top:-2px;border-radius:2px;background:#1668d6}
.stepglow{animation:stepglow 8s ease-in-out infinite}
.stepglow-l{animation:stepglowl 10s ease-in-out infinite}
.rise{animation:rise .9s cubic-bezier(.16,1,.3,1) both}
.float-a{animation:floatA 7s ease-in-out infinite}
.float-b{animation:floatA 8s ease-in-out -3s infinite}
.mark-in{animation:markin 1.1s cubic-bezier(.34,1.56,.64,1) both}
.marquee{display:flex;gap:10px;width:max-content;animation:marquee 38s linear infinite}
.marquee-wrap{overflow:hidden;-webkit-mask-image:linear-gradient(90deg,transparent,#000 8%,#000 92%,transparent);mask-image:linear-gradient(90deg,transparent,#000 8%,#000 92%,transparent)}
.marquee-wrap:hover .marquee{animation-play-state:paused}
@keyframes rise{from{opacity:0;transform:translateY(26px)}to{opacity:1;transform:none}}
@keyframes floatA{0%,100%{transform:translateY(0)}50%{transform:translateY(-10px)}}
@keyframes barfill{from{width:0}to{width:100%}}
@keyframes panelin{from{opacity:0;transform:translateY(14px)}to{opacity:1;transform:none}}
@keyframes pulse{0%{box-shadow:0 0 0 0 rgba(13,110,253,.55)}80%,100%{box-shadow:0 0 0 14px rgba(13,110,253,0)}}
@keyframes stepglow{0%,22%{border-color:#38bdf8;background:#13284a}28%,100%{border-color:#334155;background:#111c34}}
@keyframes stepglowl{0%,16%{border-color:#1668d6;box-shadow:0 10px 30px -12px rgba(22,104,214,.45)}22%,100%{border-color:#d7dfe7;box-shadow:none}}
@keyframes markin{from{opacity:0;transform:scale(.6)}to{opacity:1;transform:none}}
@keyframes marquee{from{transform:translateX(0)}to{transform:translateX(-50%)}}
@keyframes rv{from{opacity:0;transform:translateY(30px)}to{opacity:1;transform:none}}
@keyframes grow{from{width:0}}
@keyframes growy{from{transform:scaleY(0)}to{transform:scaleY(1)}}
@keyframes pop{from{opacity:.15;transform:scale(.5)}to{opacity:1;transform:none}}
@media (prefers-reduced-motion:no-preference){
  @supports (animation-timeline:view()){
    .rv{animation:rv linear both;animation-timeline:view();animation-range:entry 0% entry 55%}
    .flowfill{animation:grow linear both;animation-timeline:view();animation-range:entry 30% cover 50%}
    .node-in{animation:pop linear both;animation-timeline:view();animation-range:entry 30% cover 50%}
    .liney{transform-origin:top;animation:growy linear both;animation-timeline:view();animation-range:entry 10% cover 60%}
  }
}
@media (prefers-reduced-motion:reduce){
  html{scroll-behavior:auto}
  *,*::before,*::after{animation:none!important;transition:none!important}
}
@media (max-width:900px){
  .navlinks{display:none}
  .navlinks.open{display:flex;flex-basis:100%;flex-direction:column;gap:0}
  .navtoggle{display:inline-flex}
  .hide-sm{display:none!important}
}

.navlinks a.cur{color:#12202e;box-shadow:inset 0 -2px 0 #f59e0b}
.jump a{display:inline-flex;align-items:center;gap:6px;min-height:40px;padding:0 14px;border-radius:32px;background:#ffffff;border:1px solid #d7dfe7;color:#12202e;font-size:14px;font-weight:600;text-decoration:none}
.jump a:hover{border-color:#1668d6;color:#12202e}
table.sf{width:100%;border-collapse:collapse;font-size:15px}
table.sf th{text-align:left;font-size:12.8px;letter-spacing:.03em;color:#475569;font-weight:600;padding:10px 12px;border-bottom:1px solid #d7dfe7;background:#eef1f4}
table.sf td{padding:12px;border-bottom:1px solid #e4e8ec;vertical-align:top}
.field{display:flex;flex-direction:column;gap:6px;font-size:14px;font-weight:600;color:#12202e}
.field input,.field select,.field textarea{font:400 16px Inter,"Segoe UI",system-ui,sans-serif;color:#212529;background:#ffffff;border:1px solid #ced4da;border-radius:8px;padding:10px 12px;min-height:44px;box-sizing:border-box;width:100%}
.field input:focus,.field select:focus,.field textarea:focus{outline:none;border-color:#258cfb;box-shadow:0 0 0 .25rem rgba(37,140,251,.25)}
.check{display:flex;align-items:center;gap:10px;min-height:40px;font-size:15px;color:#212529}
.check input{width:18px;height:18px;accent-color:#1668d6}

/* ---- static-site additions ---- */
[hidden]{display:none!important}
.tab .bar{display:none}
.tabs.auto .tab[aria-selected="true"] .bar{display:block}
.skip{position:absolute;left:-9999px;top:8px;z-index:100;padding:10px 16px;border-radius:8px;background:#12202e;color:#ffffff;font-weight:600}
.skip:focus{left:16px;color:#ffffff}
.form-error{margin:0;padding:12px 14px;border-radius:8px;background:#fdecee;color:#8a1c2b;font-size:15px}
.field .hint{font-weight:400;font-size:13px;color:#6c757d}
.hp{position:absolute!important;left:-10000px!important;width:1px;height:1px;overflow:hidden}
.btn[disabled]{opacity:.6;cursor:progress}