@font-face{font-family:"Inter";font-weight:100 900;font-display:swap;src:url(inter.woff2) format("woff2")}
:root{--blue:#0b24b8;--paint:#ffd02e;--paint-soft:#1b39dc;--blue-dark:#081a8c;--black:#111827;--white:#fff;--grey:#3f4654;--line:#d9dde5;--soft:#f3f5f9;--night:#0b1220;--gutter:clamp(16px,3vw,32px);--sans:"Inter",-apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,Arial,sans-serif}
html{scroll-behavior:smooth;scroll-padding-top:88px;-webkit-text-size-adjust:100%}
body{margin:0;background:var(--white);color:var(--black);font:400 17px/1.6 var(--sans);-webkit-font-smoothing:antialiased}
.sl-page *,.sl-page *::before,.sl-page *::after{box-sizing:border-box}
.sl-page{font-family:var(--sans);overflow-x:clip;width:100%}
.sl-page img{display:block;max-width:100%;height:auto}
:where(.sl-page) :where(h1,h2,h3,p,ul){margin:0;padding:0}
.sl-page h1,.sl-page h2,.sl-page h3{font-family:var(--sans);font-weight:700;letter-spacing:-.022em;line-height:1.12;color:inherit;text-transform:none}
.sl-page a{color:inherit;text-decoration:none}
.sl-page a:focus-visible{outline:2px solid currentColor;outline-offset:3px;border-radius:4px}
.sl-wrap{width:100%;max-width:1240px;margin-inline:auto;padding-inline:var(--gutter)}
.sl-kicker{font-size:15px;font-weight:700;color:var(--blue)}
.sl-on-dark .sl-kicker{color:var(--white)}

/* Header */
.sl-header{position:sticky;top:0;z-index:50;width:100%;background:var(--white);border-bottom:1px solid var(--line)}
.sl-bar{display:flex;align-items:center;justify-content:space-between;gap:20px;min-height:72px}
.sl-name{flex:none;font-size:24px;font-weight:800;letter-spacing:-.03em;line-height:1;white-space:nowrap;color:var(--blue)!important}
.sl-menu{display:flex;align-items:center;gap:clamp(16px,2.6vw,36px)}
.sl-nav{display:flex;gap:clamp(14px,2.2vw,30px);font-size:15px;font-weight:600}
.sl-nav a:hover{color:var(--blue)}

/* Buttons */
.sl-btn{display:inline-flex;align-items:center;justify-content:center;min-height:48px;padding:0 22px;border-radius:8px;font-size:16px;font-weight:600;line-height:1;white-space:nowrap;border:2px solid transparent;transition:background-color .15s,color .15s}
.sl-header .sl-btn{min-height:42px;padding:0 18px;font-size:15px}
.sl-btn--blue{background:var(--blue);color:var(--white)!important}
.sl-btn--blue:hover{background:var(--blue-dark)}
.sl-btn--white{background:var(--white);color:var(--blue)!important}
.sl-btn--white:hover{background:#dfe4ff}
.sl-btn--line{border-color:currentColor;background:transparent}
.sl-btn--line:hover{background:rgba(127,127,127,.16)}
.sl-actions{display:flex;flex-wrap:wrap;gap:12px;margin-top:26px}

/* Home hero */
.sl-hero{width:100%;background:var(--blue);color:var(--white);padding-block:clamp(56px,7vw,92px) clamp(150px,15vw,210px)}
.sl-hero__inner{max-width:780px}
.sl-hero h1{font-size:clamp(38px,5vw,68px);letter-spacing:-.03em;line-height:1.06;text-wrap:balance}
.sl-hero__lead{margin-top:20px;max-width:36em;font-size:clamp(18px,1.5vw,20px)}

/* Home hero: a soft sweep of paint behind it, and one stroke of yellow under the words. */
.sl-hero--home::before{content:"";position:absolute;right:-6%;top:-4%;width:min(82%,1180px);height:112%;background:var(--paint-soft);-webkit-mask:url(brush-sweep.webp) center/100% 100% no-repeat;mask:url(brush-sweep.webp) center/100% 100% no-repeat;animation:sl-draw 1.5s cubic-bezier(.6,0,.2,1) both}
.sl-swash{position:relative;z-index:0;display:inline-block;white-space:nowrap}
.sl-hero--home .sl-hero__lead{margin-top:30px}
.sl-swash::after{content:"";position:absolute;z-index:-1;left:-2%;right:-4%;bottom:-.2em;height:.2em;background:var(--paint);-webkit-mask:url(brush-line.webp) center/100% 100% no-repeat;mask:url(brush-line.webp) center/100% 100% no-repeat;animation:sl-draw .8s .55s cubic-bezier(.6,0,.2,1) both}
@keyframes sl-draw{from{clip-path:inset(-30% 100% -30% 0)}to{clip-path:inset(-30% -2% -30% 0)}}

/* Product cards */
.sl-range{margin-top:clamp(-170px,-12vw,-110px);position:relative}
.sl-range__row{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:16px}
/* The link stays flat and still; only what's inside it moves. A tilted link can't be clicked where it leans back in Safari. */
.sl-pc{display:flex;min-width:0;border-radius:14px}
.sl-pc__in{flex:1;min-width:0;display:flex;flex-direction:column;background:var(--white);border-radius:14px;overflow:hidden;pointer-events:none;box-shadow:0 1px 2px rgba(17,24,39,.08),0 18px 40px -18px rgba(11,20,70,.4)}
.sl-pc__art{position:relative;aspect-ratio:4/3.5;overflow:hidden;background:var(--t-bg)}
.sl-pc__art img{position:absolute;inset:0;width:100%;height:100%!important;object-fit:cover;object-position:center 26%}
.sl-pc__art--phone img{inset:12% auto auto 50%;width:50%;height:auto!important;transform:translateX(-50%);object-fit:initial}
.sl-pc__cap{display:flex;align-items:center;gap:10px;padding:12px 14px 14px}
.sl-pc__cap img,.sl-ic{width:40px;height:40px;border-radius:9px;object-fit:cover;flex:none}
.sl-pc__text{min-width:0}
.sl-pc__name{display:block;font-size:15px;font-weight:700;line-height:1.25}
.sl-pc__kind{display:block;font-size:13px;line-height:1.3;color:var(--grey)}
.t-shovva{--t-bg:#efe9ff}.t-gugab{--t-bg:#c6f432}.t-legit{--t-bg:#0f1d2e}.t-blastoff{--t-bg:#0d1a4a}

/* Company facts */
.sl-strip{display:flex;flex-wrap:wrap;justify-content:space-between;gap:6px 32px;margin-top:clamp(28px,4vw,48px);padding-block:18px;border-block:1px solid var(--line);font-size:15px;font-weight:600}

/* Sections */
.sl-section{width:100%;padding-block:clamp(64px,8vw,112px)}
.sl-section--tight{padding-top:clamp(40px,5vw,64px)}
.sl-night{background:var(--night);color:var(--white)}
.sl-blue{background:var(--blue);color:var(--white)}
.sl-head{max-width:760px;margin-bottom:clamp(28px,4vw,48px)}
.sl-head h2{font-size:clamp(32px,3.8vw,50px);margin-top:8px}
.sl-head__lead{margin-top:12px;font-size:clamp(17px,1.4vw,19px)}

/* Feature panels */
.sl-feats{display:flex;flex-direction:column;gap:clamp(14px,1.8vw,20px)}
.sl-feat{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);align-items:center;gap:clamp(20px,4vw,56px);border-radius:16px;overflow:hidden;background:var(--f-bg);color:var(--f-text);padding:clamp(24px,4.4vw,60px);scroll-margin-top:88px}
.sl-feat__top{display:flex;align-items:center;gap:12px}
.sl-feat__top .sl-ic{width:52px;height:52px;border-radius:12px}
.sl-feat__kind{font-size:15px;font-weight:600}
.sl-feat h3{font-size:clamp(30px,3.4vw,46px);margin-top:18px}
.sl-feat__line{margin-top:8px;font-size:clamp(18px,1.5vw,21px);font-weight:600;line-height:1.3}
.sl-feat__text{margin-top:12px;max-width:32em}
.sl-feat__media img{width:100%;max-width:470px;margin-inline:auto}
.sl-feat__logo{width:min(250px,70%);margin-bottom:6px}
.sl-note{margin-top:12px;font-size:14px}
.f-shovva{--f-bg:#f1edff;--f-text:var(--black)}
.f-gugab{--f-bg:#e9f8f1;--f-text:var(--black)}
.f-legit{--f-bg:#16283d;--f-text:#fff}
.f-blastoff{--f-bg:#0d1a4a;--f-text:#fff}

/* About */
.sl-points{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:clamp(20px,3vw,40px)}
.sl-point{border-top:2px solid var(--blue);padding-top:14px}
.sl-point h3{font-size:clamp(20px,1.8vw,24px)}
.sl-point p{margin-top:8px;color:var(--grey)}

/* Contact */
.sl-mail{display:inline-block;font-weight:700;font-size:clamp(30px,3.8vw,50px);line-height:1.15;letter-spacing:-.022em;margin-top:8px;overflow-wrap:anywhere}
.sl-mail:hover{text-decoration:underline;text-decoration-thickness:.06em;text-underline-offset:.12em}
.sl-contact{display:grid;grid-template-columns:minmax(0,7fr) minmax(0,4fr);gap:clamp(24px,5vw,80px);margin-top:clamp(32px,4vw,56px)}
.sl-routes{display:flex;flex-direction:column;border-bottom:1px solid rgba(255,255,255,.55)}
.sl-route{display:flex;align-items:center;justify-content:space-between;gap:16px;min-height:58px;padding-block:10px;border-top:1px solid rgba(255,255,255,.55);font-weight:600}
.sl-route:hover .sl-route__to{text-decoration:underline;text-underline-offset:4px}
.sl-route__to{text-align:right;overflow-wrap:anywhere}
.sl-company h3{font-size:clamp(20px,1.8vw,24px)}
.sl-company p{margin-top:10px}

/* Product pages */
.sl-phero{width:100%;background:var(--f-bg);color:var(--f-text)}
.sl-phero__grid{display:grid;grid-template-columns:minmax(0,1.1fr) minmax(0,.9fr);gap:clamp(24px,5vw,72px);align-items:center;padding-block:clamp(40px,5vw,72px)}
.sl-crumb{font-size:15px;font-weight:600}
.sl-crumb a:hover{text-decoration:underline;text-underline-offset:3px}
.sl-phero .sl-feat__top{margin-top:clamp(18px,2.4vw,28px)}
.sl-phero h1{font-size:clamp(38px,5vw,66px);letter-spacing:-.03em;line-height:1.06;margin-top:16px;text-wrap:balance}
.sl-phero__lead{margin-top:16px;max-width:33em;font-size:clamp(18px,1.5vw,20px)}
.sl-phero__media img{width:100%;max-width:500px;margin-inline:auto}
.sl-cta{width:100%;background:var(--blue);color:var(--white);padding-block:clamp(48px,6vw,80px)}
.sl-cta h2{font-size:clamp(30px,3.4vw,44px);max-width:20em}

/* Features */
.sl-rows{display:flex;flex-direction:column}
.sl-row{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:clamp(24px,6vw,96px);align-items:center;padding-block:clamp(28px,4vw,52px);border-top:1px solid var(--line)}
.sl-row:nth-child(even) .sl-row__copy{order:2}
.sl-row__copy h3{font-size:clamp(26px,3vw,40px)}
.sl-row__copy p{margin-top:12px;max-width:30em;font-size:clamp(17px,1.4vw,19px);color:var(--grey)}
.sl-row__phone{position:relative;width:min(250px,64vw);margin-inline:auto;padding:8px;border-radius:36px;background:#0b0a0e;box-shadow:0 0 0 2px #6d7078,0 30px 54px -26px rgba(6,10,30,.65);overflow:hidden}
.sl-row__phone img,.sl-row__phone video{display:block;width:100%;height:auto!important;aspect-ratio:9/19.4;object-fit:cover;object-position:top;border-radius:28px;background:#0b0a0e}
.sl-row__phone video{position:absolute;left:8px;top:8px;width:calc(100% - 16px)}
.sl-who{padding-block:clamp(40px,6vw,72px);border-top:1px solid var(--line)}
.sl-who h2{font-size:clamp(28px,3.4vw,44px);max-width:20em}
.sl-chips{display:flex;flex-wrap:wrap;gap:8px;margin-top:20px}
.sl-chip{padding:9px 14px;border-radius:8px;border:1px solid var(--line);background:var(--white);font-size:15px;font-weight:600;line-height:1.2}
.sl-price{display:flex;flex-wrap:wrap;align-items:center;justify-content:space-between;gap:16px 32px;padding:clamp(22px,3vw,32px);border-radius:14px;background:var(--soft)}
.sl-price h3{font-size:clamp(22px,2vw,26px)}
.sl-price p{margin-top:4px;color:var(--grey)}

/* Privacy */
.sl-prose{max-width:760px}
.sl-prose h1{font-size:clamp(38px,5vw,60px);letter-spacing:-.03em}
.sl-part{margin-top:clamp(28px,4vw,40px)}
.sl-part h2{font-size:clamp(22px,2.2vw,28px)}
.sl-part p{margin-top:10px;color:var(--grey)}
.sl-part a{color:var(--blue);text-decoration:underline;text-underline-offset:3px}

/* Footer */
.sl-footer{width:100%;background:var(--night);color:var(--white);padding-block:28px}
.sl-footer__row{display:flex;flex-wrap:wrap;gap:8px 28px;font-size:15px;font-weight:600}
.sl-footer__row a:hover{text-decoration:underline;text-underline-offset:4px}
.sl-legal{margin-top:16px;font-size:14px}


/* Motion */
@keyframes sl-rise{from{opacity:0;transform:translateY(22px)}to{opacity:1;transform:none}}
@keyframes sl-float{0%,100%{transform:translateY(0)}50%{transform:translateY(-10px)}}
@keyframes sl-fill{from{transform:scaleX(0)}to{transform:scaleX(1)}}
.sl-hero h1,.sl-hero__lead,.sl-hero .sl-actions,.sl-phero .sl-crumb,.sl-phero .sl-feat__top,.sl-phero h1,.sl-phero__lead,.sl-phero .sl-actions{animation:sl-rise .8s cubic-bezier(.2,.8,.2,1) both}
.sl-hero__lead,.sl-phero h1{animation-delay:.1s}
.sl-hero .sl-actions,.sl-phero__lead{animation-delay:.2s}
.sl-phero .sl-actions{animation-delay:.3s}
.sl-phero__media{animation:sl-rise 1s .15s cubic-bezier(.2,.8,.2,1) both}
.sl-rv{opacity:0;transform:translateY(26px)}
.sl-rv.is-in{opacity:1;transform:none;transition:opacity .7s cubic-bezier(.2,.8,.2,1) var(--d,0ms),transform .7s cubic-bezier(.2,.8,.2,1) var(--d,0ms)}
.sl-hero,.sl-blue,.sl-cta,.sl-has-beams{position:relative;overflow:hidden}
.sl-range{z-index:2}
.sl-beams{position:absolute;inset:0;width:100%;height:100%;pointer-events:none}
.sl-has-beams>.sl-wrap{position:relative;z-index:1}

/* The cursor */
.sl-cursor,.sl-cursor *{cursor:none!important}
.sl-cur{position:fixed;left:0;top:0;z-index:9999;width:0;height:0;pointer-events:none;opacity:0;transition:opacity .2s}
.sl-cur.is-on{opacity:1}
.sl-cur::before{content:"";position:absolute;left:-4px;top:-4px;width:8px;height:8px;border-radius:50%;background:var(--blue);box-shadow:0 0 0 1.5px rgba(255,255,255,.85);transition:background-color .15s}
.sl-cur::after{content:"";position:absolute;left:-16px;top:-16px;width:32px;height:32px;border-radius:50%;border:1.5px solid var(--blue);opacity:.4;transform:scale(.7);transition:opacity .18s,transform .22s cubic-bezier(.2,.8,.2,1)}
.sl-cur.on-dark::before{background:#fff;box-shadow:0 0 0 1.5px rgba(11,36,184,.5)}
.sl-cur.on-dark::after{border-color:#fff}
.sl-cur.is-hot::after{opacity:1;transform:none}

/* The canvas: a faint weave under everything painted */
.sl-hero,.sl-blue,.sl-cta,.sl-section,.sl-phero,.sl-plain{background-image:url(canvas-texture.png);background-size:192px 192px}
.sl-header{transition:box-shadow .25s}
.sl-header.is-stuck{box-shadow:0 8px 24px -16px rgba(17,24,39,.4)}
.sl-progress{position:absolute;left:0;right:0;bottom:-1px;height:3px;background:var(--blue);transform:scaleX(0);transform-origin:left}
.sl-nav a{position:relative}
.sl-nav a::after{content:"";position:absolute;left:0;right:0;bottom:-5px;height:2px;background:var(--blue);transform:scaleX(0);transform-origin:left;transition:transform .25s cubic-bezier(.2,.8,.2,1)}
.sl-nav a:hover::after{transform:scaleX(1)}
.sl-btn{position:relative;overflow:hidden;transition:background-color .15s,color .15s,transform .25s cubic-bezier(.2,.8,.2,1),box-shadow .25s}
.sl-btn:hover{transform:translateY(-2px);box-shadow:0 10px 22px -12px rgba(0,0,0,.55)}
.sl-btn:active{transform:translateY(0)}
.sl-pc__in{transition:transform .35s cubic-bezier(.2,.8,.2,1),box-shadow .35s;will-change:transform}
.sl-pc:hover .sl-pc__in{transform:translateY(-6px);box-shadow:0 1px 2px rgba(17,24,39,.08),0 28px 50px -20px rgba(11,20,70,.55)}
.sl-pc__art img{transition:translate .35s cubic-bezier(.2,.8,.2,1),scale .5s cubic-bezier(.2,.8,.2,1);translate:var(--px,0) var(--py,0)}
.sl-pc:hover .sl-pc__art img{scale:1.05}
.sl-phero__media img{animation:sl-float 7s ease-in-out infinite}
.sl-feat__media img{will-change:transform}

/* Click-through demos */
.sl-demo{display:flex;flex-direction:column;align-items:center;gap:18px}
.sl-demo__phone{width:min(270px,70vw);padding:9px;border-radius:38px;background:#0b0a0e;box-shadow:0 0 0 2px #6d7078,0 34px 60px -26px rgba(6,10,30,.7)}
.sl-demo__screen{position:relative;overflow:hidden;border-radius:29px;aspect-ratio:9/19.4;background:#0b0a0e}
.sl-demo__screen img{width:100%;height:100%!important;object-fit:cover;object-position:top}
.sl-demo.is-live .sl-demo__screen img{position:absolute;inset:0;opacity:0;transform:translateY(14px) scale(1.02);transition:opacity .55s ease,transform .7s cubic-bezier(.2,.8,.2,1)}
.sl-demo.is-live .sl-demo__screen img.is-on{opacity:1;transform:none}
.sl-demo:not(.is-live) .sl-demo__screen img:not(:first-child){display:none}
.sl-demo__tabs{display:flex;flex-wrap:wrap;justify-content:center;gap:6px}
.sl-demo__tab{position:relative;overflow:hidden;padding:9px 14px;border-radius:8px;font-size:15px;font-weight:600;line-height:1;cursor:pointer;color:var(--black);background:rgba(255,255,255,.75);transition:background-color .2s,color .2s}
.sl-demo__tab:hover{background:var(--white)}
.sl-demo__tab:focus-visible{outline:2px solid var(--blue);outline-offset:2px}
.sl-demo__tab.is-on{background:var(--blue);color:var(--white)}
.sl-demo__tab.is-running::after{content:"";position:absolute;left:0;right:0;bottom:0;height:3px;background:var(--white);transform-origin:left;animation:sl-fill var(--t,3.6s) linear both}
.sl-demo__screen video{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;object-position:top;opacity:0;transition:opacity .25s}
.sl-demo__screen video.is-on{opacity:1}
.sl-phero__media .sl-demo__screen img{animation:none;max-width:none;margin:0}

/* Dashboard window with a phone beside it */
.sl-demo--desk{gap:22px;width:100%}
.sl-demo__stage{position:relative;width:100%;padding-right:9%;padding-bottom:7%}
.sl-demo__window{border-radius:12px;overflow:hidden;background:#17141c;padding:22px 0 0;position:relative;box-shadow:0 0 0 1px rgba(17,24,39,.14),0 30px 60px -28px rgba(6,10,30,.6)}
.sl-demo__window::before{content:"";position:absolute;left:12px;top:8px;width:34px;height:6px;border-radius:3px;background:rgba(255,255,255,.26)}
.sl-demo--desk .sl-demo__screen{border-radius:0;aspect-ratio:2560/1640;background:#fff}
.sl-demo__side{position:absolute;right:0;bottom:0;width:27%;padding:5px;border-radius:24px;background:#0b0a0e;box-shadow:0 0 0 1.5px #6d7078,0 22px 40px -18px rgba(6,10,30,.7);overflow:hidden}
.sl-demo__side img,.sl-demo__side video{display:block;width:100%;height:auto!important;aspect-ratio:780/1688;object-fit:cover;object-position:top;border-radius:19px}
.sl-demo__side video{position:absolute;left:5px;top:5px;width:calc(100% - 10px)}
.sl-feat.f-shovva{grid-template-columns:minmax(0,5fr) minmax(0,7fr)}
.sl-phero.f-shovva .sl-phero__grid{grid-template-columns:minmax(0,.85fr) minmax(0,1.15fr)}
.sl-phero__media .sl-demo__side img{animation:none;max-width:none;margin:0}

/* Gameplay phone */
.sl-vphone{width:min(290px,72vw);margin-inline:auto;padding:9px;border-radius:40px;background:#000;box-shadow:0 0 0 2px #59616e,0 36px 70px -30px #000}
.sl-vphone video{display:block;width:100%;aspect-ratio:886/1920;object-fit:cover;border-radius:31px;background:var(--night)}

@media (max-width:1080px){
.sl-hero--home::before{width:130%;right:-30%;top:22%;height:80%}
.sl-range{overflow-x:auto;scroll-snap-type:x mandatory;scroll-padding-left:var(--gutter);padding-bottom:44px;margin-bottom:-30px;-webkit-overflow-scrolling:touch}
.sl-range__row{grid-template-columns:repeat(4,minmax(250px,1fr));width:max-content;min-width:100%}
.sl-pc{scroll-snap-align:start}
}
@media (max-width:900px){
.sl-feat.f-shovva,.sl-phero.f-shovva .sl-phero__grid{grid-template-columns:minmax(0,1fr)}
.sl-feat,.sl-phero__grid,.sl-contact,.sl-row{grid-template-columns:minmax(0,1fr)}
.sl-row:nth-child(even) .sl-row__copy{order:0}
.sl-points{grid-template-columns:minmax(0,1fr)}
.sl-feat__media img{max-width:380px}
.sl-phero__media img{max-width:380px}
}
@media (max-width:620px){
body{font-size:16px}
.sl-bar{min-height:64px}
.sl-header .sl-btn{display:none}
.sl-name{font-size:22px}
.sl-nav{gap:16px;font-size:14px}
.sl-actions .sl-btn{width:100%}
.sl-route{flex-direction:column;align-items:flex-start;gap:0}
.sl-route__to{text-align:left;font-weight:400}
.sl-strip{flex-direction:column}
}
@media (max-width:359px){
.sl-name{font-size:19px}
.sl-nav{gap:11px;font-size:13px}
}
@media (prefers-reduced-motion:reduce){
.sl-hero--home::before,.sl-swash::after{animation:none}
html{scroll-behavior:auto}
*,*::before,*::after{animation:none!important;transition:none!important}
.sl-pc:hover .sl-pc__in,.sl-btn:hover{transform:none}
}
/* The app's QR code: for people on a computer. On a phone the button is all they need. */
.sl-qr{display:flex;align-items:center;gap:12px;flex-basis:100%;margin-top:6px;font-size:15px;font-weight:600}
.sl-qr img{width:96px;height:96px;padding:6px;border-radius:10px;background:#fff}
@media (max-width:820px),(hover:none){.sl-qr{display:none}}