:root{

--primary:#2C5632;
--primary-dark:#1F3E24;

--secondary:#5BA318;
--secondary-light:#78C93A;

--sand:#B2B39C;
--sand-light:#D8D6C9;

--background:#F7F7F2;

--surface:#FFFFFF;

--text:#1A1A1A;
--text-light:#5E5E5E;

--border:#E4E4DC;

--radius-sm:8px;
--radius-md:12px;

}
*{
    margin: 0;
}
body{

font-family:'Inter',sans-serif;

background:var(--background);

color:var(--text);

overflow-x:hidden;

line-height:1.6;

font-size:16px;

text-rendering:optimizeLegibility;

-webkit-font-smoothing:antialiased;

}
body::before{

content:'';

position:fixed;

inset:0;

background-image:
radial-gradient(
rgba(44,86,50,.03) 1px,
transparent 1px);

background-size:30px 30px;

pointer-events:none;

z-index:-1;

}
h1,h2,h3,h4{

font-weight:800;

letter-spacing:-0.04em;

line-height:.95;

}



















/* =========================
   NAVBAR
========================= */

.navbar{

position:fixed;
top:25px;
left:0;
width:100%;
z-index:1000;
padding:0 30px;

}

.nav-inner{

max-width:1400px;
margin:auto;

display:flex;
align-items:center;
justify-content:space-between;

padding:18px 24px;

background:rgba(255,255,255,.08);

backdrop-filter:blur(20px);

border:1px solid rgba(255,255,255,.08);

border-radius:12px;

transition:.5s ease;

}

.navbar.scrolled .nav-inner{

background:rgba(14,22,16,.95);

padding:14px 24px;

}

.logo img{

height:68px;
display:block;

}

/* =========================
   DESKTOP MENU
========================= */

.desktop-menu{

display:flex;
gap:38px;

}
/* ==========================
   DESKTOP DROPDOWN
========================== */

.nav-dropdown{

position:relative;

display:flex;
align-items:center;

}

.dropdown-trigger{

display:flex;
align-items:center;
gap:8px;

}

.dropdown-arrow{

font-size:1rem;

color:#5BA318;

transition:.4s;

}

.dropdown-menu{

position:absolute;

top:calc(100% + 25px);
left:-30px;

min-width:260px;

background:
rgba(14,22,16,.98);

backdrop-filter:blur(20px);

border:
1px solid rgba(255,255,255,.06);

padding:25px;

display:flex;
flex-direction:column;
gap:18px;

opacity:0;
visibility:hidden;

transform:
translateY(25px);

transition:
all .5s
cubic-bezier(.22,1,.36,1);

overflow:hidden;

}

.dropdown-menu a{

font-size:.95rem;

color:white;

text-decoration:none;

transform:translateY(20px);

opacity:0;

transition:.5s;

}

.nav-dropdown:hover .dropdown-menu{

opacity:1;
visibility:visible;

transform:translateY(0);

}

.nav-dropdown:hover .dropdown-arrow{

transform:rotate(45deg);

}

.nav-dropdown:hover .dropdown-menu a{

transform:translateY(0);

opacity:1;

}

.nav-dropdown:hover .dropdown-menu a:nth-child(1){

transition-delay:.05s;

}
/* ==========================
   MOBILE SERVICES
========================== */

.mobile-service-group{

width:100%;

text-align:center;

}

.mobile-service-btn{

background:none;
border:none;

color:white;

font-size:
clamp(2rem,6vw,4rem);

font-weight:700;

cursor:pointer;

display:flex;
align-items:center;
justify-content:center;

gap:10px;

width:100%;

}

.mobile-service-btn span{

color:#5BA318;

transition:.4s;

}

.mobile-service-links{

max-height:0;

overflow:hidden;

display:flex;
flex-direction:column;

gap:15px;

transition:
max-height .6s
cubic-bezier(.22,1,.36,1);

}

.mobile-service-links a{

color:
rgba(255,255,255,.75);

text-decoration:none;

font-size:1.2rem;

padding:5px 0;

}

.mobile-service-group.active
.mobile-service-links{

max-height:300px;

margin-top:20px;

}

.mobile-service-group.active
.mobile-service-btn span{

transform:rotate(45deg);

}
.nav-dropdown:hover .dropdown-menu a:nth-child(2){

transition-delay:.1s;

}

.nav-dropdown:hover .dropdown-menu a:nth-child(3){

transition-delay:.15s;

}

