.header{position:relative;z-index:3;height:72px;background:#0e1a27;border-bottom:1px solid rgba(255,255,255,.9)}.header .container{height:100%;max-width:1208px;display:flex;align-items:center;justify-content:space-between;gap:24px}.header .logo{display:inline-flex;align-items:center;flex-shrink:0}.header .title-link{display:inline-flex;align-items:center;margin-right:auto;text-decoration:none}.header .title{margin:0 0 -5px;color:#fff;font-family:Inter,sans-serif;font-size:24px;font-weight:400;line-height:1.2}.header .header-links{display:inline-flex;align-items:center;justify-content:flex-end;gap:24px;flex-shrink:0}.header .header-link{display:inline-flex;align-items:center;gap:8px;color:#fff;text-decoration:none;font-family:Inter,sans-serif;font-size:16px;font-weight:400;line-height:24px}.header .header-link img{filter:brightness(0) invert(1);opacity:1}.header .header-link .support-icon{filter:none}.header .header-link:hover,.header .header-link:focus{opacity:.8}@media (min-width: 1200px){.header{position:fixed;top:0;left:0;right:0}.page-container{padding-top:72px}}@media (max-width: 900px){.header{height:auto;padding:14px 0}.header .container{flex-wrap:wrap;row-gap:12px}.header .title-link{margin-right:0;flex:1 1 auto;min-width:0}.header .title{font-size:22px}.header .header-links{width:100%;justify-content:flex-start;gap:20px}}@media (max-width: 641px){.header .container{gap:14px}.header .logo img{width:140px;height:auto}.header .title{font-size:18px}.header .header-links{gap:16px;flex-wrap:wrap}}.preFooter{background:#edf4ff;color:#27292f;padding:84px 72px 0;display:flex;flex-direction:column;align-items:center;gap:0;font-family:Inter,Helvetica,Arial,sans-serif}.preFooter .prefooter-main{width:min(100%,1296px);display:flex;flex-direction:column;align-items:center;gap:24px}.preFooter .prefooter-copy{max-width:900px;display:flex;flex-direction:column;align-items:center;gap:24px;text-align:center}.preFooter h1{margin:0;color:#27292f;font-size:47px;font-weight:300;line-height:1.2;text-align:center}.preFooter p{margin:0;max-width:900px;color:#363d45;font-size:16px;font-weight:400;line-height:24px;text-align:center}.preFooter .prefooter-showcase{width:100%;display:flex;justify-content:center}.preFooter .showcase-frame{width:min(100%,801px);position:relative;display:flex;justify-content:center}.preFooter .showcase-image{width:100%;height:auto;display:block;border-radius:0}.preFooter .sample-card{position:absolute;min-width:177px;min-height:86px;padding:13px 18px;border-radius:8px;box-sizing:border-box;display:flex;flex-direction:column;justify-content:center;gap:12px;box-shadow:0 0 10px 5px #363d451a}.preFooter .sample-card .label{color:#000;font-size:16px;font-weight:700;line-height:24px}.preFooter .sample-card .sample-meta{display:flex;justify-content:space-between;align-items:center;gap:16px;color:#000;font-size:16px;font-weight:400;line-height:24px}.preFooter .sample-card strong{font-weight:700}.preFooter .original-card{display:none;top:18px;left:14px;background:#fff}.preFooter .dynamic-card{display:none;right:15px;bottom:85px;background:#d5fda1;border-radius:12px;box-shadow:none}.preFooter .sample-url{display:none;position:absolute;left:14px;right:14px;bottom:10px;padding:20px;border-radius:8px;background:#23436a;color:#fff;text-decoration:none;box-sizing:border-box}.preFooter .sample-url code{display:block;color:#fff;font-family:Roboto Mono,SFMono-Regular,Consolas,monospace;font-size:16px;font-weight:400;line-height:24px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.preFooter .link-btn.btn.btn-large{display:inline-flex;max-width:100%;margin-bottom:0;justify-content:center;align-items:center;gap:8px;min-width:64px;height:36px;padding:2px 16px;border:none;border-radius:32px;background:#0095ff;box-shadow:none;color:#fff;font-family:Inter,sans-serif;font-size:16px;font-style:normal;font-weight:700;line-height:120%;text-transform:uppercase;text-decoration:none;overflow:hidden;white-space:nowrap}.preFooter .link-btn.btn.btn-large:hover,.preFooter .link-btn.btn.btn-large:focus{background:#237ee0}.preFooter .contact{width:100vw;margin-left:calc(50% - 50vw);margin-right:calc(50% - 50vw);display:flex;flex-direction:column;align-items:center;justify-content:center;margin-top:72px;padding:72px 0 84px;background:url(https://cloudinary-marketing-res.cloudinary.com/image/upload/v1774326033/background.png) center/cover no-repeat;border-top:none}.preFooter .contact h1{max-width:700px;margin-bottom:24px;color:#fff}.preFooter .contact p{margin-bottom:32px;max-width:720px;color:#fff}.preFooter .contact .btn.btn-large{display:inline-flex;max-width:100%;justify-content:center;align-items:center;gap:8px;min-width:64px;height:36px;padding:2px 16px;border:none;border-radius:32px;background:#0095ff;box-shadow:none;color:#fff;font-family:Inter,sans-serif;font-size:16px;font-style:normal;font-weight:700;line-height:120%;text-transform:uppercase;text-decoration:none;overflow:hidden;white-space:nowrap}.preFooter .contact .btn.btn-large:hover,.preFooter .contact .btn.btn-large:focus{background:#237ee0}@media (max-width: 980px){.preFooter{padding:64px 32px 0}.preFooter .sample-card{min-width:152px;min-height:78px;padding:12px 14px}.preFooter .sample-url{left:12px;right:12px;bottom:12px;padding:16px}}@media (max-width: 849px){.preFooter{padding:48px 20px 0}.preFooter h1{font-size:36px}.preFooter .showcase-frame{display:flex;flex-direction:column;gap:12px}.preFooter .showcase-image{border-radius:8px}.preFooter .sample-card,.preFooter .sample-url{position:static;width:100%;min-width:0}.preFooter .sample-card{order:1}.preFooter .dynamic-card{order:3}.preFooter .sample-url{order:2}.preFooter .contact{margin-top:56px;padding:56px 0 64px}}@media (max-width: 641px){.preFooter{padding:40px 14px 0}.preFooter h1{font-size:30px}.preFooter .sample-card .sample-meta{flex-direction:column;align-items:flex-start;gap:4px}.preFooter .contact h1,.preFooter .contact p{max-width:350px}}.footer{background:#0c163b;color:#fff}.footer .container{height:70px;display:flex;align-items:center}.footer h1{font-weight:400;margin:0;font-size:18px;color:#fff}.footer .links{font-family:Inter,Helvetica,Arial,sans-serif;font-size:18px;margin:0 auto}.footer .links a{margin:0 25px}.footer .social a{vertical-align:bottom;transition:opacity .25s}.footer .social a:hover{opacity:.6}.footer .social a:not(:first-child){margin-left:20px}@media (max-width: 1199px){.footer .container{flex-direction:column;height:auto;padding:25px 0}.footer .links,.footer .social{margin-top:20px}}.about{font-size:15px}.about h1+hr{margin-bottom:20px}.about h1,.about h2,.about h3,.about h4,.about h5,.about h6{color:#3448c5}.about h2,.about h3{margin-top:39px;margin-bottom:13px}.about h4{margin-top:10px;margin-bottom:5px}.about p,.about b,.about li{margin-top:0;color:#0c163b}.about a:not(.btn){color:#ff5050}.about a:not(.btn):hover{color:#d6364b}.about #disqus_thread{margin:39px 0}.integrated{display:inline-flex;align-items:center;gap:20px;color:#fffc;font-family:Inter,sans-serif;font-size:12px;font-weight:400;line-height:18px}.integrated .icon{display:inline-flex;align-items:center;line-height:1}@media (max-width: 641px){.integrated{flex-wrap:wrap;gap:10px}}.inputUrl{background:radial-gradient(160.37% 197.91% at 89.38% 155.28%,#0065ad,#031f33 81.57%);padding:96px 0 88px;position:relative;overflow:hidden}.inputUrl .container{display:grid;grid-template-columns:minmax(0,611px) minmax(320px,1fr);align-items:center;gap:clamp(32px,5vw,72px)}.inputUrl .hero-copy{display:flex;flex-direction:column;align-items:flex-start;gap:32px;min-width:0}.inputUrl .copy-block{display:flex;flex-direction:column;gap:20px}.inputUrl h1{margin:0;color:#fff;font-family:Inter,sans-serif;font-size:clamp(44px,5vw,61px);font-weight:300;line-height:1.2;letter-spacing:-.02em}.inputUrl p{margin:0;color:#fff;font-family:Inter,sans-serif;font-size:16px;font-weight:400;line-height:24px;max-width:611px}.inputUrl form{width:min(100%,614px);display:flex;flex-direction:column;align-items:stretch;gap:10px}.inputUrl .input-row{display:grid;grid-template-columns:minmax(0,1fr) auto;align-items:center;gap:8px;padding:4px;background:#e7f5ff;border:2px solid #5fe5fa;border-radius:8px;box-sizing:border-box}.inputUrl input{height:54px;padding:0 18px;width:100%;border:none;outline:none;background:transparent;box-sizing:border-box;color:#363d45;font-family:Inter,sans-serif;font-size:16px;font-weight:400;line-height:24px}.inputUrl input::placeholder{font-family:Inter,sans-serif;font-weight:400;color:#616a74}.inputUrl .btn.btn-large{display:inline-flex;justify-content:center;align-items:center;min-width:120px;height:48px;padding:0 28px;border:none;border-radius:6px;background:#0095ff;box-shadow:none;color:#fff;font-family:Inter,sans-serif;font-size:16px;font-style:normal;font-weight:700;line-height:120%;text-transform:uppercase;white-space:nowrap;transition:background-color .2s ease,opacity .2s ease}.inputUrl .btn.btn-large .button-content{display:inline-flex;align-items:center;justify-content:center;gap:10px}.inputUrl .btn.btn-large .button-spinner{width:16px;height:16px;border:2px solid rgba(255,255,255,.35);border-top-color:#fff;border-radius:50%;animation:input-url-spin .8s linear infinite;flex-shrink:0}.inputUrl .btn.btn-large:hover,.inputUrl .btn.btn-large:focus{background:#237ee0}.inputUrl .btn.btn-large:disabled{cursor:progress}.inputUrl .btn.btn-large.is-loading{padding-left:22px;padding-right:32px}.inputUrl .validation{color:#ffb5c7;font-family:Inter,sans-serif;font-size:14px;line-height:20px}.inputUrl .hero-visual{min-height:0;display:flex;justify-content:flex-end;align-items:center}.inputUrl .hero-image{width:min(100%,520px);height:auto;display:block}@media (max-width: 1180px){.inputUrl .container{grid-template-columns:minmax(0,1fr);gap:48px}.inputUrl .hero-copy{max-width:611px}.inputUrl .hero-visual{justify-content:center;min-height:0}}@media (max-width: 849px){.inputUrl{padding:72px 0 64px}.inputUrl .hero-copy{gap:24px}.inputUrl .input-row{grid-template-columns:1fr}.inputUrl .btn.btn-large{width:100%}.inputUrl .hero-image{width:100%;max-width:520px}}@media (max-width: 641px){.inputUrl{padding:56px 0 52px}.inputUrl h1{font-size:38px}.inputUrl .hero-copy{gap:20px}.inputUrl form{width:100%}.inputUrl .input-row{padding:3px}.inputUrl input{height:48px;padding:0 14px}.inputUrl .btn.btn-large{min-width:0;height:44px;padding:0 20px}}@keyframes input-url-spin{to{transform:rotate(360deg)}}.wdt-loading-screen{width:100%;height:100%;background-color:#fff;position:fixed;z-index:1;top:0;left:0;overflow:hidden;display:none}.wdt-loading-phrases{width:300px;margin:0 auto;height:106px;overflow:hidden;position:relative;padding:10px 0;text-align:center;top:50%;transform:translateY(-50%)}.wdt-loading-phrase-category{-webkit-transition:all 1s ease;transition:all 1s ease}.wdt-loading-phrases:before{content:" ";position:absolute;top:0;left:0;width:100%;height:100%;z-index:999999;background:#fff;background:-moz-linear-gradient(top,rgba(255,255,255,1) 0%,rgba(255,255,255,0) 50%,rgba(255,255,255,1) 100%);background:-webkit-gradient(left top,left bottom,color-stop(0%,rgba(255,255,255,1)),color-stop(50%,rgba(255,255,255,0)),color-stop(100%,rgba(255,255,255,1)));background:-webkit-linear-gradient(top,rgba(255,255,255,1) 0%,rgba(255,255,255,0) 50%,rgba(255,255,255,1) 100%);background:-o-linear-gradient(top,rgba(255,255,255,1) 0%,rgba(255,255,255,0) 50%,rgba(255,255,255,1) 100%);background:-ms-linear-gradient(top,rgba(255,255,255,1) 0%,rgba(255,255,255,0) 50%,rgba(255,255,255,1) 100%);background:linear-gradient(to bottom,#fff,#fff0,#fff);filter:progid:DXImageTransform.Microsoft.gradient(startColorstr="#ffffff",endColorstr="#ffffff",GradientType=0)}.wdt-loading-phrase{padding-left:30px;position:relative;transform:translateY(30px);line-height:30px;height:30px}.wdt-loading-phrase:before{content:" ";width:18px;height:18px;position:absolute;top:6px;left:0;border:1px solid #ccc;border-radius:50%}.wdt-loading-phrase:after{opacity:0;height:11px;width:7px;-webkit-transform-origin:left top;-moz-transform-origin:left top;-ms-transform-origin:left top;-o-transform-origin:left top;transform-origin:left top;border-right:3px solid #2eb150;border-top:3px solid #2eb150;border-radius:2.5px!important;content:"";left:3px;top:16px;position:absolute;-webkit-transform:scaleX(-1) rotate(135deg);-moz-transform:scaleX(-1) rotate(135deg);-ms-transform:scaleX(-1) rotate(135deg);-o-transform:scaleX(-1) rotate(135deg);transform:scaleX(-1) rotate(135deg)}.wdt-loading-phrase.wdt-checked:after{-webkit-animation-delay:.1s;-moz-animation-delay:.1s;animation-delay:.1s;-webkit-animation-duration:.2s;-moz-animation-duration:.2s;animation-duration:.2s;-webkit-animation-timing-function:ease;-moz-animation-timing-function:ease;animation-timing-function:ease;-webkit-animation-name:checkmark;-moz-animation-name:checkmark;animation-name:checkmark;-webkit-transform:scaleX(-1) rotate(135deg);-moz-transform:scaleX(-1) rotate(135deg);-ms-transform:scaleX(-1) rotate(135deg);-o-transform:scaleX(-1) rotate(135deg);transform:scaleX(-1) rotate(135deg);-webkit-animation-fill-mode:forwards;-moz-animation-fill-mode:forwards;animation-fill-mode:forwards}@-webkit-keyframes checkmark{0%{height:0;width:7px;opacity:1}20%{height:2px;width:7px;opacity:1}40%{height:5px;width:7px;opacity:1}to{height:11px;width:7px;opacity:1}}@-moz-keyframes checkmark{0%{height:0;width:7px;opacity:1}20%{height:2px;width:7px;opacity:1}40%{height:5px;width:7px;opacity:1}to{height:11px;width:7px;opacity:1}}@keyframes checkmark{0%{height:0;width:7px;opacity:1}20%{height:2px;width:7px;opacity:1}40%{height:5px;width:7px;opacity:1}to{height:11px;width:7px;opacity:1}}.loader{background:radial-gradient(160.37% 197.91% at 89.38% 155.28%,#0065ad,#031f33 81.57%);color:#fff;padding:112px 0 88px;position:relative;overflow:hidden}.loader .container{display:grid;grid-template-columns:minmax(0,611px) minmax(320px,1fr);align-items:center;gap:clamp(32px,5vw,72px)}.loader .loader-copy{display:flex;flex-direction:column;align-items:flex-start;gap:28px;min-width:0}.loader .loader-kicker{color:#fff;font-family:Inter,sans-serif;font-size:16px;font-weight:700;line-height:19.2px;text-transform:uppercase}.loader .copy-block{display:flex;flex-direction:column;gap:16px}.loader h2{margin:0;color:#fff;font-family:Inter,sans-serif;font-size:clamp(44px,5vw,61px);font-weight:300;line-height:1.2;letter-spacing:-.02em}.loader .loader-title-dots{display:inline-flex;align-items:flex-end;margin-left:2px}.loader .loader-title-dots span{animation:loader-dot-fade 1.2s infinite ease-in-out}.loader .loader-title-dots span:nth-child(2){animation-delay:.2s}.loader .loader-title-dots span:nth-child(3){animation-delay:.4s}.loader .loader-explanation{margin:0;max-width:611px;color:#fff;font-family:Inter,sans-serif;font-size:16px;font-weight:400;line-height:24px;white-space:pre-line}.loader .loader-status{width:300px;height:108px;overflow:hidden;position:relative}.loader .wdt-loading-screen{position:relative;background:transparent}.loader .wdt-loading-phrases{width:300px;height:108px;margin:0;padding:0;top:0;left:0;transform:translateY(0);text-align:center}.loader .wdt-loading-phrases:before{display:none}.loader .wdt-loading-phrase{white-space:nowrap;transform:translateY(8px);text-align:left;line-height:36px;height:36px;color:#fff}.loader .wdt-loading-phrase:before{width:18px;height:18px;top:7px;left:0;border:1px solid #fff;background:#fff;opacity:1}.loader .wdt-loading-phrase:after{left:3px;top:17px;border-right:3px solid #2eb150;border-top:3px solid #2eb150;opacity:0}.loader .loader-visual{display:flex;justify-content:flex-end;align-items:center;min-height:0}.loader .loader-image{width:min(100%,520px);height:auto;display:block;border-radius:12px}@media (max-width: 1180px){.loader .container{grid-template-columns:minmax(0,1fr);gap:48px}.loader .loader-copy{max-width:611px}.loader .loader-visual{justify-content:center}}@media (max-width: 849px){.loader{padding:72px 0 64px}.loader .loader-copy{gap:24px}.loader .loader-image{width:100%;max-width:520px}}@media (max-width: 641px){.loader{padding:56px 0 52px}.loader h2{font-size:38px}.loader .loader-status{width:100%;max-width:300px}}@keyframes loader-dot-fade{0%,20%,to{opacity:.25}50%{opacity:1}}.error{background:radial-gradient(160.37% 197.91% at 89.38% 155.28%,#0065ad,#031f33 81.57%);color:#fff;padding:112px 0 88px;box-sizing:border-box;position:relative;overflow:hidden}.error .container{display:grid;grid-template-columns:minmax(0,611px) minmax(320px,1fr);align-items:center;gap:clamp(32px,5vw,72px)}.error .error-copy{display:flex;flex-direction:column;align-items:flex-start;gap:28px;min-width:0}.error .error-kicker{color:#fff;font-family:Inter,sans-serif;font-size:16px;font-weight:700;line-height:19.2px;text-transform:uppercase}.error .copy-block{display:flex;flex-direction:column;gap:16px}.error h2{margin:0;color:#fff;font-family:Inter,sans-serif;font-size:clamp(44px,5vw,61px);font-weight:300;line-height:1.2;letter-spacing:-.02em}.error .error-message{display:flex;flex-direction:column;gap:0;color:#fff;font-family:Inter,sans-serif;font-size:16px;line-height:24px;white-space:pre-line}.error p{margin:0;color:#fff;font-family:Inter,sans-serif;font-size:16px;font-weight:400;line-height:24px}.error .error-detail{color:#fff;font-family:Inter,sans-serif;font-size:16px;font-weight:400;line-height:24px;margin:0 0 24px}.error strong{color:#fff;font-family:Inter,sans-serif;font-size:16px;font-weight:700;line-height:24px}.error .error-visual{display:flex;justify-content:flex-end;align-items:center;min-height:0}.error .error-image{width:min(100%,520px);height:auto;display:block;border-radius:12px}@media (max-width: 1180px){.error .container{grid-template-columns:minmax(0,1fr);gap:48px}.error .error-copy{max-width:611px}.error .error-visual{justify-content:center}}@media (max-width: 849px){.error{padding:72px 0 64px}.error .error-copy{gap:24px}.error .error-image{width:100%;max-width:520px}}@media (max-width: 641px){.error{padding:56px 0 52px}.error h2{font-size:38px}}.share{position:relative;display:flex;align-items:center}.share .share-widget{display:none;position:absolute;top:100%;right:0;padding:7px 10px;background:#ffffffe6;border-radius:0 0 5px 5px;box-shadow:0 4px 7px -2px #00000080,0 16px 8px -16px #0000004d inset}.share.expanded .share-widget{display:flex}.share .share-toggle{border:none;background:none;outline:none;padding:0;cursor:pointer;color:#0071ba}.share .share-item{margin:0 5px;text-align:center;font-size:12px}.share .share-button{cursor:pointer}.resultSumm{background:radial-gradient(160.37% 197.91% at 89.38% 155.28%,#0065ad,#031f33 81.57%);padding-top:60px;padding-bottom:0;overflow:hidden;position:relative;font-family:Inter,Helvetica,Arial,sans-serif}.resultSumm h1{margin-top:0;color:#fff}.resultSumm .flex{display:flex}.resultSumm span{color:#fff;font-size:12px}.resultSumm .catchpoint-parent{margin-bottom:30px}.resultSumm .catchpoint-parent span{margin-right:20px}.resultSumm .icon{width:120px;height:20px}.resultSumm .share{float:right}.resultSumm .share .share-count{display:none}.resultSumm .share .share-toggle{display:flex;align-items:center}.resultSumm .share .share-toggle img{margin-right:10px;height:24px}.resultSumm .share .share-toggle span{font-size:24px;color:#b6d2ff}.resultSumm .container{display:flex;align-items:flex-start;gap:40px}.resultSumm .hero-tag{font-family:Inter;font-size:16px;font-style:normal;font-weight:500;line-height:120%;color:#fff}.resultSumm .left{width:40%;flex:0 0 40%;max-width:450px}.resultSumm .right{width:60%;flex:1 1 0;min-width:0}.resultSumm .test-url{font-size:24px;color:#b6d2ff;line-height:28px;max-width:calc(100% - 50px);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.resultSumm .website-url{display:block;color:#fff;background-color:#ffffff1a;border-top-right-radius:16px;border-top-left-radius:16px;padding:20px 20px 0;font-size:26px;font-style:normal;font-weight:300;line-height:120%;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.resultSumm .test-empty-summ,.resultSumm .test-summ{display:block;margin-top:24px;padding-left:0}.resultSumm .test-empty{padding:60px 0 120px;font-size:38px;font-weight:300;color:#aaa;align-self:center;margin:auto}.resultSumm .test-empty-screen{flex:0 0 300px}.resultSumm .test-empty-screen,.resultSumm .test-screen{width:100%;max-width:450px;max-height:100%;position:relative;z-index:1;display:flex;flex-direction:column;justify-content:flex-end}.resultSumm .test-empty-screen img,.resultSumm .test-screen img{box-shadow:0 0 30px #0003,0 -15px 20px -5px #0003}.resultSumm .test-empty-screen .screenshot,.resultSumm .test-screen .screenshot{display:none;width:100%}.resultSumm .test-empty-screen .placeholder,.resultSumm .test-screen .placeholder{padding:160px 0;background:#e9eef1}.resultSumm .test-empty-screen .placeholder-text,.resultSumm .test-screen .placeholder-text{text-align:center;position:absolute;top:210px;left:0;width:300px;z-index:1;font-size:16px;color:#bbb;line-height:1.2}.resultSumm .test-empty-screen.loaded .placeholder,.resultSumm .test-empty-screen.loaded .placeholder-text,.resultSumm .test-screen.loaded .placeholder,.resultSumm .test-screen.loaded .placeholder-text{display:none}.resultSumm .test-empty-screen.loaded .screenshot,.resultSumm .test-screen.loaded .screenshot{display:initial;max-height:475px;object-fit:cover;object-position:top center}.resultSumm .test-meta{display:flex;flex:1;flex-wrap:wrap;gap:8px;overflow:hidden;background:#ffffff1a;-webkit-backdrop-filter:blur(5px);backdrop-filter:blur(5px);padding:16px;border-bottom-right-radius:16px;border-bottom-left-radius:16px}.resultSumm .test-meta-box{box-sizing:border-box;flex:1;padding:0 30px 20px}.resultSumm .test-meta-box .label{text-align:left;color:#fff;margin-bottom:10px;font-size:16px;font-style:normal;font-weight:500;line-height:120%;text-transform:uppercase}.resultSumm .test-grade{flex:1 0 calc(33% - 8px);min-width:220px;margin-right:0;text-align:center;background-color:#ffffff1a;border-radius:8px;padding:30px 12px}.resultSumm .test-grade .label{text-align:center;white-space:nowrap;margin-bottom:20px}.resultSumm .test-grade .grade{font-family:Inter,sans-serif;font-size:80px;font-weight:500;line-height:1.2;color:#85eeff!important;background:transparent!important;box-shadow:none;height:auto}.resultSumm .test-grade .grade-text{font-family:Inter,sans-serif;font-size:16px;font-weight:500;margin:auto;max-width:150px}.resultSumm .test-grade .grade-text-A,.resultSumm .test-grade .grade-text-B,.resultSumm .test-grade .grade-text-C,.resultSumm .test-grade .grade-text-D,.resultSumm .test-grade .grade-text-E,.resultSumm .test-grade .grade-text-F{color:#fff}.resultSumm .test-stats{flex:2 0 calc(66% - 8px);min-width:280px;padding:30px 12px;color:#fff;background-color:#ffffff1a;border-radius:8px}.resultSumm .test-stats .original-images-label{margin-bottom:16px;margin-top:5px}.resultSumm .test-stats .label{margin-bottom:34px}.resultSumm .test-stats .original-images-label,.resultSumm .test-stats .trans-images-label{display:inline-block;margin-right:5px;margin-top:5px}.resultSumm .test-stats .original-images-weight,.resultSumm .test-stats .trans-images-weight{display:inline-block;font-weight:500}.resultSumm .test-stats .trans-images-label,.resultSumm .test-stats .trans-images-weight{color:#d5fda1}.resultSumm .test-stats .original-images-indicator,.resultSumm .test-stats .trans-images-indicator{margin-top:10px;margin-bottom:0;height:18px;border-radius:0 18px 18px 0}.resultSumm .test-stats .original-images-indicator{background:#f1f2f9}.resultSumm .test-stats .trans-images{min-width:15%}.resultSumm .test-stats .trans-images-label{color:#fff}.resultSumm .test-stats .trans-images-indicator{background:#d5fda1}.resultSumm .more-info{position:relative}.resultSumm .more-info img{vertical-align:baseline;margin-left:4px}.resultSumm .more-info .tooltip{display:none;position:absolute;box-shadow:0 0 5px #0000004d;border-radius:2px;width:220px;background:#fbfbfb;padding:7px 12px;color:#666;bottom:120%;right:-30px;font-size:12px}.resultSumm .more-info:hover .tooltip{display:block}.resultSumm .test-totals{width:100%;display:flex;flex-wrap:wrap;gap:8px}.resultSumm .test-totals .test-meta-box{flex:1 0 calc(33% - 8px);background-color:#ffffff1a;border-radius:8px;padding:30px 12px}.resultSumm .test-totals .test-meta-box:not(:last-of-type){border-right:none;margin-right:0}.resultSumm .test-totals .label{height:45px;line-height:20px;margin-bottom:0;text-align:center;text-transform:uppercase;font-size:16px;font-weight:500;line-height:120%;color:#fff}.resultSumm .test-totals .value{display:flex;justify-content:center;align-items:baseline;text-transform:uppercase;font-size:47px;font-style:normal;font-weight:300;line-height:120%}.resultSumm .test-totals .value img{margin-right:10px}.resultSumm .test-totals .value .value-text{font-size:47px;line-height:1.2;font-weight:300;text-transform:uppercase;color:#d5fda1}.resultSumm .test-totals .image-weight .value img{margin-bottom:-3px}.resultSumm .test-totals .compression .value img{margin-bottom:-2px}.resultSumm .test-totals .description{margin-top:10px;font-size:12px;color:#90a0b3}.resultSumm .test-totals .meta-box-bottom-text{color:#fff;font-size:12px;margin-top:6px;text-align:center}.resultSumm .test-info{width:100%;display:flex;flex-wrap:wrap;gap:16px 0;max-height:151px;padding:30px 0 20px;z-index:1}.resultSumm .test-info .label{margin-bottom:15px}.resultSumm .test-info .test-meta-box{display:flex;flex-direction:column;align-items:center;margin:0;padding:0 0 0 38px}.resultSumm .test-info .test-meta-box .label{font-size:12px;font-style:normal;font-weight:500;line-height:120%}.resultSumm .test-info .test-meta-box .icon{text-align:center}.resultSumm .test-info .test-meta-box:first-of-type{padding-left:20px}.resultSumm .test-info .value{margin:10px 0;color:#fff;font-size:16px;font-style:normal;font-weight:400;line-height:150%}.resultSumm .test-info img{height:22px}.resultSumm .test-info .wpt img{height:auto;width:100%;max-width:150px}@media (max-width: 1200px){.resultSumm{padding-bottom:60px}}@media (max-width: 1000px){.resultSumm{padding-top:84px;padding-bottom:60px}.resultSumm .container{flex-direction:column;gap:32px}.resultSumm .left,.resultSumm .right{width:100%;max-width:none;flex:none}.resultSumm .test-screen{max-width:450px}.resultSumm .test-empty-summ,.resultSumm .test-summ{margin-top:0}.resultSumm .website-url{font-size:22px}.resultSumm .test-meta{padding:14px}.resultSumm .test-meta .test-grade,.resultSumm .test-meta .test-stats{flex:1 1 100%;min-width:0}.resultSumm .test-totals .test-meta-box{flex:1 1 calc(33.333% - 6px);min-width:180px}.resultSumm .test-info{width:100%;max-height:none;padding:24px 0 8px}.resultSumm .test-info .test-meta-box{flex:1 1 50%;max-width:50%;align-items:center;padding:0 16px 0 0;height:auto;margin-bottom:0}.resultSumm .test-info .test-meta-box:first-of-type{padding-left:0}.resultSumm .test-totals .test-meta-box{padding:24px 16px}.resultSumm .test-totals .test-meta-box .value img{width:36px}.resultSumm .test-totals .test-meta-box .value .value-text{font-size:46px}}@media (max-width: 650px){.resultSumm{padding-top:64px;padding-bottom:60px}.resultSumm h1{margin-top:10px;font-size:42px;line-height:1.1}.resultSumm .container{gap:24px}.resultSumm .hero-tag{font-size:14px}.resultSumm .catchpoint-parent{flex-wrap:wrap;gap:8px 12px;align-items:center}.resultSumm .catchpoint-parent span{width:100%;margin-right:0}.resultSumm .website-url{padding:16px 16px 0;font-size:18px;white-space:normal;display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:2}.resultSumm .test-screen{max-width:none;margin-top:0}.resultSumm .test-screen .placeholder{padding:120px 0}.resultSumm .test-screen .placeholder-text{top:50%;left:0;width:100%;padding:0 16px;box-sizing:border-box;transform:translateY(-50%)}.resultSumm .test-screen.loaded .screenshot{max-height:320px}.resultSumm .test-empty{padding:32px 0 48px;font-size:28px}.resultSumm .test-meta{padding:12px;gap:12px}.resultSumm .test-grade,.resultSumm .test-stats,.resultSumm .test-totals .test-meta-box{flex:1 1 100%;min-width:0;padding:20px 16px}.resultSumm .test-grade .label{text-align:center;white-space:normal;margin-bottom:16px}.resultSumm .test-grade .grade{font-size:64px}.resultSumm .grade-content{display:flex;flex-direction:column;gap:8px;align-items:center}.resultSumm .grade-content .grade-text{margin:0;align-self:center;font-size:18px;font-weight:400;max-width:none}.resultSumm .test-stats .label{margin-bottom:24px}.resultSumm .test-totals{gap:12px}.resultSumm .test-totals .label{height:auto;margin-bottom:10px}.resultSumm .test-totals .value,.resultSumm .test-totals .value .value-text{font-size:40px}.resultSumm .test-info{width:100%;padding:20px 0 0;gap:12px}.resultSumm .test-info .test-meta-box{flex:1 1 calc(50% - 6px);max-width:calc(50% - 6px);padding:16px;background-color:#ffffff1a;border-radius:8px;align-items:center;border:none}.resultSumm .test-info .value{margin:8px 0 0;line-height:1.35}.resultSumm .share .share-toggle img{margin-right:5px}.resultSumm .share .share-toggle span{display:none}}@media (max-width: 480px){.resultSumm .test-info .test-meta-box{flex:1 1 100%;max-width:100%}}.compressionBar{display:flex;align-items:center;justify-content:center;font-size:18px;line-height:60px;height:60px}.image-compression-bars .compressionBar{font-size:14px;height:25px;width:100%;justify-content:flex-start}.image-compression-bars .compressionBar .type{width:92px;min-width:92px;padding-left:0;padding-right:18px;border-right:none;box-sizing:border-box;line-height:25px;font-size:14px;font-weight:700;color:#1d2533}.image-compression-bars .compressionBar .bar-wrp{margin:0 14px 0 16px;background:#c8c8c8;height:8px;align-self:center;width:96px;min-width:96px;max-width:96px;border-radius:0}.image-compression-bars .compressionBar .bytes{margin-left:0}.image-compression-bars .compressionBar .bytes,.image-compression-bars .compressionBar .note{text-align:left;line-height:1.1;width:auto;margin-right:0;color:#000;white-space:nowrap}.image-compression-bars .compressionBar .bytes{min-width:56px}.image-compression-bars .compressionBar .note{margin-left:12px}.image-compression-bars .compressionBar.no-reduction .bytes,.image-compression-bars .compressionBar.no-reduction .note{color:#000}.compressionBar .type{text-transform:uppercase;font-weight:600;position:relative}.compressionBar .best{line-height:normal;position:absolute;right:3px;top:50%;transform:translateY(-50%)}.compressionBar .best:hover .tooltip{display:block}.compressionBar .tooltip{display:none;position:absolute;bottom:100%;margin-bottom:5px;right:50%;transform:translate(50%);white-space:nowrap;background:#303b46;color:#fff;font-size:12px;text-transform:initial;padding:4px 7px 3px;border-radius:4px}.compressionBar .tooltip:after{left:50%;height:0;width:0;display:block;content:" ";position:absolute}.compressionBar .tooltip:after{border-left:6px solid transparent;border-right:6px solid transparent;border-top:6px solid #303b46;margin-left:-6px;bottom:-6px}.compressionBar .bytes{margin-right:5px}.compressionBar .bar-wrp{width:25%;display:flex;align-items:center;margin:0 10px}.compressionBar .bar{height:8px}.compressionBar .original-note{font-size:12px;color:#999}@media (max-width: 1199px){.compressionBar{width:100%;border:none}.image-compression-bars .compressionBar .type{width:84px;min-width:84px;padding-left:0}.image-compression-bars .compressionBar .bar-wrp{width:84px;min-width:84px;margin-left:12px;margin-right:12px}.image-compression-bars .compressionBar .bytes{margin-left:0}}.imageInfo{display:flex;flex-direction:column;min-height:100%;background:#fff;border-radius:8px;color:#363d45;font-family:Inter,sans-serif}.imageInfo .image-info-meta{display:grid;grid-template-columns:minmax(0,1fr) auto auto;align-items:start;gap:12px;padding:10px 16px 14px;color:#363d45;font-size:16px;line-height:24px}.imageInfo .dimensions,.imageInfo .weight,.imageInfo .percent{color:#363d45;font-size:16px;line-height:24px}.imageInfo .meta-metrics{display:flex;flex-direction:column;align-items:flex-start;text-align:left}.imageInfo .weight{font-weight:400}.imageInfo .percent{font-weight:700}.imageInfo .links{display:inline-flex;align-items:center;justify-content:flex-end;gap:8px;margin-left:auto}.imageInfo .links a{width:18px;height:18px;border-radius:4px;background:#e3e9ef;display:inline-flex;align-items:center;justify-content:center}.imageInfo .links img{display:block;filter:brightness(0) saturate(100%)}.imageInfo .grading{display:grid;grid-template-columns:minmax(0,1fr) 170px;gap:16px;align-items:start;padding:6px 16px 0}.imageInfo .list{display:grid;gap:7px;font-size:16px;line-height:32px;font-weight:400}.imageInfo .list>div{display:grid;grid-template-columns:25px minmax(0,1fr);align-items:center;column-gap:10px}.imageInfo .original-image-grading.grade{width:25px;height:25px;margin:0;display:inline-flex;align-items:center;justify-content:center;border-radius:4px;font-family:Inter,sans-serif;font-size:16px;line-height:1;font-weight:400}.imageInfo .original-image-grading.grade.grade-A,.imageInfo .original-image-grading.grade.grade-B{background:#d5fda1;color:#363d45}.imageInfo .original-image-grading.grade.grade-C,.imageInfo .original-image-grading.grade.grade-D{background:#5fe5fa;color:#fff}.imageInfo .original-image-grading.grade.grade-E,.imageInfo .original-image-grading.grade.grade-F{background:#ff3e6c;color:#fff}.imageInfo .bracket,.imageInfo .aggregated{display:none}.imageInfo .total{min-height:186px;padding:16px 12px;border-radius:8px;background:#85eeff;display:flex;flex-direction:column;align-items:center;justify-content:center;box-sizing:border-box;text-align:center}.imageInfo .total .grade{margin:0;background:none;color:#363d45;font-family:Inter,sans-serif;font-size:80px;line-height:1.3;font-weight:400;box-shadow:none}.imageInfo .average{margin:0 0 12px;color:#363d45;font-size:16px;font-weight:700;line-height:1.2;text-transform:uppercase}.imageInfo .transform-image{display:flex;align-items:center;justify-content:center;position:relative;height:204px;margin:12px 16px 16px;border-radius:8px;overflow:hidden;background:#e0e0e0;background-position:0px 0px,10px 10px;background-size:20px 20px;background-image:linear-gradient(45deg,#eee 25%,transparent 25%,transparent 75%,#eee 75%,#eee 100%),linear-gradient(45deg,#eee 25%,#e0e0e0 25%,#e0e0e0 75%,#eee 75%,#eee)}.imageInfo .transform-image img{max-width:100%;max-height:100%;width:auto;height:auto;object-fit:contain}.imageInfo .support{color:#fff;position:absolute;top:0;left:0;right:0;text-align:left;font-size:14px;padding:10px 10px 24px;background:linear-gradient(rgba(0,0,0,.75),rgba(0,0,0,.45) 55%,transparent 100%)}.imageInfo .explanation{padding:0 16px 18px;color:#363d45;font-size:16px;line-height:24px;font-weight:400}.imageInfo .explanation ul{margin:0;padding-left:18px}.imageInfo .explanation li{margin:0 0 4px}.imageInfo.is-original .image-info-meta{grid-template-columns:minmax(0,1fr) auto auto;align-items:center}.imageInfo.is-original .meta-metrics{align-items:center;text-align:center}.imageInfo.is-original .transform-image{display:none}.imageInfo.is-original .explanation+.explanation{padding-top:0}@media (max-width: 1199px){.imageInfo .grading{grid-template-columns:1fr}.imageInfo .total{min-height:160px}}@media (max-width: 641px){.imageInfo .image-info-meta{grid-template-columns:1fr}.imageInfo .meta-metrics{align-items:flex-start;text-align:left}}.imageExpanded{max-height:0;overflow:hidden;position:relative;box-sizing:border-box;transition:max-height .3s linear;display:flex;gap:0;justify-content:flex-start;background:transparent;border:none;margin-top:12px}.resultsItem.expanded .imageExpanded,.resultsLCP.expanded .imageExpanded{margin-top:16px;max-height:1200px;padding-left:20px;padding-right:20px}.imageExpanded .image-details{display:flex;flex-direction:column;flex:0 0 calc((100% - 16px) / 3);min-width:0;height:760px;margin-right:0;padding:10px 16px 16px;background:#f7f8fa;border-radius:8px;box-sizing:border-box;color:#363d45}.imageExpanded .image-details.original{margin-right:16px;padding-left:0;padding-right:0;padding-bottom:0}.imageExpanded .image-details.original .title{padding-left:20px}.imageExpanded .image-details.transformed{border-top-right-radius:0;border-bottom-left-radius:16px;border-bottom-right-radius:0;overflow:hidden}.imageExpanded .image-details.dynamic{border-top-left-radius:0;border-bottom-left-radius:0}.imageExpanded .title{position:static;margin:0 0 16px;padding:0;color:#363d45;font-family:Inter,sans-serif;font-size:27px;line-height:1.2;font-weight:400}.imageExpanded .image-info-icon{display:none}.imageExpanded .tab,.imageExpanded .react-tabs__tab{display:inline-flex;align-items:center;justify-content:center;align-self:flex-start;min-height:32px;padding:4px 14px 10px;margin:0;border-radius:8px 8px 0 0;box-sizing:border-box;text-transform:uppercase;font-family:Inter,sans-serif;font-size:16px;line-height:24px;font-weight:700;color:#363d45;background:#fff;border:none}.imageExpanded .react-tabs{flex:1;display:flex;flex-direction:column;min-height:0;min-width:0}.imageExpanded .react-tabs__tab-list{display:flex;gap:8px;flex-wrap:nowrap;padding:0;margin:0;min-height:auto;max-width:100%;overflow-x:auto;overflow-y:hidden;-webkit-overflow-scrolling:touch}.imageExpanded .react-tabs__tab{cursor:pointer;background:#e3e9ef;color:#363d45;display:inline-flex;margin:0;flex:0 0 auto;white-space:nowrap;border-bottom-left-radius:0;border-bottom-right-radius:0}.imageExpanded .react-tabs__tab--selected{background:#fff;color:#363d45;border-bottom-left-radius:0;border-bottom-right-radius:0}.imageExpanded .react-tabs__tab-panel{min-height:0}.imageExpanded .react-tabs__tab-panel--selected,.imageExpanded .imageInfo{background:#fff;border-radius:8px;flex:1;margin-bottom:0;overflow:auto}.imageExpanded .image-details.original .imageInfo{background:#fff}.imageExpanded .image-details.transformed .react-tabs,.imageExpanded .image-details.transformed .react-tabs__tab-panel,.imageExpanded .image-details.transformed .react-tabs__tab-panel--selected{border-bottom-left-radius:16px;border-bottom-right-radius:0}.imageExpanded .image-details.transformed .imageInfo{border-bottom-left-radius:8px;border-bottom-right-radius:8px}.imageExpanded .image-details.transformed .imageInfo{min-height:auto}.imageExpanded .image-info-expand{display:none;border:none;background:none;outline:none;padding:20px 15px;line-height:20px;top:0;right:0;cursor:pointer;position:absolute;z-index:9;transform:rotate(0);transition:transform .4s}.imageExpanded .image-info-expand img{transform:rotate(270deg);vertical-align:middle}.imageExpanded.dynamicIn .image-info-expand{transform:rotate(180deg)}.imageExpanded .mobile-carousel-btn{display:none;border:none;background:none;outline:none;padding:20px;line-height:20px;cursor:pointer;position:absolute;top:20px;z-index:9;transition:opacity .3s}.imageExpanded .mobile-carousel-btn img{vertical-align:middle}.imageExpanded .mobile-carousel-btn.prev{left:0}.imageExpanded .mobile-carousel-btn.prev img{transform:rotate(90deg)}.imageExpanded .mobile-carousel-btn.next{right:0}.imageExpanded .mobile-carousel-btn.next img{transform:rotate(270deg)}.imageExpanded.carousel-1 .mobile-carousel-btn.prev,.imageExpanded.carousel-3 .mobile-carousel-btn.next{opacity:.3}@media (max-width: 1120px){.imageExpanded{flex-wrap:wrap}.imageExpanded .image-details{flex:1 1 calc(50% - 8px);height:auto;min-height:680px}.imageExpanded .image-details.original{flex-basis:100%}}@media (min-width: 642px) and (max-width: 1199px){.imageExpanded .image-info-expand{display:block}.imageExpanded .image-details{transform:translate(0);transition:transform .4s}.imageExpanded.dynamicIn .image-details{transform:translate(-103%)}}@media (max-width: 641px){.imageExpanded{gap:0}.imageExpanded .mobile-carousel-btn{display:block}.imageExpanded .image-details{flex:0 0 100%!important;min-height:0;height:auto;margin:0;padding:10px 8px 16px;box-sizing:border-box}.imageExpanded .image-details{transform:translate(0);transition:transform .4s}.imageExpanded.carousel-2 .image-details{transform:translate(-100%)}.imageExpanded.carousel-3 .image-details{transform:translate(-200%)}}.resultsItem{background:transparent;margin:25px 0;font-family:sofia-pro,Helvetica,Arial,sans-serif}.resultsItem.expanded{background:#eff2f5;border-radius:16px}.resultsItem .image-intro{position:relative;border:1px solid rgba(49,70,198,.08);background:#fffffff0;border-radius:12px;box-sizing:border-box;box-shadow:0 12px 32px #10214f12;backdrop-filter:blur(5px);-webkit-backdrop-filter:blur(5px);padding:20px 28px}.resultsItem .results-header{display:flex;align-items:flex-start;justify-content:space-between;gap:18px;margin-bottom:22px}.resultsItem .results-header-main{min-width:0;flex:1 1 auto}.resultsItem .image-data-name{margin:0;color:#363d45;font-family:Inter,sans-serif;font-size:27px;line-height:1.2;font-weight:400;word-break:break-word}.resultsItem .delivery-label{display:inline-flex;align-items:center;gap:8px;margin-top:8px;color:#616a74;font-family:Inter,sans-serif;font-size:16px;line-height:24px}.resultsItem .delivery-label img{filter:grayscale(1)}.resultsItem .toggle-btn.btn.btn-large{display:inline-flex;margin-left:auto;margin-bottom:0;max-width:100%;width:160px;height:36px;padding:16px 28px;border-radius:32px;background:#0095ff;border:none;box-shadow:none;color:#fff;justify-content:center;align-items:center;gap:8px;font-family:Inter,sans-serif;font-size:16px;font-style:normal;font-weight:700;line-height:120%;text-transform:uppercase;overflow:hidden;white-space:nowrap}.resultsItem .toggle-btn.btn.btn-large img{display:none}.resultsItem .toggle-btn.btn.btn-large:hover,.resultsItem .toggle-btn.btn.btn-large:focus{background:#237ee0}.resultsItem .results-grid{display:grid;grid-template-columns:365px 217px minmax(0,1fr);gap:18px;align-items:stretch}.resultsItem .results-left,.resultsItem .results-middle{display:flex;flex-direction:column;gap:12px}.resultsItem .score-card,.resultsItem .metric-card{display:flex;flex-direction:column;align-items:center;justify-content:center;text-align:center;border-radius:8px;box-sizing:border-box;font-family:Inter,sans-serif}.resultsItem .score-card{min-height:150px;background:#d5fda1;padding:14px 18px}.resultsItem .metric-card{flex:1 1 0;min-height:150px;background:#edf4ff;padding:14px 18px}.resultsItem .compression-card{min-height:215px}.resultsItem .image-data-grading{font-family:Inter,sans-serif;font-size:80px;line-height:1;font-weight:400;color:#363d45;background:none;box-shadow:none;width:auto;height:auto;border-radius:0}.resultsItem .metric-title{margin:0 0 12px;color:#363d45;font-family:Inter,sans-serif;font-size:16px;line-height:1.2;font-weight:500;text-transform:uppercase;text-align:center}.resultsItem .metric-value{color:#363d45;font-family:Inter,sans-serif;font-size:36px;line-height:1.2;font-weight:300}.resultsItem .metric-subvalue,.resultsItem .metric-copy,.resultsItem .metric-dimensions{color:#616a74;font-family:Inter,sans-serif;font-size:16px;line-height:24px;font-weight:400}.resultsItem .current-card .metric-subvalue{color:#363d45}.resultsItem .metric-copy{color:#363d45;margin-top:4px}.resultsItem .metric-dimensions{margin-top:18px;display:inline-flex;align-items:center;justify-content:center;gap:8px}.resultsItem .metric-dimensions img{margin:0}.resultsItem .image-orig{display:flex;align-items:center;justify-content:center;min-height:215px;border-radius:8px;overflow:hidden;background:#e0e0e0;background-position:0px 0px,10px 10px;background-size:20px 20px;background-image:linear-gradient(45deg,#eee 25%,transparent 25%,transparent 75%,#eee 75%,#eee 100%),linear-gradient(45deg,#eee 25%,#e0e0e0 25%,#e0e0e0 75%,#eee 75%,#eee)}.resultsItem .image-orig img{max-width:311px;max-height:175px;width:auto;height:auto;object-fit:contain}.resultsItem .image-compression-bars{display:grid;grid-template-columns:1fr;align-content:start;background:#edf4ff;border-radius:8px;padding:17px 19px;box-sizing:border-box}.resultsItem .image-compression-bars .image-compression-summary{margin-bottom:18px}.resultsItem .image-compression-bars .image-compressions-title{margin:0 0 8px;color:#363d45;font-family:Inter,sans-serif;font-size:27px;line-height:1.2;font-weight:400}.resultsItem .image-compression-bars .image-compression-copy{margin:0;color:#363d45;font-family:Inter,sans-serif;font-size:16px;line-height:24px;font-weight:400}.resultsItem .image-compression-bars .bars-wrp{display:flex;flex-wrap:wrap;align-content:flex-start;row-gap:8px}@media (max-width: 1180px){.resultsItem .image-intro{padding:18px}.resultsItem .results-grid{grid-template-columns:1fr 1fr}.resultsItem .image-compression-bars{grid-column:1/-1}}@media (max-width: 849px){.resultsItem .results-header{flex-direction:column;align-items:stretch}.resultsItem .toggle-btn{align-self:flex-start}.resultsItem .results-grid{grid-template-columns:1fr}.resultsItem .results-left,.resultsItem .results-middle{display:grid;grid-template-columns:1fr 1fr;gap:12px}.resultsItem .image-orig{grid-column:1/-1}}@media (max-width: 641px){.resultsItem .image-intro{padding:14px}.resultsItem .image-data-name,.resultsItem .image-compressions-title{font-size:22px}.resultsItem .results-left,.resultsItem .results-middle{grid-template-columns:1fr}.resultsItem .metric-card,.resultsItem .score-card{min-height:140px}}.grade{color:#fff;display:inline-block;width:1.5em;height:1.5em;text-align:center;border-radius:1.5em;line-height:1.6;box-shadow:0 3px 6px #0000004d}.grade-A,.grade-B{background:#48c4d8}.grade-C,.grade-D{background:#f2a81a}.grade-E,.grade-F{background:#ff5050}.grade-A{line-height:1.55}.grade-B{text-indent:.04em}.grade-C{text-indent:-.02em}.grade-D{text-indent:.09em}.grade-E{line-height:1.57;text-indent:-.02em}@keyframes rippleAnimation{to{opacity:0;transform:scale(2.5)}}.resultsList .results{background:#fff;padding:25px 0}.resultsList h1{margin:0 0 17px;font-family:Inter,sans-serif;font-size:47px;line-height:1.2;font-weight:300;color:#363d45}@media (max-width: 650px){.resultsList h1{font-size:36px}}.resultsLCP{background:#eeefef;padding:48px 0;font-family:sofia-pro,Helvetica,Arial,sans-serif}.resultsLCP h1{margin:0 0 17px;font-family:Inter,sans-serif;font-size:47px;line-height:1.2;font-weight:300;color:#363d45}.resultsLCP h2{margin:0 0 38px;font-size:18px;max-width:500px}.resultsLCP .lcp-item{border:1px solid rgba(49,70,198,.08);background:#fffffff0;border-radius:12px;box-sizing:border-box;box-shadow:0 12px 32px #10214f12;backdrop-filter:blur(5px);-webkit-backdrop-filter:blur(5px);padding:22px;display:flex;flex-direction:column;gap:6px;position:relative;width:100%;max-width:1215px;margin:0 auto}.resultsLCP .lcp-item .lcp-header{display:flex;align-items:flex-start;justify-content:space-between;gap:18px;margin-bottom:14px}.resultsLCP .lcp-item .lcp-top{display:grid;grid-template-columns:450px minmax(0,1fr);gap:8px;align-items:stretch}.resultsLCP .lcp-item .image-data{min-width:0}.resultsLCP .lcp-item .image-data-header{margin-bottom:0;flex:1 1 auto}.resultsLCP .lcp-item .image-data-header .image-data-header-top{display:flex;align-items:center;justify-content:flex-start;gap:16px}.resultsLCP .lcp-item .image-data-header .image-data-name{margin:0;font-family:Inter,sans-serif;font-size:27px;line-height:1.15;font-weight:400;color:#3e4657;word-break:break-word;max-width:none}.resultsLCP .lcp-item .image-stats-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:8px}.resultsLCP .lcp-item .image-stat-card{min-height:200px;background:#dde8f8;border-radius:8px;padding:12px 10px 10px;display:flex;flex-direction:column;align-items:center;text-align:center;box-sizing:border-box}.resultsLCP .lcp-item .image-stat-title{margin:0 0 12px;font-family:Inter,sans-serif;font-size:16px;line-height:1.2;font-weight:500;text-transform:uppercase;letter-spacing:.02em;color:#2f3745}.resultsLCP .lcp-item .image-score-card{background:#c9fb80;justify-content:flex-start}.resultsLCP .lcp-item .image-score-card .image-data-grading{margin-top:auto;margin-bottom:auto;box-shadow:none;background-color:transparent}.resultsLCP .lcp-item .image-data-grading{font-family:Inter,sans-serif;font-size:80px;line-height:1;font-weight:300;color:#313742;display:inline-flex;align-items:center;justify-content:center}.resultsLCP .lcp-item .image-stat-main{font-family:Inter,sans-serif;font-size:47px;line-height:1;font-weight:300;color:#3c4350;margin:auto}.resultsLCP .lcp-item .image-stat-sub,.resultsLCP .lcp-item .total-of,.resultsLCP .lcp-item .image-stat-footnote,.resultsLCP .lcp-item .image-final-pixel{font-family:Inter,sans-serif;font-size:16px;line-height:1.25;color:#4e5869}.resultsLCP .lcp-item .image-loading-time .image-loading-time-grade{position:relative;display:inline-block;line-height:1}.resultsLCP .lcp-item .image-loading-time .image-loading-time-grade span{display:block;position:static;transform:none;font-size:16px;line-height:1.2;font-weight:400;margin-top:6px}.resultsLCP .lcp-item .image-loading-time .image-loading-time-grade.time-grade-A,.resultsLCP .lcp-item .image-loading-time .image-loading-time-grade.time-grade-B,.resultsLCP .lcp-item .image-loading-time .image-loading-time-grade.time-grade-C,.resultsLCP .lcp-item .image-loading-time .image-loading-time-grade.time-grade-D,.resultsLCP .lcp-item .image-loading-time .image-loading-time-grade.time-grade-E,.resultsLCP .lcp-item .image-loading-time .image-loading-time-grade.time-grade-F{color:#313742}.resultsLCP .lcp-item .image-loading-time .image-stat-footnote{margin-top:auto}.resultsLCP .lcp-item .image-final-percent-value{margin-bottom:6px}.resultsLCP .lcp-item .total-of{margin:0 0 auto}.resultsLCP .lcp-item .image-final-pixel{margin-top:auto;display:flex;align-items:center;justify-content:center;gap:6px}.resultsLCP .lcp-item .image-final-pixel img{margin:0}.resultsLCP .lcp-item .toggle-btn.btn.btn-large{display:inline-flex;margin-left:auto;margin-bottom:0;max-width:100%;width:160px;height:36px;padding:16px 28px;border-radius:32px;background:#0095ff;border:none;box-shadow:none;color:#fff;justify-content:center;align-items:center;gap:8px;font-family:Inter,sans-serif;font-size:16px;font-style:normal;font-weight:700;line-height:120%;text-transform:uppercase;overflow:hidden;white-space:nowrap}.resultsLCP .lcp-item .toggle-btn.btn.btn-large img{display:none}.resultsLCP .lcp-item .toggle-btn.btn.btn-large:hover,.resultsLCP .lcp-item .toggle-btn.btn.btn-large:focus{background:#237ee0}.resultsLCP .lcp-item .flex-column{min-width:0;display:flex;flex-direction:column}.resultsLCP .lcp-item .image-orig{display:flex;flex:1 1 auto;align-items:center;justify-content:center;text-align:center;width:100%;min-height:292px;padding:26px;box-sizing:border-box;border-radius:8px;border:1px solid #e9edf6;background:#e0e0e0;background-position:0px 0px,10px 10px;background-size:20px 20px;background-image:linear-gradient(45deg,#eee 25%,transparent 25%,transparent 75%,#eee 75%,#eee 100%),linear-gradient(45deg,#eee 25%,#e0e0e0 25%,#e0e0e0 75%,#eee 75%,#eee)}.resultsLCP .lcp-item .image-orig img{max-height:238px;max-width:100%;width:auto;object-fit:contain}.resultsLCP .lcp-item .image-compression-bars{display:grid;grid-template-columns:minmax(220px,300px) minmax(0,1fr);gap:24px;align-items:start;background:#dde8f8;border-radius:8px;padding:28px 26px 26px;margin-top:0;width:100%;box-sizing:border-box}.resultsLCP .lcp-item .image-compression-bars .image-compression-summary{display:flex;flex-direction:column;gap:10px}.resultsLCP .lcp-item .image-compression-bars .image-compressions-title{margin:0;font-family:Inter,sans-serif;font-size:24px;line-height:1.2;font-weight:400;color:#2f3745}.resultsLCP .lcp-item .image-compression-bars .image-compression-copy{margin:0;font-family:Inter,sans-serif;font-size:16px;line-height:1.5;color:#4e5869}.resultsLCP .lcp-item .image-compression-bars .bars-wrp{display:flex;flex-wrap:wrap;align-content:flex-start;column-gap:10px;padding-top:8px}.resultsLCP .lcp-item .image-compression-bars .bars-wrp .compressionBar{width:calc(50% - 5px);min-height:25px;padding:8px 0;background:transparent;border:none;border-radius:0}.resultsLCP .lcp-item.non-image{padding:0}.resultsLCP .lcp-item.non-image .image-data{flex-direction:row;flex-wrap:wrap;width:100%;margin:0;padding:0;align-items:stretch}.resultsLCP .lcp-item.non-image .image-data .image-loading-time-title,.resultsLCP .lcp-item.non-image .image-data .lcp-canvas-title{line-height:60px;margin:0}.resultsLCP .lcp-item.non-image .image-data .image-data-header{flex-basis:100%;border-bottom:1px solid #a9a9a9;margin-bottom:0;height:100px;position:relative}.resultsLCP .lcp-item.non-image .image-data .image-data-header .image-data-grading{position:absolute;left:0;top:50%;transform:translate(-50%,-50%)}.resultsLCP .lcp-item.non-image .image-data .image-data-header .image-data-name{max-width:80%;padding-left:40px}.resultsLCP .lcp-item.non-image .image-data .compressionBar-wrapper,.resultsLCP .lcp-item.non-image .image-data .image-loading-time,.resultsLCP .lcp-item.non-image .image-data .lcp-canvas{flex-basis:33.33%;height:auto;height:180px;align-self:stretch;box-sizing:border-box;border-right:1px solid #a9a9a9}.resultsLCP .lcp-item.non-image .image-data .compressionBar-wrapper img{height:60px;width:auto;margin-top:10px}.resultsLCP .lcp-item.non-image .image-data .lcp-canvas{border-right:none}.resultsLCP .lcp-item.non-image .image-data .lcp-canvas .canvas-image-wrapper{position:relative;height:80px}.resultsLCP .lcp-item.non-image .image-data .lcp-canvas .canvas-image-wrapper span{color:#3146c6;position:absolute;left:50%;top:50%;transform:translate(-50%,-50%)}.resultsLCP .lcp-item.non-image .image-data .lcp-canvas .canvas-image-wrapper img{height:100%;width:auto}.resultsLCP .lcp-item.non-image .image-data .image-loading-time .image-loading-time-grade span{bottom:-5px;white-space:nowrap}@media (max-width: 900px){.resultsLCP .lcp-item{min-height:auto;padding:18px}.resultsLCP .lcp-item .lcp-header{flex-direction:column;align-items:stretch;margin-bottom:10px}.resultsLCP .lcp-item .lcp-top{grid-template-columns:1fr}.resultsLCP .lcp-item .image-data{width:100%}.resultsLCP .lcp-item .image-stats-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.resultsLCP .lcp-item .toggle-btn{margin-left:0;align-self:flex-start}.resultsLCP .lcp-item .image-orig{min-height:320px}.resultsLCP .lcp-item .image-compression-bars{grid-template-columns:1fr;gap:16px}.resultsLCP .lcp-item .image-compression-bars .image-compression-copy{max-width:none}.resultsLCP .lcp-item.non-image .image-data .image-data-header .image-data-grading{margin-left:0;position:absolute}.resultsLCP .lcp-item.non-image .image-data .compressionBar-wrapper,.resultsLCP .lcp-item.non-image .image-data .image-loading-time{flex-basis:50%;border-bottom:1px solid #c5c5c5}.resultsLCP .lcp-item.non-image .image-data .image-loading-time{border-right:none}.resultsLCP .lcp-item.non-image .image-data .lcp-canvas{flex-basis:100%}}@media (max-width: 641px){.resultsLCP .lcp-item{padding:14px}.resultsLCP .lcp-item .lcp-header{gap:10px}.resultsLCP .lcp-item .image-data-header .image-data-header-top{flex-wrap:wrap;align-items:flex-start}.resultsLCP .lcp-item .image-stats-grid{grid-template-columns:1fr}.resultsLCP .lcp-item .image-stat-card{min-height:128px}.resultsLCP .lcp-item .image-orig{min-height:250px;padding:16px}.resultsLCP .lcp-item .image-orig img{max-height:180px}.resultsLCP .lcp-item .image-compression-bars{padding:18px 16px}.resultsLCP .lcp-item .image-compression-bars .bars-wrp .compressionBar{width:100%}.resultsLCP .lcp-item.non-image .image-data .compressionBar-wrapper,.resultsLCP .lcp-item.non-image .image-data .image-loading-time,.resultsLCP .lcp-item.non-image .image-data .lcp-canvas{flex-basis:100%;border-right:none}}@media (max-width: 650px){.resultsLCP h1{font-size:36px}}/*! normalize.css v7.0.0 | MIT License | github.com/necolas/normalize.css */html{line-height:1.15;-ms-text-size-adjust:100%;-webkit-text-size-adjust:100%}body{margin:0}article,aside,footer,header,nav,section{display:block}h1{font-size:2em;margin:.67em 0}figcaption,figure,main{display:block}figure{margin:1em 40px}hr{box-sizing:content-box;height:0;overflow:visible}pre{font-family:monospace,monospace;font-size:1em}a{background-color:transparent;-webkit-text-decoration-skip:objects}abbr[title]{border-bottom:none;text-decoration:underline;text-decoration:underline dotted}b,strong{font-weight:inherit}b,strong{font-weight:bolder}code,kbd,samp{font-family:monospace,monospace;font-size:1em}dfn{font-style:italic}mark{background-color:#ff0;color:#000}small{font-size:80%}sub,sup{font-size:75%;line-height:0;position:relative;vertical-align:baseline}sub{bottom:-.25em}sup{top:-.5em}audio,video{display:inline-block}audio:not([controls]){display:none;height:0}img{border-style:none}svg:not(:root){overflow:hidden}button,input,optgroup,select,textarea{font-family:sans-serif;font-size:100%;line-height:1.15;margin:0}button,input{overflow:visible}button,select{text-transform:none}button,html [type=button],[type=reset],[type=submit]{-webkit-appearance:button}button::-moz-focus-inner,[type=button]::-moz-focus-inner,[type=reset]::-moz-focus-inner,[type=submit]::-moz-focus-inner{border-style:none;padding:0}button:-moz-focusring,[type=button]:-moz-focusring,[type=reset]:-moz-focusring,[type=submit]:-moz-focusring{outline:1px dotted ButtonText}fieldset{padding:.35em .75em .625em}legend{box-sizing:border-box;color:inherit;display:table;max-width:100%;padding:0;white-space:normal}progress{display:inline-block;vertical-align:baseline}textarea{overflow:auto}[type=checkbox],[type=radio]{box-sizing:border-box;padding:0}[type=number]::-webkit-inner-spin-button,[type=number]::-webkit-outer-spin-button{height:auto}[type=search]{-webkit-appearance:textfield;outline-offset:-2px}[type=search]::-webkit-search-cancel-button,[type=search]::-webkit-search-decoration{-webkit-appearance:none}::-webkit-file-upload-button{-webkit-appearance:button;font:inherit}details,menu{display:block}summary{display:list-item}canvas{display:inline-block}template{display:none}[hidden]{display:none}body{font-family:Inter,sans-serif;font-size:16px;line-height:1.5;color:#111;background-color:#fff}h1,h2,h3,h4,h5,h6,.h1,.h2,.h3,.h4,.h5,.h6{font-family:Inter,Helvetica,Arial,sans-serif;font-weight:400;line-height:1.2;color:#0c163b}.h1,h1{font-size:61px;font-weight:300}.h2,h2{font-size:32px;font-size:47px;font-weight:300}.h3,h3{font-size:27px;font-weight:400}.h4,h4{font-size:18px}.h5,h5{font-size:16px}.h6,h6{font-size:14px}a:not(.btn){text-decoration:none;transition:color .3s;color:#b6d2ff}a:not(.btn):hover,a:not(.btn):active{color:#e9f1ff}html,body{height:100%}#app{display:flex;flex-direction:column}.container{width:94%;width:calc(100% - 40px);max-width:1208px;margin:0 auto}.container.static-page{max-width:800px}img{max-width:100%;height:auto;vertical-align:top}.btn{transition:background-color .2s ease;background:#ff5050;color:#fff;line-height:29px;height:29px;border-radius:29px;padding:0 20px;font-family:Inter,Helvetica,Arial,sans-serif;text-transform:uppercase;text-decoration:none;font-size:12px;font-weight:600;border:none;cursor:pointer;display:flex;align-items:center}.btn:hover{transition:background-color .2s ease;background-color:#d6364b}.btn.btn-large{line-height:42px;height:42px;border-radius:42px;font-size:18px;padding:0 30px}