.home{gap:150px;display:grid}.home h2,.home h3,.home h4{text-align:center;font-weight:700}.home h2{font-size:32px}.home h3{margin-bottom:5px;font-size:16px}.home .footer-link{color:var(--primary-color);border:2px solid var(--primary-color);transition:background-color var(--transition-time)ease;background-color:#fff;border-radius:100px;padding:16px 32px;font-weight:600;display:block}.home .footer-link:hover{background-color:#e5f1ff}@media (max-width:1000px){.home{gap:100px}}@media (max-width:480px){.home{gap:80px}.home h2{font-size:24px}}.home .hero{margin:20px 0 0}.home .hero .hero__wrapper{grid-template-columns:repeat(2,1fr);gap:20px;display:grid}.home .hero .hero__wrapper .hero__h1{margin-bottom:10px;font-size:48px;font-weight:800}.home .hero .hero__wrapper .hero__h1 .blue{color:var(--primary-color)}.home .hero .hero__wrapper .hero__subtitle{margin-bottom:20px;font-size:16px;line-height:150%}.home .hero .hero__wrapper .hero__image{width:100%;position:relative}.home .hero .hero__wrapper .hero__image img{object-fit:contain}@media (max-width:800px){.home .hero .hero__wrapper .hero__image{aspect-ratio:51/40}}@media (max-width:1000px){.home .hero .hero__wrapper .hero__h1{font-size:36px}}@media (max-width:800px){.home .hero .hero__wrapper{grid-template-columns:1fr}}@media (max-width:480px){.home .hero .hero__wrapper .hero__h1{font-size:32px}}.home .how-to{background-color:#f9f9f9;padding:20px 0}.home .how-to .chrome-icon{background-image:url(/how-to/chrome.svg)}.home .how-to .website-icon{background-image:url(/how-to/website.svg)}.home .how-to .devices-icon{background-image:url(/how-to/devices.svg)}.home .how-to .how-to__wrapper{grid-template-columns:1fr 3fr;gap:20px;display:grid}.home .how-to .how-to__wrapper .how-to__header{background-color:#fff;border-radius:10px;justify-content:center;align-items:center;padding:20px;display:flex}.home .how-to .how-to__wrapper .how-to__header .how-to__h2{font-size:20px}.home .how-to .how-to__wrapper .how-to__list{grid-template-columns:repeat(3,1fr);gap:20px;display:grid}.home .how-to .how-to__wrapper .how-to__list .how-to__item{flex-direction:column;align-items:center;padding:0 20px;display:flex}.home .how-to .how-to__wrapper .how-to__list .how-to__item .how-to__item-icon{background-color:#fff;background-position:50%;background-repeat:no-repeat;background-size:32px;border-radius:16px;width:64px;height:64px;margin-bottom:10px}.home .how-to .how-to__wrapper .how-to__list .how-to__item .how-to__item-text{text-align:center;font-size:16px;font-weight:500}@media (max-width:1000px){.home .how-to .how-to__wrapper{grid-template-columns:1fr}}@media (max-width:480px){.home .how-to .how-to__wrapper .how-to__list{gap:10px}.home .how-to .how-to__wrapper .how-to__list .how-to__item{padding:10px}.home .how-to .how-to__wrapper .how-to__list .how-to__item .how-to__item-text{font-size:14px}.home .how-to .how-to__wrapper .how-to__list .how-to__item .how-to__item-icon{background-size:24px;border-radius:12px;width:48px;height:48px}}@media (max-width:360px){.home .how-to .how-to__wrapper .how-to__list{grid-template-columns:1fr}}.home .what-is .what-is__wrapper .what-is__header{margin-bottom:20px}.home .what-is .what-is__wrapper .what-is__text{gap:10px;display:grid}.home .features .devices-icon{background-image:url(/features/devices.svg)}.home .features .viewport-icon{background-image:url(/features/viewport.svg)}.home .features .rotation-icon{background-image:url(/features/rotation.svg)}.home .features .browser-icon{background-image:url(/features/browser.svg)}.home .features .frames-icon{background-image:url(/features/frames.svg)}.home .features .website-icon{background-image:url(/features/website.svg)}.home .features .framework-icon{background-image:url(/features/framework.svg)}.home .features .switch-icon{background-image:url(/features/switch.svg)}.home .features .features__wrapper .features__header{margin-bottom:30px}.home .features .features__wrapper .features__list{grid-template-columns:repeat(4,1fr);gap:20px;display:grid}.home .features .features__wrapper .features__list .features__item{background-color:#f9f9f9;border-radius:20px;flex-direction:column;align-items:center;padding:20px;display:flex}.home .features .features__wrapper .features__list .features__item .features__item-icon{background-color:var(--primary-color);background-position:50%;background-repeat:no-repeat;background-size:32px;border-radius:16px;width:64px;height:64px;margin-bottom:10px}.home .features .features__wrapper .features__list .features__item .features__item-text{text-align:center;font-size:14px}@media (max-width:1000px){.home .features .features__wrapper .features__list{grid-template-columns:repeat(2,1fr)}}@media (max-width:480px){.home .features .features__wrapper .features__list{gap:10px}.home .features .features__wrapper .features__list .features__item{padding:15px}.home .features .features__wrapper .features__list .features__item .features__item-icon{background-size:24px;border-radius:12px;width:48px;height:48px}}@media (max-width:360px){.home .features .features__wrapper .features__list{grid-template-columns:1fr}}.home .comparison .comparison__wrapper .comparison__header{margin-bottom:40px}.home .comparison .comparison__wrapper .comparison__header .comparison__h2{margin-bottom:10px}.home .comparison .comparison__wrapper .comparison__header .comparison__subtitle{text-align:center}.home .comparison .comparison__wrapper .comparison__content{grid-template-columns:repeat(2,1fr);display:grid}.home .comparison .comparison__wrapper .comparison__content .comparison__column{flex-direction:column;align-items:center;padding:0 20px;display:flex}.home .comparison .comparison__wrapper .comparison__content .comparison__column:not(:last-child){border-right:1px solid #e6eaef}.home .comparison .comparison__wrapper .comparison__content .comparison__column .comparison__h3{align-items:center;gap:10px;margin-bottom:20px;font-size:20px;display:flex}.home .comparison .comparison__wrapper .comparison__content .comparison__column .comparison__h3:before{content:"";background:url(/comparison/phone-simulator-icon.svg) 50%/24px no-repeat;flex-shrink:0;width:24px;height:24px;display:block}.home .comparison .comparison__wrapper .comparison__content .comparison__column .comparison__h3.chrome-dev-tools:before{background-image:url(/comparison/chrome-dev-tools-icon.svg)}.home .comparison .comparison__wrapper .comparison__content .comparison__column .comparison__list{flex-direction:column;gap:15px;display:flex}.home .comparison .comparison__wrapper .comparison__content .comparison__column .comparison__list .comparison__item{color:#4f5255;align-items:center;gap:10px;font-weight:500;display:flex}.home .comparison .comparison__wrapper .comparison__content .comparison__column .comparison__list .comparison__item:before{content:"";background:url(/comparison/check.svg) 50%/16px no-repeat;flex-shrink:0;width:16px;height:16px;display:block}.home .comparison .comparison__wrapper .comparison__content .comparison__column .comparison__list.cross .comparison__item:before{background-image:url(/comparison/cross.svg)}@media (max-width:480px){.home .comparison .comparison__wrapper .comparison__content .comparison__column:first-child{padding:0 10px 0 0}.home .comparison .comparison__wrapper .comparison__content .comparison__column:nth-child(2){padding:0 0 0 10px}.home .comparison .comparison__wrapper .comparison__content .comparison__column .comparison__h3{gap:8px;font-size:18px}.home .comparison .comparison__wrapper .comparison__content .comparison__column .comparison__list .comparison__item{font-size:14px}}.home .who-uses .frontend-icon{background-image:url(/who-uses/frontend.svg)}.home .who-uses .design-icon{background-image:url(/who-uses/design.svg)}.home .who-uses .qa-icon{background-image:url(/who-uses/qa.svg)}.home .who-uses .freelancer-icon{background-image:url(/who-uses/freelancer.svg)}.home .who-uses .who-uses__wrapper .who-uses__header{margin-bottom:30px}.home .who-uses .who-uses__wrapper .who-uses__list{grid-template-columns:repeat(2,1fr);gap:20px;display:grid}.home .who-uses .who-uses__wrapper .who-uses__list .who-uses__item{background-color:#f9f9f9;border-radius:20px;flex-direction:column;padding:20px;display:flex}.home .who-uses .who-uses__wrapper .who-uses__list .who-uses__item .who-uses__item-icon{background-color:#fff;background-position:50%;background-repeat:no-repeat;background-size:32px;border-radius:16px;width:64px;height:64px;margin-bottom:10px}.home .who-uses .who-uses__wrapper .who-uses__list .who-uses__item .who-uses__item-title{text-align:left}.home .who-uses .who-uses__wrapper .who-uses__list .who-uses__item .who-uses__item-text{font-size:14px}@media (max-width:480px){.home .who-uses .who-uses__wrapper .who-uses__list{gap:10px}.home .who-uses .who-uses__wrapper .who-uses__list .who-uses__item{padding:15px}.home .who-uses .who-uses__wrapper .who-uses__list .who-uses__item .who-uses__item-icon{background-size:24px;border-radius:12px;width:48px;height:48px}}@media (max-width:360px){.home .who-uses .who-uses__wrapper .who-uses__list{grid-template-columns:1fr}}.home .reviews{background-color:var(--primary-color);padding:80px 0}.home .reviews .reviews__wrapper .reviews__header{flex-direction:column;align-items:center;gap:10px;margin-bottom:30px;display:flex}.home .reviews .reviews__wrapper .reviews__header .reviews__h2{color:#fff}.home .reviews .reviews__wrapper .reviews__header .reviews__subtitle{color:#fff;align-items:center;gap:6px;display:inline-flex}.home .reviews .reviews__wrapper .reviews__header .reviews__subtitle .star{color:#fff;align-items:center;gap:4px;display:inline-flex}.home .reviews .reviews__wrapper .reviews__header .reviews__subtitle .star:before{content:"";background:url(/reviews/star.svg) 50% 0/18px no-repeat;width:18px;height:18px;display:block}.home .reviews .reviews__wrapper .reviews__list{grid-template-columns:repeat(3,1fr);gap:20px;margin-bottom:30px;display:grid}.home .reviews .reviews__wrapper .reviews__list .reviews__item{background-color:#fff;border-radius:20px;padding:20px}.home .reviews .reviews__wrapper .reviews__list .reviews__item .reviews__item-header{align-items:center;gap:10px;margin-bottom:10px;display:flex}.home .reviews .reviews__wrapper .reviews__list .reviews__item .reviews__item-header .reviews__item-header-photo{background:#000;border-radius:100px;width:48px;height:48px;overflow:hidden}.home .reviews .reviews__wrapper .reviews__list .reviews__item .reviews__item-header .reviews__item-header-content{flex-direction:column;gap:6px;display:flex}.home .reviews .reviews__wrapper .reviews__list .reviews__item .reviews__item-header .reviews__item-header-content .reviews__item-header-content-h3{text-align:left;margin-bottom:0}.home .reviews .reviews__wrapper .reviews__list .reviews__item .reviews__item-text{font-size:14px}.home .reviews .reviews__wrapper .reviews__footer{flex-direction:column;align-items:center;gap:20px;display:flex}.home .reviews .reviews__wrapper .reviews__footer .reviews__footer-text{color:#fff}.home .reviews .reviews__wrapper .reviews__footer .reviews__footer-link{transition:opacity var(--transition-time)ease;background-color:#fff;border-radius:100px;padding:16px 32px;font-weight:600;display:block}.home .reviews .reviews__wrapper .reviews__footer .reviews__footer-link:hover{opacity:.8}@media (max-width:800px){.home .reviews .reviews__wrapper .reviews__list{grid-template-columns:1fr}}.home .devices .devices__wrapper .devices__header{margin-bottom:40px}.home .devices .devices__wrapper .devices__header .devices__h2{margin-bottom:10px}.home .devices .devices__wrapper .devices__header .devices__subtitle{text-align:center}.home .devices .devices__wrapper .devices__list{grid-template-columns:repeat(2,1fr);gap:20px;margin-bottom:40px;display:grid}.home .devices .devices__wrapper .devices__footer{flex-direction:column;align-items:center;gap:20px;display:flex}@media (max-width:1000px){.home .devices .devices__wrapper .devices__list{grid-template-columns:1fr}}.home .blog .blog__wrapper .blog__header{margin-bottom:40px}.home .blog .blog__wrapper .blog__header .blog__h2{margin-bottom:10px}.home .blog .blog__wrapper .blog__header .blog__subtitle{text-align:center}.home .blog .blog__wrapper .blog__list{margin-bottom:40px}.home .blog .blog__wrapper .blog__footer{flex-direction:column;align-items:center;gap:20px;display:flex}.home .faq .faq__wrapper .faq__header{margin-bottom:30px}