/* VoltNova conversion pass — 2026-10-03 */
.vn-contract-strip{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:12px;margin-top:22px;max-width:980px}
.vn-contract-item{padding:14px 16px;border:1px solid rgba(184,135,46,.24);background:rgba(184,135,46,.055);border-radius:16px}
.vn-contract-item strong{display:block;font-size:14px;line-height:1.25;margin-bottom:4px}
.vn-contract-item span{display:block;color:inherit;opacity:.76;font-size:12px;line-height:1.42}
.service-hero .vn-contract-item{border-color:rgba(184,135,46,.28);background:rgba(184,135,46,.08);color:#f5f7fa}
.vn-hero-call-note{margin-top:11px;font-size:13px;line-height:1.45;color:#91a0ad;max-width:620px}
.vn-proof-kicker{font-size:12px;text-transform:uppercase;letter-spacing:.08em;font-weight:900;color:#d7b35b;margin-bottom:7px}
.vn-proof-title{font-size:18px;font-weight:900;line-height:1.2;margin-bottom:6px}
.vn-proof-note{font-size:13px;line-height:1.48;color:#b7c1ca}
.home-page .hero-card{width:300px;padding:22px 22px 20px}
.home-page .hero-card .rating{display:none}
.home-page .hero-actions .btn-call-main{min-width:255px}
.home-page .trust-row{gap:18px}
.home-page .vn-advantages-contract{grid-template-columns:repeat(3,minmax(0,1fr))}
.home-page .vn-advantages-contract .advantage{min-height:200px}
.home-page .vn-contract-section{background:#0f1317}
.vn-contract-layout{display:grid;grid-template-columns:minmax(0,1fr) minmax(360px,.85fr);gap:48px;align-items:start}
.vn-contract-copy h2{max-width:680px;margin:12px 0 16px}
.vn-contract-copy>p{max-width:720px;color:var(--muted);font-size:18px}
.vn-contract-list{list-style:none;padding:0;margin:24px 0;display:grid;gap:11px}
.vn-contract-list li{position:relative;padding-left:27px;color:#d8dee4}
.vn-contract-list li:before{content:'✓';position:absolute;left:0;color:#d4af37;font-weight:900}
.vn-contract-card{display:grid;grid-template-columns:1fr 1fr;gap:12px}
.vn-contract-mini{padding:20px;border:1px solid var(--line);background:var(--panel);border-radius:18px}
.vn-contract-mini>span{color:#d4af37;font-weight:900;font-size:12px;letter-spacing:.08em}
.vn-contract-mini h3{font-size:18px;margin:13px 0 7px}
.vn-contract-mini p{color:var(--muted);font-size:14px;margin:0}

.cases .section-head{align-items:end}
.vn-price-clarity-section{background:#0f1317}
.vn-price-clarity-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:16px}
.vn-price-clarity-card{padding:24px;border:1px solid var(--line);background:var(--panel);border-radius:20px}
.vn-price-clarity-card h3{margin:0 0 9px;font-size:19px}
.vn-price-clarity-card strong{display:block;font-size:25px;color:#f4f6f8;margin-bottom:10px}
.vn-price-clarity-card p{margin:0;color:var(--muted);font-size:14px;line-height:1.5}
.vn-contract-cardwide{max-width:900px;padding:28px;border:1px solid var(--line);background:var(--panel);border-radius:22px}
.vn-contract-cardwide h2{margin:12px 0 12px}
.vn-contract-cardwide p{max-width:780px;color:var(--muted);font-size:17px;margin:0}
.vn-footer-trust{font-size:12px!important;line-height:1.55;color:#8e99a5!important;max-width:520px}
.vn-footer-ip{font-size:12px!important;line-height:1.45;color:#aeb7c2!important;margin-top:5px}
.sockets-page .service-hero .price-box{margin-top:24px}
.sockets-page .service-hero img{object-fit:cover;object-position:center;border-radius:26px;box-shadow:var(--shadow)}
.sockets-page .content-grid{grid-template-columns:minmax(0,1fr) 380px;gap:32px}
.sockets-page .content-card{padding:30px}
.sockets-page .content-card+ .content-card{margin-top:18px}
.sockets-page .side-cta{position:sticky;top:92px}
.sockets-page .quick-services{margin-top:0}
@media(max-width:980px){
  .vn-contract-strip{grid-template-columns:1fr 1fr}
  .home-page .vn-advantages-contract{grid-template-columns:repeat(2,minmax(0,1fr))}
  .vn-contract-layout{grid-template-columns:1fr}
  .vn-price-clarity-grid{grid-template-columns:1fr 1fr}
  .sockets-page .content-grid{grid-template-columns:1fr}
  .sockets-page .side-cta{position:static}
}
@media(max-width:700px){
  .vn-contract-strip{grid-template-columns:1fr}
  .home-page .hero-card{width:auto}
  .home-page .vn-advantages-contract{grid-template-columns:1fr}
  .vn-contract-card{grid-template-columns:1fr}
  .vn-price-clarity-grid{grid-template-columns:1fr}
  .sockets-page .service-hero img{height:300px}
  .vn-contract-cardwide{padding:22px}
}
/* Light-layout safeguards: these blocks also appear on pages using style.css, which has no --panel token. */
.vn-price-clarity-card{background:#182431;color:#f5f7fa;border-color:rgba(159,218,222,.18)}
.vn-price-clarity-card h3{color:#f5f7fa}
.vn-price-clarity-card p{color:#b7c1ca}
.vn-contract-cardwide{background:#182431;color:#f5f7fa;border-color:rgba(159,218,222,.18)}
.vn-contract-cardwide h2{color:#f5f7fa}
.vn-contract-cardwide p{color:#b7c1ca}
.vn-contract-mini{background:#182431;color:#f5f7fa}
.vn-contract-mini p{color:#b7c1ca}
/* Final layout polish after static render QA. */
@media(min-width:901px){
  .site-header .nav{gap:16px}
  .site-header .header-phone-list{margin-left:4px}
  .site-header .header-phone-list a{font-size:13px}
}
@media(min-width:901px) and (max-width:1080px){
  .site-header .nav{gap:10px}
  .site-header .nav>a,.site-header .nav-services>a{font-size:13px}
}
.vn-problem-copy{height:auto}
.vn-problem-copy b{margin-top:12px;padding-top:0}
@media(min-width:901px){
  .home-page .header-inner{gap:18px}
  .home-page .nav{gap:16px}
  .home-page .header-phone-list{margin-left:4px!important}
  .home-page .header-phone-list .header-phone-primary{font-size:14px!important;line-height:1.2!important;letter-spacing:0!important}
  .site-header .header-phone-list .header-phone-primary{font-size:14px!important;line-height:1.2!important;letter-spacing:0!important}
}
@media(min-width:901px){
  body.home-page header.header .header-phone-list .header-phone-primary{font-size:13px!important;line-height:1.2!important;letter-spacing:0!important}
  header.site-header .header-phone-list .header-phone-primary{font-size:13px!important;line-height:1.2!important;letter-spacing:0!important}
  body.home-page header.header .nav{gap:14px}
  header.site-header .nav{gap:14px}
}
@media(max-width:980px){
  .service-hero-grid{grid-template-columns:minmax(0,1fr)!important}
  .service-hero-grid>*{min-width:0}
}


/* Trust and commercial clarity additions */
.vn-home-service-note{background:#0f151c;border-bottom:1px solid rgba(255,255,255,.07)}
.vn-home-service-note .container{padding:18px 0}
.vn-home-service-note p{margin:0;color:#c7d0d9;font-size:14px;line-height:1.5;text-align:center}
.vn-service-trust-note{margin:12px 0 0!important;color:#97a5b2!important;font-size:13px!important;line-height:1.5!important}
.vn-org-note{margin:16px 0 0;color:#9aa7b4;font-size:13px;line-height:1.5}
.vn-price-service-note{margin:14px 0 0!important;padding:14px 16px;border:1px solid rgba(184,135,46,.18);background:rgba(184,135,46,.055);border-radius:14px;color:#c4cdd6;font-size:14px;line-height:1.5}
@media(max-width:620px){
  .vn-home-service-note .container{padding:15px 0}
  .vn-home-service-note p{font-size:13px;text-align:left}
  .vn-service-trust-note{font-size:12px!important}
}
