html:has(.biz-page),body.biz-page{
height:auto;
overflow:visible;
}
html:has(.biz-page){
color-scheme:light;
background:#eceef1;
scroll-behavior:smooth;
scroll-padding-top:88px;
}
body.biz-page{
--fz3:17px;
--fz5:15px;
--bg1:#eceef1;
--bg2:#e1e5ea;
--tx1:#0f172a;
--tx2:#3b4758;
--tx3:#556274;
--bc2:transparent;
--hv2:#e1e5ea;
--tint:#f7f8fa;
--cl1:#0f172a;
--icb:#e1e5ea;
--icf:#0f172a;
--bs2:0 24px 64px rgba(15,23,42,.18);
--s1:#f7f8fa;
--s2:#fcfcfd;
--s3:#e1e5ea;
--s4:#d4d9e0;
--ink:#0f172a;
--ink2:#1e293b;
--blue:#1a73e8;
--brand:#0a8efe;
--brand2:#0151b5;
--ul:2px;
--wrap:1200px;
background:var(--bg1);
font-size:var(--fz3);
font-weight:450;
}
.biz-page a:not(.btn){
color:var(--tx1);
text-decoration-color:rgba(15,23,42,.35);
text-decoration-thickness:var(--ul);
text-underline-offset:3px;
}
.biz-page a:not(.btn):hover{
text-decoration-color:currentColor;
}
.biz-page .btn{
min-height:48px;
padding:0 26px;
color:var(--tx1);
font-weight:var(--fw1);
background:var(--s3);
border:0;
text-decoration:none;
transition:background-color .15s;
}
.biz-page .btn:hover{
background:var(--s4);
}
.biz-page .btn.primary{
font-weight:var(--fw1);
color:#fff;
background:var(--ink);
}
.biz-page .btn.primary:hover{
background:var(--ink2);
}
.biz-page .btn:disabled{
opacity:.5;
}
.biz-page .icon-btn{
background:var(--s3);
}
.biz-page .icon-btn:hover{
background:var(--s4);
}
.biz-page :focus-visible{
outline:2px solid var(--blue);
outline-offset:2px;
}
.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;
}
.biz-top{
position:sticky;
top:0;
z-index:10;
background:rgba(236,238,241,.92);
-webkit-backdrop-filter:blur(12px);
backdrop-filter:blur(12px);
}
.biz-top-in{
display:grid;
grid-template-columns:minmax(0,1fr) auto minmax(0,1fr);
align-items:center;
gap:24px;
min-height:72px;
padding:0 24px;
}
.biz-page .biz-brand{
display:inline-flex;
flex:none;
justify-self:start;
align-items:center;
gap:10px;
color:var(--tx1);
font-size:var(--fz1);
font-weight:700;
letter-spacing:-.01em;
text-decoration:none;
}
.biz-brand img{
border-radius:var(--br4);
}
.biz-brand em{
padding:4px 9px;
font-size:11px;
font-style:normal;
font-weight:var(--fw1);
letter-spacing:.16em;
text-transform:uppercase;
color:var(--tx2);
background:var(--s3);
border-radius:var(--br9);
}
.biz-nav{
display:flex;
gap:4px;
min-width:0;
}
.biz-page .biz-nav a{
display:inline-flex;
align-items:center;
min-height:44px;
padding:0 12px;
color:var(--tx2);
font-size:var(--fz2);
font-weight:var(--fw1);
text-decoration:none;
white-space:nowrap;
}
.biz-page .biz-nav a:hover,.biz-page .biz-signin:hover,.biz-page .biz-footer nav a:hover{
color:var(--tx1);
text-decoration:underline;
text-decoration-thickness:var(--ul);
text-underline-offset:6px;
}
.biz-top-actions{
display:flex;
grid-column:3;
justify-self:end;
align-items:center;
gap:8px;
}
.biz-page .biz-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;
}
.biz-top .btn{
min-height:40px;
padding:0 18px;
font-size:var(--fz5);
white-space:nowrap;
}
.biz-page main{
position:relative;
z-index:1;
max-width:var(--wrap);
margin:auto;
padding:0 24px;
}
.biz-bg{
position:absolute;
top:0;
left:0;
right:0;
height:1100px;
pointer-events:none;
background-image:linear-gradient(rgba(15,23,42,.06) 1px,transparent 1px),linear-gradient(90deg,rgba(15,23,42,.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%);
}
.biz-hero{
display:flex;
flex-direction:column;
align-items:center;
padding:104px 0 0;
text-align:center;
}
.biz-eyebrow,.biz-kicker{
margin:0 0 18px;
font-size:12px;
font-weight:var(--fw1);
letter-spacing:.2em;
text-transform:uppercase;
color:var(--tx3);
}
.biz-eyebrow{
display:inline-flex;
align-items:center;
gap:10px;
margin-bottom:28px;
padding:8px 16px;
color:var(--tx1);
background:var(--s1);
border-radius:var(--br9);
}
.biz-eyebrow::before{
content:"";
width:8px;
height:8px;
background:var(--brand);
border-radius:50%;
box-shadow:0 0 0 4px rgba(10,142,254,.2);
}
.biz-hero h1{
max-width:1000px;
margin:0;
font-size:clamp(44px,8vw,104px);
text-wrap:balance;
font-weight:700;
line-height:.98;
letter-spacing:-.05em;
color:var(--tx1);
}
.biz-hero h1 em{
font-style:normal;
background:linear-gradient(100deg,var(--brand) 10%,var(--brand2) 90%);
-webkit-background-clip:text;
background-clip:text;
color:transparent;
}
.biz-lead{
max-width:620px;
margin:32px 0 0;
text-wrap:balance;
font-size:19px;
line-height:1.6;
color:var(--tx2);
}
.biz-actions{
display:flex;
flex-wrap:wrap;
justify-content:center;
gap:12px;
margin-top:40px;
}
.biz-stage{
position:relative;
width:100%;
max-width:1120px;
margin:80px 0 0;
}
.biz-stage::before{
content:"";
position:absolute;
inset:4% 8% -6%;
z-index:-1;
background:radial-gradient(closest-side,rgba(10,142,254,.55),rgba(1,81,181,.22) 60%,transparent);
filter:blur(48px);
}
.biz-shot{
overflow:hidden;
background:#fff;
border-radius:18px;
box-shadow:0 2px 4px rgba(15,23,42,.06),0 40px 80px -20px rgba(15,23,42,.35);
}
.biz-bar{
display:grid;
grid-template-columns:auto auto auto 1fr;
align-items:center;
gap:7px;
height:40px;
padding:0 16px;
background:#f7f8fa;
}
.biz-bar i{
width:11px;
height:11px;
background:#d4d9e0;
border-radius:50%;
}
.biz-bar span{
justify-self:center;
margin-right:51px;
padding:4px 18px;
color:var(--tx3);
font-size:13px;
background:#eceef1;
border-radius:var(--br9);
}
.biz-shot img{
display:block;
width:100%;
height:auto;
}
.biz-phone{
position:absolute;
right:2%;
bottom:-10%;
width:19%;
padding:7px;
background:var(--ink);
border-radius:34px;
box-shadow:0 30px 60px -12px rgba(15,23,42,.5);
}
.biz-phone img{
display:block;
width:100%;
height:auto;
border-radius:27px;
}
.biz-strip{
display:grid;
grid-template-columns:repeat(4,minmax(0,1fr));
gap:24px;
margin:144px 0 0;
padding:0;
list-style:none;
text-align:center;
}
.biz-strip li{
display:grid;
align-content:start;
gap:6px;
}
.biz-strip strong{
font-size:30px;
font-weight:700;
letter-spacing:-.03em;
}
.biz-strip span{
color:var(--tx2);
font-size:var(--fz5);
}
.biz-glance dl{
display:grid;
grid-template-columns:repeat(3,minmax(0,1fr));
gap:40px 32px;
max-width:960px;
margin:56px auto 0;
}
.biz-glance dl div{
display:grid;
align-content:start;
gap:8px;
}
.biz-glance dt{
font-size:12px;
font-weight:var(--fw1);
letter-spacing:.2em;
text-transform:uppercase;
color:var(--brand2);
}
.biz-glance dd{
margin:0;
color:var(--tx1);
line-height:1.5;
}
.biz-section{
padding:144px 0 0;
scroll-margin-top:72px;
text-align:center;
}
.biz-section>h2,.biz-cta h2{
max-width:760px;
margin:0 auto;
text-wrap:balance;
font-size:clamp(32px,4.4vw,56px);
font-weight:700;
line-height:1.05;
letter-spacing:-.04em;
}
.biz-section-lead{
max-width:620px;
margin:20px auto 0;
color:var(--tx2);
}
.biz-grid{
display:grid;
grid-template-columns:repeat(3,minmax(0,1fr));
gap:12px;
margin-top:48px;
}
.biz-card{
display:flex;
flex-direction:column;
align-items:center;
padding:40px 28px 36px;
background:var(--s1);
border-radius:20px;
transition:background-color .2s;
}
.biz-card:hover{
background:var(--s2);
}
.biz-card svg,.biz-soon svg{
flex:none;
width:48px;
height:48px;
padding:12px;
fill:none;
stroke:var(--tx1);
stroke-width:1.75;
stroke-linecap:round;
stroke-linejoin:round;
background:var(--s3);
border-radius:50%;
}
.biz-card h3{
margin:24px 0 10px;
font-size:var(--fz1);
font-weight:var(--fw1);
line-height:1.3;
letter-spacing:-.01em;
}
.biz-card p{
margin:0;
color:var(--tx2);
font-size:var(--fz5);
line-height:1.6;
}
.biz-page .biz-card a{
margin-top:auto;
padding-top:22px;
font-size:var(--fz5);
font-weight:var(--fw1);
text-decoration:none;
}
.biz-page .biz-card a::after{
content:" →";
}
.biz-page .biz-card a:hover{
color:var(--tx2);
}
.biz-soon{
display:grid;
grid-template-columns:repeat(2,minmax(0,1fr));
gap:12px;
margin-top:48px;
}
.biz-soon article{
display:flex;
flex-direction:column;
align-items:center;
gap:20px;
padding:36px 28px;
background:var(--s1);
border-radius:20px;
}
.biz-soon svg{
stroke:var(--tx2);
}
.biz-soon h3{
margin:0 0 6px;
font-size:var(--fz3);
font-weight:var(--fw1);
}
.biz-soon p{
margin:0;
color:var(--tx2);
font-size:var(--fz5);
line-height:1.6;
}
.biz-plans{
display:grid;
grid-template-columns:repeat(2,minmax(0,1fr));
gap:12px;
max-width:900px;
margin:48px auto 0;
text-align:left;
}
.biz-plans>.biz-note{
grid-column:1 / -1;
}
.biz-plans .plan-card{
margin:0;
padding:36px 32px;
background:var(--s1);
border:0;
border-radius:24px;
}
.biz-plans .plan-card h3{
margin:0;
font-size:12px;
font-weight:var(--fw1);
letter-spacing:.2em;
text-transform:uppercase;
color:var(--tx3);
}
.biz-plans .plan-price{
margin:16px 0 0;
}
.biz-plans .plan-price strong{
font-size:44px;
font-weight:700;
letter-spacing:-.04em;
color:var(--tx1);
}
.biz-plans .plan-card>.muted{
margin-top:12px;
line-height:1.6;
}
.biz-plans .plan-card ul{
display:grid;
gap:12px;
margin:28px 0 0;
padding:0;
list-style:none;
}
.biz-plans .plan-card li{
position:relative;
margin:0;
padding-left:28px;
color:var(--tx1);
line-height:1.5;
}
.biz-plans .plan-card li::before{
content:"";
position:absolute;
left:3px;
top:.38em;
width:10px;
height:5px;
border-left:2px solid var(--tx2);
border-bottom:2px solid var(--tx2);
transform:rotate(-45deg);
}
.biz-plans .plan-action{
padding-top:36px;
}
.biz-plans .plan-action .btn{
width:100%;
}
.biz-plans .business-card{
position:relative;
color:#fff;
background:var(--ink);
}
.biz-plans .business-card h3,.biz-plans .business-card .plan-price strong,.biz-plans .business-card li{
color:#fff;
}
.biz-plans .business-card>.muted{
color:#cbd5e1;
}
.biz-plans .business-card li::before{
border-color:#94a3b8;
}
.biz-page .business-card .btn.primary,.biz-page .biz-cta .btn.primary{
color:var(--ink);
background:#fff;
}
.biz-page .business-card .btn.primary:hover,.biz-page .biz-cta .btn.primary:hover{
background:var(--s3);
}
.biz-plans .business-card::before{
content:"For teams";
position:absolute;
top:32px;
right:32px;
padding:4px 12px;
font-size:12px;
font-weight:var(--fw1);
color:#fff;
background:rgba(255,255,255,.14);
border-radius:var(--br9);
}
.biz-note{
margin:24px 0 0;
color:var(--tx2);
font-size:var(--fz5);
}
.biz-steps{
display:grid;
grid-template-columns:repeat(4,minmax(0,1fr));
gap:12px;
margin:48px 0 0;
padding:0;
list-style:none;
counter-reset:step;
}
.biz-steps li{
display:grid;
align-content:start;
justify-items:center;
gap:8px;
padding:28px;
background:var(--s1);
border-radius:20px;
counter-increment:step;
}
.biz-steps li::before{
content:"0" counter(step);
margin-bottom:12px;
font-size:40px;
font-weight:700;
font-variant-numeric:tabular-nums;
letter-spacing:-.04em;
line-height:1;
color:#b8c0cb;
}
.biz-steps strong{
font-weight:var(--fw1);
}
.biz-steps span{
color:var(--tx2);
font-size:var(--fz5);
line-height:1.6;
}
.biz-faq{
display:grid;
gap:4px;
max-width:640px;
margin:40px auto 0;
text-align:left;
}
.biz-faq summary{
display:inline-flex;
align-items:center;
gap:14px;
min-height:56px;
padding:8px 0;
font-size:var(--fz1);
font-weight:var(--fw1);
list-style:none;
cursor:pointer;
}
.biz-faq summary::-webkit-details-marker{
display:none;
}
.biz-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;
}
.biz-faq details[open] summary::before{
transform:rotate(90deg);
}
@media(hover:hover){
.biz-faq summary:hover{
text-decoration:underline;
text-decoration-thickness:var(--ul);
text-underline-offset:6px;
}
}
.biz-faq p{
max-width:680px;
margin:0;
padding:0 0 24px 32px;
color:var(--tx2);
line-height:1.65;
}
.biz-cta{
display:grid;
justify-items:center;
gap:18px;
margin:144px 0 0;
padding:112px 32px;
text-align:center;
color:#fff;
background:radial-gradient(ellipse 60% 90% at 50% 120%,rgba(10,142,254,.45),transparent 70%),var(--ink);
border-radius:28px;
}
.biz-cta h2{
max-width:none;
}
.biz-cta p{
max-width:520px;
margin:0 0 14px;
color:#cbd5e1;
}
.biz-page .report{
background:var(--s1);
border:0;
border-radius:24px;
}
.biz-page .report::backdrop{
background:rgba(15,23,42,.5);
-webkit-backdrop-filter:blur(6px);
backdrop-filter:blur(6px);
}
.biz-page .report-label input,.biz-page .report-label textarea{
background:var(--s3);
border:0;
border-radius:12px;
}
.biz-page .report-label input:focus-visible,.biz-page .report-label textarea:focus-visible{
background:#fff;
outline:0;
}
.biz-page .report .actions .btn{
width:100%;
}
.biz-footer{
margin-top:96px;
}
.biz-footer-in{
display:flex;
flex-direction:column;
align-items:center;
gap:20px;
text-align:center;
max-width:var(--wrap);
margin:auto;
padding:32px 24px 56px;
}
.biz-footer nav{
display:flex;
flex-wrap:wrap;
justify-content:center;
gap:8px 24px;
}
.biz-page .biz-footer nav a{
color:var(--tx3);
font-size:var(--fz5);
text-decoration:none;
}
.biz-footer .biz-brand{
font-size:var(--fz3);
}
@media(max-width:1000px){
.biz-nav{
display:none;
}
.biz-grid,.biz-steps,.biz-strip{
grid-template-columns:repeat(2,minmax(0,1fr));
}
}
@media(max-width:860px){
.biz-hero{
padding-top:64px;
}
.biz-stage{
margin-top:56px;
}
.biz-glance dl{
grid-template-columns:repeat(2,minmax(0,1fr));
}
.biz-plans,.biz-soon{
grid-template-columns:minmax(0,1fr);
}
}
@media(max-width:640px){
.biz-top-in{
gap:12px;
min-height:64px;
padding:0 16px;
}
.biz-top .biz-brand>span{
display:none;
}
.biz-page main{
padding:0 16px;
}
.biz-hero{
padding-top:40px;
}
.biz-stage{
margin-top:40px;
}
.biz-shot{
display:none;
}
.biz-phone{
position:relative;
right:auto;
bottom:auto;
width:min(64%,260px);
margin:auto;
}
.biz-glance dl{
grid-template-columns:minmax(0,1fr);
gap:28px;
}
.biz-lead{
font-size:var(--fz3);
}
.biz-actions .btn{
flex:1 1 100%;
}
.biz-strip{
gap:32px 16px;
margin-top:104px;
}
.biz-strip strong{
font-size:22px;
}
.biz-section{
padding-top:88px;
}
.biz-grid,.biz-steps{
grid-template-columns:minmax(0,1fr);
}
.biz-card,.biz-steps li{
padding:24px 20px;
}
.biz-soon article{
padding:20px;
}
.biz-plans .plan-card{
padding:28px 20px;
}
.biz-plans .business-card::before{
top:24px;
right:20px;
}
.biz-cta{
margin-top:88px;
padding:56px 20px;
border-radius:24px;
}
.biz-footer-in{
padding:28px 16px 40px;
}
}
@media(prefers-reduced-motion:reduce){
html:has(.biz-page){
scroll-behavior:auto;
}
}
@media(forced-colors:active){
.biz-hero h1 em{
color:CanvasText;
background:none;
}
.biz-shot,.biz-card,.biz-soon article,.biz-plans .plan-card,.biz-cta,.biz-steps li,.biz-page .btn{
border:var(--bw1) solid CanvasText;
}
}