@import url('/assets/vellunox-home-v8.css?v=20260720d');

/* Vellunox V9 — service-card, pricing-flow, and responsive cleanup */
.desktop-nav{gap:28px}
.desktop-nav a{white-space:nowrap}
.hero-price-link{display:inline-flex;align-items:center;gap:8px;margin-top:14px;color:#79b8ff;font-weight:800;font-size:.86rem;text-decoration:none}
.hero-price-link:hover{color:#fff}

.service-section{padding:74px 0}
.service-section .section-heading{max-width:820px;margin-bottom:34px}
.service-rail{display:grid!important;grid-template-columns:repeat(3,minmax(0,1fr))!important;gap:18px!important;align-items:stretch!important}
.service-feature{position:relative!important;display:flex!important;flex-direction:column!important;min-width:0!important;min-height:100%!important;padding:24px!important;border:1px solid rgba(72,137,235,.28)!important;border-radius:22px!important;background:linear-gradient(160deg,rgba(8,28,57,.97),rgba(3,13,30,.98))!important;box-shadow:0 18px 54px rgba(0,0,0,.24)!important;overflow:hidden!important}
.service-feature::before{content:'';position:absolute;inset:0 0 auto;height:2px;background:linear-gradient(90deg,#176dff,#50c7ff,#e0b754);opacity:.8}
.service-feature:hover{transform:translateY(-3px);border-color:rgba(79,159,255,.58)!important;box-shadow:0 24px 70px rgba(0,0,0,.32),0 0 26px rgba(31,113,255,.12)!important}
.service-number{position:absolute!important;top:18px!important;right:20px!important;color:#5c94e6!important;font-size:.72rem!important;letter-spacing:.14em!important;font-weight:900!important}
.service-mark{flex:0 0 auto!important;width:88px!important;height:88px!important;margin:0 0 18px!important;padding:7px!important;border-radius:22px!important;background:radial-gradient(circle at 50% 35%,rgba(33,116,255,.22),rgba(3,13,30,.98))!important;border:1px solid rgba(80,150,255,.35)!important}
.service-mark img{width:74px!important;height:74px!important;max-width:74px!important;max-height:74px!important;object-fit:contain!important;filter:drop-shadow(0 0 15px rgba(44,133,255,.42))!important}
.service-content{display:flex!important;flex:1!important;flex-direction:column!important;min-width:0!important}
.service-content h3{margin:0 0 10px!important;font-size:1.3rem!important;line-height:1.18!important}
.service-content p{margin:0!important;color:#b5c4db!important;font-size:.91rem!important;line-height:1.62!important}
.service-content ul{display:grid!important;gap:8px!important;margin:18px 0 24px!important;padding:0!important;list-style:none!important}
.service-content li{position:relative!important;padding-left:18px!important;color:#9eb2cf!important;font-size:.78rem!important;line-height:1.42!important}
.service-content li::before{content:'✓';position:absolute;left:0;color:#49a5ff;font-weight:900}
.service-feature>button{display:flex!important;align-items:center!important;justify-content:center!important;width:100%!important;min-height:46px!important;margin-top:auto!important;padding:11px 14px!important;border:1px solid rgba(74,142,255,.4)!important;border-radius:12px!important;background:linear-gradient(135deg,rgba(17,87,202,.92),rgba(42,66,220,.94))!important;color:#fff!important;font-weight:900!important;font-size:.82rem!important;cursor:pointer!important}
.service-feature>button:hover{filter:brightness(1.1)}

.legacy-section{padding:54px 0!important}
.legacy-layout{align-items:center!important}
.legacy-copy h2{font-size:clamp(2rem,3.2vw,3.2rem)!important}

@media(max-width:1050px){
 .desktop-nav{gap:18px}
 .service-rail{grid-template-columns:repeat(2,minmax(0,1fr))!important}
 .service-feature:last-child{grid-column:1/-1;max-width:calc(50% - 9px);width:100%;justify-self:center}
}
@media(max-width:760px){
 .service-section{padding:52px 0!important}
 .service-rail{grid-template-columns:1fr!important;gap:14px!important}
 .service-feature,.service-feature:last-child{grid-column:auto!important;max-width:none!important;padding:20px!important}
 .service-mark{width:76px!important;height:76px!important;margin-bottom:15px!important}
 .service-mark img{width:64px!important;height:64px!important;max-width:64px!important;max-height:64px!important}
 .service-content h3{font-size:1.18rem!important}
 .service-content ul{margin-bottom:19px!important}
 .hero-price-link{margin-top:12px}
}