.nav-dropdown:hover .dropdown-menu a:nth-child(4){

transition-delay:.2s;

}



.desktop-menu a{

position:relative;

text-decoration:none;
color:#fff;

font-size:.95rem;
font-weight:500;

}

.desktop-menu a::after{

content:'';

position:absolute;

left:0;
bottom:-8px;

width:100%;
height:1px;

background:#5BA318;

transform:scaleX(0);

transform-origin:right;

transition:.45s;

}

.desktop-menu a:hover::after{

transform:scaleX(1);

transform-origin:left;

}

/* =========================
   CTA
========================= */

.estimate-btn{

padding:14px 22px;

background:#5BA318;

border-radius:8px;

text-decoration:none;

color:#fff;

font-weight:600;

transition:.3s;

}

.estimate-btn:hover{

transform:translateY(-3px);

}

/* =========================
   MENU BUTTON
========================= */

.menu-toggle{

display:none;

width:48px;
height:48px;

background:none;
border:none;

cursor:pointer;

position:relative;

}

.menu-toggle span{

position:absolute;

left:50%;

width:28px;
height:2px;

background:#fff;

transition:.5s;

}

.menu-toggle span:nth-child(1){

transform:
translate(-50%,-6px);

}

.menu-toggle span:nth-child(2){

transform:
translate(-50%,6px);

}

.menu-toggle.active span:nth-child(1){

transform:
translate(-50%,0)
rotate(45deg);

}

.menu-toggle.active span:nth-child(2){

transform:
translate(-50%,0)
rotate(-45deg);

}

/* =========================
   MOBILE MENU
========================= */

.mobile-menu{

position:fixed;
inset:0;

z-index:999;

pointer-events:none;

}

.mobile-bg{

position:absolute;

top:40px;
right:40px;

width:0;
height:0;

border-radius:50%;

background:#0E1610;

transition:
width .8s cubic-bezier(.22,1,.36,1),
height .8s cubic-bezier(.22,1,.36,1);

}

.mobile-menu.active{

pointer-events:auto;

}

.mobile-menu.active .mobile-bg{

width:250vmax;
height:250vmax;

transform:
translate(50%,-50%);

}

.mobile-content{

position:absolute;
inset:0;

display:flex;
flex-direction:column;
justify-content:center;
align-items:center;

opacity:0;

transition:.4s;

}

.mobile-menu.active .mobile-content{

opacity:1;
transition-delay:.4s;

}

.mobile-links{

display:flex;
flex-direction:column;
gap:20px;

}

.link-wrap{

overflow:hidden;

}

.mobile-links a{

display:block;

color:#fff;

text-decoration:none;

font-size:
clamp(2rem,2rem,4rem);

font-weight:700;

transform:translateY(150%);

}

.mobile-info{

margin-top:50px;

display:flex;
flex-direction:column;
align-items:center;
gap:10px;

opacity:.7;

}

.mobile-info a{

color:#5BA318;

text-decoration:none;

font-size:1rem;

}























.hero{
    position:relative;
    min-height:100vh;
    overflow:hidden;
    display:flex;
    align-items:center;
    padding:0px 7%;
    background:#0e1610;
}

.hero-bg{
    /* height: 100vh; */
    position:absolute;
    inset:0;
    background:url("/img/fondo1.jpg") center center/cover;
    transform:scale(1.15);
    will-change:transform;
}

.hero-overlay{
    /* height: 100vh; */
    position:absolute;
    inset:0;
    background:
    linear-gradient(
    90deg,
    rgba(0,0,0,.82) 15%,
    rgba(0,0,0,.45) 55%,
    rgba(0,0,0,.25) 100%);
}

.hero-content{
    position:relative;
    z-index:2;
    max-width:800px;
}

.hero-tag{
    display:inline-flex;
    padding:12px 20px;
    border:1px solid rgba(255,255,255,.15);
    background:rgba(255,255,255,.06);
    backdrop-filter:blur(20px);
    color:#fff;
    letter-spacing:2px;
    font-size:.75rem;
    text-transform:uppercase;
    overflow:hidden;
}

.hero-title{
    margin-top:35px;
}

.hero-title span{
    display:block;
    overflow:hidden;
    font-size:clamp(3rem,8vw,6rem);
    font-weight:800;
    line-height:.92;
    color:white;
}

.hero-title span span{
    display:block;
}

