:root{--yellow:#ffd51f;--black:#0d1117;--ink:#141922;--muted:#6d7580;--line:#e8ebef;--soft:#f6f7f9;--white:#fff;--dark:#0d151e;--radius:22px;--shadow:0 18px 60px rgba(12,18,28,.10)}*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;font-family:Inter,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif;color:var(--ink);background:#fff}a{color:inherit;text-decoration:none}img{display:block;max-width:100%}.container{width:min(1180px,calc(100% - 40px));margin:auto}.site-header{position:sticky;top:0;z-index:20;background:rgba(255,255,255,.9);backdrop-filter:blur(14px);border-bottom:1px solid rgba(0,0,0,.06)}.nav-wrap{height:72px;display:flex;align-items:center;gap:26px}.brand{font-weight:900;font-style:italic;font-size:25px;letter-spacing:-1px}.slash{color:var(--yellow);margin-right:2px}.nav{display:flex;gap:24px;font-size:14px;flex:1;justify-content:center}.nav a:hover{color:#9c7f00}.nav-actions{display:flex;gap:10px;align-items:center}.btn{display:inline-flex;align-items:center;justify-content:center;gap:8px;border-radius:12px;padding:12px 18px;font-weight:750;font-size:14px;border:1px solid transparent;transition:.2s}.btn:hover{transform:translateY(-1px)}.btn-yellow{background:var(--yellow);color:#121212}.btn-ghost{background:#fff;border-color:var(--line)}.btn-outline{border-color:#bfc5cc;background:#fff}.btn-outline-light{border-color:#5f6a75;color:#fff}.btn-dark{background:#101722;color:#fff}.btn-lg{padding:15px 22px}.menu-btn{display:none;border:0;background:none;font-size:26px}.hero{background:radial-gradient(circle at 80% 30%,rgba(255,213,31,.20),transparent 25%),linear-gradient(180deg,#fbfcfd,#f6f7f8);overflow:hidden}.hero-grid{min-height:610px;display:grid;grid-template-columns:1.05fr .95fr;align-items:center;gap:36px}.eyebrow{text-transform:uppercase;letter-spacing:.12em;font-size:12px;font-weight:800;color:#7e8791;margin-bottom:12px}.hero h1,.section h2{letter-spacing:-.045em}.hero h1{font-size:66px;line-height:.98;margin:0 0 22px;max-width:760px}.hero h1 span{color:#c9a500}.hero-lead,.lead{font-size:19px;line-height:1.55;color:#59616b;max-width:720px}.hero-actions{display:flex;gap:12px;flex-wrap:wrap;margin-top:28px}.trust-row{display:flex;gap:34px;margin-top:36px;flex-wrap:wrap}.trust-row div{display:flex;flex-direction:column}.trust-row b{font-size:22px}.trust-row span{font-size:12px;color:#777}.hero-visual{position:relative;height:520px}.glow{position:absolute;inset:70px 20px 30px;border-radius:50%;background:radial-gradient(circle,rgba(255,213,31,.5),rgba(255,213,31,0) 68%);filter:blur(25px)}.phone-stack{position:absolute;right:18px;top:20px;width:265px;height:470px;overflow:hidden;border-radius:34px;border:8px solid #171717;background:#111;box-shadow:var(--shadow);transform:rotate(2deg)}.phone-stack img{width:100%;height:100%;object-fit:cover}.commission-card{position:absolute;left:10px;bottom:80px;background:#fff;border-radius:18px;padding:18px 22px;box-shadow:var(--shadow);display:flex;flex-direction:column;z-index:2}.commission-card strong{font-size:58px;line-height:.95}.commission-card small{color:#7e8791}.taxi-card{position:absolute;left:70px;top:120px;width:285px;height:170px;border-radius:90px 90px 30px 30px;background:linear-gradient(140deg,#ffe454,#ffcc00);box-shadow:var(--shadow);display:flex;flex-direction:column;align-items:center;justify-content:center;transform:rotate(-6deg);border:8px solid #171717}.taxi-card strong{font-size:34px}.taxi-card span{font-size:12px;margin-top:8px}.taxi-shape{position:absolute;top:-28px;background:#ffcf00;padding:5px 16px;border-radius:8px;font-weight:900}.section{padding:80px 0}.section-head{display:flex;justify-content:space-between;align-items:end;margin-bottom:28px}.section h2{font-size:44px;line-height:1.02;margin:0 0 14px}.direction-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:16px}.direction-card{border:1px solid var(--line);border-radius:20px;padding:22px;background:#fff;box-shadow:0 8px 24px rgba(12,18,28,.04);min-height:430px;display:flex;flex-direction:column}.direction-card h3{font-size:22px;margin:14px 0 8px}.direction-card p{color:#6c7480;line-height:1.5}.icon{width:46px;height:46px;border-radius:14px;background:#eef4ff;display:grid;place-items:center;font-size:23px}.icon.green{background:#e9fff4}.icon.orange{background:#fff2df}.icon.teal{background:#e9fffb}.primary-card{background:linear-gradient(180deg,#fff,#fffdf4)}.big-number{font-size:70px;font-weight:900;margin-top:12px}.compare{font-size:13px;color:#6d7580}.price-tag{display:inline-flex;align-self:flex-start;background:var(--yellow);border-radius:10px;padding:8px 12px;font-size:24px;font-weight:900;margin:18px 0}.pill-list{display:flex;flex-wrap:wrap;gap:7px}.pill-list span{font-size:12px;background:#f3f5f7;padding:7px 10px;border-radius:999px}.text-link{font-weight:800;margin-top:auto;padding-top:16px}.mini-shot{width:150px;height:160px;object-fit:cover;object-position:top;border-radius:16px;margin:10px auto 0}.mini-shot.wide{width:100%;height:150px}.app-section{background:#fbfbfc}.app-grid{display:grid;grid-template-columns:.9fr 1.1fr;gap:30px;align-items:center}.feature-list{display:grid;gap:12px;margin:26px 0}.feature-list div{display:grid;grid-template-columns:42px 1fr;gap:12px;align-items:start}.feature-list div>span{width:38px;height:38px;display:grid;place-items:center;border-radius:11px;background:#fff0a8;font-weight:900}.feature-list p{margin:0;line-height:1.4;color:#626a73}.feature-list b{color:#171b20}.phones{height:610px;position:relative}.phone{position:absolute;width:245px;height:540px;border:7px solid #1a1a1a;border-radius:32px;overflow:hidden;background:#111;box-shadow:0 22px 50px rgba(0,0,0,.18)}.phone img{width:100%;height:100%;object-fit:cover}.p1{left:0;top:50px;transform:rotate(-5deg)}.p2{left:200px;top:0;z-index:3}.p3{right:0;top:55px;transform:rotate(5deg)}.license-section{background:linear-gradient(120deg,#fffdf7,#fff5cf)}.license-grid{display:grid;grid-template-columns:1.1fr .9fr;gap:36px;align-items:center}.license-panel{background:#fff;border-radius:22px;padding:24px;display:grid;grid-template-columns:1fr 1fr;gap:14px;box-shadow:var(--shadow)}.license-panel div{padding:18px;border:1px solid var(--line);border-radius:15px}.license-panel b,.license-panel span{display:block}.license-panel b{font-size:19px;margin-bottom:5px}.license-panel span{color:#737b84;font-size:13px}.fleet-section{background:linear-gradient(180deg,#111b25,#0b1219);color:#fff}.fleet-grid{display:grid;grid-template-columns:.9fr 1.1fr;gap:34px;align-items:center}.light{color:#aeb7c1}.light-copy{color:#c2c9d1}.fleet-features{display:grid;grid-template-columns:1fr 1fr;gap:10px;margin-top:26px}.fleet-features span{background:#17232e;border:1px solid #263541;border-radius:12px;padding:11px;font-size:13px}.crm-shot img{border-radius:18px;border:1px solid #344553;box-shadow:0 25px 60px rgba(0,0,0,.4)}.b2b-grid{display:grid;grid-template-columns:1fr 1fr 1.3fr;gap:16px;margin-top:24px}.b2b-grid article{background:#15212b;border:1px solid #263541;border-radius:18px;padding:20px}.b2b-grid h3{margin:9px 0 6px}.b2b-grid p{color:#b9c2ca;line-height:1.45;margin:0}.round-icon{width:40px;height:40px;border-radius:50%;display:grid;place-items:center;background:var(--yellow);color:#111;font-weight:900}.cyber{display:flex;gap:16px;align-items:center}.cyber-face{flex:0 0 62px;width:62px;height:62px;border-radius:50%;display:grid;place-items:center;background:radial-gradient(circle at 35% 30%,#f4c6be,#8999c0 50%,#252d40);font-size:28px;font-weight:900}.benefit-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:16px}.benefit-grid div{border:1px solid var(--line);border-radius:18px;padding:22px;text-align:center}.benefit-grid b{font-size:28px;display:block}.benefit-grid span{color:#727a84}.faq-grid{display:grid;grid-template-columns:1fr .85fr;gap:28px}.accordion{border-top:1px solid var(--line)}.accordion button{width:100%;border:0;border-bottom:1px solid var(--line);background:#fff;padding:18px 4px;text-align:left;font:inherit;font-weight:750;display:flex;justify-content:space-between}.answer{display:none;padding:16px 4px;color:#68717b;line-height:1.5;border-bottom:1px solid var(--line)}.answer.open{display:block}.contact-card{background:linear-gradient(145deg,#111a23,#26313a);color:#fff;border-radius:24px;padding:32px;align-self:start}.contact-card p{color:#c8cfd6}.contact-card .eyebrow{color:#aeb7c1}footer{border-top:1px solid var(--line);padding:28px 0 36px}.footer-grid{display:grid;grid-template-columns:1fr 1fr auto;gap:20px;align-items:center}.footer-grid p{color:#8a9199;font-size:12px;margin:2px 0}.footer-links{display:flex;gap:20px;font-size:13px}.copyright{font-size:12px;color:#8a9199}
@media (max-width:1000px){.nav{display:none;position:absolute;top:72px;left:0;right:0;background:#fff;padding:20px;flex-direction:column;border-bottom:1px solid var(--line)}.nav.open{display:flex}.menu-btn{display:block}.nav-actions .btn-ghost{display:none}.hero-grid,.app-grid,.license-grid,.fleet-grid,.faq-grid{grid-template-columns:1fr}.hero-grid{padding:70px 0 30px}.hero h1{font-size:54px}.hero-visual{height:480px}.direction-grid{grid-template-columns:1fr 1fr}.phones{max-width:760px;margin:auto;width:100%}.b2b-grid{grid-template-columns:1fr}.benefit-grid{grid-template-columns:1fr 1fr}.crm-shot{order:-1}}
@media (max-width:680px){.container{width:min(100% - 24px,1180px)}.nav-actions .btn-yellow{display:none}.hero h1{font-size:42px}.hero-lead,.lead{font-size:16px}.hero-visual{height:420px}.phone-stack{width:210px;height:375px}.taxi-card{left:5px;top:120px;width:230px;height:140px}.commission-card{left:4px;bottom:45px}.direction-grid{grid-template-columns:1fr}.section{padding:58px 0}.section h2{font-size:35px}.phones{height:auto;display:grid;grid-template-columns:1fr 1fr;gap:10px}.phone{position:relative!important;inset:auto!important;transform:none!important;width:100%;height:430px}.p3{grid-column:1/-1;width:50%;margin:auto}.license-panel{grid-template-columns:1fr}.fleet-features{grid-template-columns:1fr}.benefit-grid{grid-template-columns:1fr 1fr}.footer-grid{grid-template-columns:1fr}.footer-links{flex-wrap:wrap}.trust-row{gap:18px}}

/* v2 brand image */
.brand{display:inline-flex;align-items:center;flex:0 0 auto}
.brand img{width:64px;height:48px;object-fit:cover;border-radius:10px;display:block}
@media(max-width:680px){.brand img{width:52px;height:39px;border-radius:8px}}

/* connection flow */
.connect-body{background:#0e1721;color:#fff;min-height:100vh}
.connect-header{position:sticky;top:0;z-index:30;background:rgba(11,18,25,.90);backdrop-filter:blur(14px);border-bottom:1px solid rgba(255,255,255,.08)}
.connect-header .nav-wrap{height:72px}.connect-header .brand img{box-shadow:0 0 0 1px rgba(255,255,255,.08)}
.connect-back{font-size:14px;color:#c8d0d8}.connect-back:hover{color:#fff}
.connect-main{padding:68px 0 96px}
.connect-intro{max-width:820px;margin-bottom:34px}
.connect-intro h1{font-size:56px;line-height:1;letter-spacing:-.045em;margin:0 0 16px}
.connect-intro p{font-size:19px;line-height:1.55;color:#b8c0c8;margin:0}
.status-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:18px}
.status-card{background:linear-gradient(180deg,#182532,#111c26);border:1px solid #2b3a47;border-radius:24px;padding:26px;min-height:290px;display:flex;flex-direction:column;box-shadow:0 20px 40px rgba(0,0,0,.18);transition:.2s}
.status-card:hover{transform:translateY(-4px);border-color:#65717c}.status-card .status-icon{width:52px;height:52px;border-radius:16px;display:grid;place-items:center;background:#ffd51f;color:#111;font-size:22px;font-weight:900;margin-bottom:28px}
.status-card h2{font-size:30px;margin:0 0 10px;letter-spacing:-.03em}.status-card p{color:#b8c0c8;line-height:1.5;margin:0 0 24px}.status-card .btn{margin-top:auto;align-self:flex-start}
.status-note{margin-top:20px;color:#8f9aa5;font-size:13px}

.status-hero{margin-top:-68px;padding-top:0;overflow:hidden}.status-photo{height:360px;background:url('/assets/taxi-flyer-car.jpg') center 54%/cover no-repeat;position:relative}.status-photo:after{content:"";position:absolute;inset:0;background:linear-gradient(180deg,rgba(9,15,22,.04),rgba(9,15,22,.96))}.status-copy{position:relative;margin-top:-105px;z-index:2;display:grid;grid-template-columns:1.2fr .8fr;gap:30px;align-items:end}.status-copy h1{font-size:58px;line-height:.97;letter-spacing:-.05em;margin:0 0 16px}.status-copy .lead{color:#c9d0d6;max-width:690px}.status-badges{display:flex;gap:10px;flex-wrap:wrap;margin-top:22px}.status-badges span{border:1px solid #344654;background:#16222d;border-radius:999px;padding:9px 12px;font-size:13px;color:#dce2e7}.register-panel{background:#fff;color:#111;border-radius:24px;padding:24px;box-shadow:0 28px 70px rgba(0,0,0,.28)}.register-panel h2{font-size:26px;margin:0 0 8px}.register-panel p{color:#65707a;line-height:1.45;margin:0 0 18px}.register-panel .btn{width:100%;margin-top:8px}.register-panel small{display:block;color:#8a929b;line-height:1.4;margin-top:12px}.status-content{padding:44px 0 90px}.info-grid{display:grid;grid-template-columns:1.2fr .8fr;gap:20px}.info-card{background:#15212b;border:1px solid #263541;border-radius:20px;padding:24px}.info-card h2{font-size:30px;margin:0 0 16px}.info-card p,.info-card li{color:#b9c2ca;line-height:1.55}.clean-list{margin:0;padding:0;list-style:none;display:grid;gap:12px}.clean-list li{padding-left:28px;position:relative}.clean-list li:before{content:"✓";position:absolute;left:0;top:0;color:#ffd51f;font-weight:900}.legal-note{font-size:11px;color:#71808d;line-height:1.45;margin-top:24px}

.modal-backdrop{position:fixed;inset:0;background:rgba(4,8,12,.72);backdrop-filter:blur(6px);display:none;align-items:center;justify-content:center;padding:18px;z-index:100}.modal-backdrop.open{display:flex}.promo-modal{width:min(460px,100%);background:#fff;color:#111;border-radius:24px;padding:28px;box-shadow:0 35px 90px rgba(0,0,0,.35)}.promo-modal h2{font-size:30px;margin:0 0 8px}.promo-modal p{color:#68717a;line-height:1.5;margin:0 0 20px}.promo-field{width:100%;border:1px solid #d9dee3;background:#f7f8f9;border-radius:14px;padding:15px 16px;font:inherit;text-transform:uppercase;outline:none}.promo-field:focus{border-color:#d0aa00;box-shadow:0 0 0 3px rgba(255,213,31,.18)}.promo-actions{display:grid;gap:10px;margin-top:14px}.promo-actions .btn{width:100%;border:0;cursor:pointer}.btn-linkish{background:transparent;color:#59616a}.promo-message{font-size:13px;margin-top:10px;min-height:18px}.promo-message.error{color:#b32828}.promo-message.ok{color:#1b7a48}

@media(max-width:900px){.status-grid,.status-copy,.info-grid{grid-template-columns:1fr}.status-copy{margin-top:-70px}.register-panel{max-width:620px}.status-photo{height:300px}.connect-intro h1,.status-copy h1{font-size:46px}}
@media(max-width:620px){.connect-main{padding-top:46px}.status-grid{grid-template-columns:1fr}.connect-intro h1,.status-copy h1{font-size:39px}.status-photo{height:260px}.status-copy{margin-top:-55px}.status-card{min-height:auto}.register-panel{padding:20px}.connect-header .nav-wrap{height:64px}}

/* v3.2 — support channels and managed products */
.support-choice{margin-top:18px;padding-top:2px}
.support-divider{display:flex;align-items:center;gap:10px;margin:12px 0;color:#7b838d;font-size:12px;font-weight:750;text-transform:uppercase;letter-spacing:.06em}
.support-divider:before,.support-divider:after{content:"";height:1px;background:#e2e5e8;flex:1}
.support-copy{font-size:14px!important;line-height:1.45!important;color:#69727d!important;margin:8px 0 12px!important}
.support-buttons{display:grid;grid-template-columns:1fr 1fr;gap:10px}
.support-btn{display:none;align-items:center;justify-content:center;min-height:46px;border-radius:12px;font-weight:850;color:#fff}
.support-btn.telegram{background:#229ED9}
.support-btn.max{background:#5a68ff}
.support-phone-secondary{margin-top:12px;font-size:11px;color:#9aa1a8;display:flex;gap:6px;flex-wrap:wrap}
.support-phone-secondary a{color:#7c858f;text-decoration:underline}
.free-tools{background:#f7f9fb}
.product-grid{display:block}
.product-card{border:1px solid var(--line);border-radius:22px;padding:26px;background:#fff;box-shadow:0 8px 24px rgba(12,18,28,.04)}
.product-topline{display:flex;gap:8px;align-items:center;flex-wrap:wrap;margin-bottom:14px}
.product-badge{background:#dffbef;color:#147a57;padding:6px 10px;border-radius:999px;font-size:12px;font-weight:850}
.product-note{background:#f3f5f7;color:#68717b;padding:6px 10px;border-radius:999px;font-size:12px;font-weight:700}
.product-card h3{font-size:27px;letter-spacing:-.025em;margin:0 0 10px}
.product-card p{color:#66707b;line-height:1.55}
.product-card ul{margin:18px 0 22px;padding-left:20px;color:#444d56;line-height:1.7}
.product-placeholder{color:#7b838d}
@media(max-width:680px){.support-buttons,.product-grid{grid-template-columns:1fr}}

/* v3.3 product logos and typed actions */
.product-card-head{display:flex;justify-content:space-between;gap:14px;align-items:flex-start}
.product-logo{width:72px;height:72px;border-radius:18px;object-fit:cover;border:1px solid #e4e8ec;background:#f5f7f9;flex:0 0 auto}
.product-actions{display:flex;gap:10px;flex-wrap:wrap;margin-top:22px}
.product-action{display:inline-flex;align-items:center;justify-content:center;gap:8px;padding:11px 15px;border-radius:12px;font-size:14px;font-weight:850;transition:.18s;min-height:44px}
.product-action:hover{transform:translateY(-1px)}
.product-action-telegram{background:#229ED9;color:#fff}
.product-action-max{background:#5865f2;color:#fff}
.product-action-rustore{background:#111923;color:#fff}
.product-action-link{background:var(--yellow);color:#151515}
.product-action-icon{width:20px;height:20px;border-radius:6px;background:rgba(255,255,255,.16);display:grid;place-items:center;font-size:11px;font-weight:900}
.product-action-link .product-action-icon{background:rgba(0,0,0,.08)}

/* v3.4 — one-card swipe carousel for free driver tools */
.product-carousel-shell{
  position:relative;
  width:min(620px,100%);
}
.product-carousel{
  display:flex;
  gap:18px;
  overflow-x:auto;
  scroll-snap-type:x mandatory;
  scroll-behavior:smooth;
  overscroll-behavior-x:contain;
  scrollbar-width:none;
  -webkit-overflow-scrolling:touch;
  padding:2px 1px 18px;
}
.product-carousel::-webkit-scrollbar{display:none}
.product-carousel .product-card{
  flex:0 0 100%;
  width:100%;
  scroll-snap-align:start;
  scroll-snap-stop:always;
}
.product-carousel-arrow{
  position:absolute;
  top:50%;
  transform:translateY(-50%);
  z-index:3;
  width:42px;
  height:42px;
  border:1px solid #dde2e7;
  border-radius:50%;
  background:#fff;
  color:#151a22;
  box-shadow:0 8px 24px rgba(12,18,28,.12);
  font-size:28px;
  line-height:1;
  cursor:pointer;
}
.product-carousel-arrow.prev{left:-56px}
.product-carousel-arrow.next{right:-56px}
.product-carousel-arrow:disabled{opacity:.3;cursor:default}
.product-carousel-footer{
  width:min(620px,100%);
  display:flex;
  justify-content:space-between;
  align-items:center;
  gap:16px;
  margin-top:2px;
}
.product-dots{display:flex;gap:7px;align-items:center}
.product-dots button{
  width:8px;height:8px;border:0;border-radius:999px;
  background:#cfd5da;padding:0;cursor:pointer;transition:.2s
}
.product-dots button.active{width:22px;background:#151a22}
.product-counter{font-size:12px;font-weight:750;color:#7a838d}
@media(max-width:760px){
  .product-carousel-shell,.product-carousel-footer{width:100%}
  .product-carousel-arrow{display:none}
}

/* v3.5 — harden service carousel layout */
.free-tools .container{overflow:visible}
.product-carousel-shell{
  width:min(620px,100%)!important;
  max-width:620px!important;
  overflow:visible;
}
.product-carousel{
  display:flex!important;
  flex-flow:row nowrap!important;
  width:100%!important;
  max-width:620px!important;
  overflow-x:auto!important;
  overflow-y:hidden!important;
}
.product-carousel>.product-card{
  flex:0 0 100%!important;
  min-width:100%!important;
  max-width:100%!important;
  margin:0!important;
}
.product-carousel-arrow.prev{left:10px}
.product-carousel-arrow.next{right:10px}
.product-carousel-arrow{
  top:calc(50% - 10px);
  background:rgba(255,255,255,.96);
}
.product-carousel-footer{max-width:620px!important}

/* v3.6 wide infinite-looking services carousel */
.product-carousel-shell{width:100%!important;max-width:none!important;overflow:visible!important}
.product-carousel{
  display:flex!important;
  flex-flow:row nowrap!important;
  width:100%!important;
  max-width:none!important;
  gap:18px!important;
  overflow-x:auto!important;
  overflow-y:hidden!important;
  scroll-snap-type:x mandatory!important;
  scroll-behavior:smooth;
  scrollbar-width:none;
  -webkit-overflow-scrolling:touch;
  padding:2px 4px 20px!important;
}
.product-carousel::-webkit-scrollbar{display:none}
.product-carousel>.product-card{
  flex:0 0 clamp(430px,52vw,620px)!important;
  width:clamp(430px,52vw,620px)!important;
  min-width:clamp(430px,52vw,620px)!important;
  max-width:clamp(430px,52vw,620px)!important;
  scroll-snap-align:start!important;
  scroll-snap-stop:always;
}
.product-carousel-arrow{top:50%;transform:translateY(-50%);z-index:4}
.product-carousel-arrow.prev{left:12px!important}
.product-carousel-arrow.next{right:12px!important}
.product-carousel-footer{width:100%!important;max-width:none!important}
@media(max-width:760px){
  .product-carousel>.product-card{
    flex-basis:86vw!important;
    width:86vw!important;
    min-width:86vw!important;
    max-width:86vw!important;
  }
  .product-carousel-arrow{display:none!important}
}

/* v3.7 — refreshed homepage hero */
.hero{
  position:relative;
  isolation:isolate;
  background:
    linear-gradient(90deg,rgba(255,255,255,.94) 0%,rgba(255,255,255,.86) 42%,rgba(255,255,255,.68) 72%,rgba(255,255,255,.58) 100%),
    url("assets/hero-taxi-fleet.jpg") center 56%/cover no-repeat;
  overflow:hidden;
}
.hero:after{
  content:"";
  position:absolute;
  inset:0;
  z-index:-1;
  background:
    radial-gradient(circle at 74% 38%,rgba(255,213,31,.20),transparent 27%),
    linear-gradient(180deg,rgba(255,255,255,.05),rgba(245,247,249,.20));
  pointer-events:none;
}
.hero-grid{position:relative;z-index:1}
.hero-copy{
  padding:28px 0;
  text-shadow:0 1px 0 rgba(255,255,255,.28);
}
.hero-visual{
  position:relative;
  height:520px;
  min-width:0;
}
.hero-visual .glow{
  inset:80px 18px 18px;
  background:radial-gradient(circle,rgba(255,213,31,.36),rgba(255,213,31,0) 68%);
}
.hero-phone{
  right:58px;
  top:24px;
  width:278px;
  height:486px;
  transform:rotate(2deg);
  box-shadow:0 28px 70px rgba(12,18,28,.24);
}
.commission-card{
  left:26px;
  bottom:82px;
  z-index:4;
  border:1px solid rgba(0,0,0,.05);
}
@media(max-width:1000px){
  .hero{
    background:
      linear-gradient(180deg,rgba(255,255,255,.94),rgba(255,255,255,.80)),
      url("assets/hero-taxi-fleet.jpg") center/cover no-repeat;
  }
}
@media(max-width:680px){
  .hero-visual{height:400px}
  .hero-phone{right:4px;width:210px;height:375px}
  .commission-card{left:4px;bottom:34px}
}

.taxi-card{display:none!important}

/* v3.7.1 — stronger hero visual treatment */
.hero{
  min-height:610px;
  background:
    linear-gradient(90deg,
      rgba(255,255,255,.88) 0%,
      rgba(255,255,255,.80) 36%,
      rgba(255,255,255,.52) 58%,
      rgba(255,255,255,.22) 78%,
      rgba(255,255,255,.12) 100%
    ),
    url("assets/hero-taxi-fleet-v3.jpg") center 58%/cover no-repeat !important;
}
.hero:after{
  background:
    linear-gradient(180deg,rgba(255,255,255,.03),rgba(243,246,248,.12)),
    radial-gradient(circle at 74% 36%,rgba(255,213,31,.20),transparent 28%) !important;
}
.hero-copy{
  background:linear-gradient(90deg,rgba(255,255,255,.35),rgba(255,255,255,0));
  border-radius:28px;
}
.hero-visual .glow{
  opacity:.60;
}
@media(max-width:1000px){
  .hero{
    background:
      linear-gradient(180deg,rgba(255,255,255,.88),rgba(255,255,255,.64)),
      url("assets/hero-taxi-fleet-v2.jpg") center/cover no-repeat !important;
  }
}

/* =========================================================
   v3.7.2 — fully rebuilt HTML/CSS hero, separate live assets
   ========================================================= */
.hero-v372{
  position:relative;
  isolation:isolate;
  min-height:660px;
  overflow:hidden;
  background:#e9ecef;
}
.hero-v372 .hero-bg-layer{
  position:absolute;
  inset:0;
  z-index:-3;
  background:url("assets/hero-moscow-night-v379.jpg") center 54%/cover no-repeat;
  filter:saturate(1.18) contrast(1.05);
  transform:scale(1.02);
}
.hero-v372:before{
  content:"";
  position:absolute;
  inset:0;
  z-index:-2;
  background:
    linear-gradient(90deg,
      rgba(247,249,251,.96) 0%,
      rgba(247,249,251,.90) 31%,
      rgba(247,249,251,.60) 51%,
      rgba(247,249,251,.24) 73%,
      rgba(247,249,251,.12) 100%);
}
.hero-v372:after{
  content:"";
  position:absolute;
  inset:0;
  z-index:-1;
  background:
    radial-gradient(circle at 72% 42%,rgba(255,211,31,.24),transparent 28%),
    linear-gradient(180deg,rgba(255,255,255,.04),rgba(15,22,30,.05));
}
.hero-v372 .hero-grid{
  min-height:660px;
  grid-template-columns:minmax(0,1.03fr) minmax(470px,.97fr);
  gap:42px;
  position:relative;
  z-index:2;
}
.hero-v372 .hero-copy{
  padding:50px 0;
  background:none!important;
  text-shadow:none;
}
.hero-v372 .hero-copy .eyebrow{color:#66717c}
.hero-v372 h1{
  font-size:68px;
  max-width:700px;
  line-height:.96;
  margin-bottom:24px;
}
.hero-v372 h1 span{color:#caa700}
.hero-v372 .hero-lead{
  max-width:690px;
  color:#4c5661;
  font-size:18px;
  line-height:1.55;
}
.hero-v372 .hero-actions{margin-top:30px}
.hero-v372 .btn-outline{
  background:rgba(255,255,255,.76);
  backdrop-filter:blur(10px);
}
.hero-trust{
  display:grid;
  grid-template-columns:repeat(3,max-content);
  gap:30px;
  margin-top:36px;
}
.hero-trust .trust-item{
  display:flex;
  flex-direction:row;
  align-items:center;
  gap:11px;
}
.hero-trust .trust-icon{
  width:42px;
  height:42px;
  border-radius:13px;
  background:rgba(255,213,31,.20);
  color:#8b7000;
  display:grid;
  place-items:center;
  font-size:19px;
  font-weight:900;
  border:1px solid rgba(202,167,0,.12);
}
.hero-trust .trust-item>div{display:flex;flex-direction:column}
.hero-trust b{font-size:22px;line-height:1}
.hero-trust .trust-item>div>span{font-size:12px;color:#66717c;margin-top:5px}

.hero-showcase{
  position:relative;
  height:610px;
  align-self:end;
  min-width:0;
}
.hero-halo{
  position:absolute;
  width:470px;
  height:470px;
  border-radius:50%;
  right:30px;
  top:70px;
  background:radial-gradient(circle,rgba(255,213,31,.38),rgba(255,213,31,.08) 44%,transparent 70%);
  filter:blur(12px);
}
.device{
  position:absolute;
  overflow:hidden;
  background:#0a0d11;
  border:8px solid #111317;
  box-shadow:0 35px 80px rgba(0,0,0,.30);
}
.device img{
  width:100%;
  height:100%;
  object-fit:cover;
  object-position:center top;
}
.device-speaker{
  position:absolute;
  top:9px;
  left:50%;
  transform:translateX(-50%);
  width:54px;
  height:5px;
  border-radius:999px;
  background:#25292e;
  z-index:4;
}
.device-label{
  position:absolute;
  top:18px;
  left:0;
  right:0;
  text-align:center;
  z-index:3;
  color:#fff;
  font-weight:850;
  font-size:15px;
  text-shadow:0 1px 3px #000;
}
.device-back{
  width:242px;
  height:488px;
  left:42px;
  top:102px;
  border-radius:38px;
  transform:rotate(-8deg);
  opacity:.97;
}
.device-front{
  width:280px;
  height:545px;
  right:78px;
  top:34px;
  border-radius:42px;
  transform:rotate(2.5deg);
  z-index:3;
}
.hero-callout{
  position:absolute;
  z-index:6;
  min-width:220px;
  max-width:270px;
  padding:15px 17px;
  border-radius:18px;
  background:rgba(255,255,255,.96);
  border:1px solid rgba(20,25,34,.06);
  box-shadow:0 18px 45px rgba(12,18,28,.16);
  backdrop-filter:blur(14px);
  display:flex;
  gap:12px;
  align-items:center;
}
.callout-icon{
  flex:0 0 43px;
  width:43px;
  height:43px;
  display:grid;
  place-items:center;
  border-radius:13px;
  background:#ffd51f;
  font-weight:900;
}
.hero-callout div{display:flex;flex-direction:column}
.hero-callout small{font-size:13px;font-weight:800;color:#343b43;line-height:1.2}
.hero-callout strong{font-size:27px;line-height:1.06;margin-top:2px}
.hero-callout em{font-style:normal;font-size:10px;color:#7c858f;margin-top:3px}
.callout-commission{right:-8px;top:170px}
.callout-epl{right:18px;top:285px}
.callout-license{right:-2px;top:397px}
.hero-note{
  position:absolute;
  right:18px;
  top:54px;
  z-index:7;
  max-width:175px;
  font-size:16px;
  line-height:1.18;
  font-weight:700;
  color:#49525b;
  transform:rotate(-4deg);
}
.hero-note span{color:#caa700;font-size:28px;margin-left:8px}

@media(max-width:1100px){
  .hero-v372 .hero-grid{grid-template-columns:1fr 480px}
  .hero-v372 h1{font-size:57px}
  .callout-license{display:none}
  .callout-commission{right:0}
  .callout-epl{right:8px}
}
@media(max-width:1000px){
  .hero-v372{min-height:auto}
  .hero-v372 .hero-grid{
    min-height:auto;
    grid-template-columns:1fr;
    padding:68px 0 24px;
  }
  .hero-v372:before{
    background:linear-gradient(180deg,rgba(247,249,251,.95),rgba(247,249,251,.78) 58%,rgba(247,249,251,.34));
  }
  .hero-v372 .hero-copy{padding:0}
  .hero-showcase{height:535px;width:min(620px,100%);margin:0 auto}
  .device-back{left:48px;top:70px}
  .device-front{right:65px;top:12px}
  .callout-commission{right:0;top:140px}
  .callout-epl{right:4px;top:255px}
  .hero-note{right:10px;top:18px}
}
@media(max-width:680px){
  .hero-v372 .hero-grid{padding:44px 0 20px}
  .hero-v372 h1{font-size:43px}
  .hero-v372 .hero-lead{font-size:16px}
  .hero-trust{grid-template-columns:1fr 1fr;gap:16px}
  .hero-showcase{height:440px}
  .device-back{width:175px;height:360px;left:2px;top:68px;border-width:6px;border-radius:30px}
  .device-front{width:205px;height:405px;right:4px;top:8px;border-width:6px;border-radius:32px}
  .hero-callout{min-width:0;max-width:190px;padding:10px 12px}
  .hero-callout strong{font-size:21px}
  .hero-callout small{font-size:11px}
  .callout-commission{right:0;top:142px}
  .callout-epl{right:0;top:235px}
  .callout-license{display:none}
  .hero-note{display:none}
}

/* =========================================================
   v3.7.3 — hero composition refinement
   ========================================================= */
.hero-v372{
  min-height:630px;
}
.hero-v372 .hero-grid{
  min-height:630px;
  grid-template-columns:minmax(0,1.08fr) minmax(430px,.92fr);
  gap:34px;
}
.hero-v372 .hero-copy{
  padding:42px 0 44px;
}
.hero-v372 h1{
  font-size:62px;
  max-width:670px;
  line-height:.97;
  margin-bottom:22px;
}
.hero-v372 .hero-lead{
  max-width:660px;
}
.hero-showcase{
  height:575px;
}
.hero-halo{
  width:420px;
  height:420px;
  right:20px;
  top:86px;
  opacity:.72;
}

/* Main phone becomes lighter and smaller */
.device-front{
  width:245px;
  height:486px;
  right:96px;
  top:54px;
  border-width:7px;
  border-radius:38px;
  transform:rotate(2deg);
  box-shadow:0 28px 62px rgba(0,0,0,.25);
}

/* Secondary phone recedes into the background */
.device-back{
  width:205px;
  height:420px;
  left:78px;
  top:118px;
  border-width:6px;
  border-radius:34px;
  transform:rotate(-7deg);
  opacity:.48;
  filter:saturate(.75) brightness(.86);
  box-shadow:0 24px 55px rgba(0,0,0,.18);
}

/* Callouts are moved to the right edge instead of sitting on the phone */
.hero-callout{
  min-width:210px;
  max-width:235px;
  padding:13px 15px;
}
.callout-commission{
  right:-24px;
  top:170px;
}
.callout-epl{
  right:-18px;
  top:274px;
}
.callout-license{
  right:-10px;
  top:378px;
}
.hero-callout strong{
  font-size:24px;
}
.hero-callout small{
  font-size:12px;
}

/* User explicitly asked to remove this note */
.hero-note{
  display:none!important;
}

/* Make taxi background read more clearly and remove the "two halves" feel */
.hero-v372:before{
  background:
    linear-gradient(90deg,
      rgba(247,249,251,.92) 0%,
      rgba(247,249,251,.84) 31%,
      rgba(247,249,251,.58) 48%,
      rgba(247,249,251,.30) 67%,
      rgba(247,249,251,.16) 100%)!important;
}
.hero-v372 .hero-bg-layer{
  filter:saturate(1.28) contrast(1.08) brightness(.94)!important;
}

/* Subtler trust icons */
.hero-trust .trust-icon{
  background:rgba(255,213,31,.14);
}

@media(max-width:1100px){
  .hero-v372 .hero-grid{
    grid-template-columns:1fr 440px;
  }
  .hero-v372 h1{
    font-size:54px;
  }
  .device-front{
    right:62px;
  }
  .device-back{
    left:45px;
  }
  .callout-commission,
  .callout-epl{
    right:-6px;
  }
}

@media(max-width:1000px){
  .hero-v372 .hero-grid{
    grid-template-columns:1fr;
  }
  .hero-showcase{
    height:505px;
  }
  .device-front{
    right:90px;
    top:24px;
  }
  .device-back{
    left:82px;
    top:86px;
  }
  .callout-commission{
    right:12px;
    top:138px;
  }
  .callout-epl{
    right:10px;
    top:236px;
  }
}

@media(max-width:680px){
  .hero-v372 h1{
    font-size:42px;
  }
  .hero-showcase{
    height:400px;
  }
  .device-front{
    width:188px;
    height:372px;
    right:12px;
    top:12px;
  }
  .device-back{
    width:150px;
    height:310px;
    left:8px;
    top:72px;
  }
  .hero-callout{
    max-width:170px;
  }
  .callout-commission{
    right:0;
    top:136px;
  }
  .callout-epl{
    right:0;
    top:225px;
  }
}

/* =========================================================
   v3.7.4 — target composition based on approved reference
   ========================================================= */
.hero-v374{
  position:relative;
  isolation:isolate;
  min-height:620px;
  overflow:hidden;
  background:#101922;
}
.hero-v374 .hero-bg-layer{
  position:absolute;
  inset:0;
  z-index:-3;
  background:url("assets/hero-moscow-night-v379.jpg") center 54%/cover no-repeat;
  filter:saturate(1.35) contrast(1.16) brightness(.72);
  transform:scale(1.005);
}
.hero-v374:before{
  content:"";
  position:absolute;
  inset:0;
  z-index:-2;
  background:
    linear-gradient(90deg,rgba(10,20,30,.86) 0%,rgba(10,20,30,.78) 37%,rgba(10,20,30,.43) 60%,rgba(10,20,30,.14) 100%);
}
.hero-v374:after{
  content:"";
  position:absolute;
  inset:0;
  z-index:-1;
  background:
    radial-gradient(circle at 74% 42%,rgba(255,201,42,.15),transparent 26%),
    linear-gradient(180deg,rgba(8,14,20,.02),rgba(8,14,20,.18));
}
.hero-v374 .hero-grid{
  min-height:620px;
  grid-template-columns:minmax(0,1.03fr) minmax(450px,.97fr);
  gap:34px;
  position:relative;
  z-index:2;
}
.hero-v374 .hero-copy{
  padding:62px 0 54px;
  background:none!important;
  text-shadow:none;
}
.hero-v374 .hero-copy .eyebrow{
  color:#c7d0d8;
  letter-spacing:.22em;
}
.hero-v374 h1{
  color:#fff;
  font-size:64px;
  line-height:.97;
  max-width:720px;
  margin:12px 0 24px;
}
.hero-v374 h1 span{color:#ffd21f}
.hero-v374 .hero-lead{
  color:#f2f4f6;
  max-width:675px;
  font-size:18px;
  line-height:1.52;
}
.hero-v374 .hero-actions{
  display:flex;
  gap:14px;
  margin-top:30px;
  flex-wrap:wrap;
}
.btn-outline-light{
  background:rgba(18,28,39,.46);
  color:#fff;
  border:1px solid rgba(255,255,255,.75);
}
.btn-outline-light:hover{background:rgba(255,255,255,.12)}
.hero-metrics{
  display:flex;
  gap:42px;
  margin-top:42px;
  flex-wrap:wrap;
}
.hero-metric{
  display:flex;
  gap:12px;
  align-items:center;
  color:#fff;
}
.metric-ico{
  width:46px;height:46px;
  border-radius:14px;
  display:grid;place-items:center;
  color:#ffd21f;
  border:1px solid rgba(255,210,31,.18);
  background:rgba(255,210,31,.07);
  font-size:20px;
  font-weight:900;
}
.hero-metric div{display:flex;flex-direction:column}
.hero-metric b{font-size:24px;line-height:1.05}
.hero-metric small{font-size:12px;color:#d0d7dd;margin-top:4px}

.hero-v374 .hero-showcase{
  position:relative;
  height:600px;
  align-self:end;
}
.hero-phone-img{
  position:absolute;
  right:120px;
  bottom:-6px;
  width:292px;
  height:auto;
  z-index:3;
  filter:drop-shadow(0 28px 40px rgba(0,0,0,.34));
  transform:rotate(2deg);
}
.hero-v374 .hero-callout{
  position:absolute;
  z-index:6;
  min-width:236px;
  max-width:260px;
  padding:15px 16px;
  border-radius:18px;
  background:rgba(255,255,255,.97);
  box-shadow:0 16px 40px rgba(0,0,0,.20);
  display:flex;
  gap:12px;
  align-items:center;
}
.hero-v374 .callout-icon{
  flex:0 0 44px;
  width:44px;height:44px;
  border-radius:13px;
  display:grid;place-items:center;
  background:#ffd21f;
  color:#171b20;
  font-weight:900;
}
.hero-v374 .hero-callout div{display:flex;flex-direction:column}
.hero-v374 .hero-callout small{
  color:#20252b;
  font-size:13px;
  font-weight:850;
  line-height:1.18;
}
.hero-v374 .hero-callout strong{
  color:#111820;
  font-size:26px;
  line-height:1.05;
  margin-top:2px;
}
.hero-v374 .hero-callout em{
  font-style:normal;
  color:#6d7680;
  font-size:10px;
  margin-top:3px;
}
.hero-v374 .callout-commission{right:-2px;top:188px}
.hero-v374 .callout-epl{right:10px;top:300px}
.hero-v374 .callout-license{right:2px;top:412px}

/* white navigation strip below hero */
.hero-quickbar{
  position:relative;
  z-index:5;
  margin-top:-18px;
}
.hero-quickgrid{
  background:#fff;
  border-radius:28px 28px 0 0;
  box-shadow:0 -7px 24px rgba(13,23,34,.06);
  display:grid;
  grid-template-columns:repeat(4,1fr);
  overflow:hidden;
}
.hero-quickitem{
  min-height:190px;
  padding:30px 28px;
  display:grid;
  grid-template-columns:58px 1fr;
  gap:18px;
  text-decoration:none;
  color:#171d24;
  border-right:1px solid #e9edf1;
}
.hero-quickitem:last-child{border-right:0}
.quick-icon{
  width:54px;height:54px;
  border-radius:16px;
  display:grid;place-items:center;
  background:#f3f5f7;
  font-size:23px;
  font-weight:900;
}
.hero-quickitem b{font-size:18px}
.hero-quickitem p{
  color:#66717c;
  font-size:13px;
  line-height:1.5;
  margin:8px 0 14px;
}
.quick-link{
  color:#1769e0;
  font-size:13px;
  font-weight:800;
}

/* support strip */
.hero-support-strip{
  background:#fff;
  border-top:1px solid #edf0f2;
  border-bottom:1px solid #edf0f2;
}
.hero-support-grid{
  display:grid;
  grid-template-columns:repeat(4,1fr);
  min-height:110px;
}
.hero-support-grid>div{
  display:flex;
  align-items:center;
  justify-content:center;
  gap:16px;
  position:relative;
}
.hero-support-grid>div:not(:last-child):after{
  content:"";
  position:absolute;
  right:0;
  top:28%;
  width:1px;height:44%;
  background:#dfe4e8;
}
.hero-support-grid span{
  font-size:26px;
  color:#0d1319;
}
.hero-support-grid p{
  margin:0;
  font-size:13px;
  line-height:1.45;
  color:#303943;
}
.hero-support-grid b{font-weight:600}

/* hide legacy directions if a cached block somehow survives */
.directions{display:none!important}

@media(max-width:1120px){
  .hero-v374 h1{font-size:56px}
  .hero-v374 .hero-grid{grid-template-columns:1fr 430px}
  .hero-phone-img{right:88px;width:266px}
  .hero-v374 .hero-callout{min-width:205px;max-width:220px}
  .hero-v374 .callout-commission,
  .hero-v374 .callout-epl,
  .hero-v374 .callout-license{right:-8px}
}
@media(max-width:960px){
  .hero-v374 .hero-grid{
    grid-template-columns:1fr;
    min-height:auto;
  }
  .hero-v374 .hero-copy{padding:56px 0 12px}
  .hero-v374 .hero-showcase{
    height:530px;
    width:min(620px,100%);
    margin:0 auto;
  }
  .hero-phone-img{right:140px;width:265px}
  .hero-v374 .callout-commission{right:18px;top:155px}
  .hero-v374 .callout-epl{right:22px;top:262px}
  .hero-v374 .callout-license{right:15px;top:370px}
  .hero-quickgrid{grid-template-columns:1fr 1fr}
  .hero-quickitem:nth-child(2){border-right:0}
  .hero-quickitem:nth-child(-n+2){border-bottom:1px solid #e9edf1}
  .hero-support-grid{grid-template-columns:1fr 1fr}
  .hero-support-grid>div:nth-child(2):after{display:none}
  .hero-support-grid>div:nth-child(-n+2){border-bottom:1px solid #edf0f2}
}
@media(max-width:680px){
  .hero-v374 h1{font-size:42px}
  .hero-v374 .hero-lead{font-size:16px}
  .hero-metrics{gap:18px}
  .hero-v374 .hero-showcase{height:425px}
  .hero-phone-img{right:32px;width:205px}
  .hero-v374 .hero-callout{min-width:165px;max-width:175px;padding:10px}
  .hero-v374 .callout-commission{right:0;top:120px}
  .hero-v374 .callout-epl{right:0;top:208px}
  .hero-v374 .callout-license{display:none}
  .hero-quickgrid{grid-template-columns:1fr}
  .hero-quickitem{border-right:0;border-bottom:1px solid #e9edf1}
  .hero-support-grid{grid-template-columns:1fr}
  .hero-support-grid>div{min-height:90px}
  .hero-support-grid>div:after{display:none!important}
}

/* =========================================================
   v3.7.5 — clean separation between hero and quick links
   ========================================================= */
.hero-v374{
  padding-bottom:0!important;
}
.hero-quickbar{
  margin-top:0!important;
  padding-top:24px;
  background:#fff;
}
.hero-quickgrid{
  border-radius:24px!important;
  overflow:hidden;
  border:1px solid #e6eaee;
  box-shadow:0 10px 32px rgba(13,23,34,.06)!important;
}
.hero-quickitem{
  background:#fff;
}
.hero-support-strip{
  margin-top:24px;
  background:#fff;
}

/* keep the sections visually separated on narrower screens too */
@media(max-width:960px){
  .hero-quickbar{
    padding-top:18px;
  }
}

/* =========================================================
   v3.7.6 — realistic Android device + geometry refinement
   ========================================================= */
.hero-v374{
  min-height:600px;
}
.hero-v374 .hero-grid{
  min-height:600px;
  grid-template-columns:minmax(0,1.06fr) minmax(430px,.94fr);
  gap:28px;
}
.hero-v374 .hero-copy{
  padding:56px 0 46px;
}
.hero-v374 h1{
  font-size:60px;
  line-height:.96;
  margin-bottom:20px;
}
.hero-v374 .hero-lead{
  max-width:650px;
}

/* Keep all three metrics on one row at normal desktop widths */
.hero-metrics{
  gap:32px;
  flex-wrap:nowrap;
}
.hero-metric{
  min-width:0;
}
.hero-metric b{
  white-space:nowrap;
}

/* Make taxi background more cinematic and less washed out */
.hero-v374 .hero-bg-layer{
  filter:saturate(1.10) contrast(1.08) brightness(.92)!important;
}
.hero-v374:before{
  background:
    linear-gradient(90deg,
      rgba(8,18,27,.76) 0%,
      rgba(8,18,27,.62) 34%,
      rgba(8,18,27,.22) 58%,
      rgba(8,18,27,.03) 100%)!important;
}

/* -------------------------------
   Realistic modern Android device
   ------------------------------- */
.hero-v374 .hero-showcase{
  height:580px;
}
.hero-device{
  position:absolute;
  right:138px;
  bottom:8px;
  width:252px;
  height:510px;
  z-index:4;
  transform:perspective(1200px) rotateY(-4deg) rotateZ(1.5deg);
  filter:drop-shadow(0 32px 42px rgba(0,0,0,.36));
}
.hero-device-glass{
  position:absolute;
  inset:0;
  border-radius:34px;
  overflow:hidden;
  background:#07090c;
  border:2px solid rgba(210,216,222,.50);
  box-shadow:
    inset 0 0 0 3px #0b0e12,
    inset 0 0 0 4px rgba(255,255,255,.10),
    0 0 0 6px #1a1d22;
}
.hero-device-screen{
  position:absolute;
  left:8px;
  right:8px;
  top:14px;
  bottom:12px;
  width:calc(100% - 16px);
  height:calc(100% - 26px);
  object-fit:cover;
  object-position:center top;
  border-radius:28px;
}
.hero-device-camera{
  position:absolute;
  z-index:5;
  top:12px;
  left:50%;
  transform:translateX(-50%);
  width:13px;
  height:13px;
  border-radius:50%;
  background:
    radial-gradient(circle at 38% 35%, #465463 0 13%, #101820 30%, #020407 67%);
  box-shadow:0 0 0 2px rgba(0,0,0,.55);
}
.hero-device-speaker{
  position:absolute;
  z-index:5;
  top:4px;
  left:50%;
  transform:translateX(-50%);
  width:56px;
  height:3px;
  border-radius:999px;
  background:rgba(30,34,40,.88);
}
.hero-device-side{
  position:absolute;
  z-index:-1;
  background:linear-gradient(180deg,#50555b,#171a1f 35%,#50555b 100%);
  border-radius:3px;
}
.hero-device-side-right{
  right:-10px;
  top:118px;
  width:8px;
  height:88px;
  box-shadow:0 116px 0 #2a2e34;
}
.hero-device-side-left{
  left:-9px;
  top:132px;
  width:7px;
  height:58px;
}
.hero-device-shine{
  position:absolute;
  z-index:6;
  inset:0;
  border-radius:34px;
  pointer-events:none;
  background:
    linear-gradient(112deg,
      rgba(255,255,255,.10) 0%,
      rgba(255,255,255,.025) 19%,
      transparent 38%,
      transparent 77%,
      rgba(255,255,255,.035) 100%);
}

/* Callouts sit next to the phone instead of obscuring it */
.hero-v374 .hero-callout{
  min-width:214px;
  max-width:230px;
  padding:13px 14px;
}
.hero-v374 .callout-commission{
  right:-4px;
  top:172px;
}
.hero-v374 .callout-epl{
  right:4px;
  top:278px;
}
.hero-v374 .callout-license{
  right:-2px;
  top:384px;
}
.hero-v374 .hero-callout strong{
  font-size:24px;
}
.hero-v374 .hero-callout small{
  font-size:12px;
}

/* Slightly less chunky quickbar */
.hero-quickbar{
  padding-top:22px;
}
.hero-quickgrid{
  border-radius:22px!important;
}

/* Medium desktop */
@media(max-width:1120px){
  .hero-v374 .hero-grid{
    grid-template-columns:1fr 410px;
  }
  .hero-v374 h1{
    font-size:53px;
  }
  .hero-device{
    right:100px;
    width:232px;
    height:470px;
  }
  .hero-v374 .hero-callout{
    min-width:190px;
    max-width:205px;
  }
  .hero-v374 .callout-commission,
  .hero-v374 .callout-epl,
  .hero-v374 .callout-license{
    right:-10px;
  }
  .hero-metrics{
    gap:20px;
  }
}

/* Tablet */
@media(max-width:960px){
  .hero-v374 .hero-grid{
    grid-template-columns:1fr;
  }
  .hero-metrics{
    flex-wrap:wrap;
  }
  .hero-v374 .hero-showcase{
    height:500px;
  }
  .hero-device{
    right:150px;
    width:225px;
    height:455px;
  }
  .hero-v374 .callout-commission{right:24px;top:142px}
  .hero-v374 .callout-epl{right:28px;top:242px}
  .hero-v374 .callout-license{right:20px;top:342px}
}

/* Mobile */
@media(max-width:680px){
  .hero-v374 h1{
    font-size:41px;
  }
  .hero-v374 .hero-showcase{
    height:405px;
  }
  .hero-device{
    right:40px;
    width:180px;
    height:365px;
  }
  .hero-v374 .hero-callout{
    min-width:150px;
    max-width:165px;
    padding:9px 10px;
  }
  .hero-v374 .callout-commission{right:0;top:112px}
  .hero-v374 .callout-epl{right:0;top:195px}
  .hero-v374 .callout-license{display:none}
}

/* v3.7.8 — legal footer, legal pages, cookie consent */
.legal-ready-footer{background:#101820;color:#d9e0e5;padding:52px 0 18px;margin-top:0}.footer-legal-grid{display:grid;grid-template-columns:1.15fr 1.4fr 1fr 1.1fr;gap:34px;align-items:start}.footer-brand-col .brand img{width:72px;height:72px;border-radius:18px}.footer-tagline{margin:12px 0 22px;color:#fff;font-weight:700}.footer-company,.footer-legal-col p{font-size:13px;line-height:1.55;color:#aeb9c2;margin:0 0 12px}.footer-legal-col h3{font-size:14px;color:#fff;margin:0 0 14px}.footer-legal-col a{color:#e8eef2;text-decoration:none}.footer-legal-col a:hover{color:#ffd71b}.footer-docs{display:flex;flex-direction:column;gap:10px}.footer-docs h3{margin-bottom:4px}.footer-bottom{border-top:1px solid rgba(255,255,255,.12);margin-top:34px;padding-top:18px;display:flex;justify-content:space-between;gap:20px;flex-wrap:wrap;color:#83919b;font-size:12px}
.cookie-consent{position:fixed;z-index:9999;left:18px;right:18px;bottom:18px;display:flex;justify-content:center;pointer-events:none}.cookie-consent-inner{pointer-events:auto;width:min(1100px,100%);display:flex;align-items:center;justify-content:space-between;gap:24px;background:#fff;border:1px solid #e3e8ec;border-radius:20px;padding:18px 20px;box-shadow:0 18px 60px rgba(8,18,27,.24)}.cookie-consent-copy{max-width:740px}.cookie-consent-copy strong{display:block;font-size:16px;margin-bottom:5px}.cookie-consent-copy p{margin:0;color:#5b6770;font-size:13px;line-height:1.5}.cookie-consent-copy a{color:#18242d;font-weight:700}.cookie-consent-actions{display:flex;gap:10px;flex:0 0 auto}.cookie-consent .btn{white-space:nowrap}
.legal-body{background:#f5f7f8;color:#18242d}.legal-header{background:#fff;border-bottom:1px solid #e6eaed}.legal-header .nav-wrap{min-height:80px}.legal-back{font-weight:700;color:#18242d;text-decoration:none}.legal-main{padding:48px 0 72px}.legal-shell{display:grid;grid-template-columns:260px minmax(0,1fr);gap:34px}.legal-nav{position:sticky;top:100px;align-self:start;background:#fff;border:1px solid #e4e9ec;border-radius:18px;padding:18px}.legal-nav b{display:block;margin:0 0 12px}.legal-nav a{display:block;padding:9px 10px;border-radius:10px;color:#44515b;text-decoration:none;font-size:14px}.legal-nav a:hover,.legal-nav a.active{background:#fff7c9;color:#111;font-weight:700}.legal-doc{background:#fff;border:1px solid #e4e9ec;border-radius:24px;padding:38px 42px;box-shadow:0 10px 30px rgba(23,38,49,.04)}.legal-doc .eyebrow{margin-bottom:12px}.legal-doc h1{font-size:40px;line-height:1.08;margin:0 0 12px}.legal-doc .legal-date{color:#71808a;font-size:13px;margin-bottom:30px}.legal-doc h2{font-size:23px;margin:34px 0 12px}.legal-doc h3{font-size:17px;margin:22px 0 8px}.legal-doc p,.legal-doc li{font-size:15px;line-height:1.72;color:#3f4c55}.legal-doc ul,.legal-doc ol{padding-left:22px}.legal-doc a{color:#152a38;font-weight:700}.legal-note-box{background:#f7f9fa;border-left:4px solid #ffd71b;border-radius:12px;padding:16px 18px;margin:20px 0}.legal-note-box p{margin:0}.legal-table{width:100%;border-collapse:collapse;margin:18px 0 26px;font-size:14px}.legal-table th,.legal-table td{text-align:left;vertical-align:top;border-bottom:1px solid #e6eaed;padding:13px 12px;line-height:1.55}.legal-table th{background:#f7f9fa;color:#26343e}.legal-requisites{display:grid;grid-template-columns:1fr 1fr;gap:14px}.legal-requisite{background:#f7f9fa;border:1px solid #e7ebee;border-radius:14px;padding:15px}.legal-requisite small{display:block;color:#71808a;margin-bottom:5px}.legal-requisite b{font-size:15px;word-break:break-word}.legal-actions{margin-top:24px;display:flex;gap:10px;flex-wrap:wrap}
@media(max-width:900px){.footer-legal-grid{grid-template-columns:1fr 1fr}.legal-shell{grid-template-columns:1fr}.legal-nav{position:static;display:flex;gap:6px;overflow:auto}.legal-nav b{display:none}.legal-nav a{white-space:nowrap}.legal-doc{padding:28px}.legal-doc h1{font-size:33px}}@media(max-width:620px){.footer-legal-grid{grid-template-columns:1fr}.cookie-consent{left:10px;right:10px;bottom:10px}.cookie-consent-inner{display:block;padding:16px}.cookie-consent-actions{margin-top:14px;display:grid;grid-template-columns:1fr 1fr}.legal-main{padding:24px 0 50px}.legal-doc{padding:22px 18px;border-radius:18px}.legal-doc h1{font-size:29px}.legal-table{display:block;overflow-x:auto}.legal-requisites{grid-template-columns:1fr}}

/* =========================================================
   v3.7.10 — time-of-day hero backgrounds
   Local browser time:
   morning 06:00–09:59 / day 10:00–17:59 /
   evening 18:00–22:59 / night 23:00–05:59
   ========================================================= */
.hero-v374[data-hero-time="morning"] .hero-bg-layer,
.hero-v374[data-hero-time="day"] .hero-bg-layer,
.hero-v374[data-hero-time="evening"] .hero-bg-layer,
.hero-v374[data-hero-time="night"] .hero-bg-layer{
  background-image:url("assets/hero-moscow-night-v379.jpg")!important;
  background-position:center 54%!important;
}

/* Slight overlay tuning by time of day to preserve text contrast */
.hero-v374[data-hero-time="morning"]:before{
  background:linear-gradient(90deg,rgba(8,18,27,.66) 0%,rgba(8,18,27,.52) 38%,rgba(8,18,27,.16) 62%,rgba(8,18,27,.02) 100%)!important;
}
.hero-v374[data-hero-time="day"]:before{
  background:linear-gradient(90deg,rgba(8,18,27,.62) 0%,rgba(8,18,27,.47) 38%,rgba(8,18,27,.12) 62%,rgba(8,18,27,.015) 100%)!important;
}
.hero-v374[data-hero-time="evening"]:before{
  background:linear-gradient(90deg,rgba(8,18,27,.69) 0%,rgba(8,18,27,.55) 38%,rgba(8,18,27,.19) 62%,rgba(8,18,27,.025) 100%)!important;
}
.hero-v374[data-hero-time="night"]:before{
  background:linear-gradient(90deg,rgba(8,18,27,.72) 0%,rgba(8,18,27,.59) 38%,rgba(8,18,27,.24) 62%,rgba(8,18,27,.04) 100%)!important;
}


/* =========================================================
   v3.8.1 — clearer time-of-day hero photography
   ========================================================= */
.hero-v374 .hero-bg-layer{
  image-rendering:auto;
  will-change:background-image;
}


/* =========================================================
   v3.8.2 — accumulated homepage refinements
   ========================================================= */

/* Quick direction cards: CTA alignment */
.hero-quickitem{
  align-items:stretch;
}
.hero-quickitem>div{
  min-width:0;
  display:flex;
  flex-direction:column;
  height:100%;
}
.hero-quickitem p{
  flex:1 1 auto;
}
.hero-quickitem .quick-link{
  margin-top:auto;
  padding-top:12px;
  display:block;
}

/* Support strip */
.support-strip-icon{
  width:44px;
  height:44px;
  flex:0 0 44px;
  border:1px solid #dfe4e8;
  border-radius:14px;
  display:grid!important;
  place-items:center;
  font-size:21px!important;
}
.support-handshake{
  font-family:system-ui,-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif;
}
.support-heart{
  color:#e12929!important;
  border-color:#f1c7c7;
}

/* App section: realistic devices + dual CTA */
.app-actions{
  display:flex;
  gap:12px;
  flex-wrap:wrap;
  margin-top:24px;
}
.phones-realistic{
  height:610px;
}
.app-device{
  position:absolute;
  width:245px;
  height:540px;
  padding:10px 8px 12px;
  border-radius:36px;
  background:linear-gradient(145deg,#30343a,#090b0e 55%,#3f444a);
  border:2px solid rgba(190,197,204,.55);
  box-shadow:0 24px 55px rgba(0,0,0,.24),inset 0 0 0 4px #11151a;
  overflow:hidden;
}
.app-device:before{
  content:"";
  position:absolute;
  inset:6px;
  border-radius:30px;
  box-shadow:inset 0 0 0 1px rgba(255,255,255,.09);
  pointer-events:none;
  z-index:3;
}
.app-device img{
  width:100%;
  height:100%;
  border-radius:28px;
  object-fit:cover;
  display:block;
}
.app-device-camera{
  position:absolute;
  z-index:5;
  top:15px;
  left:50%;
  width:12px;
  height:12px;
  transform:translateX(-50%);
  border-radius:50%;
  background:radial-gradient(circle at 35% 35%,#52606e 0 13%,#111a22 28%,#010203 67%);
  box-shadow:0 0 0 2px rgba(0,0,0,.6);
}
.app-device-left{left:0;top:50px;transform:rotate(-5deg)}
.app-device-center{left:200px;top:0;z-index:3}
.app-device-right{right:0;top:55px;transform:rotate(5deg)}

/* Product carousel: action buttons pinned to bottom */
.product-carousel>.product-card,
.product-card{
  display:flex;
  flex-direction:column;
}
.product-card .product-actions{
  margin-top:auto;
  padding-top:22px;
}
.product-card ul{
  margin-bottom:18px;
}

/* Fleet carousel */
.fleet-slider{
  position:relative;
  min-height:500px;
  border-radius:20px;
  overflow:hidden;
  border:1px solid #344553;
  background:#0d151d;
  box-shadow:0 25px 60px rgba(0,0,0,.4);
}
.fleet-slide{
  display:none;
  height:500px;
  position:relative;
}
.fleet-slide.active{display:block}
.fleet-slide img{
  width:100%;
  height:100%;
  object-fit:contain;
  background:#0d151d;
}
.fleet-slide span{
  position:absolute;
  left:18px;
  bottom:18px;
  background:rgba(8,16,24,.80);
  color:#fff;
  padding:9px 13px;
  border-radius:10px;
  font-size:13px;
  font-weight:750;
  backdrop-filter:blur(8px);
}
.fleet-slider-controls{
  position:absolute;
  right:16px;
  bottom:16px;
  display:flex;
  align-items:center;
  gap:9px;
  z-index:4;
}
.fleet-slider-controls button{
  width:36px;height:36px;
  border-radius:50%;
  border:1px solid rgba(255,255,255,.28);
  background:rgba(8,16,24,.80);
  color:#fff;
  font-size:21px;
  cursor:pointer;
}
.fleet-slide-dots{display:flex;gap:6px}
.fleet-slide-dots button{
  width:8px;height:8px;min-width:8px;
  border:0;
  padding:0;
  border-radius:50%;
  background:rgba(255,255,255,.35);
}
.fleet-slide-dots button.active{background:#ffd21f}

/* Unified B2B cards */
.b2b-grid-unified{
  grid-template-columns:repeat(3,1fr);
  align-items:stretch;
}
.b2b-card{
  display:flex;
  flex-direction:column;
  min-height:300px;
}
.b2b-icon{
  width:52px;height:52px;
  flex:0 0 52px;
  border-radius:16px;
  display:grid;
  place-items:center;
  background:var(--yellow);
  color:#111;
  font-size:17px;
  font-weight:900;
  margin-bottom:14px;
}
.b2b-card h3{margin:0 0 10px}
.b2b-card p{margin:0 0 20px!important}
.b2b-card .b2b-demo{
  align-self:flex-start;
  margin-top:auto;
}

/* Contact card messenger visibility */
.contact-actions{align-items:stretch}
.contact-card .contact-btn{
  border:0;
  color:#fff!important;
  min-width:112px;
  justify-content:center;
}
.contact-card .telegram-btn{background:#229ED9}
.contact-card .max-btn{background:#5d61f0}
.contact-card .email-btn{background:#3a4652}
.contact-card .top-btn{background:#111820;border:1px solid #53606b}
.contact-card .support-line{display:none!important}

@media(max-width:1000px){
  .b2b-grid-unified{grid-template-columns:1fr}
  .fleet-slider,.fleet-slide{min-height:420px;height:420px}
}
@media(max-width:680px){
  .phones-realistic{
    height:auto;
    display:grid;
    grid-template-columns:1fr;
    gap:18px;
  }
  .app-device{
    position:relative!important;
    inset:auto!important;
    transform:none!important;
    width:min(280px,85vw);
    height:560px;
    margin:0 auto;
  }
  .hero-support-grid>div{
    justify-content:flex-start;
    padding:16px 8px;
  }
  .fleet-slider,.fleet-slide{min-height:320px;height:320px}
}

/* v3.8.2 internal product pages */
.detail-page{background:#fff}
.detail-hero{padding:72px 0;background:linear-gradient(180deg,#f8fafc,#fff)}
.detail-hero-grid{display:grid;grid-template-columns:1.05fr .95fr;gap:52px;align-items:center}
.detail-hero h1{font-size:58px;line-height:1.0;letter-spacing:-.045em;margin:0 0 20px}
.detail-device{position:relative;width:280px;height:570px;margin:auto;padding:10px 8px 12px;border-radius:38px;background:linear-gradient(145deg,#30343a,#090b0e 55%,#3f444a);border:2px solid rgba(190,197,204,.55);box-shadow:0 28px 60px rgba(0,0,0,.22)}
.detail-device img{width:100%;height:100%;border-radius:29px;object-fit:cover}
.detail-feature-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:18px}
.detail-feature-grid article{border:1px solid var(--line);border-radius:22px;padding:24px;background:#fff;overflow:hidden}
.detail-feature-grid article>b{display:block;font-size:22px;margin-bottom:8px}
.detail-feature-grid article p{color:#69727d;line-height:1.55;min-height:50px}
.detail-feature-grid article img{width:100%;height:330px;object-fit:cover;object-position:top;border-radius:16px;border:1px solid #e4e8ec}
.detail-cta{padding:60px 0;background:#111b25;color:#fff;text-align:center}
.detail-cta h2{font-size:42px;margin:0 0 10px}
.detail-cta p{max-width:760px;margin:0 auto 24px;color:#c5ccd3;line-height:1.55}
.detail-panel{background:#fff;border:1px solid var(--line);border-radius:24px;padding:30px;box-shadow:var(--shadow)}
.detail-panel b{display:block;font-size:30px;margin-bottom:5px}
.detail-panel span{display:block;color:#6f7882;line-height:1.5}
.detail-panel hr{border:0;border-top:1px solid var(--line);margin:22px 0}
.steps-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:18px}
.steps-grid article{padding:24px;border:1px solid var(--line);border-radius:20px}
.steps-grid article>b{display:grid;place-items:center;width:42px;height:42px;border-radius:13px;background:var(--yellow);margin-bottom:16px}
.steps-grid h3{margin:0 0 8px}.steps-grid p{margin:0;color:#68727c;line-height:1.5}
.calculator-section{background:#f7f9fb}
.calculator-grid{display:grid;grid-template-columns:.8fr 1.2fr;gap:44px;align-items:start}
.logic-calc{background:#fff;border:1px solid var(--line);border-radius:22px;padding:26px;display:grid;gap:16px}
.logic-calc label{display:grid;gap:7px;font-weight:750}
.logic-calc input,.logic-calc select{width:100%;padding:13px 14px;border:1px solid #dce2e8;border-radius:12px;background:#fff;font:inherit}
.calc-result{border-radius:16px;background:#f4f7f9;padding:18px;min-height:0}
.calc-result:empty{display:none}.calc-result strong{font-size:20px}.calc-result p{color:#65707a;line-height:1.5}
.detail-fleets{background:linear-gradient(180deg,#111b25,#0b1219);color:#fff}
.detail-crm img{border-radius:18px;border:1px solid #344553;box-shadow:0 25px 60px rgba(0,0,0,.35)}
.fleet-detail-grid article img{height:280px}
@media(max-width:900px){
 .detail-hero-grid,.calculator-grid{grid-template-columns:1fr}
 .detail-hero h1{font-size:44px}
 .detail-feature-grid,.steps-grid{grid-template-columns:1fr}
}


/* =========================================================
   v3.8.3 — fixed hero photography through alternating blocks
   ========================================================= */
.home-parallax{
  position:relative;
  background:#fff;
}
.site-fixed-backdrop{
  position:fixed;
  inset:0;
  z-index:0;
  pointer-events:none;
  background-image:var(--site-hero-bg, url("/assets/hero-moscow-night-v379.jpg"));
  background-position:center 54%;
  background-size:cover;
  background-repeat:no-repeat;
  filter:saturate(1.08) contrast(1.06) brightness(.96);
  transform:translateZ(0);
}
.site-fixed-backdrop:after{
  content:"";
  position:absolute;
  inset:0;
  background:
    linear-gradient(90deg,
      rgba(8,18,27,calc(.40 + var(--site-backdrop-dim, .12))) 0%,
      rgba(8,18,27,calc(.26 + var(--site-backdrop-dim, .12))) 35%,
      rgba(8,18,27,calc(.10 + var(--site-backdrop-dim, .12))) 62%,
      rgba(8,18,27,calc(.04 + var(--site-backdrop-dim, .12))) 100%),
    rgba(8,18,27,var(--site-backdrop-dim, .12));
  transition:background .08s linear;
}

.home-parallax .site-header,
.home-parallax main,
.home-parallax footer{
  position:relative;
  z-index:1;
}

/* The hero keeps its own composition; the fixed image underneath is synchronized. */
.home-parallax .hero-v374{
  background:transparent!important;
}

/* Opaque transition/navigation blocks remain solid. */
.home-parallax .hero-quickbar,
.home-parallax .hero-support-strip,
.home-parallax .free-tools,
.home-parallax .fleet-section,
.home-parallax .faq,
.home-parallax .legal-ready-footer{
  position:relative;
  z-index:2;
}

/* Every alternate major offer block reveals the fixed hero photo. */
.home-parallax .scroll-transparent{
  background:transparent!important;
  position:relative;
}
.home-parallax .scroll-transparent>.container{
  position:relative;
  z-index:2;
  border-radius:30px;
  padding-top:42px;
  padding-bottom:42px;
}
.home-parallax .scroll-transparent>.container:before{
  content:"";
  position:absolute;
  inset:0;
  z-index:-1;
  border-radius:30px;
  background:rgba(255,255,255,.84);
  border:1px solid rgba(255,255,255,.50);
  box-shadow:0 20px 60px rgba(7,15,24,.12);
  backdrop-filter:blur(5px);
  -webkit-backdrop-filter:blur(5px);
}

/* Keep a generous window of photography between alternating blocks. */
.home-parallax .scroll-transparent{
  padding-top:92px;
  padding-bottom:92px;
}

/* Benefits cards stay readable while the Moscow backdrop remains visible. */
.home-parallax .benefits.scroll-transparent .benefit-grid>div{
  background:rgba(255,255,255,.88);
  box-shadow:0 10px 30px rgba(6,15,24,.08);
}

/* The app phones should not be visually washed out by the glass panel. */
.home-parallax .app-section.scroll-transparent .phones-realistic{
  filter:drop-shadow(0 18px 36px rgba(0,0,0,.08));
}

@media(max-width:900px){
  .home-parallax .scroll-transparent{
    padding-top:54px;
    padding-bottom:54px;
  }
  .home-parallax .scroll-transparent>.container{
    border-radius:22px;
    padding-top:28px;
    padding-bottom:28px;
  }
  .site-fixed-backdrop{
    background-position:center center;
  }
}

@media(prefers-reduced-motion:reduce){
  .site-fixed-backdrop:after{transition:none}
}


/* =========================================================
   v3.8.3.1 — hero uses the fixed page backdrop itself
   ========================================================= */

/* The former hero-local image was still scrolling with the section.
   Hide it completely so the only visible photograph is the fixed layer. */
.home-parallax .hero-v374 .hero-bg-layer{
  opacity:0!important;
  visibility:hidden!important;
  background-image:none!important;
}

/* Avoid a second, section-bound dark layer sliding over the fixed photo.
   Readability is handled by .site-fixed-backdrop:after. */
.home-parallax .hero-v374:before{
  background:transparent!important;
}

/* Ensure the fixed background occupies the viewport and never participates
   in document scrolling. */
.home-parallax .site-fixed-backdrop{
  position:fixed!important;
  top:0!important;
  right:0!important;
  bottom:0!important;
  left:0!important;
  width:100vw;
  height:100vh;
  transform:none!important;
  backface-visibility:hidden;
}


/* =========================================================
   v3.8.4 — accumulated parallax, cards and FAQ refinements
   ========================================================= */

/* No transparent slit between the two white navigation/info strips */
.home-parallax .hero-quickbar{
  padding-bottom:0!important;
}
.home-parallax .hero-support-strip{
  margin-top:0!important;
  padding-top:24px;
  background:#fff!important;
}
.home-parallax .hero-support-grid{
  background:#fff;
}

/* More breathing room around all transparent sections */
.home-parallax .scroll-transparent{
  padding-top:150px!important;
  padding-bottom:150px!important;
}
.home-parallax .scroll-transparent>.container{
  padding-top:52px!important;
  padding-bottom:52px!important;
}

/* Clickable ecosystem cards */
.benefit-links{
  align-items:stretch;
}
.benefit-links .benefit-link{
  border:1px solid var(--line);
  border-radius:18px;
  padding:22px;
  text-align:center;
  background:rgba(255,255,255,.90);
  box-shadow:0 10px 30px rgba(6,15,24,.08);
  display:flex;
  flex-direction:column;
  justify-content:center;
  min-height:150px;
  transition:transform .18s ease,box-shadow .18s ease,border-color .18s ease;
}
.benefit-links .benefit-link:hover,
.benefit-links .benefit-link:focus-visible{
  transform:translateY(-4px);
  border-color:#ffd51f;
  box-shadow:0 18px 38px rgba(6,15,24,.15);
  outline:none;
}
.benefit-links .benefit-link b{
  font-size:28px;
  display:block;
}
.benefit-links .benefit-link span{
  color:#727a84;
}
.benefit-links .benefit-link em{
  font-style:normal;
  color:#1769e0;
  font-size:12px;
  font-weight:800;
  margin-top:12px;
}

/* FAQ and contact block use the same visual system */
.home-parallax .faq{
  background:transparent!important;
  padding-top:150px;
  padding-bottom:150px;
}
.faq-grid{
  align-items:stretch;
}
.faq-card,
.contact-card{
  border-radius:26px;
  padding:34px;
  background:rgba(17,27,37,.92);
  border:1px solid rgba(255,255,255,.10);
  box-shadow:0 24px 60px rgba(5,12,20,.20);
  backdrop-filter:blur(6px);
  -webkit-backdrop-filter:blur(6px);
  color:#fff;
}
.faq-card .eyebrow,
.contact-card .eyebrow{
  color:#aeb7c1;
}
.faq-card h2,
.contact-card h2{
  color:#fff!important;
}
.faq-card .accordion{
  border-top:1px solid rgba(255,255,255,.13);
  margin-top:22px;
}
.faq-card .accordion button{
  background:rgba(255,255,255,.055);
  color:#fff;
  border-bottom:1px solid rgba(255,255,255,.13);
  padding:19px 16px;
}
.faq-card .accordion button:hover{
  background:rgba(255,255,255,.09);
}
.faq-card .answer{
  color:#d2d8de;
  border-bottom:1px solid rgba(255,255,255,.13);
  background:rgba(255,255,255,.035);
  padding:16px;
}
.contact-card{
  align-self:stretch;
}

/* Cyber page detail panel contrast on dark hero */
.cyber-panel{
  background:rgba(255,255,255,.96);
  color:#111820;
}

@media(max-width:900px){
  .home-parallax .scroll-transparent,
  .home-parallax .faq{
    padding-top:86px!important;
    padding-bottom:86px!important;
  }
  .home-parallax .scroll-transparent>.container{
    padding-top:34px!important;
    padding-bottom:34px!important;
  }
}


/* =========================================================
   v3.8.5 — accumulated refinement pass
   ========================================================= */

/* Give the fixed photo much more room before/after glass content cards. */
.home-parallax .scroll-transparent{
  padding-top:230px!important;
  padding-bottom:230px!important;
}
.home-parallax .faq{
  padding-top:210px!important;
  padding-bottom:170px!important;
}

/* The glass card keeps normal inner spacing; the added air is outside it. */
.home-parallax .scroll-transparent>.container{
  padding-top:52px!important;
  padding-bottom:52px!important;
}

/* App devices: real phone shell, but the UI fills the whole visible screen. */
.phones-realistic .app-device{
  padding:7px!important;
  background:linear-gradient(145deg,#596069,#11151a 52%,#676d74)!important;
  border:1px solid rgba(210,216,221,.72)!important;
  box-shadow:
    0 28px 58px rgba(0,0,0,.28),
    inset 0 0 0 3px #0d1115!important;
}
.phones-realistic .app-device img{
  width:100%!important;
  height:100%!important;
  object-fit:cover!important;
  object-position:center!important;
  border-radius:28px!important;
  background:#f4f5f7!important;
}
.phones-realistic .app-device:before{
  inset:4px!important;
}
.phones-realistic .app-device-camera{
  top:13px!important;
}

/* Clickable ecosystem cards: no redundant inline CTA text. */
.benefit-links .benefit-link{
  cursor:pointer;
}
.benefit-links .benefit-link em{
  display:none!important;
}

/* Shared Back-to-top action belongs to the whole FAQ/contact section. */
.faq-backtop{
  display:flex;
  justify-content:center;
  margin-top:32px;
}
.faq-backtop-btn{
  min-width:190px;
  padding:15px 28px;
  border-radius:14px;
  border:1px solid rgba(255,255,255,.30);
  background:rgba(17,27,37,.92);
  color:#fff;
  font-size:16px;
  box-shadow:0 12px 30px rgba(5,12,20,.18);
}
.faq-backtop-btn:hover{
  border-color:#ffd51f;
  color:#ffd51f;
}

/* Footer: logo is a slim rail left of aligned information columns. */
.footer-legal-grid-v385{
  grid-template-columns:100px 1.55fr 1.05fr 1.05fr!important;
  gap:44px!important;
  align-items:start!important;
}
.footer-logo-rail{
  display:flex;
  align-items:flex-start;
  justify-content:flex-start;
}
.footer-logo-link img{
  width:82px!important;
  height:82px!important;
  border-radius:20px!important;
}
.footer-company-col h3,
.footer-legal-col h3{
  margin-top:0!important;
}
.footer-company-col p,
.footer-legal-col p{
  margin-top:0;
}

/* Footer bottom alignment + creator line */
.footer-bottom-v385{
  display:block!important;
}
.footer-bottom-row{
  display:flex;
  justify-content:space-between;
  gap:24px;
  flex-wrap:wrap;
}
.footer-made{
  margin-top:16px;
  padding-top:16px;
  border-top:1px solid rgba(255,255,255,.08);
  text-align:center;
  color:#8f9ca6;
  font-size:12px;
}
.footer-made a{
  color:#dbe4ea;
  text-decoration:underline;
  text-underline-offset:3px;
}
.footer-made a:hover{
  color:#ffd51f;
}

@media(max-width:900px){
  .home-parallax .scroll-transparent{
    padding-top:130px!important;
    padding-bottom:130px!important;
  }
  .home-parallax .faq{
    padding-top:120px!important;
    padding-bottom:110px!important;
  }
  .footer-legal-grid-v385{
    grid-template-columns:82px 1fr 1fr!important;
    gap:28px!important;
  }
  .footer-docs{
    grid-column:2 / -1;
  }
}

@media(max-width:620px){
  .home-parallax .scroll-transparent{
    padding-top:92px!important;
    padding-bottom:92px!important;
  }
  .home-parallax .faq{
    padding-top:88px!important;
    padding-bottom:82px!important;
  }
  .footer-legal-grid-v385{
    grid-template-columns:64px 1fr!important;
    gap:20px!important;
  }
  .footer-logo-link img{
    width:60px!important;
    height:60px!important;
    border-radius:15px!important;
  }
  .footer-legal-col,
  .footer-docs{
    grid-column:2!important;
  }
  .footer-bottom-row{
    display:grid;
    gap:8px;
  }
}


/* =========================================================
   v3.8.6 — more inner air for glass content blocks
   ========================================================= */
.home-parallax .scroll-transparent>.container{
  padding-left:56px!important;
  padding-right:56px!important;
}

/* Slightly denser compensation for the app block so content does not feel cramped. */
.home-parallax .app-section.scroll-transparent .app-grid,
.home-parallax .license-section.scroll-transparent .license-grid,
.home-parallax .benefits.scroll-transparent .benefit-grid,
.home-parallax .faq .faq-grid{
  column-gap:36px;
}

@media(max-width:900px){
  .home-parallax .scroll-transparent>.container{
    padding-left:34px!important;
    padding-right:34px!important;
  }
}

@media(max-width:620px){
  .home-parallax .scroll-transparent>.container{
    padding-left:20px!important;
    padding-right:20px!important;
  }
}

/* =========================================================
   v3.8.7 — liquid glass rollout + tighter spacing between blocks
   ========================================================= */

:root{
  --glass-surface:linear-gradient(135deg,rgba(255,255,255,.62) 0%,rgba(255,255,255,.46) 48%,rgba(255,255,255,.38) 100%);
  --glass-surface-soft:linear-gradient(135deg,rgba(255,255,255,.58) 0%,rgba(255,255,255,.40) 100%);
  --glass-border:rgba(255,255,255,.46);
  --glass-border-soft:rgba(255,255,255,.34);
  --glass-shadow:0 24px 68px rgba(7,15,24,.14);
}

/* Tighter rhythm between large homepage sections. */
.home-parallax .scroll-transparent{
  padding-top:128px!important;
  padding-bottom:128px!important;
}
.home-parallax .faq{
  padding-top:118px!important;
  padding-bottom:102px!important;
}
.home-parallax .scroll-transparent>.container{
  overflow:hidden;
  padding-top:48px!important;
  padding-bottom:48px!important;
}

/* Shared liquid-glass shell for the large light sections. */
.home-parallax .scroll-transparent>.container:before{
  background:var(--glass-surface)!important;
  border:1px solid var(--glass-border)!important;
  box-shadow:
    var(--glass-shadow),
    inset 0 1px 0 rgba(255,255,255,.72),
    inset 0 -22px 42px rgba(255,255,255,.12)!important;
  backdrop-filter:blur(18px) saturate(145%)!important;
  -webkit-backdrop-filter:blur(18px) saturate(145%)!important;
}
.home-parallax .scroll-transparent>.container:after{
  content:"";
  position:absolute;
  inset:0;
  z-index:-1;
  border-radius:30px;
  pointer-events:none;
  background:
    radial-gradient(circle at 14% 10%,rgba(255,255,255,.58),transparent 30%),
    linear-gradient(180deg,rgba(255,255,255,.18),rgba(255,255,255,0) 24%),
    linear-gradient(110deg,transparent 0%,rgba(255,255,255,.12) 48%,transparent 76%);
  opacity:.95;
}

/* Inner cards inside gray sections receive the same frosted-glass language. */
.home-parallax .benefits.scroll-transparent .benefit-links .benefit-link,
.home-parallax .license-section.scroll-transparent .license-panel,
.home-parallax .license-section.scroll-transparent .license-panel div{
  background:var(--glass-surface-soft)!important;
  border:1px solid var(--glass-border-soft)!important;
  box-shadow:
    0 16px 36px rgba(7,15,24,.10),
    inset 0 1px 0 rgba(255,255,255,.70)!important;
  backdrop-filter:blur(16px) saturate(140%)!important;
  -webkit-backdrop-filter:blur(16px) saturate(140%)!important;
}
.home-parallax .license-section.scroll-transparent .license-panel{
  padding:28px;
}
.home-parallax .benefits.scroll-transparent .benefit-links .benefit-link:hover,
.home-parallax .benefits.scroll-transparent .benefit-links .benefit-link:focus-visible{
  box-shadow:
    0 22px 42px rgba(7,15,24,.14),
    inset 0 1px 0 rgba(255,255,255,.78)!important;
}

/* Keep the app showcase clean and airy inside its glass panel. */
.home-parallax .app-section.scroll-transparent .app-grid,
.home-parallax .license-section.scroll-transparent .license-grid,
.home-parallax .benefits.scroll-transparent .benefit-grid{
  align-items:center;
}

@media(max-width:900px){
  .home-parallax .scroll-transparent{
    padding-top:82px!important;
    padding-bottom:82px!important;
  }
  .home-parallax .faq{
    padding-top:78px!important;
    padding-bottom:72px!important;
  }
  .home-parallax .scroll-transparent>.container{
    padding-top:34px!important;
    padding-bottom:34px!important;
  }
  .home-parallax .scroll-transparent>.container:after{
    border-radius:22px;
  }
}

@media(max-width:620px){
  .home-parallax .scroll-transparent{
    padding-top:64px!important;
    padding-bottom:64px!important;
  }
  .home-parallax .faq{
    padding-top:62px!important;
    padding-bottom:56px!important;
  }
  .home-parallax .scroll-transparent>.container{
    padding-top:26px!important;
    padding-bottom:26px!important;
  }
}


/* =========================================================
   v3.8.8 — clearer liquid glass + tighter vertical rhythm
   ========================================================= */

:root{
  --glass-clear:linear-gradient(
    135deg,
    rgba(255,255,255,.32) 0%,
    rgba(255,255,255,.20) 48%,
    rgba(255,255,255,.14) 100%
  );
  --glass-clear-card:linear-gradient(
    135deg,
    rgba(255,255,255,.28) 0%,
    rgba(255,255,255,.15) 100%
  );
  --glass-clear-border:rgba(255,255,255,.48);
  --glass-clear-shadow:0 16px 44px rgba(4,12,20,.13);
}

/* Make the glass visibly transparent rather than milky/frosted. */
.home-parallax .scroll-transparent>.container:before{
  background:var(--glass-clear)!important;
  border:1px solid var(--glass-clear-border)!important;
  box-shadow:
    var(--glass-clear-shadow),
    inset 0 1px 0 rgba(255,255,255,.72),
    inset 0 -1px 0 rgba(255,255,255,.18)!important;
  backdrop-filter:blur(7px) saturate(120%)!important;
  -webkit-backdrop-filter:blur(7px) saturate(120%)!important;
}

/* Subtle edge reflections only — no heavy matte wash. */
.home-parallax .scroll-transparent>.container:after{
  background:
    linear-gradient(180deg,rgba(255,255,255,.28),transparent 16%),
    radial-gradient(circle at 12% 8%,rgba(255,255,255,.28),transparent 25%),
    linear-gradient(105deg,transparent 0%,rgba(255,255,255,.08) 50%,transparent 75%)!important;
  opacity:.72!important;
}

/* Inner glass cards: clearer, lighter, less blur. */
.home-parallax .benefits.scroll-transparent .benefit-links .benefit-link,
.home-parallax .license-section.scroll-transparent .license-panel,
.home-parallax .license-section.scroll-transparent .license-panel div{
  background:var(--glass-clear-card)!important;
  border:1px solid rgba(255,255,255,.52)!important;
  box-shadow:
    0 12px 28px rgba(5,13,22,.10),
    inset 0 1px 0 rgba(255,255,255,.68)!important;
  backdrop-filter:blur(5px) saturate(116%)!important;
  -webkit-backdrop-filter:blur(5px) saturate(116%)!important;
}

/* More compact section rhythm. */
.home-parallax .scroll-transparent{
  padding-top:92px!important;
  padding-bottom:92px!important;
}
.home-parallax .faq{
  padding-top:84px!important;
  padding-bottom:78px!important;
}

/* Compact the inner layout without squeezing content. */
.home-parallax .scroll-transparent>.container{
  padding-top:40px!important;
  padding-bottom:40px!important;
}
.home-parallax .benefits.scroll-transparent .section-head{
  margin-bottom:22px!important;
}
.home-parallax .benefits.scroll-transparent .benefit-grid{
  row-gap:14px!important;
  column-gap:14px!important;
}

/* Slightly slimmer benefit cards so the section feels lighter. */
.home-parallax .benefits.scroll-transparent .benefit-links .benefit-link{
  min-height:132px!important;
  padding:18px!important;
}

/* Hover stays interactive but restrained. */
.home-parallax .benefits.scroll-transparent .benefit-links .benefit-link:hover,
.home-parallax .benefits.scroll-transparent .benefit-links .benefit-link:focus-visible{
  transform:translateY(-3px)!important;
  box-shadow:
    0 18px 34px rgba(5,13,22,.15),
    inset 0 1px 0 rgba(255,255,255,.78)!important;
}

/* App and license sections follow the same lighter glass treatment. */
.home-parallax .app-section.scroll-transparent>.container,
.home-parallax .license-section.scroll-transparent>.container,
.home-parallax .benefits.scroll-transparent>.container{
  box-shadow:none!important;
}

@media(max-width:900px){
  .home-parallax .scroll-transparent{
    padding-top:68px!important;
    padding-bottom:68px!important;
  }
  .home-parallax .faq{
    padding-top:64px!important;
    padding-bottom:60px!important;
  }
  .home-parallax .scroll-transparent>.container{
    padding-top:30px!important;
    padding-bottom:30px!important;
  }
}

@media(max-width:620px){
  .home-parallax .scroll-transparent{
    padding-top:54px!important;
    padding-bottom:54px!important;
  }
  .home-parallax .faq{
    padding-top:50px!important;
    padding-bottom:48px!important;
  }
  .home-parallax .scroll-transparent>.container{
    padding-top:24px!important;
    padding-bottom:24px!important;
  }
}


/* =========================================================
   v3.8.9 — stronger text contrast on transparent glass
   ========================================================= */

/* Secondary text on glass was too pale after increasing transparency.
   Use a darker slate while keeping hierarchy below the main headings. */
.home-parallax .scroll-transparent .eyebrow{
  color:#4b5661!important;
}
.home-parallax .scroll-transparent .lead,
.home-parallax .scroll-transparent .feature-list p,
.home-parallax .scroll-transparent .license-panel span,
.home-parallax .scroll-transparent .benefit-link span{
  color:#303b46!important;
}

/* Supporting copy inside the app section. */
.home-parallax .app-section.scroll-transparent .feature-list p{
  color:#34404b!important;
}
.home-parallax .app-section.scroll-transparent .feature-list b{
  color:#161d25!important;
}

/* License panel secondary lines and paragraph copy. */
.home-parallax .license-section.scroll-transparent p,
.home-parallax .license-section.scroll-transparent .license-panel span{
  color:#34404b!important;
}

/* Technology cards: labels remain visually secondary, but clearly readable. */
.home-parallax .benefits.scroll-transparent .benefit-link span{
  color:#394550!important;
}

/* Slightly strengthen text without making it look heavy. */
.home-parallax .scroll-transparent h2,
.home-parallax .scroll-transparent h3,
.home-parallax .scroll-transparent b{
  text-shadow:0 1px 0 rgba(255,255,255,.18);
}


/* =========================================================
   v3.8.10 — darker secondary text + stronger local glass
   ========================================================= */

/* 1) Darker secondary typography on clear glass */
.home-parallax .scroll-transparent .eyebrow{
  color:#3f4b57!important;
}
.home-parallax .scroll-transparent .lead,
.home-parallax .scroll-transparent .feature-list p,
.home-parallax .scroll-transparent .license-panel span,
.home-parallax .scroll-transparent .benefit-link span{
  color:#1f2a35!important;
}
.home-parallax .app-section.scroll-transparent .feature-list p,
.home-parallax .license-section.scroll-transparent p{
  color:#24303b!important;
}
.home-parallax .benefits.scroll-transparent .benefit-link span{
  color:#2a3540!important;
}
.home-parallax .scroll-transparent h2,
.home-parallax .scroll-transparent h3,
.home-parallax .scroll-transparent b{
  color:#141b23!important;
}

/* 2) Slightly denser local glass exactly where the lighter copy lives */
.home-parallax .app-section.scroll-transparent .app-copy,
.home-parallax .license-section.scroll-transparent .license-grid > div:first-child{
  background:linear-gradient(
    135deg,
    rgba(255,255,255,.16) 0%,
    rgba(255,255,255,.10) 55%,
    rgba(255,255,255,.08) 100%
  )!important;
  border:1px solid rgba(255,255,255,.20)!important;
  border-radius:28px!important;
  padding:26px 28px!important;
  box-shadow:
    inset 0 1px 0 rgba(255,255,255,.34),
    0 10px 26px rgba(7,15,24,.08)!important;
  backdrop-filter:blur(3px) saturate(112%)!important;
  -webkit-backdrop-filter:blur(3px) saturate(112%)!important;
}

/* License feature mini-cards get a touch more body for readability */
.home-parallax .license-section.scroll-transparent .license-panel div{
  background:linear-gradient(
    135deg,
    rgba(255,255,255,.22) 0%,
    rgba(255,255,255,.14) 100%
  )!important;
  border-color:rgba(255,255,255,.58)!important;
}

/* Benefit cards also receive a touch more body, but keep the glass look */
.home-parallax .benefits.scroll-transparent .benefit-links .benefit-link{
  background:linear-gradient(
    135deg,
    rgba(255,255,255,.24) 0%,
    rgba(255,255,255,.14) 100%
  )!important;
  border-color:rgba(255,255,255,.56)!important;
}

/* Keep the app bullets readable */
.home-parallax .app-section.scroll-transparent .feature-list b,
.home-parallax .license-section.scroll-transparent .license-panel b,
.home-parallax .benefits.scroll-transparent .benefit-link b{
  color:#121922!important;
}

@media(max-width:900px){
  .home-parallax .app-section.scroll-transparent .app-copy,
  .home-parallax .license-section.scroll-transparent .license-grid > div:first-child{
    padding:22px 22px!important;
  }
}

@media(max-width:620px){
  .home-parallax .app-section.scroll-transparent .app-copy,
  .home-parallax .license-section.scroll-transparent .license-grid > div:first-child{
    padding:18px 18px!important;
    border-radius:22px!important;
  }
}


/* =========================================================
   v3.8.11 — glass treatment for CRM / fleet carousel
   ========================================================= */

/* Outer carousel shell: transparent glass instead of solid dark panel */
.fleet-slider{
  position:relative;
  isolation:isolate;
  border:1px solid rgba(255,255,255,.30)!important;
  background:
    linear-gradient(135deg,
      rgba(255,255,255,.10) 0%,
      rgba(255,255,255,.045) 48%,
      rgba(255,255,255,.025) 100%)!important;
  box-shadow:
    0 22px 52px rgba(0,0,0,.24),
    inset 0 1px 0 rgba(255,255,255,.16)!important;
  backdrop-filter:blur(9px) saturate(120%)!important;
  -webkit-backdrop-filter:blur(9px) saturate(120%)!important;
}

/* Fine glass reflections around the frame */
.fleet-slider:before{
  content:"";
  position:absolute;
  inset:0;
  z-index:0;
  pointer-events:none;
  border-radius:inherit;
  background:
    linear-gradient(180deg,rgba(255,255,255,.10),transparent 16%),
    radial-gradient(circle at 12% 8%,rgba(255,255,255,.10),transparent 24%);
}

/* Keep slide content readable with only a soft local dark layer */
.fleet-slide{
  background:rgba(7,14,21,.24)!important;
  z-index:1;
}
.fleet-slide img{
  position:relative;
  z-index:1;
  background:rgba(7,14,21,.18)!important;
}

/* Caption: small dark glass pill */
.fleet-slide span{
  z-index:3;
  background:rgba(8,16,24,.54)!important;
  border:1px solid rgba(255,255,255,.14);
  color:#fff!important;
  box-shadow:
    0 8px 22px rgba(0,0,0,.16),
    inset 0 1px 0 rgba(255,255,255,.08);
  backdrop-filter:blur(9px) saturate(118%)!important;
  -webkit-backdrop-filter:blur(9px) saturate(118%)!important;
}

/* Controls: glass circles */
.fleet-slider-controls{
  z-index:5;
}
.fleet-slider-controls button{
  border:1px solid rgba(255,255,255,.34)!important;
  background:rgba(12,22,31,.42)!important;
  color:#fff!important;
  box-shadow:
    0 8px 18px rgba(0,0,0,.16),
    inset 0 1px 0 rgba(255,255,255,.08);
  backdrop-filter:blur(8px) saturate(115%)!important;
  -webkit-backdrop-filter:blur(8px) saturate(115%)!important;
  transition:
    background .18s ease,
    border-color .18s ease,
    transform .18s ease;
}
.fleet-slider-controls button:hover{
  background:rgba(255,255,255,.14)!important;
  border-color:rgba(255,255,255,.54)!important;
  transform:translateY(-1px);
}

/* Pagination remains restrained; active state keeps NOTAXI yellow */
.fleet-slide-dots button{
  background:rgba(255,255,255,.28)!important;
  box-shadow:none!important;
}
.fleet-slide-dots button.active{
  background:#ffd21f!important;
}

/* Preserve contrast on smaller screens */
@media(max-width:900px){
  .fleet-slider{
    backdrop-filter:blur(7px) saturate(116%)!important;
    -webkit-backdrop-filter:blur(7px) saturate(116%)!important;
  }
}


/* =========================================================
   v3.8.12 — CRM slider reveals the same fixed site background
   ========================================================= */

/* The slider now paints the same time-of-day hero image in fixed viewport
   coordinates, so it visually lines up with the stationary page backdrop. */
.fleet-slider{
  background:
    linear-gradient(
      135deg,
      rgba(8,18,27,.18),
      rgba(8,18,27,.06)
    )!important;
  overflow:hidden;
}

.fleet-slider:after{
  content:"";
  position:absolute;
  inset:0;
  z-index:-2;
  pointer-events:none;
  background-image:var(--site-hero-bg, url("/assets/hero-moscow-night-v379.jpg"));
  background-position:center 54%;
  background-size:cover;
  background-repeat:no-repeat;
  background-attachment:fixed;
  filter:saturate(.72) brightness(.80);
  opacity:.94;
}

/* Transparent glass layer over the fixed background image. */
.fleet-slider:before{
  z-index:-1!important;
  background:
    linear-gradient(
      135deg,
      rgba(255,255,255,.10),
      rgba(255,255,255,.025)
    )!important;
  backdrop-filter:blur(5px) saturate(118%)!important;
  -webkit-backdrop-filter:blur(5px) saturate(118%)!important;
}

/* Remove the opaque dark canvas around the slide itself. */
.fleet-slide{
  background:transparent!important;
}

/* Do not add an extra dark fill behind screenshots. */
.fleet-slide img{
  background:transparent!important;
}

/* Keep captions and controls readable over the photo. */
.fleet-slide span{
  background:rgba(8,16,24,.58)!important;
}

@media(max-width:900px){
  .fleet-slider:after{
    background-attachment:scroll;
    background-position:center center;
  }
}



/* v3.8.14 — connect page: new Moscow night backdrop + liquid glass cards */
.connect-body{
  background:#09121a;
  color:#fff;
  min-height:100vh;
  position:relative;
  overflow-x:hidden;
}
.connect-body::before{
  content:"";
  position:fixed;
  inset:0;
  z-index:-2;
  background:url('/assets/connect-moscow-night.png') center center / cover no-repeat;
  filter:saturate(.92) brightness(.48) contrast(1.04);
  transform:scale(1.02);
}
.connect-body::after{
  content:"";
  position:fixed;
  inset:0;
  z-index:-1;
  background:
    radial-gradient(circle at 18% 22%, rgba(255,213,31,.10), transparent 24%),
    linear-gradient(180deg, rgba(4,10,16,.42), rgba(4,10,16,.78));
}

.connect-header{
  background:rgba(8,14,20,.58);
  border-bottom:1px solid rgba(255,255,255,.10);
  backdrop-filter:blur(16px) saturate(130%);
  -webkit-backdrop-filter:blur(16px) saturate(130%);
}
.connect-header .brand img{
  box-shadow:0 0 0 1px rgba(255,255,255,.10);
}
.connect-back{
  color:#dbe3ea;
}
.connect-back:hover{
  color:#fff;
}

.connect-main{
  position:relative;
  z-index:1;
  padding:72px 0 96px;
}
.connect-intro{
  max-width:920px;
  margin-bottom:34px;
}
.connect-intro .eyebrow.light{
  color:rgba(255,255,255,.78);
}
.connect-intro h1{
  color:#fff;
  text-shadow:0 8px 30px rgba(0,0,0,.28);
}
.connect-intro p{
  color:rgba(233,239,245,.88);
  max-width:960px;
}

.status-grid{
  gap:22px;
}
.status-card{
  position:relative;
  overflow:hidden;
  min-height:298px;
  padding:30px;
  border-radius:28px;
  border:1px solid rgba(255,255,255,.14);
  background:
    linear-gradient(135deg, rgba(24,37,50,.28), rgba(16,25,35,.16));
  box-shadow:
    0 24px 60px rgba(0,0,0,.24),
    inset 0 1px 0 rgba(255,255,255,.16);
  backdrop-filter:blur(20px) saturate(140%);
  -webkit-backdrop-filter:blur(20px) saturate(140%);
  transition:transform .22s ease, border-color .22s ease, background .22s ease, box-shadow .22s ease;
}
.status-card::before{
  content:"";
  position:absolute;
  inset:0;
  border-radius:inherit;
  background:
    linear-gradient(145deg, rgba(255,255,255,.12), rgba(255,255,255,0) 36%),
    radial-gradient(circle at 86% 16%, rgba(255,213,31,.11), transparent 24%);
  pointer-events:none;
}
.status-card:hover{
  transform:translateY(-4px);
  border-color:rgba(255,255,255,.22);
  background:linear-gradient(135deg, rgba(28,43,58,.34), rgba(18,28,39,.22));
  box-shadow:
    0 28px 66px rgba(0,0,0,.28),
    inset 0 1px 0 rgba(255,255,255,.18);
}
.status-card .status-icon{
  position:relative;
  z-index:1;
  width:62px;
  height:62px;
  border-radius:18px;
  margin-bottom:30px;
  background:#ffd51f;
  color:#121212;
  box-shadow:0 10px 22px rgba(255,213,31,.22);
}
.status-card h2{
  position:relative;
  z-index:1;
  color:#fff;
  font-size:30px;
  line-height:1.06;
  margin:0 0 14px;
}
.status-card p{
  position:relative;
  z-index:1;
  color:rgba(233,239,245,.86);
  line-height:1.5;
  margin:0 0 26px;
}
.status-card .btn{
  position:relative;
  z-index:1;
  margin-top:auto;
  align-self:flex-start;
  font-size:15px;
}
.status-card .btn-yellow{
  box-shadow:0 10px 24px rgba(255,213,31,.14);
}
.status-note{
  margin-top:22px;
  color:rgba(224,231,238,.78);
  font-size:14px;
}

@media(max-width:900px){
  .connect-main{padding-top:54px}
  .status-grid{gap:16px}
  .status-card{min-height:unset;padding:24px}
}



/* v3.8.15 — detail pages backdrop + employment conditions */
.connect-detail-main{
  position:relative;
  z-index:1;
  padding:72px 0 96px;
}

.connect-intro-employment{
  max-width:920px;
  margin-bottom:30px;
}

.employment-detail-page .connect-intro h1{
  color:#fff;
  text-shadow:0 12px 36px rgba(0,0,0,.30);
}

.employment-detail-page .connect-intro p{
  color:rgba(232,239,245,.90);
}

.employment-glass-card{
  position:relative;
  overflow:hidden;
  max-width:1080px;
  background:
    linear-gradient(145deg, rgba(26,39,53,.34), rgba(17,26,36,.20));
  border:1px solid rgba(255,255,255,.14);
  border-radius:28px;
  padding:30px;
  box-shadow:
    0 24px 60px rgba(0,0,0,.24),
    inset 0 1px 0 rgba(255,255,255,.16);
  backdrop-filter:blur(18px) saturate(135%);
  -webkit-backdrop-filter:blur(18px) saturate(135%);
}

.employment-glass-card::before{
  content:"";
  position:absolute;
  inset:0;
  border-radius:inherit;
  background:
    linear-gradient(145deg, rgba(255,255,255,.10), rgba(255,255,255,0) 36%),
    radial-gradient(circle at 88% 14%, rgba(255,213,31,.10), transparent 22%);
  pointer-events:none;
}

.employment-glass-card > *{
  position:relative;
  z-index:1;
}

.employment-glass-card h2{
  margin:0 0 18px;
  font-size:28px;
  line-height:1.1;
  color:#fff;
}

.employment-glass-card .clean-list{
  display:grid;
  gap:12px;
  margin:0;
}

.employment-glass-card .clean-list li{
  color:rgba(234,240,246,.90);
  line-height:1.58;
  font-size:18px;
}

.employment-glass-card .clean-list li::before{
  color:#ffd51f;
}

.employment-note{
  margin:22px 0 0;
  color:rgba(234,240,246,.90);
  font-size:17px;
  line-height:1.55;
}

.employment-actions{
  margin-top:24px;
}

.connect-body .btn-outline-light{
  background:rgba(255,255,255,.06);
  border-color:rgba(255,255,255,.24);
  color:#fff;
  box-shadow:inset 0 1px 0 rgba(255,255,255,.08);
}

.connect-body .btn-outline-light:hover{
  background:rgba(255,255,255,.10);
  border-color:rgba(255,255,255,.34);
}

@media(max-width:900px){
  .connect-detail-main{
    padding:54px 0 78px;
  }
  .employment-glass-card{
    padding:24px;
    border-radius:24px;
  }
  .employment-glass-card .clean-list li{
    font-size:17px;
  }
}

@media(max-width:620px){
  .employment-glass-card{
    padding:20px;
  }
  .employment-glass-card h2{
    font-size:24px;
  }
  .employment-glass-card .clean-list li,
  .employment-note{
    font-size:16px;
  }
}


/* v3.8.16 — unified registration detail pages */
.connect-detail-page .connect-main{
  padding:72px 0 96px;
}
.connect-detail-intro{
  max-width:980px;
  margin-bottom:30px;
}
.connect-detail-intro h1{
  color:#fff;
  text-shadow:0 12px 36px rgba(0,0,0,.30);
}
.connect-detail-intro p{
  color:rgba(233,239,245,.90);
  max-width:950px;
}
.connect-detail-grid{
  display:grid;
  grid-template-columns:minmax(0,1.12fr) minmax(340px,.88fr);
  gap:22px;
  align-items:start;
}
.connect-stack{
  display:grid;
  gap:18px;
}
.connect-glass-panel{
  position:relative;
  overflow:hidden;
  color:#fff!important;
  background:linear-gradient(145deg,rgba(26,39,53,.34),rgba(17,26,36,.20))!important;
  border:1px solid rgba(255,255,255,.14)!important;
  border-radius:28px!important;
  padding:30px!important;
  box-shadow:
    0 24px 60px rgba(0,0,0,.24),
    inset 0 1px 0 rgba(255,255,255,.16)!important;
  backdrop-filter:blur(18px) saturate(135%)!important;
  -webkit-backdrop-filter:blur(18px) saturate(135%)!important;
}
.connect-glass-panel::before{
  content:"";
  position:absolute;
  inset:0;
  border-radius:inherit;
  background:
    linear-gradient(145deg,rgba(255,255,255,.10),rgba(255,255,255,0) 36%),
    radial-gradient(circle at 88% 14%,rgba(255,213,31,.10),transparent 22%);
  pointer-events:none;
}
.connect-glass-panel > *{
  position:relative;
  z-index:1;
}
.connect-glass-panel h2{
  color:#fff!important;
  margin:0 0 18px!important;
}
.connect-glass-panel p,
.connect-glass-panel li,
.connect-glass-panel small{
  color:rgba(234,240,246,.90)!important;
}
.connect-benefits-panel .clean-list{
  gap:12px;
}
.connect-benefits-panel .clean-list li{
  font-size:17px;
  line-height:1.55;
}
.connect-feature-link{
  color:#fff;
  text-decoration:underline;
  text-decoration-color:rgba(255,213,31,.72);
  text-underline-offset:4px;
  font-weight:800;
}
.connect-feature-link:hover{
  color:#ffd51f;
}
.connect-glass-panel.register-panel{
  background:linear-gradient(145deg,rgba(255,255,255,.16),rgba(255,255,255,.08))!important;
}
.connect-glass-panel.register-panel .support-divider{
  color:rgba(230,237,243,.70);
}
.connect-glass-panel.register-panel .support-divider:before,
.connect-glass-panel.register-panel .support-divider:after{
  background:rgba(255,255,255,.16);
}
.connect-glass-panel.register-panel .support-copy{
  color:rgba(234,240,246,.88)!important;
}
.connect-before-panel{
  margin-top:22px;
}
.connect-before-panel p{
  margin:0 0 10px;
  line-height:1.55;
}
.connect-before-panel .legal-note{
  color:rgba(216,224,231,.66)!important;
  margin-top:16px;
}
.employment-support-buttons{
  display:grid!important;
  grid-template-columns:1fr 1fr;
  gap:10px;
  margin-top:22px;
}
.employment-support-panel .support-btn{
  display:flex;
}
.employment-detail-grid{
  align-items:stretch;
}
.employment-support-panel{
  height:100%;
}
.employment-support-panel p{
  font-size:17px;
  line-height:1.55;
}
@media(max-width:900px){
  .connect-detail-grid{
    grid-template-columns:1fr;
  }
  .connect-detail-page .connect-main{
    padding:54px 0 78px;
  }
  .connect-glass-panel{
    padding:24px!important;
    border-radius:24px!important;
  }
}
@media(max-width:620px){
  .connect-glass-panel{
    padding:20px!important;
  }
  .employment-support-buttons{
    grid-template-columns:1fr;
  }
}


/* v3.8.17 — equal height for connect detail top panels */
.connect-detail-page:not(.employment-detail-page) .connect-detail-grid{
  align-items:stretch;
}
.connect-detail-page:not(.employment-detail-page) .connect-benefits-panel,
.connect-detail-page:not(.employment-detail-page) .register-panel.connect-glass-panel{
  height:100%;
}
.connect-detail-page:not(.employment-detail-page) .register-panel.connect-glass-panel,
.connect-detail-page:not(.employment-detail-page) .connect-benefits-panel{
  display:flex;
  flex-direction:column;
}
.connect-detail-page:not(.employment-detail-page) .register-panel.connect-glass-panel .support-choice{
  margin-top:auto;
}
@media(max-width:900px){
  .connect-detail-page:not(.employment-detail-page) .connect-benefits-panel,
  .connect-detail-page:not(.employment-detail-page) .register-panel.connect-glass-panel{
    height:auto;
  }
}