:root{
    --services-green:#07371f;
    --services-green-2:#0a7d44;
    --services-neon:#9cff63;
    --services-gold:#dfb957;
    --services-ink:#102219;
    --services-muted:#69766f;
}

.services-page{overflow:hidden}
.services-section{position:relative;padding:clamp(74px,8vw,118px) 0}
.services-section-light,.services-authority-section{background:linear-gradient(180deg,#eef4e8,#f8f3e8)}
.services-comparison-section,.services-method-section,.services-final-section{color:#fff;background:radial-gradient(circle at 85% 12%,rgba(156,255,99,.12),transparent 25%),linear-gradient(135deg,#032716,#064426)}

.services-kicker{display:inline-flex;align-items:center;gap:10px;color:#168049;font-size:.68rem;font-weight:850;letter-spacing:.11em;text-transform:uppercase}
.services-kicker:before{content:"";width:28px;height:2px;background:var(--services-gold)}
.services-kicker-light{color:var(--services-gold)}

.services-heading{display:grid;grid-template-columns:minmax(0,1fr) minmax(300px,.68fr);align-items:end;gap:clamp(40px,7vw,94px);margin-bottom:38px}
.services-heading h2,.services-method-copy h2,.services-authority-copy h2,.services-final-copy h2{margin:12px 0 0;color:var(--services-ink);font-size:clamp(2.2rem,4vw,4rem);line-height:1.04;letter-spacing:-.05em}
.services-comparison-section .services-heading h2,.services-method-copy h2,.services-final-copy h2{color:#fff}
.services-heading p{color:var(--services-muted);line-height:1.72}
.services-comparison-section .services-heading p{color:rgba(255,255,255,.64)}

.services-hero{position:relative;overflow:hidden;padding:clamp(76px,8vw,118px) 0 0;color:#fff;background:radial-gradient(circle at 14% 18%,rgba(156,255,99,.11),transparent 27%),linear-gradient(135deg,#032817,#07512d)}
.services-orb{position:absolute;top:-210px;right:-200px;width:520px;height:520px;border:1px solid rgba(156,255,99,.09);border-radius:50%}
.services-hero-grid{display:grid;grid-template-columns:minmax(0,1.05fr) minmax(380px,.95fr);align-items:center;gap:clamp(52px,7vw,105px)}
.services-hero h1{max-width:12ch;margin:17px 0 0;font-size:clamp(3rem,5.4vw,5.45rem);line-height:.99;letter-spacing:-.06em}
.services-hero h1 em{display:block;color:var(--services-gold);font-style:normal}
.services-hero-lead{max-width:62ch;margin:23px 0 0;color:rgba(255,255,255,.70);font-size:1rem;line-height:1.75}
.services-hero-tags{display:flex;flex-wrap:wrap;gap:10px;margin-top:23px}
.services-hero-tags span{display:inline-flex;align-items:center;gap:7px;padding:8px 11px;color:rgba(255,255,255,.78);background:rgba(255,255,255,.045);border:1px solid rgba(156,255,99,.14);border-radius:999px;font-size:.67rem;font-weight:750}
.services-hero-tags svg{width:14px;color:var(--services-neon)}

.services-whatsapp-cta,.services-final-button{position:relative;overflow:hidden;display:grid;grid-template-columns:46px minmax(0,1fr) 22px;align-items:center;gap:12px;min-height:68px;padding:10px 16px 10px 11px;color:#fff!important;text-decoration:none;background:linear-gradient(135deg,#08723f,#0b914d);border:1px solid rgba(156,255,99,.43);border-radius:999px;box-shadow:0 18px 36px rgba(0,0,0,.25),0 0 22px rgba(156,255,99,.10);transition:transform .22s ease,box-shadow .22s ease}
.services-whatsapp-cta{width:fit-content;min-width:365px;margin-top:28px}
.services-whatsapp-cta:before,.services-final-button:before{content:"";position:absolute;inset:0;background:linear-gradient(110deg,transparent 20%,rgba(255,255,255,.14) 48%,transparent 74%);transform:translateX(-140%);transition:transform .72s ease}
.services-whatsapp-cta:hover,.services-final-button:hover{transform:translateY(-3px);box-shadow:0 24px 46px rgba(0,0,0,.30),0 0 30px rgba(156,255,99,.18)}
.services-whatsapp-cta:hover:before,.services-final-button:hover:before{transform:translateX(140%)}
.services-whatsapp-cta__icon,.services-final-button__icon{position:relative;z-index:2;width:46px;height:46px;display:inline-flex;align-items:center;justify-content:center;color:#07341e;background:linear-gradient(135deg,#f2d777,#ddb454);border-radius:50%;transform:none!important}
.services-whatsapp-cta__icon svg,.services-final-button__icon svg{width:22px;transform:none!important}
.services-whatsapp-cta>span:nth-child(2),.services-final-button>span:nth-child(2){position:relative;z-index:2;display:flex;flex-direction:column;align-items:flex-start}
.services-whatsapp-cta small,.services-final-button small{color:rgba(200,255,210,.78);font-size:.56rem;font-weight:850;letter-spacing:.10em;text-transform:uppercase}
.services-whatsapp-cta strong,.services-final-button strong{font-size:.92rem}
.services-whatsapp-cta b,.services-final-button b{position:relative;z-index:2;color:var(--services-neon);transition:transform .22s ease}
.services-whatsapp-cta:hover b,.services-final-button:hover b{transform:translateX(5px)}

.services-hero-visual{position:relative}
.services-hero-photo{position:relative;overflow:hidden;aspect-ratio:4/5;margin:0;border:1px solid rgba(156,255,99,.20);border-radius:28px;box-shadow:0 30px 65px rgba(0,0,0,.28)}
.services-hero-photo img{width:100%;height:100%;display:block;object-fit:cover}
.services-photo-overlay{position:absolute;inset:0;background:linear-gradient(180deg,transparent 52%,rgba(1,27,14,.86))}
.services-hero-photo figcaption{position:absolute;z-index:2;left:24px;right:24px;bottom:22px}
.services-hero-photo figcaption small{display:block;color:var(--services-neon);font-size:.58rem;font-weight:850;letter-spacing:.10em;text-transform:uppercase}
.services-hero-photo figcaption strong{display:block;margin-top:5px;font-size:.95rem;line-height:1.4}
.services-floating-card{position:absolute;padding:14px 16px;background:rgba(2,42,22,.84);border:1px solid rgba(156,255,99,.22);border-radius:16px;backdrop-filter:blur(10px);box-shadow:0 14px 28px rgba(0,0,0,.18)}
.services-floating-card strong{display:block}.services-floating-card span{display:block;margin-top:4px;color:rgba(255,255,255,.62);font-size:.68rem}
.services-floating-card--top{top:28px;right:-28px}.services-floating-card--bottom{left:-36px;bottom:78px;max-width:240px}
.services-proof-strip{overflow:hidden;margin-top:42px;border-top:1px solid rgba(255,255,255,.08)}
.services-proof-track{display:flex;width:max-content;align-items:center;gap:24px;padding:18px 0;color:rgba(255,255,255,.66);font-size:.67rem;font-weight:750;letter-spacing:.08em;text-transform:uppercase;animation:servicesProof 25s linear infinite}
.services-proof-track i{width:5px;height:5px;background:var(--services-gold);border-radius:50%}
@keyframes servicesProof{to{transform:translateX(-30%)}}

.services-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:18px}
.service-showcase{overflow:hidden;background:linear-gradient(145deg,#fff,#edf5e9);border:1px solid rgba(13,102,54,.12);border-radius:26px;box-shadow:0 22px 50px rgba(5,50,26,.10);transition:transform .24s ease,box-shadow .24s ease,border-color .24s ease}
.service-showcase:hover{transform:translateY(-6px);border-color:rgba(22,137,70,.26);box-shadow:0 30px 58px rgba(5,50,26,.16)}
.service-showcase__visual{position:relative;overflow:hidden;height:280px}
.service-showcase__visual img{width:100%;height:100%;display:block;object-fit:cover;transition:transform .65s ease}
.service-showcase:hover .service-showcase__visual img{transform:scale(1.035)}
.service-showcase__visual:after{content:"";position:absolute;inset:0;background:linear-gradient(180deg,transparent 55%,rgba(2,38,20,.67))}
.service-showcase__badge{position:absolute;z-index:2;left:18px;bottom:17px;padding:8px 11px;color:#fff;background:rgba(3,55,29,.84);border:1px solid rgba(156,255,99,.23);border-radius:999px;font-size:.59rem;font-weight:850;text-transform:uppercase}
.service-showcase__content{padding:24px}
.service-showcase__top{display:flex;align-items:flex-start;justify-content:space-between}
.service-showcase__icon{width:48px;height:48px;display:inline-flex;align-items:center;justify-content:center;color:#118047;background:rgba(156,255,99,.13);border:1px solid rgba(22,134,69,.12);border-radius:15px}
.service-showcase__icon svg{width:23px}.service-showcase__top small{color:#a5afa9;font-size:.68rem;font-weight:850}
.service-showcase__category{display:block;margin-top:20px;color:#16804a;font-size:.58rem;font-weight:850;letter-spacing:.10em;text-transform:uppercase}
.service-showcase h3{margin:7px 0 10px;color:var(--services-ink);font-size:1.45rem}
.service-showcase p{color:var(--services-muted);font-size:.80rem;line-height:1.65}
.service-showcase__points{display:grid;gap:8px;margin-top:18px}
.service-showcase__points span{display:flex;align-items:center;gap:7px;color:#315842;font-size:.69rem;font-weight:750}
.service-showcase__points svg{width:14px;color:#118047}
.service-showcase__button{display:flex;align-items:center;justify-content:space-between;gap:12px;margin-top:22px;padding:13px 15px;color:#fff;text-decoration:none;background:linear-gradient(135deg,#075c33,#0a8245);border:1px solid rgba(156,255,99,.28);border-radius:999px;font-size:.73rem;font-weight:850;transition:transform .22s ease,box-shadow .22s ease}
.service-showcase__button svg{width:17px;color:var(--services-neon);transition:transform .22s ease}
.service-showcase__button:hover{color:#fff;transform:translateY(-2px);box-shadow:0 14px 27px rgba(5,75,38,.19)}
.service-showcase__button:hover svg{transform:translateX(5px)}

.services-comparison-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:16px}
.services-comparison-card{min-height:285px;padding:23px;background:rgba(255,255,255,.055);border:1px solid rgba(156,255,99,.14);border-radius:21px;transition:transform .23s ease,border-color .23s ease}
.services-comparison-card:hover{transform:translateY(-5px);border-color:rgba(156,255,99,.31)}
.services-comparison-card__icon{width:48px;height:48px;display:inline-flex;align-items:center;justify-content:center;color:var(--services-neon);background:rgba(156,255,99,.08);border-radius:15px}
.services-comparison-card__icon svg{width:23px}
.services-comparison-card small{display:block;margin-top:22px;color:var(--services-gold);font-size:.58rem;font-weight:850;letter-spacing:.10em;text-transform:uppercase}
.services-comparison-card strong{display:block;margin-top:7px;color:#fff;font-size:.98rem;line-height:1.4}
.services-comparison-card p{color:rgba(255,255,255,.58);font-size:.77rem;line-height:1.6}

.services-method-grid,.services-authority-grid,.services-final-grid{display:grid;grid-template-columns:minmax(0,1fr) minmax(380px,.9fr);align-items:center;gap:clamp(52px,7vw,100px)}
.services-method-copy p,.services-final-copy p{color:rgba(255,255,255,.64);line-height:1.75}
.services-method-flow{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px}
.services-method-step{position:relative;padding:20px;background:rgba(255,255,255,.055);border:1px solid rgba(156,255,99,.14);border-radius:18px}
.services-method-step>span{position:absolute;top:17px;right:17px;color:rgba(255,255,255,.31);font-size:.65rem;font-weight:850}
.services-method-step strong{display:block;color:#fff;font-size:.94rem}
.services-method-step small{display:block;margin-top:6px;color:rgba(255,255,255,.57);line-height:1.5}

.services-authority-photo{overflow:hidden;margin:0;aspect-ratio:4/5;border-radius:28px;box-shadow:0 28px 58px rgba(5,52,27,.14)}
.services-authority-photo img{width:100%;height:100%;display:block;object-fit:cover}
.services-authority-copy p{color:var(--services-muted);line-height:1.75}
.services-authority-points{display:grid;gap:10px;margin-top:22px}
.services-authority-points span{display:flex;align-items:center;gap:8px;color:#244b35;font-size:.76rem;font-weight:750}
.services-authority-points svg{width:15px;color:#118047}

.services-final-section{position:relative;padding:clamp(76px,8vw,118px) 0}
.services-final-tags{display:flex;flex-wrap:wrap;gap:9px;margin-top:22px}
.services-final-tags span{display:inline-flex;align-items:center;gap:7px;padding:8px 11px;color:rgba(255,255,255,.75);background:rgba(255,255,255,.045);border:1px solid rgba(156,255,99,.12);border-radius:999px;font-size:.64rem;font-weight:750}
.services-final-tags svg{width:13px;color:var(--services-neon)}
.services-final-box{position:relative;overflow:hidden;padding:28px;background:radial-gradient(circle at 90% 7%,rgba(156,255,99,.14),transparent 28%),linear-gradient(145deg,rgba(255,255,255,.08),rgba(255,255,255,.04));border:1px solid rgba(156,255,99,.18);border-radius:25px;box-shadow:0 24px 52px rgba(0,0,0,.20)}
.services-final-box:before{content:"";position:absolute;top:0;left:28px;right:28px;height:3px;background:linear-gradient(90deg,var(--services-gold),var(--services-neon))}
.services-final-box__top{display:grid;grid-template-columns:53px minmax(0,1fr);align-items:center;gap:14px}
.services-final-box__icon{width:53px;height:53px;display:inline-flex;align-items:center;justify-content:center;color:#07341e;background:linear-gradient(135deg,#f2d678,#ddb454);border-radius:17px}
.services-final-box__icon svg{width:25px}.services-final-box__top small{color:var(--services-neon);font-size:.59rem;font-weight:850;letter-spacing:.10em;text-transform:uppercase}.services-final-box__top strong{display:block;margin-top:4px;color:#fff;font-size:1rem}
.services-final-box>p{margin:21px 0 0;color:rgba(255,255,255,.62);font-size:.78rem;line-height:1.65}
.services-final-button{width:100%;margin-top:20px}

.services-reveal{opacity:0;transform:translateY(24px);transition:opacity .65s ease,transform .65s ease}
.services-reveal.is-visible{opacity:1;transform:none}

@media(max-width:1100px){
    .services-hero-grid,.services-method-grid,.services-authority-grid,.services-final-grid{grid-template-columns:1fr}
    .services-heading{grid-template-columns:1fr;gap:20px}
    .services-hero-visual,.services-authority-photo{max-width:620px}
    .services-comparison-grid{grid-template-columns:repeat(2,minmax(0,1fr))}
}
@media(max-width:760px){
    .services-section{padding:64px 0}
    .services-hero{padding-top:64px}
    .services-hero h1{font-size:clamp(2.55rem,13vw,4rem)}
    .services-heading h2,.services-method-copy h2,.services-authority-copy h2,.services-final-copy h2{font-size:clamp(2rem,10vw,3rem)}
    .services-hero-grid{gap:36px}
    .services-floating-card{position:static;margin-top:10px}
    .services-whatsapp-cta{width:100%;min-width:0}
    .services-grid,.services-comparison-grid,.services-method-flow{grid-template-columns:1fr}
    .service-showcase__visual{height:240px}
}
@media(prefers-reduced-motion:reduce){
    .services-reveal{opacity:1;transform:none;transition:none}
    .services-proof-track{animation-play-state:paused}
}
