html:has(.home-page),body.home-page{
height:auto;
overflow:visible;
}
html:has(.home-page){
color-scheme:light;
background:#eceef1;
scroll-behavior:smooth;
scroll-padding-top:88px;
}
body.home-page{
--fz1:21px;
--fz2:17px;
--fz3:18px;
--fz5:16px;
--bg1:#eceef1;
--bg2:#e1e5ea;
--tx1:#1f2328;
--tx2:#424a53;
--tx3:#5b6572;
--bc2:transparent;
--hv2:#e1e5ea;
--cl1:#1a73e8;
--icf:#1558c0;
--s1:#f7f8fa;
--s2:#fcfcfd;
--s3:#e1e5ea;
--s4:#d4d9e0;
--ink:#1f2328;
--blue:#1a73e8;
--brand:#0a8efe;
--brand2:#0151b5;
--ul:2px;
--wrap:1200px;
--lift:0 2px 4px rgba(31,35,40,.06),0 40px 80px -20px rgba(31,35,40,.38);
overflow-x:clip;
background:var(--bg1);
font-size:var(--fz3);
font-weight:450;
}
.home-page a:not(.btn){
color:var(--tx1);
text-decoration-color:rgba(31,35,40,.35);
text-decoration-thickness:var(--ul);
text-underline-offset:3px;
}
.home-page a:not(.btn):hover{
text-decoration-color:currentColor;
}
.home-page .btn{
min-height:52px;
padding:0 28px;
font-size:17px;
color:var(--tx1);
font-weight:var(--fw1);
background:var(--s3);
border:0;
text-decoration:none;
cursor:pointer;
transition:background-color .15s,transform .15s;
}
.home-page .btn:hover{
background:var(--s4);
}
.home-page .btn.primary{
color:#fff;
background:var(--cl1);
}
.home-page .btn.primary:hover{
background:var(--icf);
}
.home-page .btn.hm-xl{
gap:12px;
min-height:68px;
padding:0 40px;
font-size:21px;
}
.home-page .btn.hm-xl:active{
transform:scale(.98);
}
.hm-go{
width:18px;
height:18px;
background:currentColor;
-webkit-mask:var(--arrow) center/contain no-repeat;
mask:var(--arrow) center/contain no-repeat;
transition:transform .2s;
}
.btn:hover .hm-go{
transform:translateX(4px);
}
.home-page :focus-visible{
outline:2px solid var(--blue);
outline-offset:3px;
}
.skip-link{
position:absolute;
left:16px;
top:-100px;
z-index:20;
padding:12px;
color:var(--tx1);
background:var(--s3);
border-radius:var(--br4);
}
.skip-link:focus{
top:8px;
}
.hm-top{
position:sticky;
top:0;
z-index:10;
background:rgba(236,238,241,.92);
-webkit-backdrop-filter:blur(12px);
backdrop-filter:blur(12px);
box-shadow:0 1px 2px rgba(31,35,40,.14),0 2px 3px rgba(31,35,40,.1);
}
.hm-top-in{
display:grid;
grid-template-columns:minmax(0,1fr) auto minmax(0,1fr);
align-items:center;
gap:24px;
max-width:1248px;
min-height:76px;
margin:0 auto;
padding:0 24px;
}
.home-page .hm-brand{
display:inline-flex;
justify-self:start;
align-items:center;
gap:10px;
color:var(--tx1);
font-size:22px;
font-weight:700;
letter-spacing:-.01em;
text-decoration:none;
}
.hm-brand img{
width:36px;
height:36px;
}
.hm-nav{
display:flex;
gap:4px;
}
.home-page .hm-nav a,.home-page .hm-signin{
display:inline-flex;
align-items:center;
min-height:44px;
padding:0 14px;
color:var(--tx2);
font-size:var(--fz2);
font-weight:var(--fw1);
text-decoration:none;
white-space:nowrap;
}
.home-page .hm-nav a:hover,.home-page .hm-signin:hover,.home-page .hm-footer nav a:hover{
color:var(--tx1);
text-decoration:underline;
text-decoration-thickness:var(--ul);
text-underline-offset:6px;
}
.hm-top-actions{
display:flex;
grid-column:3;
justify-self:end;
align-items:center;
gap:8px;
}
.hm-top .btn{
min-height:44px;
padding:0 22px;
font-size:var(--fz2);
white-space:nowrap;
}
.home-page main{
position:relative;
z-index:1;
max-width:var(--wrap);
margin:auto;
padding:0 24px;
}
.hm-bg{
position:absolute;
top:0;
left:50%;
width:100vw;
height:1300px;
transform:translateX(-50%);
pointer-events:none;
background-image:linear-gradient(rgba(31,35,40,.06) 1px,transparent 1px),linear-gradient(90deg,rgba(31,35,40,.06) 1px,transparent 1px);
background-size:56px 56px;
background-position:center -1px;
-webkit-mask-image:radial-gradient(ellipse 60% 70% at 50% 0,#000 20%,transparent 75%);
mask-image:radial-gradient(ellipse 60% 70% at 50% 0,#000 20%,transparent 75%);
}
.hm-hero{
display:flex;
flex-direction:column;
align-items:center;
padding:64px 0 0;
text-align:center;
}
.hm-eyebrow,.hm-kicker{
margin:0 0 18px;
font-size:13px;
font-weight:var(--fw1);
letter-spacing:.2em;
text-transform:uppercase;
color:var(--tx3);
}
.hm-eyebrow{
display:inline-flex;
align-items:center;
gap:10px;
margin-bottom:24px;
padding:8px 16px;
color:var(--tx1);
background:var(--s1);
border-radius:var(--br9);
}
.hm-eyebrow::before,.hm-tags li::before,.hm-open b{
content:"";
flex:none;
width:8px;
height:8px;
background:var(--brand);
border-radius:50%;
animation:hm-pulse 2s ease-out infinite;
}
.hm-tags li:nth-child(2)::before{
animation-delay:.5s;
}
.hm-tags li:nth-child(3)::before{
animation-delay:1s;
}
.hm-tags li:nth-child(4)::before{
animation-delay:1.5s;
}
@keyframes hm-pulse{
0%{
box-shadow:0 0 0 0 rgba(10,142,254,.55);
}
70%{
box-shadow:0 0 0 10px rgba(10,142,254,0);
}
100%{
box-shadow:0 0 0 0 rgba(10,142,254,0);
}
}
.hm-hero h1{
margin:0;
font-size:clamp(52px,9vw,124px);
font-weight:800;
line-height:.94;
letter-spacing:-.055em;
color:var(--tx1);
}
.hm-hero h1 em,.hm-section>h2 em{
font-style:normal;
background:linear-gradient(100deg,var(--brand) 10%,var(--brand2) 90%);
-webkit-background-clip:text;
background-clip:text;
color:transparent;
}
.hm-lead{
max-width:720px;
margin:26px 0 0;
text-wrap:balance;
font-size:22px;
line-height:1.55;
color:var(--tx2);
}
.hm-search{
display:flex;
align-items:center;
gap:8px;
width:100%;
max-width:720px;
margin:34px auto 0;
padding:8px 8px 8px 24px;
background:#fff;
border-radius:var(--br9);
box-shadow:0 1px 2px rgba(31,35,40,.08),0 18px 40px -16px rgba(1,81,181,.35);
transition:box-shadow .2s;
}
.hm-search:focus-within{
box-shadow:0 0 0 3px rgba(26,115,232,.35),0 18px 40px -16px rgba(1,81,181,.45);
}
.hm-search>svg{
flex:none;
width:26px;
height:26px;
fill:none;
stroke:var(--tx3);
stroke-width:2;
stroke-linecap:round;
}
.hm-search input{
flex:1;
min-width:0;
height:56px;
padding:0 4px;
font:inherit;
font-size:20px;
color:var(--tx1);
background:none;
border:0;
outline:0;
}
.hm-search input::placeholder{
color:var(--tx3);
}
.hm-search input::-webkit-search-cancel-button{
display:none;
}
.home-page .hm-search .btn{
flex:none;
min-height:56px;
padding:0 30px;
font-size:18px;
}
.hm-actions{
display:flex;
flex-wrap:wrap;
justify-content:center;
gap:14px;
margin-top:20px;
}
.hm-stage-wrap{
position:relative;
max-width:1160px;
margin:48px auto 0;
perspective:2400px;
}
.hm-stage-wrap::before{
content:"";
position:absolute;
inset:6% 6% -8%;
z-index:-1;
background:radial-gradient(closest-side,rgba(10,142,254,.55),rgba(1,81,181,.22) 60%,transparent);
filter:blur(56px);
}
.home-page .hm-stage{
--tx:0;
--ty:0;
position:relative;
display:block;
color:inherit;
text-decoration:none;
transform:rotateX(16deg) scale(.95);
transform-origin:50% 100%;
transform-style:preserve-3d;
transition:transform .6s cubic-bezier(.2,.8,.2,1);
}
.home-page .hm-stage:hover,.home-page .hm-stage:focus-visible{
transform:rotateX(calc(var(--ty) * -5deg)) rotateY(calc(var(--tx) * 6deg)) scale(1);
}
.home-page .hm-stage.tilting{
transition:transform .15s ease-out;
}
.hm-shot{
overflow:hidden;
background:#fff;
border-radius:18px;
box-shadow:var(--lift);
}
.hm-bar{
display:grid;
grid-template-columns:auto auto auto 1fr;
align-items:center;
gap:7px;
height:40px;
padding:0 16px;
background:#f7f8fa;
}
.hm-bar i{
width:11px;
height:11px;
background:#d4d9e0;
border-radius:50%;
}
.hm-bar span{
justify-self:center;
margin-right:51px;
padding:4px 18px;
color:var(--tx3);
font-size:13px;
background:#eceef1;
border-radius:var(--br9);
}
.hm-shot-img{
position:relative;
}
.hm-shot-img img,.hm-phone img,.hm-media img,.hm-table img,.hm-box-art img{
display:block;
width:100%;
height:auto;
}
.hm-shot-img::after{
content:"";
position:absolute;
inset:0;
background:linear-gradient(180deg,rgba(31,35,40,0) 40%,rgba(31,35,40,.28));
transition:opacity .3s;
}
.hm-stage:hover .hm-shot-img::after{
opacity:.4;
}
.hm-cursor{
position:absolute;
left:36%;
top:58%;
z-index:2;
width:34px;
height:34px;
pointer-events:none;
animation:hm-cursor 5s cubic-bezier(.45,0,.2,1) infinite;
}
.hm-cursor::before{
content:"";
position:absolute;
inset:0;
background:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath d='M5 3l14 7-6.2 1.8L10 18z' fill='%23fff' stroke='%231f2328' stroke-width='1.6' stroke-linejoin='round'/%3E%3C/svg%3E") center/contain no-repeat;
filter:drop-shadow(0 3px 4px rgba(0,0,0,.35));
}
.hm-cursor i{
position:absolute;
left:-22px;
top:-22px;
width:56px;
height:56px;
border:3px solid #fff;
border-radius:50%;
opacity:0;
animation:hm-ripple 5s ease-out infinite;
}
@keyframes hm-cursor{
0%{
transform:translate(260%,190%);
opacity:0;
}
10%{
opacity:1;
}
40%{
transform:translate(0,0);
}
46%{
transform:translate(0,0) scale(.82);
}
52%{
transform:translate(0,0) scale(1);
}
85%{
transform:translate(0,0);
opacity:1;
}
100%{
transform:translate(0,0);
opacity:0;
}
}
@keyframes hm-ripple{
0%,44%{
transform:scale(.3);
opacity:0;
}
47%{
opacity:.95;
}
70%,100%{
transform:scale(1.6);
opacity:0;
}
}
.hm-open{
position:absolute;
left:50%;
bottom:12%;
z-index:3;
display:inline-flex;
align-items:center;
gap:14px;
padding:18px 32px 18px 26px;
color:#fff;
font-size:22px;
font-weight:700;
letter-spacing:-.01em;
white-space:nowrap;
background:rgba(31,35,40,.82);
-webkit-backdrop-filter:blur(10px);
backdrop-filter:blur(10px);
border-radius:var(--br9);
box-shadow:0 20px 40px -12px rgba(0,0,0,.5);
transform:translateX(-50%) translateZ(60px);
transition:background-color .2s,transform .3s;
}
.hm-open b{
width:12px;
height:12px;
background:#4db1ff;
}
.hm-open::after{
content:"";
width:18px;
height:18px;
background:currentColor;
-webkit-mask:var(--arrow) center/contain no-repeat;
mask:var(--arrow) center/contain no-repeat;
transition:transform .2s;
}
.hm-stage:hover .hm-open,.hm-stage:focus-visible .hm-open{
background:var(--cl1);
transform:translateX(-50%) translateZ(60px) scale(1.04);
}
.hm-stage:hover .hm-open::after{
transform:translateX(4px);
}
.hm-phone{
position:absolute;
right:-2%;
bottom:-10%;
width:19%;
padding:7px;
background:var(--ink);
border-radius:34px;
box-shadow:0 30px 60px -12px rgba(31,35,40,.5);
transform:translateZ(90px);
}
.hm-phone img{
border-radius:27px;
}
.hm-tags{
position:absolute;
inset:0;
margin:0;
padding:0;
list-style:none;
pointer-events:none;
}
.hm-tags li{
position:absolute;
display:inline-flex;
align-items:center;
gap:10px;
padding:10px 18px 10px 14px;
color:var(--tx1);
font-size:16px;
font-weight:var(--fw1);
white-space:nowrap;
background:rgba(255,255,255,.94);
border-radius:var(--br9);
box-shadow:0 1px 2px rgba(31,35,40,.08),0 12px 32px -8px rgba(31,35,40,.28);
}
.hm-tags li::before{
width:10px;
height:10px;
}
.hm-tags li:nth-child(1){
top:18%;
left:-4%;
}
.hm-tags li:nth-child(2){
top:52%;
left:-6%;
}
.hm-tags li:nth-child(3){
top:6%;
right:-4%;
}
.hm-tags li:nth-child(4){
bottom:-4%;
right:23%;
}
.hm-strip{
display:grid;
grid-template-columns:repeat(4,minmax(0,1fr));
gap:24px;
margin:150px 0 0;
padding:0;
list-style:none;
text-align:center;
}
.hm-strip li{
display:grid;
align-content:start;
gap:6px;
}
.hm-strip strong{
font-size:clamp(34px,4.6vw,56px);
font-weight:800;
line-height:1;
letter-spacing:-.04em;
background:linear-gradient(180deg,var(--tx1),#4a5563);
-webkit-background-clip:text;
background-clip:text;
color:transparent;
}
.hm-strip span{
color:var(--tx2);
font-size:var(--fz5);
}
.hm-section{
padding:150px 0 0;
scroll-margin-top:72px;
text-align:center;
}
.hm-section>h2,.hm-cta h2,.hm-box-copy h2{
max-width:820px;
margin:0 auto;
text-wrap:balance;
font-size:clamp(36px,5.4vw,72px);
font-weight:800;
line-height:1.02;
letter-spacing:-.045em;
}
.hm-section-lead{
max-width:660px;
margin:20px auto 0;
font-size:20px;
color:var(--tx2);
}
.hm-steps{
display:grid;
grid-template-columns:repeat(3,minmax(0,1fr));
gap:14px;
margin:56px 0 0;
padding:0;
list-style:none;
counter-reset:step;
}
.hm-steps li{
position:relative;
display:grid;
justify-items:center;
align-content:start;
gap:10px;
padding:44px 32px 40px;
background:var(--s1);
border-radius:24px;
counter-increment:step;
transition:transform .3s,box-shadow .3s;
}
.hm-steps li:hover{
transform:translateY(-6px);
box-shadow:0 24px 48px -24px rgba(31,35,40,.35);
}
.hm-steps li::before{
content:"0" counter(step);
position:absolute;
top:20px;
left:24px;
font-size:15px;
font-weight:800;
color:#aab2bc;
}
.hm-steps svg,.hm-who svg{
width:64px;
height:64px;
margin-bottom:10px;
padding:16px;
fill:none;
stroke:#fff;
stroke-width:2;
stroke-linecap:round;
stroke-linejoin:round;
background:linear-gradient(150deg,var(--brand),var(--brand2));
border-radius:50%;
box-shadow:0 12px 24px -10px rgba(1,81,181,.6);
}
.hm-steps strong{
font-size:24px;
font-weight:800;
letter-spacing:-.02em;
}
.hm-steps span{
max-width:300px;
color:var(--tx2);
line-height:1.55;
}
.hm-feature{
margin-top:130px;
}
.hm-feature{
display:grid;
grid-template-columns:minmax(0,5fr) minmax(0,7fr);
align-items:center;
gap:72px;
text-align:left;
}
.hm-flip{
grid-template-columns:minmax(0,7fr) minmax(0,5fr);
}
.hm-flip .hm-copy{
order:2;
}
.hm-tag{
display:inline-block;
margin:0 0 16px;
padding:6px 14px;
font-size:13px;
font-weight:var(--fw1);
letter-spacing:.16em;
text-transform:uppercase;
color:var(--brand2);
background:rgba(10,142,254,.12);
border-radius:var(--br9);
}
.hm-copy h3{
margin:0;
font-size:clamp(30px,3.4vw,46px);
font-weight:800;
line-height:1.05;
letter-spacing:-.035em;
}
.hm-copy>p:not(.hm-tag){
margin:20px 0 0;
font-size:19px;
line-height:1.6;
color:var(--tx2);
}
.hm-checks{
display:grid;
grid-template-columns:repeat(2,minmax(0,1fr));
gap:12px 20px;
margin:28px 0 0;
padding:0;
list-style:none;
}
.hm-checks li{
position:relative;
padding-left:30px;
font-size:var(--fz5);
font-weight:600;
line-height:1.4;
}
.hm-checks li::before{
content:"";
position:absolute;
left:0;
top:0;
width:20px;
height:20px;
background:var(--cl1) url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath d='m6 12.5 4 4 8-9' fill='none' stroke='%23fff' stroke-width='3' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E") center/14px no-repeat;
border-radius:50%;
}
.home-page a.hm-more{
display:inline-flex;
align-items:center;
gap:8px;
margin-top:32px;
font-size:19px;
font-weight:700;
color:var(--cl1);
text-decoration:none;
}
.home-page a.hm-more::after{
content:"";
width:15px;
height:15px;
background:currentColor;
-webkit-mask:var(--arrow) center/contain no-repeat;
mask:var(--arrow) center/contain no-repeat;
transition:transform .2s;
}
.home-page a.hm-more:hover{
color:var(--icf);
text-decoration:underline;
}
.home-page a.hm-more:hover::after{
transform:translateX(4px);
}
.hm-media{
--tx:0;
--ty:0;
--ry:-16deg;
position:relative;
overflow:hidden;
background:#fff;
border-radius:16px;
box-shadow:var(--lift);
transform:perspective(1800px) rotateY(var(--ry)) rotateX(6deg);
transition:transform .6s cubic-bezier(.2,.8,.2,1);
}
.hm-flip .hm-media{
--ry:16deg;
}
.hm-media::after,.hm-box-art::after{
content:"";
position:absolute;
inset:0;
pointer-events:none;
background:linear-gradient(115deg,rgba(255,255,255,0) 30%,rgba(255,255,255,.22) 48%,rgba(255,255,255,0) 62%);
background-size:220% 100%;
background-position:calc(70% - var(--tx) * 60%) 0;
transition:background-position .6s;
}
.hm-media:hover,.hm-media.tilting{
transform:perspective(1800px) rotateY(calc(var(--tx) * 10deg)) rotateX(calc(var(--ty) * -8deg)) scale(1.02);
}
.hm-media.tilting,.hm-media.tilting::after,.hm-box-art.tilting,.hm-box-art.tilting::after{
transition:transform .15s ease-out,background-position .15s ease-out;
}
.hm-media-tall{
justify-self:center;
width:min(100%,380px);
border-radius:20px;
}
.hm-chat{
justify-self:center;
display:grid;
gap:14px;
width:min(100%,520px);
padding:28px;
}
.hm-chat-head{
display:grid;
gap:2px;
padding-bottom:6px;
}
.hm-chat-head strong{
font-size:22px;
font-weight:800;
}
.hm-chat-head span,.hm-chat small{
color:var(--tx3);
font-size:14px;
}
.hm-q,.hm-a{
margin:0;
padding:14px 18px;
line-height:1.5;
border-radius:20px;
}
.hm-q{
justify-self:end;
max-width:80%;
color:#fff;
font-weight:600;
background:var(--cl1);
border-bottom-right-radius:6px;
}
.hm-a{
max-width:92%;
color:var(--tx1);
background:var(--s1);
border-bottom-left-radius:6px;
}
.hm-chat-box{
margin-top:6px;
padding:16px 18px;
color:var(--tx3);
border:2px solid var(--cl1);
border-radius:14px;
}
.hm-nation{
position:relative;
}
.hm-table{
position:relative;
max-width:1100px;
margin:-60px auto -110px;
overflow:clip;
perspective:1400px;
-webkit-mask-image:radial-gradient(ellipse 70% 60% at 50% 45%,#000 40%,transparent 72%);
mask-image:radial-gradient(ellipse 70% 60% at 50% 45%,#000 40%,transparent 72%);
}
.hm-table img{
transform:rotateX(48deg) scale(1.15);
transform-origin:50% 60%;
}
.hm-nation .btn{
position:relative;
z-index:1;
}
.hm-box{
display:grid;
grid-template-columns:minmax(0,1fr) minmax(0,1fr);
align-items:center;
gap:56px;
text-align:left;
}
.hm-box-art{
--tx:0;
--ty:0;
position:relative;
filter:drop-shadow(0 40px 40px rgba(31,35,40,.3));
transform:perspective(1600px) rotateY(calc(var(--tx) * 12deg)) rotateX(calc(var(--ty) * -8deg));
transition:transform .6s cubic-bezier(.2,.8,.2,1);
}
.hm-box-art::after{
-webkit-mask:url(/home-box.webp) center/contain no-repeat;
mask:url(/home-box.webp) center/contain no-repeat;
}
.hm-box-copy h2{
margin:0;
}
.hm-box-list{
display:grid;
grid-template-columns:repeat(2,minmax(0,1fr));
gap:20px 28px;
margin:36px 0 40px;
padding:0;
list-style:none;
}
.hm-box-list li{
display:grid;
gap:4px;
padding-left:18px;
border-left:3px solid var(--brand);
}
.hm-box-list strong{
font-size:19px;
font-weight:800;
}
.hm-box-list span{
color:var(--tx2);
font-size:var(--fz5);
}
.hm-who{
display:grid;
grid-template-columns:repeat(3,minmax(0,1fr));
gap:14px;
margin-top:56px;
}
.hm-who article{
display:flex;
flex-direction:column;
align-items:center;
padding:40px 28px 36px;
background:var(--s1);
border-radius:24px;
transition:transform .3s,box-shadow .3s;
}
.hm-who article:hover{
transform:translateY(-6px);
box-shadow:0 24px 48px -24px rgba(31,35,40,.35);
}
.hm-who svg{
width:56px;
height:56px;
padding:14px;
}
.hm-who h3{
margin:10px 0 8px;
font-size:22px;
font-weight:800;
letter-spacing:-.02em;
}
.hm-who p{
margin:0;
color:var(--tx2);
line-height:1.6;
}
.hm-faq{
display:grid;
gap:4px;
max-width:680px;
margin:44px auto 0;
text-align:left;
}
.hm-faq summary{
display:inline-flex;
align-items:center;
gap:14px;
min-height:60px;
padding:8px 0;
font-size:var(--fz1);
font-weight:var(--fw1);
list-style:none;
cursor:pointer;
}
.hm-faq summary::-webkit-details-marker{
display:none;
}
.hm-faq summary::before{
content:"";
flex:none;
width:18px;
height:18px;
background:var(--tx2);
-webkit-mask:var(--arrow) center/contain no-repeat;
mask:var(--arrow) center/contain no-repeat;
transition:transform .2s;
}
.hm-faq details[open] summary::before{
transform:rotate(90deg);
}
@media(hover:hover){
.hm-faq summary:hover{
text-decoration:underline;
text-decoration-thickness:var(--ul);
text-underline-offset:6px;
}
}
.hm-faq p{
margin:0;
padding:0 0 24px 32px;
color:var(--tx2);
line-height:1.65;
}
.hm-cta{
display:grid;
justify-items:center;
gap:18px;
margin:150px 0 0;
padding:120px 32px;
text-align:center;
color:#fff;
background:radial-gradient(ellipse 60% 90% at 50% 120%,rgba(10,142,254,.65),transparent 70%),var(--brand2);
border-radius:32px;
}
.hm-cta h2{
max-width:none;
}
.hm-cta p{
margin:0;
font-size:20px;
color:rgba(255,255,255,.85);
}
.hm-cta .hm-search{
margin-top:20px;
box-shadow:0 24px 48px -16px rgba(0,0,0,.45);
}
.hm-footer{
margin-top:96px;
}
.hm-footer-in{
display:flex;
flex-direction:column;
align-items:center;
gap:20px;
max-width:var(--wrap);
margin:auto;
padding:32px 24px 56px;
text-align:center;
}
.hm-footer nav{
display:flex;
flex-wrap:wrap;
justify-content:center;
gap:8px 24px;
}
.home-page .hm-footer nav a{
color:var(--tx3);
font-size:var(--fz5);
text-decoration:none;
}
.hm-footer p{
margin:0;
color:var(--tx3);
font-size:14px;
}
.hm-footer .hm-brand{
font-size:var(--fz3);
}
@media(max-width:1300px){
.hm-tags li:nth-child(-n+2){
left:1%;
}
.hm-tags li:nth-child(3){
right:1%;
}
}
@media(max-width:1060px){
.hm-nav,.hm-tags{
display:none;
}
.hm-feature,.hm-box{
grid-template-columns:minmax(0,1fr);
gap:48px;
}
.hm-flip{
grid-template-columns:minmax(0,1fr);
}
.hm-flip .hm-copy{
order:0;
}
.hm-copy{
max-width:640px;
}
.hm-media{
--ry:0deg;
transform:perspective(1800px) rotateX(8deg);
}
.hm-flip .hm-media{
--ry:0deg;
}
.hm-box-art{
max-width:520px;
margin:auto;
}
.hm-strip,.hm-who{
grid-template-columns:repeat(2,minmax(0,1fr));
}
.hm-feature{
margin-top:100px;
}
}
@media(max-width:760px){
.hm-steps{
grid-template-columns:minmax(0,1fr);
}
.hm-open{
padding:14px 22px 14px 18px;
font-size:17px;
}
}
@media(max-width:640px){
.hm-top-in{
gap:12px;
min-height:64px;
padding:0 16px;
}
.hm-signin{
display:none!important;
}
.home-page main{
padding:0 16px;
}
.hm-hero{
padding-top:40px;
}
.hm-eyebrow{
letter-spacing:.1em;
font-size:12px;
}
.hm-lead{
font-size:var(--fz3);
}
.hm-search{
flex-wrap:wrap;
padding:8px;
border-radius:24px;
}
.hm-search>svg{
margin-left:12px;
}
.home-page .hm-search .btn{
flex:1 1 100%;
}
.hm-actions .btn{
flex:1 1 100%;
}
.home-page .btn.hm-xl{
min-height:60px;
padding:0 28px;
font-size:19px;
}
.hm-stage-wrap{
margin-top:56px;
}
.home-page .hm-stage{
transform:none;
}
.hm-bar{
display:none;
}
.hm-shot{
border-radius:14px;
}
.hm-phone{
display:none;
}
.hm-open{
bottom:8%;
padding:10px 18px 10px 14px;
font-size:15px;
}
.hm-cursor{
display:none;
}
.hm-strip{
gap:36px 16px;
margin-top:96px;
}
.hm-section{
padding-top:96px;
}
.hm-feature{
margin-top:72px;
}
.hm-checks,.hm-box-list,.hm-who{
grid-template-columns:minmax(0,1fr);
}
.hm-media{
transform:none;
}
.hm-chat{
padding:20px;
}
.hm-table{
margin-bottom:-40px;
}
.hm-cta{
margin-top:96px;
padding:64px 20px;
border-radius:24px;
}
.hm-footer-in{
padding:28px 16px 40px;
}
}
@media(prefers-reduced-motion:reduce){
html:has(.home-page){
scroll-behavior:auto;
}
.hm-eyebrow::before,.hm-tags li::before,.hm-open b{
animation:none;
box-shadow:0 0 0 4px rgba(10,142,254,.2);
}
.hm-cursor{
display:none;
}
.home-page .hm-stage,.hm-media,.hm-box-art,.hm-steps li,.hm-who article{
transition:none;
}
}
@media(forced-colors:active){
.hm-hero h1 em,.hm-section>h2 em,.hm-strip strong{
color:CanvasText;
background:none;
}
.hm-shot,.hm-media,.hm-steps li,.hm-who article,.hm-cta,.home-page .btn,.hm-search{
border:var(--bw1) solid CanvasText;
}
}