@font-face{
font-family:"Barlow Semi Condensed";
src:url(barlow-semi-condensed-800.woff2) format("woff2");
font-weight:800;
font-display:block;
}
@font-face{
font-family:"Hanken Grotesk";
src:url(hanken-grotesk.woff2) format("woff2");
font-weight:100 900;
font-display:block;
}
html:has(.home-page),body.home-page{
height:auto;
overflow:visible;
}
body.home-page{
overflow-x:clip;
container-type:inline-size;
}
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);
--push:cubic-bezier(.2,.8,.2,1);
background:var(--bg1);
font-size:var(--fz3);
font-weight:450;
}
.home-page a:not(.btn,.gh a){
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;
white-space:nowrap;
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;
}
.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;
}
.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;
}
.home-page .hm-footer nav a:hover{
color:var(--tx1);
text-decoration:underline;
text-decoration-thickness:var(--ul);
text-underline-offset:6px;
}
.home-page main{
position:relative;
z-index:1;
max-width:var(--wrap);
margin:auto;
padding:0 24px;
}
.home-page .gh:not(.scrolled,.open){
background:transparent;
-webkit-backdrop-filter:none;
backdrop-filter:none;
}
.hm-hero{
position:relative;
display:flex;
flex-direction:column;
align-items:center;
width:100cqw;
margin:-76px calc(50% - 50cqw) 0;
padding:0;
overflow:hidden;
text-align:center;
background:var(--bg1);
}
.hm-kicker{
margin:0 0 18px;
font-size:13px;
font-weight:var(--fw1);
letter-spacing:.2em;
text-transform:uppercase;
color:var(--tx3);
}
.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 em{
font-style:normal;
color:var(--cl1);
}
.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-search{
position:relative;
display:flex;
align-items:center;
width:100%;
max-width:720px;
margin:34px auto 0;
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 1px 2px rgba(31,35,40,.1),0 22px 48px -16px rgba(1,81,181,.5);
}
.hm-search>svg{
position:absolute;
left:24px;
pointer-events:none;
width:26px;
height:26px;
fill:none;
stroke:var(--tx3);
stroke-width:2;
stroke-linecap:round;
}
.hm-search input{
flex:1;
align-self:stretch;
min-width:0;
text-overflow:ellipsis;
height:72px;
padding:0 8px 0 62px;
border-radius:inherit;
font:inherit;
font-size:20px;
color:var(--tx1);
background:none;
border:0;
outline:0;
}
.home-page .hm-search input:focus-visible{
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;
margin:8px 8px 8px 0;
padding:0 30px;
font-size:18px;
}
.hm-stage-wrap{
position:relative;
max-width:1160px;
margin:48px auto 0;
perspective:2400px;
}
.home-page .hm-stage{
position:relative;
display:block;
color:inherit;
text-decoration:none;
transform:rotateX(16deg) scale(.95);
transform-origin:50% 100%;
transform-style:preserve-3d;
}
.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-media 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-demo{
overflow:hidden;
}
.hm-demo-sel{
position:absolute;
inset:0;
width:100%;
height:100%;
}
.hm-demo-sel path{
fill:rgba(26,115,232,.3);
stroke:#1558e8;
stroke-width:3;
stroke-linejoin:round;
vector-effect:non-scaling-stroke;
opacity:0;
transition:opacity .2s;
}
.hm-demo-sel path.on{
opacity:1;
}
.hm-pin{
position:absolute;
z-index:1;
width:2.6%;
aspect-ratio:1;
background:url(/logo.svg?v=blue-pin-4-20261013) center bottom/contain no-repeat;
filter:drop-shadow(0 3px 3px rgba(0,0,0,.35));
transform:translate(-50%,-100%);
opacity:0;
}
.hm-pin.on{
animation:hm-drop .35s var(--push) both;
}
@keyframes hm-drop{
from{
opacity:0;
transform:translate(-50%,-160%);
}
to{
opacity:1;
transform:translate(-50%,-100%);
}
}
.hm-panel{
position:absolute;
top:0;
right:0;
z-index:1;
width:25%;
height:98%;
overflow:hidden;
background:#fff;
box-shadow:-10px 0 30px -6px rgba(31,35,40,.35);
transform:translateX(104%);
transition:transform .42s var(--push);
}
.hm-panel.open{
transform:none;
}
.hm-shot-img .hm-panel img{
width:400%;
max-width:none;
transform:translateX(calc(var(--i,0)*-25%));
}
.hm-cursor{
position:absolute;
left:70%;
top:110%;
z-index:2;
width:2.2%;
min-width:22px;
aspect-ratio:1;
pointer-events:none;
transition:left .75s cubic-bezier(.5,0,.2,1),top .75s cubic-bezier(.5,0,.2,1);
}
.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));
transform:translate(-20%,-12%);
transition:transform .12s;
}
.hm-cursor i{
position:absolute;
left:-80%;
top:-80%;
width:160%;
height:160%;
border:3px solid #fff;
border-radius:50%;
opacity:0;
}
.hm-cursor.click::before{
transform:translate(-20%,-12%) scale(.8);
}
.hm-cursor.click i{
animation:hm-ripple .55s ease-out;
}
@keyframes hm-ripple{
from{
transform:scale(.3);
opacity:.95;
}
to{
transform:scale(1.4);
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;
}
.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;
}
.hm-stage:hover .hm-open,.hm-stage:focus-visible .hm-open{
background:var(--cl1);
}
.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;
width:100%;
margin: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(28px,4.6cqw,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{
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;
}
.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;
}
.home-page a.hm-more:hover{
color:var(--icf);
text-decoration:underline;
text-decoration-thickness:var(--ul);
text-underline-offset:5px;
}
.hm-media{
--rx:6deg;
--ry:-16deg;
position:relative;
overflow:hidden;
background:#fff;
border-radius:16px;
box-shadow:var(--lift);
transform:perspective(1800px) rotateY(var(--ry)) rotateX(var(--rx));
}
.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:70% 0;
}
.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-log{
display:grid;
gap:14px;
}
.playing .hm-chat-log{
display:flex;
flex-direction:column;
justify-content:flex-end;
gap:14px;
height:360px;
overflow:hidden;
-webkit-mask-image:linear-gradient(transparent,#000 64px);
mask-image:linear-gradient(transparent,#000 64px);
transition:opacity .6s;
}
.playing .hm-chat-log>*{
flex:none;
animation:hm-in .35s var(--push) both;
}
.hm-chat-log.fading{
opacity:0;
}
@keyframes hm-in{
from{
opacity:0;
transform:translateY(10px);
}
}
.hm-dots{
display:flex;
gap:6px;
padding:20px 18px;
}
.hm-dots i{
width:8px;
height:8px;
background:var(--tx3);
border-radius:50%;
animation:hm-dot 1s ease-in-out infinite;
}
.hm-dots i:nth-child(2){
animation-delay:.15s;
}
.hm-dots i:nth-child(3){
animation-delay:.3s;
}
@keyframes hm-dot{
50%{
opacity:.25;
transform:translateY(-3px);
}
}
.hm-q{
align-self:flex-end;
}
.hm-a{
align-self:flex-start;
}
.hm-chat-box{
display:flex;
align-items:center;
min-height:58px;
margin-top:6px;
padding:0 18px;
color:var(--tx1);
font-weight:500;
border:2px solid var(--cl1);
border-radius:14px;
}
.hm-chat-box span:empty::before{
content:"Ask about this property…";
color:var(--tx3);
}
.playing .hm-chat-box span:not(:empty)::after{
content:"";
display:inline-block;
width:2px;
height:1.15em;
margin-left:2px;
vertical-align:text-bottom;
background:var(--cl1);
animation:hm-caret 1s steps(1) infinite;
}
@keyframes hm-caret{
50%{
opacity:0;
}
}
.hm-nation{
position:relative;
display:flex;
margin-top:24px;
flex-direction:column;
align-items:center;
}
.hm-nation .btn{
margin-top:48px;
}
.hm-box{
display:flex;
flex-direction:column;
align-items:center;
gap:56px;
}
.hm-box-art{
position:relative;
width:min(100%,420px);
filter:drop-shadow(0 40px 40px rgba(31,35,40,.3));
}
.hm-box-art::after{
-webkit-mask:url(/home-box.webp) center/contain no-repeat;
mask:url(/home-box.webp) center/contain no-repeat;
}
.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;
}
.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;
grid-template-columns:minmax(0,1fr);
justify-items:center;
gap:18px;
margin:150px 0 0;
padding:120px 32px;
text-align:center;
color:#fff;
background: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 p+p{
margin-top:-12px;
font-size:13px;
}
.hm-footer p span{
white-space:nowrap;
}
.hm-footer .hm-brand{
font-size:var(--fz3);
}
@media(max-width:1200px){
.hm-hero{
margin-top:-64px;
}
}
@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-tags{
display:none;
}
.hm-feature{
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{
--rx:8deg;
--ry:0deg;
}
.hm-flip .hm-media{
--ry:0deg;
}
.hm-box-art{
width:min(100%,360px);
}
.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){
.home-page main{
padding:0 16px;
}
.hm-search{
flex-wrap:wrap;
border-radius:24px;
}
.hm-search>svg{
top:23px;
}
.hm-search input{
flex:1 1 100%;
height:72px;
}
.home-page .hm-search .btn{
flex:1 1 100%;
margin:0 8px 8px;
}
.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-open{
bottom:8%;
padding:10px 18px 10px 14px;
font-size:15px;
}
.hm-strip{
gap:36px 16px;
}
.hm-strip strong{
font-size:clamp(28px,10cqw,40px);
}
.hm-section{
padding-top:96px;
}
.hm-feature{
margin-top:72px;
}
.hm-checks,.hm-who{
grid-template-columns:minmax(0,1fr);
}
.hm-media{
transform:none;
}
.hm-chat{
padding:20px;
}
.hm-cta{
margin-top:96px;
padding:64px 20px;
border-radius:24px;
}
.hm-footer-in{
padding:28px 16px 40px;
}
}
@media(max-width:360px){
.home-page .btn.hm-xl{
padding:0 22px;
font-size:18px;
}
.hm-cta{
padding:48px 16px;
}
.hm-cta h2{
font-size:32px;
}
.hm-cta p{
font-size:var(--fz3);
}
.hm-open{
gap:8px;
padding:8px 14px 8px 12px;
font-size:13px;
}
.hm-open::after{
width:12px;
height:12px;
}
}
@media(prefers-reduced-motion:reduce){
html:has(.home-page){
scroll-behavior:auto;
}
.hm-tags li::before,.hm-open b{
animation:none;
box-shadow:0 0 0 4px rgba(10,142,254,.2);
}
.hm-cursor{
display: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;
}
}
.hm-land-showcase{
display:flex;
flex-direction:column;
align-items:center;
text-align:center;
}
.hm-land-pills{
justify-content:center;
margin-top:26px;
}
.hm-land-actions{
justify-content:center;
margin-top:28px;
}
.hm-land-frame{
max-width:1080px;
margin:44px auto 0;
}
.hv{
font-size:clamp(2.75rem,7.2cqw,6rem);
position:relative;
flex:1;
display:flex;
flex-direction:column;
align-items:center;
justify-content:center;
width:100%;
min-height:92svh;
padding:128px 24px 72px;
overflow:hidden;
text-align:center;
color:var(--tx1);
background:var(--bg1);
}
.hv-tall{
min-height:min(100svh,10.42em);
}
.hv .btn{
transition:none;
}
.hv .btn:active{
transform:none;
}
.hv-wrap{
position:relative;
z-index:2;
display:flex;
flex-direction:column;
align-items:center;
text-align:center;
width:100%;
max-width:1200px;
margin:0 auto;
}
.hv-center{
display:flex;
flex-direction:column;
align-items:center;
text-align:center;
}
.hm-hero .hv-title{
margin:0;
width:100%;
font-family:"Barlow Semi Condensed","Hanken Grotesk",sans-serif;
font-size:1.08em;
font-weight:800;
line-height:1;
letter-spacing:-.025em;
text-wrap:balance;
color:var(--tx1);
}
.hv-sub{
max-width:680px;
margin:18px 0 0;
font-size:clamp(18px,1.7cqw,22px);
line-height:1.45;
text-wrap:balance;
color:var(--tx2);
}
.hv-actions{
display:flex;
flex-wrap:wrap;
align-items:center;
justify-content:center;
gap:14px;
margin-top:32px;
}
.hv-pills{
display:flex;
flex-wrap:wrap;
justify-content:center;
gap:10px;
margin:22px 0 0;
padding:0;
list-style:none;
}
.hv-pill{
display:inline-flex;
align-items:center;
gap:8px;
padding:9px 18px;
font-size:15px;
font-weight:600;
border-radius:var(--br9);
background:rgba(255,255,255,.88);
color:var(--tx1);
text-decoration:none!important;
border:0;
box-shadow:0 4px 14px rgba(31,35,40,.06);
}
.hv-map-frame{
width:100%;
margin-left:auto;
margin-right:auto;
overflow:hidden;
border-radius:24px;
background:#fff;
border:0;
box-shadow:var(--lift);
}
.hv-map-frame img{
display:block;
width:100%;
height:auto;
}
.hv-map-bg{
position:absolute;
top:47%;
left:50%;
width:min(94%,21em);
height:min(80%,8.35em);
transform:translate(-50%,-50%);
z-index:0;
pointer-events:none;
--edge-fade:linear-gradient(to right,transparent,rgba(0,0,0,.25) 4%,rgba(0,0,0,.75) 11%,#000 18%,#000 82%,rgba(0,0,0,.75) 89%,rgba(0,0,0,.25) 96%,transparent),linear-gradient(to bottom,transparent,rgba(0,0,0,.25) 5%,rgba(0,0,0,.75) 13%,#000 22%,#000 78%,rgba(0,0,0,.75) 87%,rgba(0,0,0,.25) 95%,transparent);
-webkit-mask-image:var(--edge-fade);
mask-image:var(--edge-fade);
-webkit-mask-composite:source-in;
mask-composite:intersect;
}
.home-map-loading .hv-map-bg img{
visibility:hidden;
}
.hv-map-bg img{
display:block;
width:100%;
height:100%;
object-fit:cover;
object-position:center;
opacity:.74;
}
.hv-map-bg picture{
display:contents;
}
@media(max-width:640px){
.hv{
display:grid;
grid-template-columns:minmax(0,1fr);
grid-template-rows:auto auto auto clamp(200px,32svh,320px);
align-content:center;
justify-items:center;
padding:112px 16px 64px;
}
.hv-wrap{
display:contents;
}
.hv-title,.hv-sub,.hv-actions{
position:relative;
z-index:2;
}
.hv-title{
grid-area:1/1;
}
.hv-sub{
grid-area:2/1;
}
.hv-actions{
grid-area:3/1;
}
.hv-map-bg{
grid-area:2/1/5/2;
top:16px;
bottom:-40px;
width:calc(100% + 16px);
height:auto;
transform:translateX(-50%);
--edge-fade:linear-gradient(to right,transparent,rgba(0,0,0,.35) 3%,#000 9%,#000 91%,rgba(0,0,0,.35) 97%,transparent),linear-gradient(to bottom,transparent,rgba(0,0,0,.25) 6%,rgba(0,0,0,.75) 15%,#000 26%,#000 80%,rgba(0,0,0,.75) 89%,rgba(0,0,0,.25) 96%,transparent);
}
}
@media(max-width:480px){
.hm-hero .hv-title{
font-size:clamp(52px,16cqw,76px);
line-height:.98;
}
.hv-title span{
display:block;
}
}