@charset "UTF-8";
body{
font-family:'Inter',sans-serif}
:root{
--blue:#4385f4;
--blue2:#0169f9;
--blue3:#4286f4;
--yellow:#f9a01b;
--yellowHover:#f8ae3f;
--gray:#fafafa;
--gray2:#5f6367;
--gray3:#969ba1;
--gray4:#4b5c64;
--gray5:#858585;
--gray6:#e9e9e9;
--gray7:#9c9c9c;
--green:#068113;
--green-hover:#0cb061;
--darkblue:#282828;
--backgroundGradient:conic-gradient(from 295deg at 149vh 38vh,var(--gray) 312deg,white 0deg);
--space-s-l:clamp(1.125rem,0.6467rem + 2.3913vi,2.5rem);
--grid-max-width:90rem;
--grid-gutter:var(--space-s-s,clamp(1.125rem,1.0806rem + 0.2222vw,1.25rem));
--grid-columns:12;
--download:url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAB8AAAAeCAYAAADU8sWcAAAACXBIWXMAAAsTAAALEwEAmpwYAAAAAXNSR0IArs4c6QAAAARnQU1BAACxjwv8YQUAAAEESURBVHgB7ZfrDYIwEIBP4wBsAE6gGzCCI+AGugGj6CaOQJwAN9ANzjsLtTSFtKWFP/2SQsrjvoP0CeAJIp6o3PgMS0PSFgVv8GQDnrBVBiHAgy2sSJIneZInOY9kJZUKLKFnM36eygHmQAEK/NNwYOWeRBM3yq0MfKGXjzhEJqDLDWImhzlQgNqUgHbNJK4hBCMJTNXDiCcSGCOs2CGBOGKLBPzEKBqMdcs0JGAtHng6cdsFuTgEqVAsIF0GoD5p9mX6QPKAiHB8xZWniWUVdlqdx/IS4sBzQqFe+C32Uew6/Gcgd160z9j3v/0My3Llg9zmcJejE/fzmH/gQ+VOX/3kyhf6INW5etA77QAAAABJRU5ErkJggg==);
--check2:url('data:image/svg+xml,<svg width="29" height="29" fill="none" stroke="%23ffffff" stroke-linecap="round" stroke-linejoin="round" stroke-width="1.5" viewBox="0 0 24 24" xmlns="http://www.w3.org/2000/svg"><path d="M21 12c0-4.969-4.031-9-9-9s-9 4.031-9 9 4.031 9 9 9 9-4.031 9-9Z"></path><path d="m16.5 8.25-6.3 7.5-2.7-3"></path></svg>');
--montserrat:"Montserrat",sans-serif}
.g-container{
padding-inline:var(--grid-gutter);
max-width:var(--grid-max-width);
margin-inline:auto}
@media (prefers-reduced-motion:no-preference){
:root{
scroll-behavior:smooth}
}
*{
margin:0;
padding:0}
*,*::before,*::after{
box-sizing:border-box}
html,body{
height:100vh}
body{
background-color:#fff;
color:var(--darkblue)}
a{
text-decoration:none;
color:var(--darkblue)}
img{
width:auto;
max-width:100%}
.lp-wrapper{
margin:0 auto}
.lp-container{
margin-inline:auto;
display:grid;
height:100vh}
.lp-container::before{
content:"";
background-image:linear-gradient(180deg,#fff,rgb(120 120 120 / 20%));
width:100%;
height:100%;
position:fixed;
z-index:-1;
bottom:0;
pointer-events:none}
.lp-header{
margin-top:1rem;
margin-bottom:1rem;
width:100%;
z-index:2}
.lp-header>.g-container{
max-width:var(--grid-max-width);
margin-inline:auto}
@media (min-width:40em){
.lp-header .-align-center{
align-items:flex-start}
}
.-mobile>a{
display:block;
max-width:60px}
@media (min-width:40em){
.-mobile{
display:none}
}
.-desktop{
display:none}
.-desktop>a{
display:block}
@media (min-width:40em){
.-desktop{
display:block}
}
.logo{
display:flex;
align-items:center}
.logo>img{
margin-right:1rem;
width:80px}
.logo-title{
--size:clamp(1.375rem,5.882vw + -2.706rem,2rem);
color:var(--gray4);
margin-bottom:0.5rem;
font-size:var(--size)}
.logo-sub{
--size:clamp(1.125rem,1.765vw + -0.099rem,1.313rem);
font-weight:400;
font-family:var(--montserrat);
color:var(--gray5);
font-size:var(--size)}
.lp-hero{
text-align:center}
.hero-top .-text{
white-space:nowrap}
.hero-bottom .-text,.hero-top .-text{
font-size:clamp(1.875rem,6.024vw + -2.643rem,2.5rem);
line-height:clamp(2.813rem,4.217vw + -0.35rem,3.25rem)}
@media (min-width:1300px){
.hero-bottom .-text,.hero-top .-text{
font-size:clamp(2rem,12.857vw + -8.446rem,3.125rem);
line-height:clamp(3rem,12.143vw + -6.866rem,4.063rem)}
}
.hero-top .-text{
font-weight:400}
.hero-top .-sub-text{
font-weight:800}
.hero-bottom .-sub-text{
display:flex;
align-items:center;
justify-content:center;
color:var(--gray2);
font-size:clamp(1.125rem,4.217vw + -2.038rem,1.563rem);
line-height:clamp(1.688rem,3.313vw + -0.797rem,2.031rem);
position:relative}
.hero-bottom{
margin-top:10px}
.hero-bottom .-sub-text::before{
content:"";
--size:32px;
mask-image:var(--check2);
mask-size:var(--size);
mask-repeat:no-repeat;
mask-position:center;
width:var(--size);
height:var(--size);
background:var(--green);
margin-right:15px}
@media (min-width:1200px){
.hero-bottom .-sub-text::before{
--size:44px}
}
.hero-btn{
margin-top:20px}
.lp-content{
display:flex;
flex-direction:column;
gap:1rem}
@media (min-width:992px){
.lp-content{
margin:auto;
max-width:620px}
}
@media (min-width:1200px){
.lp-content{
max-width:1100px}
}
.chrome-button{
background-repeat:no-repeat;
background-position:35px center;
background-image:var(--download);
background-color:var(--blue2);
color:white;
text-decoration:none;
border-radius:5px;
padding:clamp(1rem,2.41vw + -0.807rem,1.25rem) 50px clamp(1rem,2.41vw + -0.807rem,1.25rem) 80px;
font-weight:600;
font-size:clamp(1rem,2.41vw + -0.807rem,1.25rem);
line-height:clamp(1.5rem,1.176vw + 0.684rem,1.625rem);
display:inline-block}
.chrome-button:hover{
background-color:var(--blue3)}
.lp-footer{
text-align:center;
display:flex;
align-items:flex-end;
position:relative;
justify-content:center;
max-width:1440px;
margin:auto;
width:100%;
>.-footer-ads{
display:block;
margin:0;
width:100%;
max-width:710px;
padding-inline:1rem;
height:88%;
object-fit:contain;
bottom:-35px;
position:relative}
}
@media (min-width:1300px){
.lp-footer{
>.-footer-ads{
max-width:700px;
bottom:-25px}
}
}
@media (min-width:1440px){
.lp-footer{
>.-footer-ads{
max-width:740px;
bottom:-30px}
}
}
.-download-app{
position:absolute;
background:white;
bottom:10px;
right:20px;
max-width:clamp(11.875rem,23.529vw + -4.449rem,14.375rem);
border:1px solid #ccc;
padding:8px 10px;
border-radius:3px}
@media (min-width:1200px){
.-download-app{
bottom:20px;
right:30px}
}
.chrome-modal{
max-width:800px;
width:90%;
margin-top:25vh;
background:#ffffff;
border:1px solid #ddd;
box-shadow:0 4px 12px rgba(0,0,0,0.1);
border-radius:20px;
overflow:hidden;
transition:transform 0.3s ease}
.chrome-modal:hover{
transform:scale(1.005)}
.chrome-modal-header{
position:relative;
padding:20px 40px;
background:#22a9ff;
border-bottom:1px solid #eee;
overflow:hidden}
.chrome-modal-header::before{
content:'';
position:absolute;
top:-50px;
right:-50px;
width:200px;
height:200px;
background-image:url('../img/emblem.png');
background-size:contain;
background-repeat:no-repeat;
transform:rotate(-20deg);
filter:grayscale(100%);
opacity:0.3;
z-index:0}
.chrome-modal-header .logo{
position:absolute;
top:50%;
right:40px;
transform:translateY(-50%);
max-height:80px;
opacity:1;
z-index:1}
.chrome-modal-header .title{
font-size:32px;
margin:0px;
font-weight:700;
color:#FFF;
position:relative;
z-index:1}
.chrome-modal-header .title-sub{
line-height:1.6;
max-width:80%;
font-size:18px;
color:white;
position:relative;
z-index:1}
.chrome-content{
padding:10px 40px}
.chrome-content p{
line-height:1.8;
font-size:16px;
color:#888}
.chrome-footer{
padding:20px 40px;
display:flex;
align-items:center;
justify-content:space-between;
border-top:1px solid #eee}
.chrome-button{
--b:5px;
--c:#555;
--p:26px 50px 26px 80px;
background-color:white;
background-image:url(../img/chevron.png);
background-repeat:no-repeat;
background-position:35px center;
color:var(--c);
text-transform:uppercase;
text-decoration:none;
font-weight:700;
font-size:18px;
cursor:pointer;
line-height:1;
border-radius:50px;
padding:var(--p);
position:relative;
z-index:0;
display:inline-block;
transition:color 0.3s ease,background-color 0.3s ease}
.chrome-button:before{
content:'';
position:absolute;
inset:0;
border-radius:50px;
padding:var(--b);
background:linear-gradient(45deg,#4285F4,#34A853,#FBBC05,#EA4335,#4285F4);
-webkit-mask:linear-gradient(#fff 0 0) content-box,linear-gradient(#fff 0 0);
mask:linear-gradient(#fff 0 0) content-box,linear-gradient(#fff 0 0);
-webkit-mask-composite:xor;
mask-composite:exclude;
z-index:-1;
background-size:400% 400%;
animation:google-border-animate 4s linear infinite}
.chrome-button:hover{
color:#111;
background-color:#fff}
.chrome-button:hover:before{
animation:none}
@keyframes google-border-animate{
0%{
background-position:0% 50%}
50%{
background-position:100% 50%}
100%{
background-position:0% 50%}
}
.stats-module{
max-width:400px;
width:90%;
margin:40px auto;
padding:30px;
background:#ffffff;
border-radius:12px;
box-shadow:0 10px 30px rgba(0,0,0,0.1);
font-family:'Segoe UI',Tahoma,Geneva,Verdana,sans-serif;
text-align:center}
.color-blue{
color:#4285F4!important}
.color-green{
color:#34A853!important}
.color-red{
color:#EA4335!important}
.color-dark{
color:#333!important}
.color-yellow{
color:#FBBC05!important}
.stats-header{
display:flex;
justify-content:space-around;
padding-bottom:20px;
align-items:end}
.stat-item{
display:flex;
flex-direction:column;
align-items:center}
.stat-number{
font-size:2em;
font-weight:700}
.stat-label{
font-size:0.9em;
color:#888;
margin-top:5px}
.stats-divider{
border:0;
height:1px;
background:#eee;
margin:15px 0}
.horizontal-rating{
display:flex;
align-items:center;
justify-content:center;
gap:8px;
margin-bottom:5px}
.horizontal-rating .stat-number{
font-size:1.5em;
line-height:1}
.stars-container{
display:flex;
justify-content:center;
align-items:center;
height:1.5em}
.star{
color:#FBBC05;
font-size:1.2em;
margin:0 1px}
.review-carousel{
min-height:150px;
padding-top:20px;
position:relative}
.review-display{
padding:10px 0;
position:absolute;
width:100%;
top:0;
left:0;
transition:opacity 0.5s ease-in-out}
.review-header{
display:flex;
align-items:center;
justify-content:center;
gap:15px;
margin-bottom:20px}
.review-author-info{
display:flex;
flex-direction:column;
align-items:flex-start;
text-align:left}
.review-header img{
width:50px;
height:50px;
border-radius:50%;
object-fit:cover}
.review-author-name{
font-weight:600;
margin-bottom:3px;
line-height:1.2}
.review-stars{
margin-top:0}
.review-comment{
font-style:italic;
font-size:1.1em;
color:#333;
margin-bottom:15px;
min-height:40px;
text-align:center}
.review-counter{
position:absolute;
bottom:-30px;
left:50%;
transform:translateX(-50%);
font-size:0.8em;
color:#bbb}
@media (max-width:600px){
.chrome-modal-header{
padding:20px}
.chrome-content{
padding:20px}
.chrome-footer{
flex-direction:column;
gap:15px;
padding:20px}
.chrome-modal-header .title{
font-size:24px}
.chrome-modal-header .title-sub{
max-width:100%;
font-size:16px}
.chrome-modal-header .logo{
display:none}
.chrome-button{
width:100%;
text-align:center;
padding:26px 20px 26px 60px}
}