.site{--bg:#fff;--bg2:#f4f6fa;--ink:#0b1324;--muted:#5b6578;--line:#e5e9f0;--navy:#0f3dad;--navy2:#0a2a7a;--card:#fff;--glow:#0f3dad2e;color:var(--ink);background:var(--bg)}@media (prefers-color-scheme:dark){:is(html:has(.site),body:has(.site)){color:#eef2ff;background:#070b16}.site{--bg:#070b16;--bg2:#0c1222;--ink:#eef2ff;--muted:#9aa6bf;--line:#1c2538;--navy:#3b6cf0;--navy2:#0f3dad;--card:#0f172a;--glow:#3b6cf040}}.site .s-wrap{width:min(1280px,100% - 2rem);margin-inline:auto}.site .s-eyebrow{letter-spacing:.14em;text-transform:uppercase;color:var(--navy);font-size:12px;font-weight:800}.site .s-h1{letter-spacing:-.03em;font-size:clamp(2.4rem,6vw,4.6rem);font-weight:900;line-height:1.02}.site .s-h2{letter-spacing:-.02em;font-size:clamp(1.9rem,4vw,3rem);font-weight:900;line-height:1.08}.site .s-lead{color:var(--muted);font-size:clamp(1.05rem,1.6vw,1.25rem);line-height:1.55}.site .s-card{background:var(--card);border:1px solid var(--line);border-radius:24px}.site .s-btn{border-radius:14px;justify-content:center;align-items:center;gap:.5rem;padding:.95rem 1.4rem;font-size:1rem;font-weight:800;transition:transform .15s,box-shadow .15s,background .15s;display:inline-flex}.site .s-btn:active{transform:translateY(1px)}.site .s-btn-p{background:var(--navy);color:#fff;box-shadow:0 10px 30px var(--glow)}.site .s-btn-p:hover{background:var(--navy2)}.site .s-btn-s{background:var(--card);color:var(--ink);border:1.5px solid var(--line)}.site .s-btn-s:hover{border-color:var(--muted)}.site .s-btn-w{color:var(--navy2);background:#fff}.site .s-btn-g{color:#fff;background:#ffffff1f;border:1.5px solid #ffffff59}.site .s-hero{color:#fff;background:radial-gradient(1200px 600px at 20% -10%,#1e4fd8 0%,#0f3dad 35%,#071a4d 100%);position:relative;overflow:hidden}.site .s-hero:after{content:"";opacity:.07;mix-blend-mode:screen;pointer-events:none;background:url(/site/kroki-demo.webp) 50% 30%/cover no-repeat;position:absolute;inset:0}.site .s-grid-bg{background-image:linear-gradient(var(--line) 1px, transparent 1px), linear-gradient(90deg, var(--line) 1px, transparent 1px);background-size:48px 48px}.site .s-phone{aspect-ratio:720/1565;background:#0b0f1a;border-radius:44px;width:300px;padding:10px;position:relative;box-shadow:0 40px 80px #00000073,inset 0 0 0 2px #2a3142}.site .s-phone img{object-fit:cover;border-radius:36px;width:100%;height:100%;display:block}.site .s-phone:before{content:"";z-index:2;background:#000;border-radius:999px;width:92px;height:26px;position:absolute;top:18px;left:50%;transform:translate(-50%)}.site .s-float{animation:7s ease-in-out infinite s-float}.site .s-float-2{animation:8s ease-in-out -2s infinite s-float}@keyframes s-float{0%,to{transform:translateY(0)}50%{transform:translateY(-14px)}}@media (prefers-reduced-motion:reduce){.site .s-float,.site .s-float-2{animation:none}}.site .s-tick{color:#fff;background:#16a34a;border-radius:999px;flex:none;place-items:center;width:22px;height:22px;display:inline-grid}.site .s-stat{letter-spacing:-.03em;font-size:clamp(2rem,4vw,3rem);font-weight:900;line-height:1}.site .s-marquee{white-space:nowrap;gap:2.5rem;display:flex;overflow:hidden;-webkit-mask-image:linear-gradient(90deg,#0000,#000 10% 90%,#0000);mask-image:linear-gradient(90deg,#0000,#000 10% 90%,#0000)}.site .s-marquee>div{gap:2.5rem;animation:40s linear infinite s-marq;display:flex}@keyframes s-marq{0%{transform:translate(0)}to{transform:translate(-50%)}}.site .s-kroki{border:1px solid var(--line);background:#fff;border-radius:24px;overflow:hidden;box-shadow:0 30px 70px #0000002e}.site .s-chip{color:#fff;background:#ffffff24;border-radius:999px;align-items:center;gap:.4rem;padding:.35rem .7rem;font-size:12px;font-weight:800;display:inline-flex}.site .s-step{counter-increment:step}.site .s-step:before{content:counter(step, decimal-leading-zero);letter-spacing:.1em;color:var(--navy);font-size:12px;font-weight:900}.site .s-steps{counter-reset:step}.site .s-dark{color:#eef2ff;background:#070b16}.site .s-ring{pointer-events:none;border:1px solid #ffffff1f;border-radius:999px;position:absolute}.site .s-lang-btn{background:var(--card);color:var(--ink);border:1.5px solid var(--line)}.site .s-lang-btn:hover{border-color:var(--muted)}.site .s-lang-menu{background:var(--card);border:1px solid var(--line);color:var(--ink);box-shadow:0 20px 50px #0000002e}.site .s-lang-on{background:var(--navy);color:#fff;border-color:var(--navy)}[dir=rtl] .site{font-family:Segoe UI,Tahoma,Noto Sans Arabic,Noto Naskh Arabic,Geeza Pro,system-ui,sans-serif}[dir=rtl] .site .s-h1,[dir=rtl] .site .s-h2,[dir=rtl] .site .s-stat{letter-spacing:0}[dir=rtl] .site .s-h1{line-height:1.25}[dir=rtl] .site .s-h2{line-height:1.3}[dir=rtl] .site .s-eyebrow{letter-spacing:0}[dir=rtl] .site .s-marquee{-webkit-mask-image:linear-gradient(270deg,#0000,#000 10% 90%,#0000);mask-image:linear-gradient(270deg,#0000,#000 10% 90%,#0000)}[dir=rtl] .site .s-marquee>div{animation-name:s-marq-rtl}@keyframes s-marq-rtl{0%{transform:translate(0)}to{transform:translate(50%)}}[dir=rtl] .site .s-hero{background:radial-gradient(1200px 600px at 80% -10%,#1e4fd8 0%,#0f3dad 35%,#071a4d 100%)}