.hero-description{
    max-width:650px;
    margin-top:30px;
    color:rgba(255,255,255,.82);
    font-size:1.1rem;
    line-height:1.8;
}

.hero-buttons{
    margin-top:40px;
    display:flex;
    gap:20px;
    flex-wrap:wrap;
}

.btn-primary,
.btn-secondary{
    position:relative;
    padding:18px 34px;
    text-decoration:none;
    font-weight:600;
    overflow:hidden;
    transition:.4s;
}

.btn-primary{
    background:#5BA318;
    color:white;
}

.btn-secondary{
    border:1px solid rgba(255,255,255,.2);
    color:white;
    backdrop-filter:blur(15px);
}

.btn-primary::before,
.btn-secondary::before{
    content:'';
    position:absolute;
    inset:0;
    background:white;
    transform:translateX(-101%);
    transition:.5s;
}

.btn-primary:hover::before,
.btn-secondary:hover::before{
    transform:translateX(0);
}

.btn-primary span,
.btn-secondary span{
    position:relative;
    z-index:2;
}

.hero-contact-card{
    position:absolute;
    right:7%;
    top:50%;
    transform:translateY(-50%);
    width:320px;
    padding:40px;
    background:rgba(255,255,255,.08);
    backdrop-filter:blur(25px);
    border:1px solid rgba(255,255,255,.12);
    z-index:2;
}

.hero-contact-card h3{
    color:white;
    margin-bottom:20px;
}

.hero-contact-card a{
    display:block;
    margin-bottom:15px;
    color:white;
    text-decoration:none;
    font-size:1.3rem;
}

.hero-contact-card p{
    color:#ccc;
}

.hero-stats{
    position:absolute;
    bottom:50px;
    left:7%;
    z-index:2;
    display:flex;
    gap:60px;
}

.hero-stats strong{
    display:block;
    color:white;
    font-size:2rem;
}

.hero-stats span{
    color:#cfcfcf;
}
































.featured-services{

padding:140px 7%;

background:#F7F7F2;

}

.section-header{

max-width:850px;
margin-bottom:90px;

}

.section-tag{

display:inline-block;

font-size:.8rem;

letter-spacing:2px;

text-transform:uppercase;

color:#5BA318;

margin-bottom:20px;

}

.section-header h2{

font-size:clamp(3rem,5vw,5rem);

line-height:.95;

margin-bottom:25px;

color:#1A1A1A;

}

.section-header p{

max-width:650px;

font-size:1.1rem;

line-height:1.8;

color:#666;

}

.services-grid{

display:grid;

grid-template-columns:
repeat(2,1fr);

gap:30px;

}

.service-card{

position:relative;

height:620px;

overflow:hidden;

cursor:pointer;

background:#111;

}

.service-image{

position:absolute;
inset:0;

overflow:hidden;

}

.service-image img{

width:100%;
height:100%;

object-fit:cover;

transform:scale(1.15);

transition:
transform 1.6s
cubic-bezier(.22,1,.36,1);

}

.service-card::before{

content:'';

position:absolute;

inset:0;

background:
linear-gradient(
180deg,
transparent 20%,
rgba(0,0,0,.75) 100%
);

z-index:1;

}

.service-content{

position:absolute;

left:40px;
right:40px;
bottom:40px;

z-index:2;

}

.service-number{

display:block;

font-size:5rem;

font-weight:800;

color:
rgba(255,255,255,.15);

margin-bottom:10px;

transition:.8s;

}

.service-content h3{

font-size:2rem;

color:white;

margin-bottom:15px;

}

.service-content p{

color:
rgba(255,255,255,.85);

line-height:1.7;

max-width:420px;

transform:translateY(30px);

opacity:0;

transition:
all .8s
cubic-bezier(.22,1,.36,1);

}

.service-card:hover img{

transform:scale(1);

}

.service-card:hover p{

transform:translateY(0);

opacity:1;

}

.service-card:hover .service-number{

transform:translateX(15px);

color:
rgba(91,163,24,.4);

}



























.why-us{

padding:140px 7%;

display:grid;

grid-template-columns:
1fr
1.1fr;

gap:80px;

background:#fff;

}

.why-left{

position:sticky;

top:140px;

height:max-content;

}

.why-tag{

display:block;

margin-bottom:20px;

letter-spacing:2px;

font-size:.8rem;

color:#5BA318;

}

.why-left h2{

font-size:
clamp(3rem,5vw,5rem);

line-height:.95;

margin-bottom:30px;

color:#1A1A1A;

}

