@font-face{font-family:"Literata";font-style:normal;font-weight:400 500;font-display:swap;src:url(/fonts/literata-cyrillic.woff2?v=c0963cb295) format("woff2");unicode-range:U+0301,U+0400-045F,U+0490-0491,U+04B0-04B1,U+2116}@font-face{font-family:"Literata";font-style:normal;font-weight:400 500;font-display:swap;src:url(/fonts/literata-latin.woff2?v=bad851661b) format("woff2");unicode-range:U+0020-002F,U+003A-003F,U+00A0,U+00AB,U+00BB,U+2013-2014,U+2026}.hero{--paper: #FAFAF9;--paper-2: #F2F2F0;--paper-3: #E9E9E6;--ink: #0F0F0E;--ink-2: #3A3A37;--muted: #6B6B66;--line-2: #D4D4CF;--accent: #FC4C02;--accent-14: rgb(252 76 2 / 0.14);--accent-10: rgb(252 76 2 / 0.10);--accent-03: rgb(252 76 2 / 0.03);--sh-a08: rgb(15 15 14 / 0.08);--sh-a12: rgb(15 15 14 / 0.12);--sh-a45: rgb(15 15 14 / 0.45);--sh-a55: rgb(15 15 14 / 0.55);--white-18: rgb(255 255 255 / 0.18);--shadow-2: 0 1px 2px rgb(15 15 14 / 0.05), 0 18px 40px -22px rgb(15 15 14 / 0.28), 0 0 0 1px rgb(15 15 14 / 0.06);--shadow-card: 0 2px 4px rgb(15 15 14 / 0.06), 0 30px 60px -28px rgb(15 15 14 / 0.45), 0 0 0 1px rgb(15 15 14 / 0.08);--ease: cubic-bezier(0.2, 0.7, 0.2, 1);--ease-out: cubic-bezier(0.16, 1, 0.3, 1);--ease-spring: cubic-bezier(0.3, 1.35, 0.5, 1);--dur: 320ms;--dur-fast: 160ms;--r: 14px;--gutter: clamp(16px, 4vw, 48px);--hdr: 70px;--text-h1: clamp(2.75rem, 1.6rem + 4vw, 5.5rem);position:relative;isolation:isolate;z-index:0;overflow:hidden;overflow:clip;min-height:max(100svh,760px);box-sizing:border-box;display:flex;flex-direction:column;margin-top:calc(var(--hdr) * -1);padding-top:calc(var(--hdr) + clamp(32px,6vh,72px));background:var(--paper);color:var(--ink)}@media(prefers-color-scheme:dark){:root:not([data-theme=light]) .hero{--paper: #141518;--paper-2: #1E1F23;--paper-3: #2A2B30;--ink: #F2F2F2;--ink-2: #D2D2D7;--muted: #9A9AA1;--line-2: #4A4B52;--shadow-2: 0 1px 2px rgb(0 0 0 / 0.3), 0 18px 40px -22px rgb(0 0 0 / 0.7), 0 0 0 1px rgb(255 255 255 / 0.08)}}:root[data-theme=dark] .hero{--paper: #141518;--paper-2: #1E1F23;--paper-3: #2A2B30;--ink: #F2F2F2;--ink-2: #D2D2D7;--muted: #9A9AA1;--line-2: #4A4B52;--shadow-2: 0 1px 2px rgb(0 0 0 / 0.3), 0 18px 40px -22px rgb(0 0 0 / 0.7), 0 0 0 1px rgb(255 255 255 / 0.08)}.hero::before{content:"";position:absolute;z-index:-1;left:50%;bottom:-30%;width:120vw;height:80%;transform:translateX(-50%);background:radial-gradient(closest-side,var(--accent-10),var(--accent-03) 55%,transparent);pointer-events:none}header[data-hero-hdr]{transition:background-color var(--dur, 320ms) ease,border-color var(--dur, 320ms) ease}header[data-hero-hdr]:not(.is-stuck){background:transparent!important;border-bottom-color:transparent!important;-webkit-backdrop-filter:none!important;backdrop-filter:none!important}.hero .bg{position:absolute;inset:0;z-index:-1;overflow:hidden;pointer-events:none}.hero .guides{position:absolute;top:0;width:36%;height:76%;background-image:repeating-linear-gradient(90deg,var(--accent-14) 0 1px,transparent 1px 48px),repeating-linear-gradient(0deg,var(--line-2) 0 1px,transparent 1px 48px);transform-origin:top;transition:transform 1200ms var(--ease-out)}.hero .guides--l{left:0;-webkit-mask-image:radial-gradient(120% 100% at 0 0,#000 0,transparent 70%);mask-image:radial-gradient(120% 100% at 0 0,#000 0,transparent 70%)}.hero .guides--r{right:0;background-position:right top;-webkit-mask-image:radial-gradient(120% 100% at 100% 0,#000 0,transparent 70%);mask-image:radial-gradient(120% 100% at 100% 0,#000 0,transparent 70%)}.hero-js .hero .guides{transform:scaleY(0)}.hero-js .hero.is-in .guides{transform:none}.hero__copy{width:100%;max-width:1240px;box-sizing:border-box;margin:0 auto;padding:0 var(--gutter);display:flex;flex-direction:column;align-items:center;text-align:center}.hero h1{margin:0;width:100%;container-type:inline-size;display:flex;flex-direction:column;align-items:center;font-family:"Literata","Iowan Old Style",Georgia,serif;font-weight:400;font-optical-sizing:auto;font-variation-settings:"opsz" 72;font-size:min(var(--text-h1),10vh + 0.5rem);line-height:0.98;letter-spacing:-0.035em;color:var(--ink)}.hero__sub{margin:24px 0 0;max-width:46ch;font-size:clamp(1.0625rem,0.95rem + 0.35vw,1.25rem);line-height:1.45;color:var(--muted);text-wrap:balance}.hero .install{display:inline-flex;align-items:center;gap:12px;margin-top:32px;height:52px;max-width:100%;box-sizing:border-box;padding:0 7px 0 24px;border-radius:999px;background:var(--paper);box-shadow:var(--shadow-2);color:var(--ink);font-size:1rem;font-weight:500;text-decoration:none;transition:box-shadow var(--dur) var(--ease),transform var(--dur-fast) var(--ease),background-color var(--dur) var(--ease)}.hero .install:hover{background:var(--c-page);box-shadow:0 1px 2px rgb(15 15 14 / 0.05),0 22px 44px -22px rgb(15 15 14 / 0.36),0 0 0 1px rgb(15 15 14 / 0.12)}.hero .install:active{transform:scale(0.98)}.hero .install:focus-visible{outline:2px solid var(--accent);outline-offset:4px}.hero .install__caret{color:var(--accent);font-family:ui-monospace,"SF Mono",Menlo,monospace;font-weight:500}.hero .install__go{flex:none;display:inline-grid;place-items:center;width:38px;height:38px;border-radius:999px;background:var(--ink);color:var(--paper);transition:transform var(--dur) var(--ease-spring)}.hero .install:hover .install__go{transform:translateX(2px)}.hero .install__go svg{width:16px;height:16px;fill:none;stroke:currentColor;stroke-width:1.8;stroke-linecap:round;stroke-linejoin:round}.hero__for{margin:16px 0 0;font-size:0.8125rem;color:var(--muted)}.hero__for a{color:var(--ink-2);text-decoration:underline;text-decoration-color:var(--line-2);text-underline-offset:3px}.hero__for a:hover{text-decoration-color:currentColor}.hero .fan{--dw: clamp(200px, min(20vw + 90px, 46vh), 540px);position:relative;flex:1;min-height:clamp(300px,44vh,470px);margin-top:32px}.hero .fan::after{content:"";position:absolute;left:0;right:0;bottom:0;z-index:25;height:26%;background:linear-gradient(to bottom,transparent,var(--c-page));pointer-events:none}.hero .fan__hand{position:absolute;left:50%;top:0;width:0;height:0;transition:transform 600ms var(--ease-out)}.hero .card{position:absolute;top:48px;left:0;display:block;text-decoration:none;transform-origin:50% 100%;transform:var(--t);transition:transform 720ms var(--ease-spring),box-shadow var(--dur) var(--ease);will-change:transform}.hero .card--desk{width:var(--dw);aspect-ratio:8 / 5;margin-left:calc(var(--dw) / -2);border-radius:var(--r);background:var(--paper-2);box-shadow:var(--shadow-card)}.hero .card--phone{width:calc(var(--dw) * 0.3);aspect-ratio:360 / 780;margin-left:calc(var(--dw) * -0.15);margin-top:calc(var(--dw) * -0.02);padding:3px;box-sizing:border-box;border-radius:calc(var(--dw) * 0.036);background:oklch(24% 0.004 260);color:var(--paper);box-shadow:0 1px 2px var(--sh-a12),0 30px 56px -26px var(--sh-a45),inset 0 0 0 1px var(--white-18)}.hero .card--phone::before{content:"";position:absolute;left:50%;top:1.6%;z-index:2;width:24%;height:2.3%;border-radius:999px;background:oklch(14% 0.004 260);transform:translateX(-50%)}.hero .card img{display:block;width:100%;height:100%;object-fit:cover;object-position:top center;border-radius:inherit;pointer-events:none}.hero .card--phone img{border-radius:calc(var(--dw) * 0.036 - 3px)}.hero .card--desk::after{content:"";position:absolute;inset:0;border-radius:inherit;box-shadow:inset 0 0 0 1px var(--sh-a08);pointer-events:none}.hero .fan.fan--pairs{--dw: clamp(200px, min(20vw + 90px, 46vh), 520px)}.hero .card--pair{width:calc(var(--dw) * 1.15);aspect-ratio:1 / 0.64;margin-left:calc(var(--dw) * -0.575)}.hero .card--pair .card__desk{position:absolute;left:0;top:0;width:88%;height:auto;aspect-ratio:8 / 5;object-fit:cover;border-radius:var(--r);background:var(--paper-2);box-shadow:var(--shadow-card)}.hero .card--pair .card__phone{--iph-w: 25%;position:absolute;right:0;bottom:0;width:var(--iph-w)}.hero .card--pair .card__phone img{height:auto;border-radius:0}.hero .card--rev .card__desk{left:auto;right:0}.hero .card--rev .card__phone{right:auto;left:0}.hero .card--pair .card__name{top:10px;left:44%;transform:translate(-50%,6px);box-shadow:0 1px 3px var(--sh-a12)}.hero .card--rev .card__name{left:56%}.hero .fan .card--pair.is-up .card__name,.hero .fan .card--pair:focus-visible .card__name,html:not(.hero-js) .hero .fan .card--pair:hover .card__name{transform:translate(-50%,0)}.hero .card--pair.is-up .card__desk{box-shadow:0 2px 4px var(--sh-a08),0 44px 80px -28px var(--sh-a55),0 0 0 1px var(--sh-a08)}.hero .card--pair{--t: translate(calc((var(--i) - 1) * var(--dw) * 1.24), calc((var(--i) - 1) * (var(--i) - 1) * var(--dw) * 0.07)) rotate(calc((var(--i) - 1) * 3deg))}.hero .card--desk{--t: translate(calc((var(--i) - 2) * var(--dw) * 1.45), calc((var(--i) - 2) * (var(--i) - 2) * var(--dw) * 0.12)) rotate(calc((var(--i) - 2) * 4.2deg))}.hero .card--phone{--t: translate(calc((var(--i) - 1.5) * var(--dw) * 1.45), calc((var(--i) - 1.5) * (var(--i) - 1.5) * var(--dw) * 0.12 - var(--dw) * 0.02)) rotate(calc((var(--i) - 1.5) * 4.2deg))}.hero-js .hero .card,.hero-js .hero .card--pair{--t: translate(0, 160%) rotate(0deg)}.hero .card.is-up{z-index:40!important}.hero .card--desk.is-up{box-shadow:0 2px 4px var(--sh-a08),0 44px 80px -28px var(--sh-a55),0 0 0 1px var(--sh-a08)}.hero .card__name{position:absolute;left:50%;top:-12px;padding:4px 12px;border-radius:999px;background:var(--ink);color:var(--paper);font-size:0.8125rem;font-weight:500;line-height:1.5;white-space:nowrap;opacity:0;transform:translate(-50%,6px);transition:opacity var(--dur-fast) var(--ease),transform var(--dur) var(--ease-spring);pointer-events:none}.hero .card.is-up .card__name,.hero .card:focus-visible .card__name,html:not(.hero-js) .hero .card:hover .card__name{opacity:1;transform:translate(-50%,-100%)}.hero .card:focus-visible{outline:2px solid var(--accent);outline-offset:4px}@media(hover:none){.hero .card .card__name,.hero .card.is-up .card__name{top:8px;opacity:1;transform:translate(-50%,0);box-shadow:0 1px 3px var(--sh-a12)}.hero .card--phone .card__name{top:7%;max-width:88%;padding:3px 8px;font-size:0.6875rem;line-height:1.25;white-space:normal;text-align:center;width:max-content}}.hero .fan__deal{position:absolute;right:var(--gutter);bottom:32px;z-index:30;display:inline-flex;align-items:center;gap:8px;min-height:40px;padding:0 16px 0 12px;border:0;border-radius:999px;background:var(--paper);color:var(--ink);box-shadow:var(--shadow-2);font:inherit;font-size:0.9375rem;font-weight:500;cursor:pointer;transition:transform var(--dur-fast) var(--ease),box-shadow var(--dur) var(--ease),background-color var(--dur) var(--ease)}.hero .fan__deal:hover{background:var(--c-page)}.hero .fan__deal svg{width:16px;height:16px;fill:none;stroke:currentColor;stroke-width:1.6;stroke-linecap:round;stroke-linejoin:round;transition:transform 500ms var(--ease-spring)}.hero .fan__deal:hover svg{transform:rotate(-200deg)}.hero .fan__deal:active{transform:scale(0.96)}.hero .fan__deal[aria-busy=true]{cursor:progress}.hero .fan__deal[aria-busy=true] svg{animation:fan-deal-spin 900ms linear infinite;transition:none}@keyframes fan-deal-spin{to{transform:rotate(-360deg)}}.hero .fan__deal:focus-visible{outline:2px solid var(--accent);outline-offset:3px}.hero-js .hero .fan__deal{display:inline-flex}.hero .fan__deal{display:none}.hero .hl{position:relative}.hero__for .nw{white-space:nowrap}.hero .hl__w{display:inline-block}.hero .hl__line{display:block;white-space:nowrap}.hero .hl__a{display:none}.hero-edit .hero .hl:not(.is-run):not(.is-fixed) .hl__line--1>.hl__w{font-size:min(1em,7.4vw);font-size:min(1em,8.2cqw)}.hero-edit .hero .hl:not(.is-run):not(.is-fixed) .hl__a{display:inline-block}.hero-edit .hero .hl:not(.is-run):not(.is-fixed) .hl__the{display:none}.hero .hl.is-run .hl__the{visibility:hidden}.hero .hl__ghost{position:absolute;left:0;top:0;white-space:nowrap;pointer-events:none;user-select:none}.hero .hl__t{position:relative;display:inline-block;transform-origin:0 0}.hero .hl__t>span{display:inline-block}.hero .hl__ink{position:absolute;left:-0.15em;top:-0.25em;padding:0.25em 0.15em;color:var(--ink);-webkit-mask:linear-gradient(90deg,#000 44%,transparent 56%) 100% 0 / 260% 100% no-repeat;mask:linear-gradient(90deg,#000 44%,transparent 56%) 100% 0 / 260% 100% no-repeat}.hero .hl__slash{position:absolute;display:block;max-width:none;overflow:visible}.hero .hl__slash path{fill:none;stroke:var(--accent);stroke-linecap:round;stroke-dasharray:1 1}.hero-js .hero__copy>*{animation:hero-rise 760ms var(--ease-out) both}.hero-js .hero__copy>.hero__sub{animation-delay:70ms}.hero-js .hero__copy>.install{animation-delay:140ms}.hero-js .hero__copy>.hero__for{animation-delay:200ms}@keyframes hero-rise{from{opacity:0;transform:translateY(12px)}}@media(max-height:820px)and (min-width:821px){.hero{padding-top:calc(var(--hdr) + 24px)}.hero h1{font-size:min(var(--text-h1),8.4vh + 0.5rem)}.hero__sub{margin-top:16px}.hero .install{margin-top:24px;height:48px}.hero__for{margin-top:12px}.hero .fan{margin-top:16px}.hero .card{top:24px}}@media(max-width:820px){.hero{min-height:0}.hero .fan{--dw: 40vw;flex:none;min-height:0;height:calc(var(--dw) * 0.92)}.hero .fan.fan--pairs{--dw: 46vw;height:calc(var(--dw) * 0.86);margin-bottom:16px}.hero .fan.fan--pairs::after{bottom:-16px}.hero .fan{margin-bottom:64px}.hero .fan::after{bottom:-64px}.hero .fan__deal{left:0;right:0;top:auto;bottom:-56px;width:max-content;margin:0 auto}}@media(max-width:560px){.hero{min-height:0;padding-bottom:0}.hero .guides{width:50%;height:50%}.hero .fan{flex:none;min-height:0;margin-top:32px;--dw: 230px;height:240px}.hero .fan.fan--pairs{--dw: 240px;height:230px;margin-bottom:8px}.hero .card{top:16px}.hero h1{font-size:min(10.4vw,2.75rem)}.hero .install{padding-left:20px;font-size:0.9375rem}}@media(prefers-reduced-motion:reduce){.hero *,.hero *::before,.hero *::after{animation-duration:0.01ms!important;animation-iteration-count:1!important;transition-duration:0.01ms!important}}