:root{--brand:#07abef;--blue:#4f6fd8;--blue-d:#3d5bc0;--red:#f0584b;--red-d:#d94336;--ink:#1f2933;--text:#4a5562;--muted:#7b8794;--line:#e6e9ee;--soft:#f5f6f8;--dark:#272d37;--w:1170px}
*{box-sizing:border-box}
html{-webkit-text-size-adjust:100%}
body{margin:0;font:16px/1.7 -apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,"Helvetica Neue",Arial,sans-serif;color:var(--text);background:#fff}
img{max-width:100%;height:auto;display:block}
a{color:var(--brand)}
h1,h2,h3{color:var(--ink);font-weight:600;line-height:1.3;margin:1.4em 0 .5em}
h1{font-size:clamp(1.5rem,2.6vw,2rem)}
h2{font-size:clamp(1.25rem,2vw,1.55rem)}
h3{font-size:1.2rem}
h2 a{color:inherit;text-decoration:none}h2 a:hover{color:var(--brand)}
p{margin:0 0 1em}
.wrap{max-width:var(--w);margin:0 auto;padding:0 16px}
.center{text-align:center}.center img,.center picture{margin-left:auto;margin-right:auto}
.mt{margin-top:2em}

/* header */
.top{background:#fff;border-bottom:1px solid var(--line);position:sticky;top:0;z-index:20}
.top-in{display:flex;align-items:center;justify-content:space-between;min-height:72px}
.logo{font-size:1.35rem;font-weight:700;color:var(--ink);text-decoration:none;letter-spacing:-.01em}
.logo b{color:var(--brand)}.logo span{color:var(--muted);font-weight:500;font-size:.9em}
.nav ul{list-style:none;margin:0;padding:0}
.nav>ul{display:flex}
.nav li{position:relative}
.nav a{display:block;padding:24px 14px;color:var(--ink);text-decoration:none;font-size:.95rem;border-bottom:3px solid transparent}
.nav>ul>li.on>a,.nav>ul>li>a:hover{border-bottom-color:var(--brand);color:var(--brand)}
.nav li ul{display:none;position:absolute;top:100%;left:0;min-width:200px;background:#fff;box-shadow:0 8px 24px rgba(0,0,0,.1);border-top:3px solid var(--brand)}
.nav li ul a{padding:12px 16px;border:0}
.nav li:hover>ul,.nav li:focus-within>ul{display:block}
.nav-t{position:absolute;opacity:0;pointer-events:none}
.burger{display:none;cursor:pointer;padding:10px;margin-right:-10px}
.burger span{display:block;width:24px;height:2px;background:var(--ink);margin:5px 0;transition:.2s}

/* page hero */
.page-hero{background:var(--soft);border-bottom:1px solid var(--line);padding:28px 0}
.page-hero h1{margin:0 0 .3em;text-transform:none}
.page-hero p{margin:0 0 .3em;color:var(--text)}
.page-hero.center{text-align:center}

/* content */
.content{padding-top:24px;padding-bottom:48px}
.row{margin:28px 0}
.text p{max-width:none}
.msg{display:flex;gap:14px;align-items:center;background:#e8f6fd;border:1px solid #bfe6fa;border-radius:6px;padding:14px 18px;margin-bottom:20px}
.msg p{margin:0;color:#2b5b75}
.msg-i{flex:none;width:22px;height:22px;border-radius:50%;background:var(--brand);color:#fff;font:700 14px/22px Georgia,serif;text-align:center}
.plate{display:inline-block;transition:transform .15s}.plate:hover{transform:translateY(-2px)}
.cols-main{display:grid;grid-template-columns:minmax(0,2fr) minmax(0,1fr);gap:40px;align-items:start}
.cols-main .main>h1:first-child,.cols-main .main>p:first-child{margin-top:0}
.img-link{display:inline-block}
.sidebar{display:grid;gap:20px;position:sticky;top:96px}
.promo{display:flex;flex-direction:column;gap:6px;padding:26px 22px;border-radius:8px;text-decoration:none;color:#fff;background:linear-gradient(135deg,#0b8fd0,var(--brand));box-shadow:0 6px 18px rgba(7,171,239,.25)}
.promo-alt{background:linear-gradient(135deg,#3a4250,#272d37);box-shadow:0 6px 18px rgba(0,0,0,.15)}
.promo-k{font-size:.8rem;text-transform:uppercase;letter-spacing:.08em;opacity:.85}
.promo-t{font-size:1.25rem;font-weight:700;line-height:1.3}
.promo-b{margin-top:8px;align-self:flex-start;background:#fff;color:var(--ink);padding:8px 16px;border-radius:4px;font-weight:600;font-size:.9rem}
.features{display:grid;grid-template-columns:repeat(3,1fr);gap:32px;text-align:center}
.feature h2{margin:.6em 0 .4em}
.feature-i{display:inline-block;width:64px;height:64px;color:var(--blue)}
.feature-i svg{width:100%;height:100%;fill:currentColor}
.banner{min-height:330px;border-radius:6px;background:#1b1d22 url(/wp-content/uploads/2016/07/Lamborghini-Egoista-Concept-supercar-wallpaper-1920x1080.jpg) center/cover no-repeat;background-image:image-set(url(/wp-content/uploads/2016/07/Lamborghini-Egoista-Concept-supercar-wallpaper-1920x1080.webp) type("image/webp"),url(/wp-content/uploads/2016/07/Lamborghini-Egoista-Concept-supercar-wallpaper-1920x1080.jpg) type("image/jpeg"))}
.li .n{display:inline-block;width:2em;margin-left:.6em}
ul{padding-left:1.4em}
.empty{min-height:120px}

/* buttons */
.btn{display:inline-flex;align-items:center;gap:10px;padding:11px 24px;font-weight:700;font-size:.85rem;letter-spacing:.02em;text-transform:uppercase;text-decoration:none;color:#fff;border-radius:3px;transition:background .15s,transform .15s;line-height:1.4}
.btn:hover{transform:translateY(-1px)}
.btn-blue{background:var(--blue)}.btn-blue:hover{background:var(--blue-d)}
.btn-red{background:var(--red);padding:15px 28px;font-size:.95rem;font-weight:600}.btn-red:hover{background:var(--red-d)}
.btn-sky{background:var(--brand);padding:16px 34px;font-size:.9rem}.btn-sky:hover{background:#0596d3}
.btn .ic{width:18px;height:18px;display:inline-flex}.btn .ic svg{width:100%;height:100%;fill:currentColor;transform:scaleX(-1)}

/* footer */
.foot{background:var(--dark);color:#9aa5b1;padding:28px 0;font-size:.85rem}
.foot p{margin:0;text-transform:uppercase;letter-spacing:.02em}
.foot-links{list-style:none;padding:0;margin:0 0 14px;display:flex;flex-wrap:wrap;gap:6px 22px}
.foot-links a{color:#cfd6de;text-decoration:none}.foot-links a:hover{color:#fff}

@media (max-width:960px){
  .burger{display:block}
  .nav{position:absolute;left:0;right:0;top:100%;background:#fff;border-bottom:1px solid var(--line);box-shadow:0 10px 20px rgba(0,0,0,.08);display:none}
  .nav-t:checked~.nav{display:block}
  .nav-t:checked+.burger span:nth-child(1){transform:translateY(7px) rotate(45deg)}
  .nav-t:checked+.burger span:nth-child(2){opacity:0}
  .nav-t:checked+.burger span:nth-child(3){transform:translateY(-7px) rotate(-45deg)}
  .nav>ul{flex-direction:column;padding:6px 0}
  .nav a{padding:12px 16px;border-bottom:0;border-left:3px solid transparent}
  .nav>ul>li.on>a{border-left-color:var(--brand)}
  .nav li ul{display:block;position:static;box-shadow:none;border:0;padding-left:16px}
  .cols-main{grid-template-columns:1fr;gap:28px}
  .sidebar{position:static}
  .features{grid-template-columns:1fr;gap:20px}
  .banner{min-height:200px}
}
@media (max-width:520px){
  body{font-size:15px}
  .btn{white-space:normal;text-align:left}
  .msg{padding:12px 14px}
}
figure{margin:24px 0}figcaption{margin-top:8px;font-size:.85rem;font-weight:600;letter-spacing:.03em}figcaption a{color:var(--muted);text-decoration:none}
