:root {
    --primary: #10b981;
    --primary-dark: #059669;
    --accent: #34d399;
    --accent-light: #6ee7b7;
    --dark: #0a1410;
    --white: #ffffff;
    --slate: #94a3b8;
    --border: rgba(255, 255, 255, 0.08);
}

* { margin: 0; padding: 0; box-sizing: border-box; }
body { font-family: 'Inter', sans-serif; color: var(--dark); overflow-x: hidden; background: #fff; }
html { scroll-behavior: smooth; }

.btn-cta { display: inline-flex; align-items: center; gap: 8px; padding: 10px 24px; background: var(--primary); color: #fff; font-weight: 700; font-size: .8125rem; letter-spacing: .5px; text-decoration: none; text-transform: uppercase; transition: all .25s ease; border: none; cursor: pointer; box-shadow: 0 4px 12px rgba(16, 185, 129, 0.2); }
.btn-cta:hover { background: var(--primary-dark); box-shadow: 0 8px 24px rgba(16, 185, 129, .35); transform: translateY(-2px); color: #fff; }
.btn-cta-ghost { background: transparent; border: 2px solid rgba(255, 255, 255, .7); color: #fff; box-shadow: none; }
.btn-cta-ghost:hover { background: rgba(255, 255, 255, .15); border-color: #fff; color: #fff; }

.breadcrumbs{display:flex;align-items:center;gap:8px;font-size:.8125rem;color:rgba(255, 255, 255, 0.5);margin-bottom:2rem;}.breadcrumbs a{color:rgba(255, 255, 255, 0.5);text-decoration:none;transition:color .2s;}.breadcrumbs a:hover{color:#fff;}.breadcrumb-current{color:#fff;font-weight:500;}

.hero-service { background: var(--dark); position: relative; overflow: hidden; padding: 8rem 0 6rem; color: #fff; }
.hero-glow { position: absolute; border-radius: 50%; filter: blur(120px); pointer-events: none; z-index: 0; }

.benefit-card { background: white; padding: 2.5rem; border: 1px solid #f1f5f9; transition: all 0.4s ease; }
.benefit-card:hover { transform: translateY(-5px); box-shadow: 0 20px 40px rgba(0, 0, 0, 0.05); border-color: var(--primary); }

.price-card { background: white; padding: 2.5rem; border: 1px solid #e2e8f0; position: relative; transition: all 0.4s ease; }
.price-card.featured { border-color: var(--primary); box-shadow: 0 20px 40px rgba(16, 185, 129, 0.1); }
.price-amount { font-size: 2.5rem; font-weight: 700; color: #1a1a1a; }

.reveal { opacity: 0; transform: translateY(30px); transition: all .8s cubic-bezier(.16, 1, .3, 1); }
.reveal.visible { opacity: 1; transform: translateY(0); }

@media(max-width: 768px) { .hero-service { padding: 6rem 0 4rem; text-align: center; } .breadcrumbs { justify-content: center; } }