/* ===== VEKTOR CORE v24 — visual corporativo, contraste e mobile ===== */
:root{
  --dark:#080d15;--dark-2:#0d1520;--dark-3:#121d2a;--surface:#101a27;--surface-2:#162231;
  --text:#f7f9fc;--text-2:#c1cad6;--text-3:#8d9aab;--border:rgba(255,255,255,.11);
  --border-accent:rgba(201,168,76,.38);--navbar-h:76px;
}
html[data-theme="light"]{
  --dark:#eef2f6;--dark-2:#f8fafc;--dark-3:#e7ecf2;--surface:#ffffff;--surface-2:#f2f5f8;
  --text:#101a2a;--text-2:#435268;--text-3:#6c7b8e;--border:rgba(15,23,42,.14);
  --border-accent:rgba(166,136,50,.38);
}
body{
  background-color:var(--dark);
  background-image:
    linear-gradient(rgba(201,168,76,.025) 1px,transparent 1px),
    linear-gradient(90deg,rgba(201,168,76,.025) 1px,transparent 1px),
    radial-gradient(circle at 12% 8%,rgba(201,168,76,.075),transparent 24%),
    radial-gradient(circle at 88% 34%,rgba(71,92,119,.09),transparent 28%);
  background-size:42px 42px,42px 42px,auto,auto;
  background-attachment:fixed;
}
html[data-theme="light"] body{
  background-image:
    linear-gradient(rgba(21,35,55,.025) 1px,transparent 1px),
    linear-gradient(90deg,rgba(21,35,55,.025) 1px,transparent 1px),
    radial-gradient(circle at 12% 8%,rgba(201,168,76,.11),transparent 25%),
    radial-gradient(circle at 88% 34%,rgba(80,104,136,.08),transparent 28%);
}
.navbar{
  background:color-mix(in srgb,var(--dark-2) 94%,transparent);
  border-bottom:1px solid var(--border);
  box-shadow:0 10px 34px rgba(0,0,0,.12);
}
.navbar-logo img{width:168px;height:52px;border-radius:0}
.nav-link{color:var(--text-2)}
.nav-link:hover,.nav-link.active{color:var(--text);background:color-mix(in srgb,var(--accent) 10%,transparent)}
.nav-system-login{
  display:inline-flex;align-items:center;justify-content:center;gap:8px;min-height:42px;padding:0 15px;
  margin-left:7px;border:1px solid var(--border-accent);border-radius:9px;color:var(--accent-light);
  background:color-mix(in srgb,var(--accent) 10%,var(--dark-2));font-size:13px;font-weight:800;white-space:nowrap;
  transition:.18s ease;
}
.nav-system-login:hover{transform:translateY(-1px);background:var(--accent-light);color:#101318}
.lang-toggle,.site-theme-toggle,.navbar-toggle{
  background:color-mix(in srgb,var(--surface) 94%,transparent);border-color:var(--border);box-shadow:0 4px 14px rgba(0,0,0,.06)
}
.v22-announcement{background:linear-gradient(90deg,color-mix(in srgb,var(--accent) 12%,var(--dark-2)),var(--dark-2),color-mix(in srgb,var(--accent) 8%,var(--dark-2)))}
.v22-hero,.v22-section,.page-header,.section,.v22-final-cta{position:relative;background-color:transparent}
.v22-section:nth-of-type(even),.section:nth-of-type(even){
  background:linear-gradient(135deg,color-mix(in srgb,var(--surface) 72%,transparent),color-mix(in srgb,var(--dark-2) 78%,transparent));
  border-block:1px solid color-mix(in srgb,var(--border) 72%,transparent);
}
.v22-card,.v22-cap-card,.v22-plan-card,.v22-role-panel,.v22-roi-card,.v22-roadmap span,
.problem-block,.solution-block,.pricing-card,.contact-form,.mvv-card,.about-card,.feature-card{
  background:color-mix(in srgb,var(--surface) 93%,transparent)!important;
  border-color:var(--border)!important;box-shadow:0 16px 44px rgba(0,0,0,.08);
  backdrop-filter:blur(8px);-webkit-backdrop-filter:blur(8px);
}
html[data-theme="light"] .v22-card,html[data-theme="light"] .v22-cap-card,
html[data-theme="light"] .v22-plan-card,html[data-theme="light"] .v22-role-panel,
html[data-theme="light"] .v22-roi-card,html[data-theme="light"] .v22-roadmap span{
  box-shadow:0 14px 38px rgba(26,39,58,.08);
}
.v22-hero h1 em{color:#d8b74f}
html[data-theme="light"] .v22-hero h1 em{color:#9b7820}
.v22-hero-copy>p,.v22-faq p{color:var(--text-2)}
.btn-outline{background:color-mix(in srgb,var(--surface) 70%,transparent)}
@media(max-width:900px){
  :root{--navbar-h:68px}
  .navbar{height:var(--navbar-h)}
  .navbar-container{min-height:var(--navbar-h);gap:8px}
  .navbar-logo{max-width:calc(100% - 148px)}
  .navbar-logo img{width:128px;height:42px}
  .navbar-menu{top:var(--navbar-h);padding:12px 14px 18px;background:color-mix(in srgb,var(--dark-2) 98%,transparent)}
  .navbar-menu .nav-system-login,.navbar-menu .nav-btn{width:100%;margin:5px 0 0;min-height:48px}
  .navbar-menu .nav-system-login{order:98}
  .navbar-menu .nav-btn{order:99}
}
@media(max-width:620px){
  :root{--navbar-h:64px}
  .navbar-container{width:calc(100% - 24px);gap:6px}
  .navbar-logo{max-width:calc(100% - 132px)}
  .navbar-logo img{width:104px;height:36px}
  .lang-toggle,.site-theme-toggle,.navbar-toggle{width:36px;height:36px;border-radius:10px}
  .v22-announcement{margin-top:var(--navbar-h)}
  .v22-announcement .container{min-height:40px;padding-block:7px}
  .v22-announcement a{font-size:12px}
  .v22-hero-grid{padding-block:52px 58px}
  .v22-hero h1{font-size:clamp(38px,11.5vw,52px);line-height:1.02;letter-spacing:-.045em}
  .v22-eyebrow{font-size:10px;line-height:1.45}
  .v22-hero-copy>p{font-size:15px;line-height:1.75}
}