@font-face{font-family:On Inter;src:url(/assets/fonts/inter-variable.woff2) format("woff2");font-style:normal;font-display:swap}.on-btn{font-family:On Inter,Helvetica,Arial,sans-serif;display:inline-block;align-self:center;max-width:100%;overflow:hidden;padding:8px 20px;border:2px solid transparent;border-radius:9999px;background-color:#fff;color:#000;font-size:16px;line-height:24px;font-weight:550;text-decoration:none;transition:all .15s}.on-btn:hover{background-color:#d4d4d8}.on-btn:focus-visible{outline:2px solid var(--bf-focus,#7ab1ff);outline-offset:2px}@media (width >= 900px){.on-btn{padding:12px 24px;font-size:18px;line-height:28px}}.on-sec{display:grid;grid-template-columns:minmax(0,1fr);row-gap:40px;margin-block:-1px}@media (width >= 768px){.on-sec{row-gap:88px}}.on-hero{position:relative;padding-block:56px;color:#fff}@media (width >= 768px){.on-hero{padding-block:120px}}.on-hero__wrap{position:relative}.on-hero__title{max-width:1152px;margin:80px 0 32px;font-size:60px;line-height:60px;font-weight:400;color:#fff}.on-hero__mark{display:inline-block;width:.6em;height:auto;max-width:100%;vertical-align:baseline}.on-hero__lead{max-width:1024px;margin:0;font-size:24px;line-height:24px;font-weight:400;letter-spacing:.48px;color:#bbc7d8;opacity:0;animation:on-fade .5s ease-in-out .3s forwards}@keyframes on-fade{0%{opacity:0}to{opacity:1}}@media (prefers-reduced-motion:reduce){.on-hero__lead{animation:none;opacity:1}}.on-hero__action{margin-top:32px}@media (width >= 900px){.on-hero__title{margin-top:20vh;font-size:96px;line-height:96px}.on-hero__mark{margin-top:8px}.on-hero__lead{font-size:32px;line-height:36.48px;font-weight:360;letter-spacing:.32px}}.on-sec.on-keep{row-gap:0}.on-keep__head{position:relative;padding-bottom:60px;color:#fff}.on-keep__title{margin:0;font-size:60px;line-height:57.6px;font-weight:400}.on-keep__grid{display:grid;grid-template-columns:minmax(0,1fr);gap:16px;padding-bottom:56px}.on-keep__card{padding:32px;border-radius:12px;background-color:#1e212c}.on-keep__body{display:flex;flex-direction:column;row-gap:14px;padding-top:8px;text-align:start;color:#fff}.on-keep__name{margin:0;font-size:24px;line-height:24px;font-weight:400;letter-spacing:.48px;text-wrap:balance}.on-keep__text{padding-top:8px;font-size:18px;line-height:23.4px;font-weight:400;letter-spacing:.27px;opacity:.6}@media (width >= 640px){.on-keep__grid{grid-template-columns:repeat(2,minmax(0,1fr))}}@media (width >= 768px){.on-keep__grid{padding-bottom:120px}}@media (width >= 900px){.on-keep__title{font-size:96px;line-height:92px;font-weight:330}.on-keep__name{font-size:32px;line-height:36.48px;font-weight:360;letter-spacing:.32px}.on-keep__text{font-size:24px;line-height:27.36px;letter-spacing:.36px}}@media (width >= 1200px){.on-keep__grid{grid-template-columns:repeat(3,minmax(0,1fr));gap:24px}}.on-welcome{color:#fff}.on-welcome__head{display:flex;flex-direction:column;justify-content:center;max-width:1152px;margin-bottom:60px}.on-welcome__title{margin:0;font-size:60px;line-height:57.6px;font-weight:400;overflow-wrap:break-word}@media (width < 360px){.on-welcome__title{font-size:34px;line-height:1.15}}.on-welcome__clip{display:inline-block;overflow:hidden;vertical-align:text-top;padding-bottom:.14em;margin-bottom:-.14em}.on-welcome__word{display:inline-block;margin-right:.15em}.on-welcome__arrow{display:inline-block;width:.7em;vertical-align:baseline;rotate:90deg}.on-welcome__cards{display:grid;grid-template-columns:minmax(0,1fr);gap:32px;padding-bottom:0}.on-welcome__card{position:relative;overflow:hidden;border-radius:12px;transition:all .3s cubic-bezier(.4,0,.2,1)}.on-welcome__card--site{background-color:#fff}.on-welcome__card--code{background-color:#0b1021}.on-welcome__glow{position:absolute;top:0;left:0;width:100%;height:100%;background-image:linear-gradient(145deg,#7102ff,#4035ff);transition:all .3s cubic-bezier(.4,0,.2,1)}.on-welcome__in{position:relative;padding:48px}.on-welcome__top{display:flex;align-items:center;justify-content:space-between;gap:16px;margin-bottom:16px}.on-welcome__name{margin:0;font-size:24px;line-height:24px;font-weight:400;letter-spacing:.48px}.on-welcome__go,.on-welcome__name{transition:all .3s cubic-bezier(.4,0,.2,1)}.on-welcome__go{width:2rem}.on-welcome__text{margin:0 0 16px;text-align:left;font-size:20px;line-height:26px;font-weight:500;letter-spacing:.3px;transition:all .3s cubic-bezier(.4,0,.2,1)}.on-welcome__card--site .on-welcome__go,.on-welcome__card--site .on-welcome__name{color:#000;fill:#000}.on-welcome__card--site .on-welcome__text{color:#646b75}.on-welcome__card--code .on-welcome__go,.on-welcome__card--code .on-welcome__name{color:#fff;fill:#fff}.on-welcome__card--code .on-welcome__text{color:#bbc7d8}.on-welcome__shots{display:grid;grid-template-columns:minmax(0,1fr);gap:16px;max-width:320px;margin:32px auto 0}.on-welcome__shots img{display:block;width:100%;height:auto}@media (width >= 480px){.on-welcome__shots{grid-template-columns:repeat(2,minmax(0,1fr));max-width:none;margin-inline:0}}@media (width >= 900px){.on-welcome__title{font-size:96px;line-height:92px;font-weight:330}.on-welcome__cards{grid-template-columns:repeat(2,minmax(0,1fr))}.on-welcome__card--site{background-color:#0b1021}.on-welcome__in{padding:48px}.on-welcome__name{font-size:32px;line-height:36.48px;font-weight:360;letter-spacing:.32px}.on-welcome__text{font-size:28px;line-height:35.84px;letter-spacing:.42px}.on-welcome__card--site .on-welcome__name{color:#fff}.on-welcome__card--site .on-welcome__text{color:#bbc7d8}.on-welcome__go{fill:transparent;translate:-36px 0}.on-welcome__glow{opacity:0}}@media (width >= 900px) and (hover:hover){.on-welcome__card--site:hover{background-color:#fff}.on-welcome__card--site:hover .on-welcome__name{color:#000}.on-welcome__card--site:hover .on-welcome__text{color:#646b75}.on-welcome__card--site:hover .on-welcome__go{fill:#000;translate:0 0}.on-welcome__card--code:hover .on-welcome__go{fill:#fff;translate:0 0}.on-welcome__card--code:hover .on-welcome__glow{opacity:1}}@media (width >= 1024px){.on-welcome__shots{grid-template-columns:repeat(4,minmax(0,1fr));gap:24px;margin-top:48px}}.on-cta{position:relative;width:100%;margin-inline:auto;padding-block:64px;background-color:#000;color:#fff}.on-cta__grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));column-gap:16px;row-gap:40px}.on-cta__col{grid-column:1/-1}.on-cta__lead{text-align:center}.on-cta__title{margin:0;font-size:48px;line-height:48px;font-weight:400;text-wrap:balance}.on-cta__actions{margin-top:24px}.on-cta__row{display:flex;flex-wrap:wrap;justify-content:center;gap:16px 8px}.on-cta .on-btn:hover{background-color:#fff}.on-cta__call{display:inline-block;align-self:center;color:#fff;text-decoration:underline}.on-cta__call:hover{text-decoration:none}@media (width >= 640px){.on-cta__grid{grid-template-columns:repeat(8,minmax(0,1fr))}}@media (width >= 768px){.on-cta{padding-block:160px}.on-cta__grid{row-gap:88px}}@media (width >= 900px){.on-cta__grid{grid-template-columns:repeat(12,minmax(0,1fr))}.on-cta__col{grid-column:2/span 10}.on-cta__title{font-size:70px;line-height:70px;font-weight:330}.on-cta__row{column-gap:16px}}@media (width >= 1200px){.on-cta__grid{column-gap:24px}.on-cta__col{grid-column:3/span 8}}.on-seo{margin-top:-1px;padding:64px 24px;background:rgb(5,9,23);color:rgb(187,199,216);font-family:inherit}.on-seo,.on-seo *,.on-seo :after,.on-seo :before{box-sizing:border-box}.on-seo__in{max-width:1100px;margin:0 auto}.on-seo__block{padding-top:64px}.on-seo__block:first-child{padding-top:0}.on-seo h2{margin:0 0 24px;color:#fff;font-weight:330;font-size:clamp(28px,4vw,44px);line-height:1.15;overflow-wrap:break-word}.on-seo h3{margin:0;color:#fff;font-weight:360;font-size:22px;line-height:1.3}.on-seo li,.on-seo p{margin:0;font-size:17px;line-height:1.6;overflow-wrap:break-word}@media (width >= 758px){.on-seo li,.on-seo p{font-size:18px}}.on-seo__topic{padding:24px 0;border-top:1px solid rgba(187,199,216,.25)}.on-seo__topic h3{margin-bottom:8px}.on-seo ol{margin:0;padding:0;list-style:none;counter-reset:step}.on-seo ol li{position:relative;padding:20px 0 20px 48px;border-top:1px solid rgba(187,199,216,.25);counter-increment:step}.on-seo ol li:before{content:counter(step);position:absolute;left:0;top:20px;color:#fff;font-weight:360}.on-seo ol strong{display:block;margin-bottom:4px;color:#fff;font-weight:360}.on-seo__scroll{overflow-x:auto;-webkit-overflow-scrolling:touch}.on-seo table{width:100%;min-width:640px;border-collapse:collapse;text-align:left}.on-seo caption{padding:0 0 12px;text-align:left;font-size:15px;color:rgb(187,199,216)}.on-seo td,.on-seo th{padding:16px 16px 16px 0;border-top:1px solid rgba(187,199,216,.25);vertical-align:top;font-size:17px;line-height:1.5}.on-seo tbody th,.on-seo thead th{color:#fff;font-weight:360}.on-seo details{border-top:1px solid rgba(187,199,216,.25)}.on-seo details:last-child{border-bottom:1px solid rgba(187,199,216,.25)}.on-seo summary{display:flex;align-items:center;justify-content:space-between;gap:16px;min-height:44px;padding:20px 0;list-style:none;cursor:pointer}.on-seo summary::-webkit-details-marker{display:none}.on-seo summary h3{font-size:18px}.on-seo summary:after{content:"+";flex:none;color:#fff;font-size:24px;line-height:1}.on-seo details[open] summary:after{content:"\2212"}.on-seo details p{padding:0 0 20px}.on-seo summary:focus-visible{outline:2px solid #fff;outline-offset:2px}