/* Доверяй — apex landing (doveray.ru). Tokens mirror the canonical values in
   internal/b2cstorefrontapp/web/assets/tokens.css so this page reads as the
   same brand, without pulling in that file's ~1500 lines of storefront-only
   component CSS this static page has no use for. */

@font-face{font-family:"Manrope";font-style:normal;font-weight:400 800;font-display:swap;
  src:url("/assets/fonts/manrope-cyrillic.woff2") format("woff2");
  unicode-range:U+0301,U+0400-045F,U+0490-0491,U+04B0-04B1,U+2116;}
@font-face{font-family:"Manrope";font-style:normal;font-weight:400 800;font-display:swap;
  src:url("/assets/fonts/manrope-cyrillic-ext.woff2") format("woff2");
  unicode-range:U+0460-052F,U+1C80-1C8A,U+20B4,U+2DE0-2DFF,U+A640-A69F,U+FE2E-FE2F;}
@font-face{font-family:"Manrope";font-style:normal;font-weight:400 800;font-display:swap;
  src:url("/assets/fonts/manrope-latin.woff2") format("woff2");
  unicode-range:U+0000-00FF,U+0131,U+0152-0153,U+02BB-02BC,U+02C6,U+02DA,U+02DC,U+0304,U+0308,U+0329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD;}
@font-face{font-family:"Manrope";font-style:normal;font-weight:400 800;font-display:swap;
  src:url("/assets/fonts/manrope-latin-ext.woff2") format("woff2");
  unicode-range:U+0100-02BA,U+02BD-02C5,U+02C7-02CC,U+02CE-02D7,U+02DD-02FF,U+0304,U+0308,U+0329,U+1D00-1DBF,U+1E00-1E9F,U+1EF2-1EFF,U+2020,U+20A0-20AB,U+20AD-20C0,U+2113,U+2C60-2C7F,U+A720-A7FF;}

:root{
  --dv-bg:#ffffff;
  --dv-ink:#0e1726;
  --dv-muted:#6b7689;
  --dv-line:#e8ebf2;
  --dv-line-strong:#d7dce8;
  --dv-surface:#f5f7fb;
  --dv-accent:#064cea;
  --dv-accent-tint:#e7ecff;
  --dv-radius:12px;
  --dv-radius-lg:16px;
  --dv-shadow-accent:0 6px 16px rgba(6,76,234,.20);
  --dv-ease:cubic-bezier(.22,.61,.36,1);
  --dv-font:"Manrope","Inter",system-ui,-apple-system,"Segoe UI",Roboto,Arial,sans-serif;
}

*{box-sizing:border-box;}
html,body{margin:0;padding:0;}
body{
  font-family:var(--dv-font);
  color:var(--dv-ink);
  background:var(--dv-bg);
  -webkit-font-smoothing:antialiased;
  min-height:100vh;
  display:flex;
  flex-direction:column;
}
a{color:inherit;text-decoration:none;}
*:focus-visible{outline:2.5px solid var(--dv-accent);outline-offset:2px;border-radius:4px;}

.hub-header{
  display:flex;
  align-items:center;
  padding:20px clamp(16px,4vw,48px);
  border-bottom:1px solid var(--dv-line);
}
.hub-brand{display:flex;align-items:center;gap:10px;}
.hub-mascot{display:inline-flex;flex:0 0 auto;}
.hub-wordmark{
  display:block;
  width:112px;
  height:23px;
  background:var(--dv-ink);
  -webkit-mask:url("/assets/dovery-wordmark.svg") center/contain no-repeat;
  mask:url("/assets/dovery-wordmark.svg") center/contain no-repeat;
}

.hub-main{
  flex:1 0 auto;
  display:flex;
  flex-direction:column;
  align-items:center;
  justify-content:center;
  gap:clamp(28px,5vw,48px);
  padding:clamp(32px,8vw,96px) clamp(16px,4vw,48px);
  text-align:center;
}
.hub-title{
  margin:0;
  max-width:20ch;
  font-size:clamp(24px,3.4vw,38px);
  font-weight:800;
  letter-spacing:-.022em;
  line-height:1.15;
  color:var(--dv-ink);
}

.hub-cards{
  display:grid;
  grid-template-columns:repeat(2,minmax(220px,280px));
  gap:20px;
}
.hub-card{
  display:flex;
  flex-direction:column;
  gap:6px;
  padding:28px 26px;
  border:1px solid var(--dv-line);
  border-radius:var(--dv-radius-lg);
  background:#fff;
  box-shadow:0 1px 2px rgba(14,23,38,.04), 0 6px 18px rgba(14,30,80,.05);
  transition:transform .24s var(--dv-ease), box-shadow .24s var(--dv-ease), border-color .24s;
}
.hub-card:hover{
  transform:translateY(-3px);
  border-color:var(--dv-accent);
  box-shadow:var(--dv-shadow-accent);
}
.hub-card-kicker{
  font-size:12px;
  font-weight:700;
  letter-spacing:.04em;
  text-transform:uppercase;
  color:var(--dv-accent);
}
.hub-card-title{
  font-size:26px;
  font-weight:800;
  letter-spacing:-.02em;
  color:var(--dv-ink);
}
.hub-card-sub{
  font-size:14px;
  color:var(--dv-muted);
  line-height:1.4;
}

.hub-footer{
  display:flex;
  align-items:center;
  justify-content:center;
  flex-wrap:wrap;
  gap:12px;
  padding:24px clamp(16px,4vw,48px) 40px;
  font-size:16px;
  color:var(--dv-muted);
}
.hub-footer-label{font-weight:700;}
.hub-footer-link{
  display:inline-flex;
  align-items:center;
  padding:9px 18px;
  border-radius:999px;
  background:var(--dv-accent-tint);
  color:var(--dv-accent);
  font-weight:800;
  font-size:15px;
  transition:background .2s var(--dv-ease), transform .2s var(--dv-ease);
}
.hub-footer-link:hover{background:var(--dv-accent);color:#fff;transform:translateY(-1px);}
.hub-footer-sep{display:none;}

@media (max-width:520px){
  .hub-cards{grid-template-columns:minmax(0,280px);}
}