/* SATFIN – styly webu */
@font-face{font-family:Inter;src:url(/fonts/inter-variable.woff2) format("woff2");font-weight:100 900;font-display:swap}
@font-face{font-family:Manrope;src:url(/fonts/manrope-variable.woff2) format("woff2");font-weight:200 800;font-display:swap}

*,*::before,*::after{box-sizing:border-box}
[hidden]{display:none!important}
html{scroll-behavior:smooth}
body{margin:0;background:#0A1A33}
input,select,textarea{color:inherit}
a{color:var(--at)}a:hover{color:var(--fg)}
.dark{color-scheme:dark}
.dark input,.dark select,.dark textarea{color:#EAF0FA;color-scheme:dark}
.dark a{color:#7AA7FF}.dark a:hover{color:#C7D9FF}

.st-root{
  --bg:#0A1A33;--card:#0F2547;--line:#22406E;--line2:#1B355E;--band:#0D2142;--tint:#13305A;
  --dotoff:#3A5A8C;--inputline:#6F87AD;--fg:#EAF0FA;--muted:#A9B9D3;--at:#7AA7FF;--muted2:#AFC0E0;
  font-family:Inter,system-ui,-apple-system,"Segoe UI",sans-serif;font-variant-numeric:tabular-nums;line-height:1.5;
  color:var(--fg);background:var(--bg)
}
.h{font-family:Manrope,Inter,system-ui,sans-serif}
.wrap{max-width:1200px;margin:0 auto;padding-left:24px;padding-right:24px}
.eyebrow{margin:0 0 12px;font-size:14px;font-weight:600;letter-spacing:.12em;text-transform:uppercase;color:var(--at)}
.h2{margin:0 0 48px;font-family:Manrope,Inter,system-ui,sans-serif;font-weight:800;font-size:42px;line-height:1.1;letter-spacing:-.01em;max-width:760px}
.muted{color:var(--muted)}
.skip{position:absolute;left:-9999px;top:0;background:#2563EB;color:#fff;padding:12px 16px;z-index:10}
.skip:focus{left:8px;top:8px}
:focus-visible{outline:3px solid #7AA7FF;outline-offset:2px}

.st-card{transition:transform .25s ease,box-shadow .25s ease,border-color .25s ease}
.st-card:hover{transform:translateY(-4px);box-shadow:0 18px 36px -20px rgba(0,0,0,.35);border-color:var(--at)}
.st-btn{transition:filter .2s ease,transform .2s ease}
.st-btn:hover{filter:brightness(.9);transform:translateY(-1px)}
.st-nav a{background-image:linear-gradient(currentColor,currentColor);background-size:0 2px;background-repeat:no-repeat;background-position:0 85%;transition:background-size .25s ease}
.st-nav a:hover{background-size:100% 2px}
.st-dl{transition:border-color .2s,background .2s}.st-dl:hover{border-color:#7AA7FF;background:#13305A}
@keyframes st-rise{from{opacity:0;transform:translateY(32px)}to{opacity:1;transform:none}}
@keyframes st-pulse{0%{box-shadow:0 0 0 0 rgba(29,78,216,.45)}100%{box-shadow:0 0 0 10px rgba(29,78,216,0)}}
@keyframes st-in{from{opacity:0;transform:translateY(6px)}to{opacity:1;transform:none}}
.st-pulse{animation:st-pulse 1.6s ease-out infinite}
.st-swap{animation:st-in .45s ease both}
@supports (animation-timeline: view()){
  .st-reveal{animation:st-rise linear both;animation-timeline:view();animation-range:entry 0% entry 35%}
}
@media (prefers-reduced-motion: reduce){
  html{scroll-behavior:auto}
  .st-reveal,.st-pulse,.st-swap{animation:none}
  .st-card,.st-btn{transition:none}
}

.input{font:inherit;font-size:16px;padding:12px 14px;border:1px solid var(--inputline);border-radius:0;background:var(--card);min-height:48px;width:100%}
.field{display:flex;flex-direction:column;gap:6px}
.field label{font-size:14px;font-weight:600}

@media (max-width:640px){
  h1.hero{font-size:40px!important}
  .h2{font-size:32px}
}