.why-left p{

font-size:1.1rem;

line-height:1.9;

max-width:550px;

color:#666;

}

/* ================= */

.why-right{

display:flex;
flex-direction:column;
gap:20px;

}

.why-card{

padding:45px;

border-top:
1px solid
rgba(0,0,0,.08);

cursor:pointer;

height:120px;

overflow:hidden;

transition:
all .8s
cubic-bezier(.22,1,.36,1);

}

.why-card span{

display:block;

font-size:.9rem;

margin-bottom:15px;

color:#5BA318;

font-weight:700;

}

.why-card h3{

font-size:2rem;

margin-bottom:15px;

color:#1A1A1A;

}

.why-card p{

max-width:500px;

line-height:1.8;

color:#666;

opacity:0;

transform:
translateY(20px);

transition:.6s;

}

.why-card.active{

height:260px;

}

.why-card.active p{

opacity:1;

transform:none;

}

























.reviews-section{

padding:140px 7%;

background:#0E1610;

color:white;

overflow:hidden;

}

.reviews-header{

max-width:850px;
margin:auto;
text-align:center;

margin-bottom:80px;

}

.reviews-tag{

display:block;

margin-bottom:20px;

font-size:.8rem;

letter-spacing:2px;

color:#5BA318;

}

.reviews-header h2{

font-size:
clamp(3rem,5vw,5rem);

line-height:.95;

margin-bottom:25px;

}

.reviews-header p{

max-width:650px;

margin:auto;

font-size:1.1rem;

line-height:1.8;

color:
rgba(255,255,255,.75);

}

/* =========================
   STATS
========================= */

.reviews-stats{

display:grid;

grid-template-columns:
repeat(4,1fr);

gap:25px;

margin-bottom:80px;

}

.stat-item{

padding:40px;

border-top:
1px solid
rgba(255,255,255,.08);

background:
rgba(255,255,255,.03);

backdrop-filter:blur(10px);

}

.stat-number{

display:block;

font-size:2.6rem;

font-weight:800;

margin-bottom:10px;

color:#5BA318;

}

.stat-item p{

color:
rgba(255,255,255,.75);

}

/* =========================
   ELFSIGHT
========================= */

.reviews-widget{

margin-bottom:80px;

}

/* =========================
   TRUST BAR
========================= */

.trust-bar{

display:grid;

grid-template-columns:
repeat(5,1fr);

gap:20px;

padding-top:50px;

border-top:
1px solid
rgba(255,255,255,.08);

}

.trust-bar div{

text-align:center;

font-size:.95rem;

letter-spacing:1px;

text-transform:uppercase;

color:
rgba(255,255,255,.6);

}
















/* ====================================
   SERVICE AREAS
==================================== */

.service-areas{

padding:140px 7%;

background:#f7f7f2;

overflow:hidden;

}

.areas-header{

max-width:850px;

margin-bottom:80px;

}

.areas-tag{

display:inline-block;

margin-bottom:20px;

font-size:.8rem;

letter-spacing:2px;

color:#5BA318;

}

.areas-header h2{

font-size:clamp(3rem,5vw,5rem);

line-height:.95;

margin-bottom:25px;

color:#111;

}

.areas-header p{

max-width:650px;

font-size:1.05rem;

line-height:1.8;

color:#666;

}

/* ==========================
   HIGHLIGHTS
========================== */

.areas-highlights{

display:flex;

gap:60px;

margin-top:50px;

}

.highlight strong{

display:block;

font-size:2rem;

font-weight:800;

color:#111;

margin-bottom:5px;

}

.highlight span{

font-size:.85rem;

letter-spacing:1px;

text-transform:uppercase;

color:#666;

}

/* ==========================
   CONTENT
========================== */

.areas-content{

display:grid;

grid-template-columns:
1.4fr
.8fr;

gap:60px;

align-items:start;

}

/* ==========================
   MAP
========================== */

.map-container{

position:relative;

}

.map-frame{

overflow:hidden;

border:1px solid rgba(0,0,0,.08);

background:#fff;

}

.map-frame iframe{

display:block;

width:100%;

height:700px;

border:none;

filter:
grayscale(.15)
contrast(1.05);

}

/* ==========================
   CITIES
========================== */

.cities-panel{

display:flex;
flex-direction:column;

}

.city-item{

padding:28px 0;

border-top:
1px solid rgba(0,0,0,.08);

cursor:pointer;

transition:.4s;

}

