html:has(.offcanvas[open]){overflow:hidden}.offcanvas{inset:0;background:var(--c-surface);block-size:100%;max-block-size:100%;inline-size:min(100%,450px);max-inline-size:100%;color:var(--c-ink);overscroll-behavior:contain;transform:translateX(calc(105% * var(--dir)));transition:transform .55s var(--ease-out), overlay .55s allow-discrete, display .55s allow-discrete;border:0;margin:0;padding:0;position:fixed;inset-inline-start:auto}.offcanvas[open]{transform:none}@starting-style{.offcanvas[open]{transform:translateX(calc(105% * var(--dir)))}}.offcanvas::backdrop{transition:background-color .4s var(--ease-io), overlay .4s allow-discrete, display .4s allow-discrete;background:0 0}.offcanvas[open]::backdrop{background:#0a0a0a73}@starting-style{.offcanvas[open]::backdrop{background:0 0}}.offcanvas__panel{block-size:100%;padding:16px var(--gutter) 32px;flex-direction:column;gap:32px;display:flex;overflow-y:auto}.offcanvas__head{justify-content:space-between;align-items:center;display:flex}.offcanvas__head .brand__name{clip:auto;block-size:auto;inline-size:auto;position:static;overflow:visible}.offcanvas__close{border:1px solid var(--c-ink);border-radius:var(--r-md);block-size:44px;inline-size:44px;color:var(--c-ink);transition:background-color var(--dur) var(--ease-io), color var(--dur) var(--ease-io);place-items:center;display:grid}.offcanvas__close:hover{background:var(--c-ink);color:#fff}.offcanvas__close .icon{block-size:22px;inline-size:22px}.offcanvas__nav{flex:1}.menu-panel>li{transition:opacity .5s var(--ease-out), transform .6s var(--ease-out);transition-delay:calc(.12s + var(--n,0) * 50ms);border-block-end:1px solid #e6e6e6;position:relative}@starting-style{.offcanvas[open] .menu-panel>li{opacity:0;transform:translateX(calc(32px * var(--dir)))}}.menu-panel>li:nth-child(2){--n:1}.menu-panel>li:nth-child(3){--n:2}.menu-panel>li:nth-child(4){--n:3}.menu-panel>li:nth-child(5){--n:4}.menu-panel>li:nth-child(6){--n:5}.menu-panel>li:nth-child(n+7){--n:6}.menu-panel a{letter-spacing:-.04em;color:var(--c-ink);transition:color var(--dur) var(--ease-io);padding-block:14px;padding-inline-end:52px;font-size:clamp(1.5rem,1.3rem + 1vw,1.875rem);font-weight:500;line-height:1.2;text-decoration:none;display:block}.menu-panel a:hover,.menu-panel .current-menu-item>a{color:var(--c-brand-ink)}.menu-panel a:focus-visible{color:var(--c-brand-ink)}.menu-panel .split{perspective:600px;overflow:visible}@media (hover:hover){.menu-panel a:hover .split>span{animation:sn-flip-a .6s var(--ease-out) both}.menu-panel a:hover .split>span:nth-child(2n){animation-name:sn-flip-b}}.menu-panel .sub-menu{padding-block-end:10px;padding-inline-start:16px}.menu-panel .sub-menu a{letter-spacing:-.02em;color:var(--c-text);padding-block:8px;font-size:1.0625rem}.menu-panel .sub-menu[hidden]{display:none}.submenu-toggle{border-radius:var(--r-md);block-size:44px;inline-size:44px;color:var(--c-ink);place-items:center;display:grid;position:absolute;inset-block-start:8px;inset-inline-end:0}.submenu-toggle:hover{background:#f1f1f1}.submenu-toggle:before{content:"";block-size:9px;inline-size:9px;transition:transform .3s var(--ease-out);border-block-end:2px solid;border-inline-end:2px solid;transform:translateY(-2px)rotate(45deg)}.submenu-toggle[aria-expanded=true]:before{transform:translateY(2px)rotate(-135deg)}.offcanvas__foot{gap:16px;display:grid}.offcanvas__label{font-family:var(--ff-mono);font-size:var(--fs-label);letter-spacing:-.03em;color:var(--c-muted)}.offcanvas__contact{gap:20px;display:grid}.contact-list{color:var(--c-text);gap:10px;font-size:1rem;display:grid}.contact-list li{align-items:center;gap:10px;display:flex}.contact-list a{color:var(--c-ink);text-decoration:none}.contact-list a:hover{text-decoration:underline}.social{flex-wrap:wrap;gap:8px;display:flex}.social a{border:1px solid var(--c-line);border-radius:var(--r-lg);block-size:44px;inline-size:44px;color:var(--c-ink);transition:background-color var(--dur) var(--ease-io), color var(--dur) var(--ease-io), border-color var(--dur) var(--ease-io);place-items:center;display:grid}.social a:hover{background:var(--c-brand-ink);border-color:var(--c-brand-ink);color:#fff}.social .icon{block-size:18px;inline-size:18px}.social--light a{color:#fff;border-color:#ffffff2e}.page-body{padding-block:140px var(--section)}.page-head{margin-block-end:40px}.page-head h1{font-size:var(--fs-display)}.entry{border-block-end:1px solid var(--c-line);padding-block:24px}.entry__title{font-size:var(--fs-h3)}.entry__title a{text-decoration:none}.entry__title a:hover{color:var(--c-brand-ink)}.entry__excerpt{margin-block-start:8px}.site-footer{color:var(--c-muted);font-size:var(--fs-sm);padding-block:32px}.site-footer__bottom{flex-wrap:wrap;justify-content:space-between;align-items:center;gap:16px;display:flex}.menu-footer{flex-wrap:wrap;gap:8px 20px;display:flex}.menu-footer a{text-decoration:none}.menu-footer a:hover{color:var(--c-ink);text-decoration:underline}:root{--fs-sec:32px}@media (width>=576px){:root{--fs-sec:35px}}@media (width>=768px){:root{--fs-sec:38px}}@media (width>=992px){:root{--fs-sec:42px}}@media (width>=1200px){:root{--fs-sec:45px}}@media (width>=1400px){:root{--fs-sec:48px}}@media (width>=1600px){:root{--fs-sec:50px}}@media (width>=1800px){:root{--fs-sec:54px}}.container{inline-size:min(100% - 24px,1320px)}@media (width>=576px){.container{inline-size:516px}}@media (width>=768px){.container{inline-size:696px}}@media (width>=992px){.container{inline-size:936px}}@media (width>=1200px){.container{inline-size:1116px}}@media (width>=1400px){.container{inline-size:1296px}}.sec-subtitle{font-family:var(--ff-mono);letter-spacing:-.05em;color:#000;margin-block-end:10px;font-size:1rem;font-weight:500;line-height:1.3;display:inline-block}.sec-subtitle__icon{align-items:center;display:inline-flex}.sec-subtitle__icon .icon{block-size:10px;inline-size:10px;color:var(--c-brand);margin-block-start:-2px;animation:3s linear infinite sn-flash}.sec-title{font-size:var(--fs-sec);letter-spacing:-.06em;color:var(--c-ink);font-weight:500;line-height:1.1111}.sec-title .w{white-space:nowrap;perspective:1000px;display:inline-block}.sec-title .c{transform-origin:50% 50% -10px;display:inline-block}.js .sec-title .c{opacity:0;transform:rotateX(-80deg)}.js .sec-title.is-in .c{animation:sn-title-in var(--title-dur,1s) cubic-bezier(.215, .61, .355, 1) calc(var(--d) * 1s) both}@media (width<=768px){:root{--title-dur:.3s}}@keyframes sn-title-in{0%{opacity:0;transform:rotateX(-80deg)}to{opacity:1;transform:none}}.section{content-visibility:auto;contain-intrinsic-size:auto 900px}.js [data-reveal]{opacity:0;filter:blur(3px);transition:opacity 1s var(--ease-out), transform 1s var(--ease-out), filter 1s var(--ease-out);transition-delay:var(--rd,0s);transform:translateY(30px)}.js [data-reveal].is-in{opacity:1;filter:none;transform:none}@media (prefers-reduced-motion:reduce){.js .sec-title .c,.js [data-reveal]{opacity:1;filter:none;animation:none;transform:none}}.about{padding-block:70px 40px}@media (width>=992px){.about{padding-block:100px 50px}}.about__grid{gap:50px;display:grid}@media (width>=768px){.about__grid{grid-template-columns:1fr 1fr}}.about .sec-title{margin-block-end:30px}.about__rule{background:#bbb;border:0;block-size:2px;margin:0 0 31px}.about__text{letter-spacing:-.04em;color:var(--c-text);margin-block-end:50px;font-size:1rem;font-weight:500;line-height:1.625}.about__proof{flex-wrap:wrap;align-items:center;gap:25px;display:flex}.about__stack{z-index:1;padding-inline:40px;display:inline-flex;position:relative}.about__laurel{block-size:84px;inline-size:54px;color:var(--c-ink);animation:3s linear infinite sn-leaf;position:absolute;inset-block-end:-18px}.about__laurel--start{animation-delay:2s;inset-inline-start:0}.about__laurel--end{inset-inline-end:0;scale:-1 1}@keyframes sn-leaf{0%,to{transform-origin:50% 100%;transform:skew(-5deg)}50%{transform-origin:50% 100%;transform:skew(5deg)}}.about__badges{display:flex}.about__badges li{background:var(--c-ink);color:#fff;border:2px solid #fff;border-radius:50%;place-items:center;block-size:52px;inline-size:52px;display:grid}.about__badges li+li{margin-inline-start:-10px}.about__badges .icon{block-size:24px;inline-size:24px}.about__badges .is-wordpress{background:#21759b}.about__badges .is-react{color:#61dafb;background:#20232a}.about__badges .is-javascript{color:#0a0a0a;background:#f7df1e}.about__badges .is-javascript .icon{block-size:26px;inline-size:26px}.about__badges .is-html5{background:#e34f26}.about__badge-title{letter-spacing:-.05em;color:var(--c-ink);margin-block-end:8px;font-size:1.5rem;font-weight:600;line-height:1.1}.about__badge-text{letter-spacing:-.04em;max-inline-size:343px;color:var(--c-text);font-size:1rem;font-weight:500;line-height:1.625}.about__values-title{letter-spacing:-.05em;margin-block-end:21px;font-size:26px;font-weight:500;line-height:1.11}@media (width>=992px){.about__values-title{font-size:34px}}.about .values{background:#b8b8b8;border-radius:10px;flex-direction:column;gap:6px;padding:6px;display:flex}.values__item{background:#fff;border-radius:10px;padding:20px 25px}.values__title{letter-spacing:-.05em;transition:color .4s var(--ease-out);margin-block-end:12px;font-size:22px;font-weight:500;line-height:1.11}@media (width>=576px){.values__title{font-size:24px}}.values__title:hover{color:var(--c-brand-ink)}.values__title [data-magnetic]{display:inline-block}.values__text{letter-spacing:-.04em;color:#646464;font-size:1rem;font-weight:500;line-height:1.625}[data-magnetic]{transition:transform 1s linear(0, .63 9%, 1.17 19%, 1.02 29%, .95 39%, 1.01 54%, .99 74%, 1)}.skills{padding-block:30px 0}.skills__head{text-align:center;max-inline-size:600px;margin:0 auto 30px}.skills .skills__grid{gap:12px;display:grid}@media (width>=576px){.skills .skills__grid{grid-template-columns:repeat(2,1fr)}}@media (width>=992px){.skills .skills__grid{grid-template-columns:repeat(3,1fr)}}@media (width>=1200px){.skills .skills__grid{grid-template-columns:repeat(4,1fr)}}.skill{--skill-glow:#fd3f008c;transition:border-color .5s var(--ease-out);border:6px solid #0000;border-radius:10px}.skill--2{--skill-glow:#21759bbf}.skill--3{--skill-glow:#13ea1d59}.skill--4{--skill-glow:#ffb16699}.skill__panel{background:radial-gradient(110% 70% at 50% 8%, var(--skill-glow), transparent 62%), linear-gradient(180deg, #161616, #0a0a0a);color:#fff;block-size:380px;transition:border-color .5s var(--ease-out), border-radius .5s var(--ease-out);background-clip:padding-box;border-block-end:6px solid #0000;border-radius:10px;position:relative;overflow:hidden}@media (width>=576px){.skill__panel{block-size:458px}}@media (width>=1600px){.skill__panel{block-size:606px}}.skill__num{font-family:var(--ff-mono);letter-spacing:-.03em;color:#ffffffb3;font-size:.875rem;position:absolute;inset-block-start:20px;inset-inline-start:22px}.skill__art{transition:transform 1s var(--ease-out), scale .5s var(--ease-out);place-items:center;display:grid;position:absolute;inset:0 0 96px;scale:1.05}.skill__art .icon{opacity:.92;block-size:132px;inline-size:132px}.skill__info{text-align:center;background:linear-gradient(#0000,#0000008c);padding:48px 20px 22px;position:absolute;inset-block-end:0;inset-inline:0}.skill__title{letter-spacing:-.05em;color:#fff;margin-block-end:5px;font-size:1.625rem;font-weight:500;line-height:1.11}.skill__text{letter-spacing:-.04em;color:#ffffffd9;font-size:1rem;font-weight:500;line-height:1.625}.skill .skill__tags{flex-wrap:wrap;justify-content:space-evenly;gap:4px;padding:6px 4px 9px;display:flex}.skill__tags li{white-space:nowrap;letter-spacing:-.03em;min-block-size:44px;color:var(--c-ink);transition:opacity .5s var(--ease-out), transform .5s var(--ease-out), background-color .5s var(--ease-out), color .5s var(--ease-out);background:#17191b21;border-radius:22px;align-items:center;padding-inline:11px;font-size:.875rem;font-weight:500;display:inline-flex}.skill__tags li:hover{background:var(--c-brand);color:#fff}@media (hover:hover) and (pointer:fine){.skill{transition:border-color .5s var(--ease-out), background-color .5s var(--ease-out)}.skill__title,.skill__text{transition:transform .6s var(--ease-out), opacity .6s var(--ease-out)}.skill__title{transform:translateY(26px)}.skill__text{opacity:0;transform:translateY(100%)}.skill__tags li{opacity:0;transform:translateY(-100%)}.skill__tags li:nth-child(2){transition-delay:60ms}.skill__tags li:nth-child(3){transition-delay:.12s}.skill__tags li:nth-child(n+4){transition-delay:.18s}.skill:hover{background:#fff;border-color:#fff}.skill:hover .skill__panel{border-block-end-color:#fff;border-radius:10px 10px 4px 4px}.skill:hover .skill__art{scale:1.12}.skill:hover .skill__title{transform:none}.skill:hover .skill__text{opacity:1;transition-delay:50ms;transform:none}.skill:hover .skill__tags li{opacity:1;transform:none}}.ticker{contain-intrinsic-size:auto 306px;padding-block:80px;overflow-x:clip}.ticker__band{transform-origin:25%;margin-inline:-10px;overflow:hidden}.ticker__band--dark{background:#000;padding-block:10px;rotate:4deg}.ticker__band--brand{background:var(--c-brand);padding-block:15px;rotate:-4deg}.ticker__track{inline-size:max-content;animation:sn-ticker var(--dur,48s) linear infinite;display:flex}.ticker__band--brand .ticker__track{animation-direction:reverse;animation-delay:calc(var(--dur,48s) * -.37)}@keyframes sn-ticker{to{transform:translateX(calc(-50% * var(--dir,1)))}}.ticker .ticker__list{padding:0;display:flex}.ticker__list li{letter-spacing:-.05em;color:#fff;white-space:nowrap;flex:none;align-items:center;gap:30px;padding-inline-end:30px;font-size:36px;font-weight:500;line-height:48px;display:flex}.ticker__list li:after{content:"";background:currentColor;block-size:23px;inline-size:23px;-webkit-mask:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath d='M12 0c.7 6.4 5.6 11.3 12 12-6.4.7-11.3 5.6-12 12-.7-6.4-5.6-11.3-12-12C6.4 11.3 11.3 6.4 12 0z'/%3E%3C/svg%3E") 50%/contain no-repeat;mask:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath d='M12 0c.7 6.4 5.6 11.3 12 12-6.4.7-11.3 5.6-12 12-.7-6.4-5.6-11.3-12-12C6.4 11.3 11.3 6.4 12 0z'/%3E%3C/svg%3E") 50%/contain no-repeat}@media (prefers-reduced-motion:reduce){.ticker__track{animation:none}}.sec-lead{letter-spacing:-.04em;color:var(--c-text);margin-block-start:20px;font-size:1rem;font-weight:500;line-height:1.625}.features{contain-intrinsic-size:auto 1450px}@media (width>=1200px){.features{contain-intrinsic-size:auto 922px}}.features__head{text-align:center;max-inline-size:670px;margin:0 auto 40px}.features__grid{background:#fff;gap:10px;padding:10px;display:grid}@media (width>=768px){.features__grid{grid-template-columns:1fr 1fr}.feat--results{grid-column:1/-1}}@media (width>=1200px){.features__grid{grid-template-columns:1fr .85fr 1fr}.feat--results{grid-column:auto}}.features__stack{flex-direction:column;gap:10px;display:flex}.feat{z-index:0;color:#fff;flex-direction:column;padding:40px 20px;display:flex;position:relative;overflow:hidden}@media (width>=1800px){.feat{padding:40px}}.feat__title{letter-spacing:-.05em;color:#fff;margin-block-end:15px;font-size:30px;font-weight:500;line-height:1.1111}@media (width>=1800px){.feat__title{font-size:38px}}.feat__text{letter-spacing:-.04em;color:#c2c2c2;font-size:1rem;font-weight:500;line-height:1.625}.feat--search{text-align:end;background:radial-gradient(75% 45% at 85% 100%,#fd3f006b,#0000 70%),linear-gradient(203deg,#000 30%,#181818 75%)}.feat--search:before{content:"";z-index:-1;background:linear-gradient(#ffffff0f 1px,#0000 1px) 0 0/34px 34px,linear-gradient(90deg,#ffffff0f 1px,#0000 1px) 0 0/34px 34px;position:absolute;inset:0;-webkit-mask:radial-gradient(90% 60% at 60% 75%,#000,#0000);mask:radial-gradient(90% 60% at 60% 75%,#000,#0000)}.serp{text-align:start;color:#202124;margin-block-start:auto;padding-block-start:28px}.serp__query{background:#fff;border-radius:99px;align-items:center;gap:10px;inline-size:min(100%,270px);margin:0 0 10px auto;padding:11px 16px;font-size:.875rem;display:flex;box-shadow:0 10px 30px #0000004d}.serp__query .icon{block-size:18px;inline-size:18px;color:var(--c-brand)}.serp__result{background:#fff;border-radius:14px;gap:9px;padding:16px 18px 18px;display:grid;box-shadow:0 24px 50px #0006}.serp__site{align-items:center;gap:10px;display:flex}.serp__fav{background:var(--c-ink);color:#fff;border-radius:50%;place-items:center;block-size:28px;inline-size:28px;font-size:.75rem;font-weight:700;display:grid}.serp__src{font-size:.8125rem;line-height:1.3;display:grid}.serp__src b{font-weight:600}.serp__src small{color:#4d5156;font-size:.75rem}.serp__link{letter-spacing:-.02em;color:#1a0dab;font-size:1.125rem;font-weight:500;line-height:1.3}.serp__line{background:#e8eaed;border-radius:4px;block-size:8px}.serp__line--short{inline-size:70%}.serp__links{flex-wrap:wrap;gap:6px;padding-block-start:2px;display:flex}.serp__links i{color:#1a0dab;border:1px solid #dadce0;border-radius:99px;padding:4px 11px;font-size:.75rem;font-style:normal}.js .serp{opacity:0}.js .serp.is-in{animation:sn-back-in-up .8s var(--ease-out) both}@keyframes sn-back-in-up{0%{opacity:.7;transform:translateY(1200px)scale(.7)}80%{opacity:.7;transform:translateY(0)scale(.7)}to{opacity:1;transform:none}}.feat--code{background:linear-gradient(165deg, var(--c-brand) 30%, var(--c-brand-ink) 72%);gap:55px;min-block-size:280px}@media (width>=1800px){.feat--code{padding-inline:45px}}.feat--code .feat__title{margin:0}.feat--code .feat__text{text-align:end;color:#fff;max-inline-size:220px;margin-inline-start:auto;position:relative}.feat__tile{aspect-ratio:1;z-index:-1;background:linear-gradient(145deg,#fff6,#ffffff14);border:1px solid #ffffff8c;border-radius:24px;place-items:center;inline-size:min(37%,124px);display:grid;position:absolute;inset-block-end:-16px;inset-inline-start:40px;rotate:-10deg;box-shadow:0 18px 34px #78190059,inset 0 1px #fff9}.feat__tile .icon{color:#fff;block-size:56%;inline-size:56%}.js .feat__tile{opacity:0;filter:blur(3px);translate:0 30px}.js .feat__tile.is-in{opacity:1;filter:none;transition:opacity 1s var(--ease-out), translate 1s var(--ease-out), filter 1s var(--ease-out);translate:none}.feat--score{text-align:center;color:var(--c-ink);background:#e3e3e3;padding:50px 20px;display:block}.score__kicker{font-family:var(--ff-mono);letter-spacing:-.03em;color:var(--c-text);align-items:center;gap:8px;margin-block-end:17px;font-size:.875rem;line-height:28px;display:inline-flex}.score__kicker .icon{block-size:24px;inline-size:24px;color:var(--c-brand)}.score__counter{flex-wrap:wrap;justify-content:center;align-items:center;gap:15px;margin-block-end:14px;display:inline-flex}.score__number{letter-spacing:-.05em;color:var(--c-ink);padding-block:2px;font-size:50px;font-weight:500;line-height:1}@media (width>=1800px){.score__number{font-size:72px}}.score__label{letter-spacing:-.05em;color:#5f5f61;font-size:30px;font-weight:500;line-height:1.1111}.odo{font-variant-numeric:tabular-nums;align-items:flex-start;display:inline-flex}.odo__digit{block-size:1em;margin-inline-end:-.05em;display:inline-block;overflow:hidden}.odo__ribbon{text-align:center;word-break:break-all;inline-size:1ch;transform:translateY(calc(var(--n) * -1em));display:block}.js .odo__ribbon{transition:transform 2s;transform:none}.js .odo.is-in .odo__ribbon{transform:translateY(calc(var(--n) * -1em))}.score__proof{flex-wrap:wrap;justify-content:center;align-items:center;gap:25px;display:inline-flex}.score__rings{display:flex}.score__ring{letter-spacing:-.02em;color:#08803f;background:radial-gradient(closest-side,#fff 78%,#0000 80% 100%),#0cce6b;border:1px solid #fff;border-radius:50%;place-items:center;block-size:53px;inline-size:53px;font-size:.8125rem;font-weight:700;display:grid}.score__ring:not(:first-child){margin-inline-start:-10px}.js .score__ring{opacity:0}.js .score__ring.is-in{animation:sn-fade-in-side .8s var(--ease-out) var(--rd,0s) both}@keyframes sn-fade-in-side{0%{opacity:0;transform:translateX(calc(50px * var(--dir,1)));filter:blur(3px)}to{opacity:1;filter:none;transform:none}}.score__note{text-align:start;letter-spacing:-.04em;max-inline-size:131px;color:var(--c-text);font-size:1rem;font-weight:500;line-height:1.625}.feat--results{background:radial-gradient(90% 55% at 15% 100%,#ffb16642,#0000 70%),linear-gradient(#1c1c1c,#0b0b0b);min-block-size:400px}@media (width>=1200px){.feat--results{min-block-size:0}}.browser{background:#fff;border-radius:12px;inline-size:calc(100% + 40px);max-inline-size:640px;margin:auto -60px 0 auto;padding:0;overflow:hidden;translate:0;box-shadow:0 24px 60px #00000080}.feat--results .feat__text{margin-block-end:28px}.browser__bar{background:#f1f1f1;align-items:center;gap:6px;padding:10px 12px;display:flex}.browser__bar i{background:#ff5f57;border-radius:50%;block-size:9px;inline-size:9px}.browser__bar i:nth-child(2){background:#febc2e}.browser__bar i:nth-child(3){background:#28c840}.browser__url{background:#e1e1e1;border-radius:7px;flex:1;block-size:14px;margin-inline:10px 30px}.browser__body{flex-wrap:wrap;gap:8px;padding:14px 16px 0;display:flex}.browser__chip{letter-spacing:-.02em;white-space:nowrap;border-radius:99px;align-items:center;gap:6px;padding:5px 10px;font-size:.75rem;font-weight:600;display:inline-flex}.browser__chip--ok{color:#08803f;background:#e6f7ee}.browser__chip--ok:before{content:"";background:#0cce6b;border-radius:50%;block-size:7px;inline-size:7px}.browser__chip--up{color:#c23200;background:#fff0ea}.browser__chip--up .icon{block-size:13px;inline-size:13px}.chart{block-size:150px;inline-size:calc(100% + 32px);margin:6px -16px 0;display:block;overflow:visible}.chart__grid{fill:none;stroke:#eee;stroke-width:1px}.chart__area{fill:url(#sn-chart-fill)}.chart__line{fill:none;stroke:var(--c-brand);stroke-width:3px;stroke-linecap:round;stroke-linejoin:round}.js .chart__line{stroke-dasharray:1;stroke-dashoffset:1px}.js .chart__area{opacity:0}.js .chart.is-in .chart__line{stroke-dashoffset:0;transition:stroke-dashoffset 1.6s var(--ease-out) .2s}.js .chart.is-in .chart__area{opacity:1;transition:opacity 1s var(--ease-out) .8s}@media (prefers-reduced-motion:reduce){.js .serp,.js .feat__tile,.js .score__ring,.js .chart__area{opacity:1;filter:none;animation:none;translate:none}.js .odo__ribbon{transform:translateY(calc(var(--n) * -1em));transition:none}.js .chart__line{stroke-dashoffset:0}}.stack{contain-intrinsic-size:auto 1000px;padding-block:80px 70px}@media (width>=1200px){.stack{contain-intrinsic-size:auto 676px;overflow-x:clip}}.stack__head{max-inline-size:630px;margin-block-end:40px}.stack__wrap{align-items:start;gap:30px;display:grid;position:relative}@media (width>=1200px){.stack__wrap{grid-template-columns:2.5fr 1fr}}@media (width>=1400px){.stack__wrap{grid-template-columns:2.67fr 1fr;margin-inline-end:-50px}}.stack .stack__grid{padding:0;display:grid}@media (width>=576px){.stack .stack__grid{grid-template-columns:1fr 1fr}}@media (width>=768px){.stack .stack__grid{grid-template-columns:repeat(3,1fr)}}.stack__item{z-index:0;block-size:165px;transition:background-color .5s var(--ease-out), border-color .5s var(--ease-out);border:1px solid #c4c4c4;justify-content:center;align-items:center;margin:-1px 0 0 -1px;padding:15px;display:flex;position:relative;overflow:hidden}.stack__item:before,.stack__item:after{content:"";z-index:-1;opacity:0;block-size:160px;inline-size:160px;transition:inset .5s var(--ease-out), opacity .5s var(--ease-out);border-radius:50%;position:absolute}.stack__item:before{background:radial-gradient(closest-side,#fd3f008c,#0000);inset-block-end:-50%;inset-inline-start:-35%}.stack__item:after{background:radial-gradient(closest-side,#3f8cc78c,#0000);inset-block-start:-10%;inset-inline-end:-35%}.stack__logo{letter-spacing:-.05em;color:#575757;transition:color .5s var(--ease-out);align-items:center;gap:10px;font-size:1.5rem;font-weight:600;display:inline-flex}.stack__logo .icon{block-size:34px;inline-size:34px;transition:color .5s var(--ease-out)}.stack__num{font-family:var(--ff-mono);color:var(--c-text);opacity:.5;transition:opacity .5s var(--ease-out);font-size:1rem;font-weight:500;position:absolute;inset-block-end:10px;inset-inline-end:20px}.stack__item:hover{z-index:2;background-color:#fff;border-color:#000}.stack__item:hover:before{opacity:1;inset-block-end:-40%;inset-inline-start:-25%}.stack__item:hover:after{opacity:1;inset-block-start:-20%;inset-inline-end:-25%}.stack__item:hover .stack__logo{color:var(--c-ink)}.stack__item:hover .stack__logo .icon{color:var(--brand)}.stack__item:hover .stack__num{opacity:1}.js .stack__item{opacity:0}.js .stack__item.is-in{animation:sn-fade-in-side .8s var(--ease-out) .1s both}.stack__badge,.stack__scene{display:none}@media (width>=1200px){.stack__badge{z-index:3;background:#1f1f1f;border-radius:50%;padding:16px;display:block;position:absolute;inset-block-start:-37%;inset-inline-end:23%}.stack__ring{fill:#fff;letter-spacing:.06em;text-transform:uppercase;block-size:167px;inline-size:167px;font-size:14.5px;font-weight:500;animation:20s linear infinite sn-spin;display:block}.stack__mark{letter-spacing:-.06em;color:#fff;font-size:2.6rem;font-weight:700;position:absolute;inset:50% auto auto 50%;translate:-50% -50%}.stack__scene{display:block;position:relative}.stack__sky{z-index:1;block-size:350px;inline-size:100%;max-inline-size:478px;position:relative}.stack__sky img{will-change:transform;block-size:auto;max-inline-size:100%;position:absolute}.stack__cloud--front{z-index:1;translate:calc((1 - var(--c,1)) * 150px * var(--dir,1)) 0;inset-block-end:0;inset-inline-start:0}.stack__cloud--back{translate:calc((1 - var(--c,1)) * -150px * var(--dir,1)) 0;inset-block-start:0;inset-inline-end:0}.stack__rocket{translate:calc((1 - var(--r,1)) * 100px * var(--dir,1)) calc((1 - var(--r,1)) * 300px);rotate:calc((1 - var(--r,1)) * -30deg * var(--dir,1));inset-block-end:77%;inset-inline-start:33%}.stack__boost{z-index:1;flex-direction:column;align-items:center;display:flex;position:absolute;inset-block-end:0;inset-inline-end:0}.stack__arrow{fill:none;stroke:#000;stroke-width:2.2px;stroke-linecap:round;stroke-linejoin:round;block-size:72px;inline-size:57px;position:absolute;inset-block-start:-53px;inset-inline-start:-33px}.stack__tag{z-index:1;letter-spacing:-.05em;color:var(--c-ink);background:#fff;border:1px solid #0003;border-radius:6px;margin-block-end:6px;padding:6px 10px;font-size:24px;font-style:italic;font-weight:500;line-height:1.2;position:relative}}@keyframes sn-spin{to{rotate:360deg}}@media (prefers-reduced-motion:reduce){.js .stack__item{opacity:1;animation:none}.stack__ring{animation:none}}