@font-face{font-family:Manrope;src:url('/fonts/krug-manrope-cyrillic.woff2') format('woff2');font-style:normal;font-weight:400;font-display:swap;unicode-range:U+0400-052F,U+2DE0-2DFF,U+A640-A69F}
@font-face{font-family:Manrope;src:url('/fonts/krug-manrope-latin.woff2') format('woff2');font-style:normal;font-weight:400;font-display:swap;unicode-range:U+0000-00FF,U+0131,U+0152-0153,U+02BB-02BC,U+02C6,U+02DA,U+02DC,U+0304,U+0308,U+0329,U+2000-206F,U+2074,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}
:root{color-scheme:dark;--bg:#222327;--text:#e5e3df;--muted:#a5a5aa;--gold:#c7b48e;--ease:cubic-bezier(.2,.8,.2,1)}
*{box-sizing:border-box}html{scroll-behavior:smooth;scroll-padding-top:70px}body{margin:0;background:var(--bg);color:var(--text);font:400 14px/1.65 Manrope,system-ui,sans-serif;font-synthesis:none}
button,input{font:inherit}a{color:inherit;text-decoration:none}button{color:inherit;cursor:pointer;border:0;transition:background .25s,transform .25s var(--ease),color .25s}button:active{transform:scale(.96)}
button:focus-visible,a:focus-visible,summary:focus-visible{outline:2px solid var(--gold);outline-offset:4px}
h1,h2,h3,p,figure{margin:0}h1,h2,h3{font-weight:400;text-wrap:balance}img{display:block;max-width:100%;object-fit:contain}svg{width:21px;height:21px;fill:none;stroke:currentColor;stroke-width:1.65;stroke-linecap:round;stroke-linejoin:round;flex:none}
.svg-library{position:absolute;width:0;height:0;overflow:hidden}.wrap{width:min(1100px,calc(100% - 80px));margin-inline:auto}
.site-header{display:flex;align-items:center;justify-content:space-between;width:min(1320px,calc(100% - 80px));height:88px;margin:auto;font-size:12px}.brand{display:flex;align-items:center;gap:10px}.brand img{border-radius:10px}.site-header nav{display:flex;gap:30px;color:var(--muted)}.site-header a:hover{color:var(--text)}
.hero{position:relative;text-align:center;padding:70px 0 115px}.eyebrow{color:var(--gold);font-size:10px;letter-spacing:.16em;line-height:1.7;margin-bottom:22px}
h1{font-size:clamp(52px,7vw,96px);line-height:1.14;letter-spacing:-.025em}h1 span{color:#b9b5ae}
.hero-copy{font-size:17px;color:var(--muted);margin:26px 0 30px}.get-app{display:grid;justify-items:center;gap:12px}
.download{display:inline-flex;align-items:center;justify-content:center;gap:12px;background:linear-gradient(155deg,#d5c4a2,#bcaa89);box-shadow:inset 0 1px #ffffff24;color:#292927;padding:14px 23px;border-radius:17px;font-size:13px;transition:transform .3s var(--ease),filter .3s}.download:hover{filter:brightness(1.06);transform:translateY(-2px)}.download:active{transform:scale(.97)}
.release-meta{font-size:10px;color:var(--muted);line-height:1.8}.release-meta span{display:block;color:#85858b}.explore{display:inline-flex;gap:13px;color:var(--muted);font-size:11px;margin-top:30px}
.hero-orbit{pointer-events:none}.orbit-sticker{position:absolute;left:1%;top:30%;width:160px;transform:rotate(-12deg);animation:float 8s ease-in-out infinite}.orbit-message{position:absolute;right:-1%;top:34%;padding:15px 24px;border-radius:24px 24px 24px 6px;background:linear-gradient(140deg,#38393d,#2d2e32);font-size:13px;transform:rotate(7deg);animation:float 9s ease-in-out infinite}
.orbit-voice{display:flex;align-items:center;gap:5px;position:absolute;right:8%;top:53%;padding:15px 20px;background:#2d2e32;border-radius:20px;color:var(--gold)}.orbit-voice svg{margin-right:9px}.orbit-voice i{width:3px;height:17px;background:currentColor;border-radius:5px;animation:wave 1.4s ease-in-out infinite alternate}.orbit-voice i:nth-child(2n){animation-delay:-.7s;height:26px}.orbit-voice i:nth-child(3n){animation-delay:-.3s;height:12px}
.scene-section{padding:40px 0 60px}.section-heading{margin-bottom:38px}h2{font-size:clamp(32px,4.2vw,54px);line-height:1.2;letter-spacing:-.025em}.section-heading>p:last-child,.sticker-section>div>p:last-child{color:var(--muted);font-size:15px;line-height:1.8;margin-top:23px}
.product-demo{min-width:0}.product-tabs{display:flex;align-items:center;gap:5px;padding:0 0 18px}.product-tabs button{display:flex;align-items:center;justify-content:center;gap:7px;padding:10px 18px;border-radius:14px;background:transparent;color:var(--muted);font-size:13px}.product-tabs button:hover{background:#ffffff06;color:var(--text)}.product-tabs button[aria-pressed=true]{background:linear-gradient(145deg,#3b3c40,#323337);color:#dfd5c2}.product-tabs svg{width:17px;height:17px}.product-tabs .product-zoom{margin-left:auto;font-size:11px}
.product-viewport{overflow:hidden;border-radius:22px;background:#242529;isolation:isolate}.product-shot{width:100%;height:auto;object-fit:contain;display:block}
.product-demo.is-zoomed .product-viewport{overflow:auto;scrollbar-width:thin;scrollbar-color:#55565d transparent}.product-demo.is-zoomed .product-shot{width:1240px;max-width:none}
.call-product .product-viewport{display:grid;place-items:center;height:330px;background:linear-gradient(145deg,#27292d,#232428);padding:26px;transition:height .45s var(--ease)}.call-product[data-selected=screen] .product-viewport{height:650px}
.call-product .product-shot{max-height:100%;width:auto;max-width:100%;border-radius:22px;min-height:0}
.call-product[data-selected=video] .product-viewport{height:650px}
.demo-foot{display:flex;justify-content:space-between;gap:20px;margin-top:16px;font-size:11px;color:#a3a3aa}.demo-foot>span:last-child{font-size:10px;color:#888a92;text-align:right}
.sticker-section{display:grid;grid-template-columns:.95fr 1.05fr;align-items:center;gap:24px;padding:100px 0 110px}.sticker-showcase{display:flex;align-items:center;justify-content:center}.sticker-showcase button{width:36%;padding:0;background:none;margin-left:-5%;transition:transform .5s var(--ease)}.sticker-showcase button:first-child{transform:rotate(-12deg) translateY(18px);margin:0}.sticker-showcase button:last-child{transform:rotate(12deg) translateY(18px)}.sticker-showcase button:hover{transform:translateY(-14px) scale(1.08)}.sticker-showcase img{width:100%;height:auto}
.details-section{padding:110px 0 50px}.details-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:35px}.details-grid article{padding:16px 0}.detail-number{font-size:10px;color:#88898f}.details-grid h3{font-size:15px;line-height:1.5;margin:22px 0 11px}.details-grid p{font-size:12px;color:var(--muted);line-height:1.9}
.connection-note{margin-top:40px;background:#2b2c30;border-radius:18px;padding:20px 24px;font-size:12px;color:var(--muted)}summary{cursor:pointer;list-style:none}summary::-webkit-details-marker{display:none}.connection-note summary{display:flex;justify-content:space-between;color:#d2d0ca}.connection-note p{margin-top:18px;max-width:820px;line-height:1.9}
.final-section{display:flex;flex-direction:column;align-items:center;text-align:center;padding:100px 0 110px;gap:24px}.final-section img{border-radius:25px}.final-section .eyebrow{margin:0;font-size:10px}.final-section h2{margin-bottom:10px}
.page-footer{padding-bottom:35px;display:flex;align-items:flex-start;gap:28px;justify-content:space-between;font-size:10px;color:var(--muted)}.page-footer details{max-width:470px}.page-footer details>div{padding:18px 0;line-height:1.9}.page-footer p{margin-bottom:10px}.checksum code{font-size:9px;display:block;overflow-wrap:anywhere}.page-footer>button{background:none;padding:0;color:var(--muted);font-size:10px;flex:none}
.reveal.visible{animation:reveal .9s var(--ease)}body.paused *,body.paused *:before,body.paused *:after,.offscreen *{animation-play-state:paused!important}
@keyframes float{50%{translate:0 -12px}}@keyframes wave{to{transform:scaleY(.35)}}@keyframes reveal{from{opacity:.5;transform:translateY(28px)}to{opacity:1;transform:none}}
@media(max-width:1000px){.orbit-sticker{width:120px;left:-1%}.orbit-message{font-size:11px;right:-2%;padding:12px 15px}.orbit-voice{right:3%}.details-grid{grid-template-columns:1fr 1fr;gap:25px 50px}}
@media(max-width:720px){
.wrap,.site-header{width:calc(100% - 36px)}.site-header{height:72px}.site-header nav{gap:18px;font-size:11px}.site-header nav a:first-child{display:none}.brand{font-size:11px}.hero{padding:42px 0 65px}.hero-orbit{display:none}.hero-copy{font-size:15px}.eyebrow{font-size:9px}.section-heading{margin-bottom:28px}.scene-section{padding:32px 0}.section-heading>p:last-child,.sticker-section>div>p:last-child{font-size:13px}
.product-tabs{gap:3px;padding-bottom:12px}.product-tabs button{padding:8px 12px;font-size:12px}.product-tabs .product-zoom{font-size:10px;padding-inline:8px}.product-viewport{border-radius:15px}.demo-foot{font-size:11px;flex-direction:column;gap:6px}.demo-foot>span:last-child{text-align:left;font-size:9px}
.call-product .product-viewport{padding:12px;height:180px;min-height:0}.call-product[data-selected=screen] .product-viewport,.call-product[data-selected=video] .product-viewport{height:300px}.call-product .product-shot{border-radius:16px}
.sticker-section{grid-template-columns:1fr;padding:65px 0;gap:25px}.sticker-showcase{max-width:400px;margin:auto}.sticker-showcase button{width:34%}
.details-section{padding-top:70px}.details-grid{gap:20px}.details-grid h3{font-size:13px;margin-top:15px}.details-grid p{font-size:11px}.connection-note{padding:18px;font-size:11px}.final-section{padding:60px 0 75px}.page-footer{flex-wrap:wrap;gap:20px}.page-footer details{width:65%;margin-left:auto}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}*,*:before,*:after{animation:none!important;transition:none!important}.download:hover,.sticker-showcase button:hover{transform:none}}