.city-item:last-child{

border-bottom:
1px solid rgba(0,0,0,.08);

}

.city-item span{

display:block;

margin-bottom:10px;

color:#5BA318;

font-size:.8rem;

font-weight:700;

}

.city-item h3{

font-size:1.8rem;

font-weight:600;

color:#111;

transition:.5s;

}

.city-item:hover h3{

transform:translateX(15px);

}
.map-badge{

position:absolute;

top:25px;
left:25px;

z-index:10;

background:rgba(14,22,16,.85);

backdrop-filter:blur(12px);

padding:14px 18px;

font-size:.8rem;

letter-spacing:1px;

text-transform:uppercase;

color:#fff;

border:1px solid rgba(255,255,255,.08);

}





























/* ===================================
   FOOTER
=================================== */

.footer{

background:#0E1610;

color:white;

overflow:hidden;

}

/* ==========================
   CTA TOP
========================== */

.footer-top{

padding:140px 7% 100px;

text-align:center;

border-bottom:
1px solid rgba(255,255,255,.08);

}

.footer-tag{

display:inline-block;

margin-bottom:20px;

font-size:.8rem;

letter-spacing:2px;

text-transform:uppercase;

color:#5BA318;

}

.footer-top h2{

font-size:
clamp(3rem,6vw,6rem);

line-height:.95;

max-width:1000px;

margin:auto auto 40px;

}

.footer-cta{

display:inline-flex;

align-items:center;
justify-content:center;

padding:18px 40px;

background:#5BA318;

color:white;

font-weight:600;

letter-spacing:1px;

text-decoration:none;

transition:.4s;

}

.footer-cta:hover{

background:#477e13;

transform:translateY(-4px);

}
.footer-bg-text{

position:absolute;

font-size:10vw;

font-weight:800;

color:rgba(255,255,255,.03);

left:50%;

transform:translateX(-50%);

white-space:nowrap;

pointer-events:none;

}

/* ==========================
   MAIN
========================== */

.footer-main{

padding:90px 7%;

display:grid;

grid-template-columns:
1.5fr
1fr
1fr
1fr;

gap:60px;

}

.footer-brand img{

width:180px;

margin-bottom:25px;

}

.footer-brand p{

max-width:350px;

line-height:1.9;

color:
rgba(255,255,255,.7);

}

/* ==========================
   COLUMNS
========================== */

.footer-column h3{

margin-bottom:25px;

font-size:1rem;

letter-spacing:1px;

text-transform:uppercase;

color:#5BA318;

}

.footer-column ul{

list-style:none;

padding:0;

margin:0;

}

.footer-column li{

margin-bottom:16px;

}

.footer-column a{

text-decoration:none;

color:
rgba(255,255,255,.75);

transition:.3s;

}

.footer-column a:hover{

color:white;

padding-left:10px;

}

/* ==========================
   BOTTOM
========================== */

.footer-bottom{

padding:35px 7%;

border-top:
1px solid rgba(255,255,255,.08);

display:flex;

justify-content:space-between;

align-items:center;

gap:20px;

}

.footer-bottom p{

color:
rgba(255,255,255,.55);

}

.footer-bottom a{

text-decoration:none;

color:#5BA318;

font-weight:600;

transition:.3s;

}

.footer-bottom a:hover{

opacity:.8;

}

























@media(max-width:1100px){
.areas-content{

grid-template-columns:1fr;

}

.cities-panel{

display:grid;

grid-template-columns:
repeat(2,1fr);

gap:20px;

}

.city-item{

border:1px solid rgba(0,0,0,.08);

padding:25px;

}

.city-item:last-child{

border-bottom:
1px solid rgba(0,0,0,.08);

}
.desktop-menu,
.estimate-btn{

display:none;

}

.menu-toggle{

display:block;

}

.hero{

padding:140px 6% 80px;

}

.hero-content{

max-width:700px;

}

.hero-contact-card{

right:4%;

width:280px;

padding:30px;

}

}

