.body-wrap{background-image:radial-gradient(960px 100% at top,#032962,#16224c,#191c37,#171724)}.header-title{font-weight:700;font-size:50px;line-height:1.1;text-wrap:balance;background:linear-gradient(270deg,#fff,#90ff00);-webkit-background-clip:text;background-clip:text;-webkit-text-fill-color:transparent;@media (max-width: 979px){margin-top:30px}}.header-subtitle{margin-top:0;font-style:italic;margin-bottom:50px;color:#fff;text-wrap:balance}.extension-users{color:#fff;opacity:.8;font-size:20px;@media (max-width: 979px){margin-bottom:50px}}.extension-browsers{display:flex;gap:20px;&.browser-is-edge .extension-edge,&.browser-is-firefox .extension-firefox{order:-1}@media (max-width: 979px){flex-direction:column}}.extension{display:flex;gap:20px;color:#fff;padding:20px;border-radius:6px;align-items:center;flex-grow:1;flex-basis:0;transition:color .2s,background-color .2s;h2{font-size:40px;line-height:1;margin:0;flex-grow:1;span>span{font-size:20px;display:block}@media (max-width: 979px){font-size:30px}}svg{width:64px;height:64px;fill:currentColor}&.extension-chrome{background-color:#19a15f;box-shadow:0 4px 15px #19a15f33;@media (max-width: 979px){order:3}}&.extension-firefox{background-color:#ff7139;box-shadow:0 4px 15px #ff713933}&.extension-edge{background-color:#0078d7;box-shadow:0 4px 15px #0078d733}&:hover{color:#000;background:#fff;text-decoration:none}.android-badge{display:inline-block;margin-top:1rem;background-color:#3ddc84;padding:5px 12px;border-radius:60px;font-size:14px;color:#000;font-weight:700;@media (min-width: 980px){display:none}}}.extension-screenshot{margin-top:1rem;margin-bottom:1rem;max-width:100%;img{border-radius:6px;max-width:100%;aspect-ratio:3 / 2;box-shadow:0 15px 30px #0006;border:1px solid rgb(255 255 255 / 10%)}&.extension-screenshot-mobile{text-align:center;margin-top:50px;img{aspect-ratio:538 / 1038}}}.extension-features{margin-top:100px;.features{font-size:1rem;line-height:1.5;font-weight:400;h3{margin-top:3rem;font-size:1.75rem;font-weight:700;font-style:italic;color:var(--contrast-color);text-transform:uppercase}label{font:inherit}.checkbox{display:flex;gap:.4rem;margin-top:.4rem;>input{width:1rem;height:1rem;margin:0;margin-top:.3rem;flex-shrink:0;&:disabled{opacity:.5}}}}}.panel-extension-installed{margin-top:5vh;padding:10px 15px;font-size:1.3em;color:#fff;background:radial-gradient(100% 100% at top left,#a92bbf,#031c30 150%);box-shadow:#ffffff1a 0 0 0 1px inset;border:0;border-radius:6px;align-items:center;gap:20px;.btn svg{animation:loader-spin 1.5s infinite linear;animation-play-state:paused}.btn:hover svg{animation-play-state:running}}.extension-mobile-block{border-radius:16px;background:#0003;border:1px solid rgb(255 255 255 / 10%);box-shadow:0 4px 15px #0000004d;padding:30px;flex-grow:1;color:#fff;line-height:1.5;text-align:center;cursor:pointer;>h3{font-weight:700;margin:0;color:#3ddc84;svg{width:32px;fill:currentColor;vertical-align:text-bottom}}>p{margin-top:30px;color:#fff;opacity:.8}.qr-code{margin-top:30px;width:100%;aspect-ratio:1 / 1}.extension-mobile-browsers{display:flex;justify-content:center;gap:10px;svg{width:32px;&.browser-firefox{fill:#ff7139}&.browser-edge{fill:#0078d7}}}}@media (max-width: 979px){.extension-top{padding:0 20px}.container p{overflow-wrap:anywhere}}@media (min-width: 980px){.extension-top{padding:0 30px;margin-top:100px;margin-bottom:100px;max-width:1400px;width:100%;display:flex;gap:60px;align-items:center}.extension-left{width:500px;flex-shrink:0}.extension-screenshot{margin:0}.extension-features{width:100%;max-width:1100px}.extension-mobile{order:1;width:calc(100% - 720px)}.extension-screenshot-mobile{display:none}}