/*
Theme Name: RAILGO WP
Theme URI: https://example.com/railgo-wp
Author: ChatGPT
Description: Полная тема WordPress, повторяющая структуру railgo.ru: видео-хиро, услуги, новости, компания, контакты.
Version: 1.0.0
Text Domain: railgo
*/
:root{
  --bg:#0a0a0a;
  --fg:#ffffff;
  --muted:#bdbdbd;
  --accent:#f0c419;
}
*{box-sizing:border-box}
html,body{margin:0;padding:0;background:var(--bg);color:var(--fg);font-family: als_sector,sans-serif;line-height:1.45}
a{color:#fff;text-decoration:none}
a:hover{opacity:.85}
.container{width:min(1200px,92%);margin:0 auto}
.section{padding:80px 0}
.hidden{display:none}
.header{position:fixed;top:0;left:0;right:0;z-index:999;background:linear-gradient(180deg,rgba(0,0,0,.75),rgba(0,0,0,0));padding:14px 0;transition:background .25s}
.header.scrolled{background:rgba(0,0,0,.85)}
.logo{font-weight:800;letter-spacing:.06em}
.nav ul{display:flex;gap:26px;list-style:none;margin:0;padding:0}
.hero{position:relative;height:92vh;min-height:540px;display:flex;align-items:flex-end}
.hero video,.hero .hero-bg{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;filter:brightness(.65)}
.hero .overlay{position:absolute;inset:0;background:linear-gradient(180deg,rgba(0,0,0,.2) 0,rgba(0,0,0,.7) 70%,rgba(0,0,0,.95) 100%)}
.hero .inner{position:relative;z-index:3;width:100%;padding-bottom:32px}
.badge{display:inline-block;background:rgba(255,255,255,.08);padding:8px 12px;border-radius:999px;font-size:13px;color:var(--muted);backdrop-filter:blur(4px)}
.h1{font-size:44px;margin:16px 0 8px}
.grid{display:grid;gap:24px}
.grid.cols-3{grid-template-columns:repeat(3,minmax(0,1fr))}
.card{background:rgba(255,255,255,.05);border:1px solid rgba(255,255,255,.08);border-radius:18px;padding:18px;transition:transform .2s, background .2s}
.card:hover{transform:translateY(-2px);background:rgba(255,255,255,.07)}
.card h3{margin:0 0 8px}
.ribbon{position:relative;background:rgba(0,0,0,.8);padding:18px;border-radius:16px;display:flex;justify-content:space-between;gap:16px;align-items:center}
.ribbon .rate{font-weight:800}
.footer{padding:50px 0;margin-top:60px;border-top:1px solid rgba(255,255,255,.08)}
.footer .cols{display:grid;grid-template-columns:repeat(4,1fr);gap:24px}
.btn{    display: inline-flex
;
  align-items: center;
  gap: 8px;
  padding: 10px 16px;
  border-radius: 12px;
  background: #4646467a;
  color: #ffffff;
  font-weight: 700;
  backdrop-filter: blur(8px);}
.btn.outline{background:transparent;color:#fff;border:1px solid rgba(255,255,255,.25)}
.news-list li{border-bottom:1px solid rgba(255,255,255,.08);padding:18px 0;list-style:none}
.meta{color:var(--muted);font-size:13px}
.h2{font-size:32px;margin:0 0 16px}
.small{font-size:14px;color:var(--muted)}
.kicker{color:var(--muted);font-size:12px;letter-spacing:.12em;text-transform:uppercase}
.contact-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:28px}
.contact-card{background:rgba(255,255,255,.04);border:1px solid rgba(255,255,255,.08);border-radius:14px;padding:16px}
.mobile-toggle{display:none}
@media(max-width:960px){
  .grid.cols-3{grid-template-columns:1fr}
  .footer .cols{grid-template-columns:1fr 1fr}
  .contact-grid{grid-template-columns:1fr}
  .mobile-toggle{display:inline-flex}
  .nav{display:none}
  .nav.open{display:block;background:rgba(0,0,0,.9);position:absolute;top:60px;right:16px;padding:12px 16px;border-radius:12px}
  .nav ul{flex-direction:column}
}