@media (max-width: 992px){
.footer-main{

grid-template-columns:
1fr
1fr;

}

.areas-layout{

grid-template-columns:1fr;

gap:60px;

}

.areas-map{

position:relative;

top:auto;

}

.reviews-stats{

grid-template-columns:
repeat(2,1fr);

}

.trust-bar{

grid-template-columns:
repeat(2,1fr);

}

.why-us{

grid-template-columns:1fr;

gap:60px;

}

.why-left{

position:relative;

top:auto;

}
.services-grid{

grid-template-columns:1fr;

}

.service-card{

height:500px;

}


.hero{

display:flex;
flex-direction:column;
justify-content:center;
align-items:flex-start;
padding:160px 6% 80px;
min-height:auto;

}

.hero-contact-card{

position:relative;
top:auto;
right:auto;
transform:none;

margin-top:50px;

width:100%;
max-width:500px;

}

.hero-stats{

position:relative;
left:auto;
bottom:auto;

margin-top:50px;

gap:40px;

}

}

@media(max-width:768px){
    .footer-top{

padding:100px 24px 80px;

}

.footer-main{

padding:70px 24px;

grid-template-columns:1fr;

gap:50px;

}

.footer-bottom{

padding:25px 24px;

flex-direction:column;

text-align:center;

}

.footer-top h2{

font-size:2.7rem;

}

.footer-brand img{

width:150px;

}
.service-areas{

padding:100px 24px;

}

.areas-header h2{

font-size:2.6rem;

}

.areas-highlights{

flex-direction:column;

gap:25px;

}

.map-frame iframe{

height:500px;

}

.cities-panel{

grid-template-columns:1fr;

}

.city-item h3{

font-size:1.4rem;

}
.service-areas{

padding:100px 24px;

}

.areas-header h2{

font-size:2.6rem;

}

.area-card{

padding:25px 0;

}

.area-card h3{

font-size:1.5rem;

}
.reviews-section{

padding:100px 24px;

}

.reviews-header h2{

font-size:2.6rem;

}

.reviews-stats{

grid-template-columns:1fr;

gap:15px;

}

.stat-item{

padding:30px;

}

.trust-bar{

grid-template-columns:1fr;

gap:15px;

padding-top:40px;

}

.why-us{

padding:100px 24px;

}

.why-left h2{

font-size:2.6rem;

}

.why-card{

padding:30px;

}

.why-card h3{

font-size:1.6rem;

}

.why-card.active{

height:240px;

}
.featured-services{

padding:100px 24px;

}

.section-header{

margin-bottom:60px;

}

.section-header h2{

font-size:2.6rem;

}

.service-card{

height:420px;

}

.service-content{

left:25px;
right:25px;
bottom:25px;

}

.service-number{

font-size:3.5rem;

}

.service-content h3{

font-size:1.6rem;

}

.service-content p{

opacity:1;
transform:none;

}

.navbar{

padding:0 15px;
top:15px;

}

.logo img{

height:55px;

}

.nav-inner{

padding:14px 18px;

}

.hero{

padding:
140px
24px
60px;

}

.hero-tag{

font-size:.65rem;

letter-spacing:1.5px;

padding:10px 16px;

}

.hero-title{

margin-top:25px;

}

.hero-title span{

font-size:
clamp(
2.6rem,
11vw,
4.5rem
);

line-height:.95;

}

.hero-description{

margin-top:25px;

font-size:1rem;

line-height:1.7;

max-width:100%;

}

.hero-buttons{

margin-top:35px;

display:grid;

grid-template-columns:1fr;

width:100%;

gap:14px;

}

.btn-primary,
.btn-secondary{

text-align:center;

padding:18px;

}

.hero-contact-card{
width: 90%;
margin-top:40px;

padding:28px;

border-radius:24px;

}

.hero-contact-card a{

font-size:1.15rem;

}

.hero-stats{

width:100%;

display:grid;

grid-template-columns:repeat(3,1fr);

gap:16px;

margin-top:35px;

}

.hero-stats div{

padding:18px;

background:
rgba(255,255,255,.05);

backdrop-filter:blur(20px);

border:
1px solid
rgba(255,255,255,.08);

border-radius:20px;

text-align:center;

}

.hero-stats strong{

font-size:1.6rem;

}

.hero-stats span{

font-size:.8rem;

display:block;

margin-top:4px;

}


}

@media (max-width:480px){

.hero{

padding:
130px
20px
50px;

}

.hero-title span{

font-size:
clamp(
2.2rem,
13vw,
3.4rem
);

}

.hero-description{

font-size:.95rem;

}

.hero-contact-card{

padding:24px;

}

.hero-contact-card h3{

font-size:1.1rem;

}

.hero-contact-card a{

font-size:1rem;

}

.hero-stats{

grid-template-columns:1fr;

}

}