@import url('https://fonts.googleapis.com/css2?family=Space+Grotesk:wght@500;600;700&family=Manrope:wght@400;500;600;700&display=swap');
:root{
  --bg:#0b1224;
  --bg2:#0f172a;
  --text:#0f172a;
  --muted:#475569;
  --card:#f8fafc;
  --line:#e2e8f0;
  --accent:#2563eb;
  --accent2:#0ea5e9;
  --ok:#16a34a;
  --warn:#f59e0b;
  --radius:16px;
  --shadow:0 14px 40px rgba(2,6,23,.12);
}
*{box-sizing:border-box}
html,body{margin:0;padding:0}
body{
  font:16px/1.58 "Manrope","Space Grotesk",system-ui,-apple-system,Segoe UI,Roboto,Ubuntu,Cantarell,Noto Sans,Arial,sans-serif;
  color:var(--text);
  background:#fff;
  -webkit-font-smoothing:antialiased;
}
a{color:inherit;text-decoration:none}
a:hover{text-decoration:underline}
.container{max-width:1180px;margin:0 auto;padding:0 18px}
.header{position:sticky;top:0;background:rgba(255,255,255,.88);backdrop-filter: blur(14px);border-bottom:1px solid rgba(226,232,240,.7);z-index:20}
.header__inner{display:flex;align-items:center;justify-content:space-between;padding:14px 0;gap:12px}
.brand{display:flex;align-items:center;gap:10px;font-weight:800;letter-spacing:-.02em}
.brand__logo{height:36px;width:64px;object-fit:contain;object-position:left center;display:block}
.brand__name{font-weight:800;color:#2563eb;font-size:15px;letter-spacing:.01em}
.brand__dot{width:12px;height:12px;border-radius:50%;background:linear-gradient(135deg,var(--accent),var(--accent2));box-shadow:0 0 0 6px rgba(37,99,235,.08)}
.nav{display:flex;gap:18px;flex-wrap:wrap;align-items:center}
.nav a{color:#334155;font-weight:700;font-size:15px;letter-spacing:.01em}
.nav a.active{color:var(--text)}
.header__menu{display:flex;align-items:center;gap:18px}
.header__contacts{display:flex;align-items:center;gap:18px}
.header__call{margin-left:6px;color:#fff !important}
.header__call:visited,.header__call:hover{color:#fff !important}
.header__phone{display:none;font-weight:800;color:var(--text)}
.header__call{white-space:nowrap}
.header__call--number{color:#fff}
.header__call--number:visited,.header__call--number:hover{color:#fff}
.menu-btn{display:none;align-items:center;gap:8px;border:1px solid var(--line);background:#fff;border-radius:12px;padding:8px 10px;font-weight:700}
.menu-btn__icon{width:20px;height:2px;background:var(--text);display:inline-block;position:relative;border-radius:2px}
.menu-btn__icon::before,.menu-btn__icon::after{content:"";position:absolute;left:0;width:20px;height:2px;background:var(--text);border-radius:2px}
.menu-btn__icon::before{top:-6px}
.menu-btn__icon::after{top:6px}
.lang{display:flex;gap:10px}
.lang a{font-weight:700;color:var(--muted)}
.lang a.active{color:var(--text)}
.hero{
  padding:60px 0 36px;
  color:var(--text);
  background:#f7f9fb;
}
.hero--light{
  color:var(--text);
  background:#f7f9fb;
}
.hero--dark{
  color:#f8fafc;
  background:
    radial-gradient(1200px 400px at 20% -20%, rgba(37,99,235,.24), transparent 60%),
    radial-gradient(900px 400px at 80% -30%, rgba(14,165,233,.2), transparent 65%),
    linear-gradient(135deg,rgba(12,18,35,.85),rgba(12,18,35,.92));
}
.hero h1{font-size:36px;line-height:1.08;margin:0 0 12px;letter-spacing:-.02em;color:var(--text)}
.hero p{margin:0;color:var(--muted);max-width:72ch;font-weight:500}
.hero--light h1{color:var(--text)}
.hero--light p{color:var(--muted)}
.hero--dark h1{color:#f8fafc}
.hero--dark p{color:#dbeafe}
.grid{display:grid;gap:18px}
.grid-2{grid-template-columns:1.3fr .7fr}
@media (max-width:900px){.grid-2{grid-template-columns:1fr}}
@media (max-width:900px){
  .header__inner{flex-wrap:wrap;gap:10px}
  .menu-btn{display:inline-flex !important}
  .header__menu{display:none !important;flex-direction:column;align-items:flex-start;gap:12px;width:100%;padding:12px 0;border-top:1px solid var(--line)}
  .header--open .header__menu{display:flex !important}
  .header .nav{display:none !important;flex-direction:column;align-items:flex-start;gap:10px}
  .header__contacts{display:none !important;width:100%;justify-content:flex-start;gap:10px}
  .lang{display:none !important}
  .header--open .nav{display:flex !important}
  .header--open .header__contacts{display:flex !important}
  .header--open .lang{display:flex !important}
  .header__call{margin-left:0}
  .lang{gap:12px}
  .hero{padding:44px 0 26px}
  .hero h1{font-size:30px}
  .card__body{padding:18px}
  .btn{padding:11px 13px}
}
@media (max-width:1024px){
  .container{padding:0 22px}
  .hero h1{font-size:32px}
}
@media (max-width:480px){
  .hero h1{font-size:24px}
  .hero p{font-size:15px}
  .badge{font-size:12px}
  .btn.small{padding:10px 12px;font-size:13px}
  .input{padding:11px 12px}
}
.card{background:linear-gradient(180deg,#ffffff,#f8fbff);border:1px solid rgba(226,232,240,.9);border-radius:var(--radius);box-shadow:var(--shadow)}
.card__body{padding:20px}
.badge{display:inline-flex;align-items:center;gap:8px;padding:6px 12px;border:1px solid var(--line);border-radius:999px;background:#fff;color:var(--muted);font-weight:700;font-size:13px;letter-spacing:.01em}
.hero .badge{background:#fff;border-color:var(--line);color:var(--muted)}
.hero--dark .badge{background:rgba(255,255,255,.16);border-color:rgba(255,255,255,.28);color:#f8fafc}
.kpi{display:flex;gap:10px;flex-wrap:wrap;margin-top:10px}
.kpi .badge{background:rgba(255,255,255,.9)}
.hero--light .kpi .badge{background:#e2e8f0;color:var(--text)}
.hero--dark .kpi .badge{background:rgba(255,255,255,.9);color:var(--text)}
.btn{display:inline-flex;align-items:center;justify-content:center;gap:10px;padding:12px 15px;border-radius:14px;border:1px solid #1d4ed8;background:linear-gradient(135deg,#1d4ed8,#2563eb);color:#fff;font-weight:800;cursor:pointer;letter-spacing:.01em;box-shadow:0 10px 30px rgba(29,78,216,.3)}
.btn:hover{filter:brightness(.98)}
.btn.secondary{background:#fff;border-color:var(--line);color:var(--text);box-shadow:none}
.btn.ghost{background:transparent;border-color:var(--line);color:var(--text);box-shadow:none}
.btn.small{padding:11px 14px;font-size:14px;border-radius:14px;box-shadow:0 8px 20px rgba(37,99,235,.18)}
.form{display:grid;gap:10px}
.input{width:100%;padding:13px 13px;border-radius:12px;border:1px solid var(--line);background:#fff;font-weight:600;transition:border-color .2s,box-shadow .2s}
.input:focus{outline:none;border-color:rgba(37,99,235,.6);box-shadow:0 0 0 3px rgba(37,99,235,.14)}
.input::placeholder{color:#94a3b8;font-weight:600}
.form__row{display:grid;grid-template-columns:1fr 1fr;gap:10px}
@media(max-width:600px){.form__row{grid-template-columns:1fr}}
.note{font-size:13px;color:var(--muted)}
.section{padding:28px 0}
.section.white{background:#fff;border-top:1px solid var(--line);border-bottom:1px solid var(--line)}
.section h2{margin:0 0 12px;font-size:24px;letter-spacing:-.01em}
.section .small{max-width:80ch}
.list{display:grid;gap:10px}
.list a{display:flex;justify-content:space-between;gap:10px;padding:12px 14px;border-radius:14px;background:#fff;border:1px solid var(--line)}
.list a:hover{border-color:#cbd5e1;text-decoration:none}
.small{font-size:14px;color:var(--muted)}
.footer{margin-top:40px;border-top:1px solid var(--line);background:#fff}
.footer__inner{padding:26px 0;display:grid;gap:16px;grid-template-columns:1.2fr 1fr 1fr}
@media(max-width:900px){.footer__inner{grid-template-columns:1fr}}
@media(max-width:900px){.footer__inner{padding:26px 18px}}
.footer a{color:var(--muted);font-weight:650}
.footer a:hover{color:var(--text)}
.footer__title{font-weight:900}
.fleet{display:grid;gap:14px}
.fleet__grid{display:grid;grid-template-columns:1fr;gap:14px}
.fleet-card{display:grid;grid-template-columns:230px 1fr;gap:16px;align-items:center;background:#fff;border:1px solid var(--line);border-radius:16px;padding:16px;box-shadow:0 10px 26px rgba(15,23,42,.08)}
@media(max-width:840px){.fleet-card{grid-template-columns:1fr}}
.fleet-card__media{background:linear-gradient(180deg,#f8fbff,#eef5ff);border-radius:12px;display:flex;align-items:center;justify-content:center;padding:12px;height:150px;border:1px solid rgba(226,232,240,.8)}
.fleet-card__media img{max-width:100%;max-height:120px;object-fit:contain}
.fleet-card__body{display:grid;gap:10px}
.fleet-card__top{display:flex;justify-content:space-between;gap:12px;align-items:flex-start;flex-wrap:wrap}
.fleet-card h3{margin:0;font-size:18px;letter-spacing:-.01em}
.pill{display:inline-flex;align-items:center;gap:6px;padding:6px 10px;border-radius:999px;background:rgba(37,99,235,.08);color:var(--text);font-weight:700;font-size:13px}
.fleet-card__stats{display:flex;gap:8px;flex-wrap:wrap}
.feature-list{list-style:none;margin:0;padding:0;display:grid;gap:6px;color:var(--muted);font-weight:600}
.feature-list li{display:flex;gap:8px;align-items:center}
.fleet-card__actions{display:flex;gap:10px;flex-wrap:wrap;align-items:center}
.booking{background:linear-gradient(180deg,#ffffff 0%,#f5f7ff 100%);border:1px solid rgba(226,232,240,.9);border-radius:20px;padding:20px;box-shadow:0 14px 34px rgba(15,23,42,.1);display:grid;gap:14px}
.booking__grid{display:grid;grid-template-columns:repeat(2,1fr);gap:12px}
@media(max-width:700px){.booking__grid{grid-template-columns:1fr}}
.booking__actions{display:flex;gap:10px;flex-wrap:wrap;align-items:center}
.stat{display:inline-flex;align-items:center;gap:6px;padding:6px 10px;border-radius:999px;background:rgba(15,23,42,.04);font-weight:700;color:var(--text)}
.icon{display:inline-block;width:18px;height:18px;background-size:contain;background-repeat:no-repeat;background-position:center;background-color:transparent}
.icon.person{background-image:url('data:image/svg+xml;utf8,<svg xmlns=\"http://www.w3.org/2000/svg\" fill=\"%232563eb\" viewBox=\"0 0 24 24\"><path d=\"M12 12.5a4 4 0 1 0-4-4 4 4 0 0 0 4 4Zm-6 6.75a6 6 0 1 1 12 0v.25H6Z\"/></svg>')}
.icon.bag{background-image:url('data:image/svg+xml;utf8,<svg xmlns=\"http://www.w3.org/2000/svg\" fill=\"%232563eb\" viewBox=\"0 0 24 24\"><path d=\"M8 7V6.5A4.5 4.5 0 0 1 12.5 2h-1A4.5 4.5 0 0 1 16 6.5V7h3a1 1 0 0 1 1 1v12a1 1 0 0 1-1 1H5a1 1 0 0 1-1-1V8a1 1 0 0 1 1-1Zm2 0h4V6.5A2.5 2.5 0 0 0 11.5 4h1A2.5 2.5 0 0 0 10 6.5Zm-4 2v9h12V9Z\"/></svg>')}
.icon.cancel{background-image:url('data:image/svg+xml;utf8,<svg xmlns=\"http://www.w3.org/2000/svg\" fill=\"%232563eb\" viewBox=\"0 0 24 24\"><path d=\"M12 3a9 9 0 1 0 9 9 9.01 9.01 0 0 0-9-9Zm3.54 11.46-1.06 1.06L12 13.06l-2.48 2.48-1.06-1.06L10.94 12 8.46 9.52l1.06-1.06L12 10.94l2.48-2.48 1.06 1.06L13.06 12Z\"/></svg>')}
.icon.meet{background-image:url('data:image/svg+xml;utf8,<svg xmlns=\"http://www.w3.org/2000/svg\" fill=\"%232563eb\" viewBox=\"0 0 24 24\"><path d=\"M5 7.5A2.5 2.5 0 1 1 7.5 10 2.5 2.5 0 0 1 5 7.5Zm10.5 0A2.5 2.5 0 1 1 18 10a2.5 2.5 0 0 1-2.5-2.5ZM4 18a3 3 0 0 1 3-3h1a3 3 0 0 1 3 3v1H4Zm9 1v-1a4.5 4.5 0 0 1 4.5-4.5h.5A3.5 3.5 0 0 1 21.5 17V19Z\"/></svg>')}
.icon.wait{background-image:url('data:image/svg+xml;utf8,<svg xmlns=\"http://www.w3.org/2000/svg\" fill=\"%232563eb\" viewBox=\"0 0 24 24\"><path d=\"M12 3a9 9 0 1 0 9 9 9.01 9.01 0 0 0-9-9Zm.75 9.25a.75.75 0 0 1-.75.75H9a.75.75 0 0 1 0-1.5h2.25V7a.75.75 0 0 1 1.5 0Z\"/></svg>')}
hr.sep{border:0;border-top:1px solid var(--line);margin:18px 0}
.faq details{background:#fff;border:1px solid var(--line);border-radius:14px;padding:12px 14px}
.faq summary{cursor:pointer;font-weight:850}
.breadcrumbs{font-size:13px;color:var(--muted);margin:0 0 10px}
.breadcrumbs a{color:var(--muted)}
.list--fold{max-height:320px;overflow:hidden;position:relative;border-radius:16px;background:#fff;border:1px solid var(--line);padding:6px}
.list--fold::after{content:"";position:absolute;left:0;right:0;bottom:0;height:120px;background:linear-gradient(180deg,rgba(255,255,255,0) 0%,rgba(255,255,255,.9) 70%,#fff 100%);pointer-events:none;transition:opacity .2s}
.list--fold a{background:transparent;border:1px solid transparent;border-radius:12px}
.list--fold[data-expanded="1"]{max-height:none}
.list--fold[data-expanded="1"]::after{opacity:0}
.list__controls{display:flex;gap:10px;flex-wrap:wrap;margin-top:12px;align-items:center}
