:root{
 --accent:#1da1f2;
 --dark:#0f2c3f;
 --muted:#6f7f8d;
 --bg:#ffffff;
 --light:#eef6fb;
}

*{
box-sizing:border-box;
}

html{
scroll-behavior:smooth;
overflow-x:hidden;
width:100%;
max-width:100%;
}

body{
margin:0;
font-family:'Inter',sans-serif;
background:#fff;
color:var(--dark);
-webkit-font-smoothing:antialiased;
overflow-x:hidden;
width:100%;
max-width:100%;
position:relative;
}

img{
max-width:100%;
display:block;
}

a{
text-decoration:none;
}

.barb-container{
max-width:1280px;
margin:auto;
padding:0 24px;
}

h1,h2,h3,h4{
margin-top:0;
letter-spacing:-0.03em;
}

h1{
font-size:52px;
font-weight:800;
line-height:1.05;
}

h2{
font-size:38px;
font-weight:800;
}

h3{
font-size:24px;
font-weight:700;
}

p{
line-height:1.7;
}

.barb-cta{
background:linear-gradient(135deg,#1da1f2,#3ab2ff);
color:#fff;
padding:14px 26px;
border-radius:14px;
font-weight:700;
display:inline-flex;
align-items:center;
justify-content:center;
transition:0.25s ease;
box-shadow:0 10px 25px rgba(29,161,242,0.25);
}

.barb-cta:hover{
transform:translateY(-2px);
box-shadow:0 16px 32px rgba(29,161,242,0.35);
}

.section{
padding:80px 0;
}

.card{
background:#fff;
border-radius:20px;
box-shadow:0 8px 30px rgba(0,0,0,0.06);
}

.dark{
background:#0f2c3f;
color:#fff;
}

.premium-hover{
transition:0.3s ease;
}

.premium-hover:hover{
transform:translateY(-4px);
}

/* MOBILE */

@media(max-width:768px){

body{
overflow-x:hidden;
}

.barb-container{
padding:0 18px;
}

h1{
font-size:38px;
line-height:1.1;
}

h2{
font-size:30px;
}

h3{
font-size:22px;
}

#start{
min-height:760px !important;
padding:120px 24px 90px !important;
}

#start h1{
font-size:48px !important;
line-height:0.98 !important;
}

#start p{
font-size:18px !important;
line-height:1.7 !important;
}

#start .barb-cta,
#start a[href="#pricing"]{
width:100%;
justify-content:center;
padding:18px 20px !important;
font-size:18px !important;
border-radius:18px !important;
}

}

@media(max-width:520px){

h1{
font-size:34px;
}

#start h1{
font-size:42px !important;
}

#start p{
font-size:16px !important;
}

}

/* ANDROID OVERFLOW FIX */

section,
div,
img{
max-width:100%;
}

body,
html{
overflow-x:hidden !important;
}