/* Јавна почетна страница (пред најава), 04.11.2026. Ги користи st-* класите од theme.css. */
.st-home { margin: 0; background: rgb(248 250 252); color: rgb(15 23 42); font-family: 'Noto Sans', system-ui, -apple-system, sans-serif; font-size: 15px; line-height: 1.5; -webkit-font-smoothing: antialiased; }
.st-home * { box-sizing: border-box; }
.st-home a { color: inherit; }
.st-home-wrap { max-width: 82rem; margin: 0 auto; padding: 0 1.1rem; }
.st-home-top { background: #fff; border-bottom: 1px solid rgb(226 232 240); position: sticky; top: 0; z-index: 10; }
.st-home-topbar { display: flex; align-items: center; justify-content: space-between; gap: 1rem; height: 4rem; }
.st-home-topbar .st-brand { text-decoration: none; }
.st-home-nav { display: flex; align-items: center; gap: .5rem; }
.st-home-nav .st-pill { text-decoration: none; }
.st-home-intro { display: grid; gap: 1.25rem; grid-template-columns: 1fr; margin: 1.5rem 0 1.25rem; background: rgb(37 99 235); border-radius: 1.1rem; color: #fff; padding: 1.75rem 1.75rem; scroll-margin-top: 5rem; }
.st-home-intro h1 { margin: 0 0 .5rem; font-size: 1.6rem; font-weight: 700; letter-spacing: -.02em; line-height: 1.2; }
.st-home-intro-text p { margin: 0 0 1rem; color: rgb(219 234 254); font-size: .95rem; max-width: 36rem; }
.st-home-contact { display: flex; flex-wrap: wrap; gap: .5rem; }
.st-home-contact .st-pill { text-decoration: none; background: rgb(255 255 255 / .12); border-color: rgb(255 255 255 / .3); color: #fff; }
.st-home-contact .st-pill.st-active { background: #fff; color: rgb(37 99 235); border-color: #fff; }
.st-home-packages { display: grid; gap: .75rem; grid-template-columns: 1fr; }
.st-home-package { display: flex; flex-direction: column; background: rgb(255 255 255 / .1); border: 1px solid rgb(255 255 255 / .25); border-radius: .9rem; padding: 1rem 1.1rem; scroll-margin-top: 5rem; }
.st-home-package .st-kpi-label { color: rgb(191 219 254); }
.st-home-package h3 { margin: .15rem 0 .5rem; font-size: 1.05rem; font-weight: 700; }
.st-home-package ul { margin: 0 0 1.25rem; padding-left: 1.1rem; font-size: .83rem; color: rgb(219 234 254); line-height: 1.5; }
.st-home-package-pro { background: #fff; color: rgb(15 23 42); border-color: #fff; }
.st-home-package-pro .st-kpi-label { color: rgb(37 99 235); }
.st-home-package-pro ul { color: rgb(71 85 105); }
.st-home-hero { display: flex; flex-wrap: wrap; align-items: flex-end; justify-content: space-between; gap: .75rem 1rem; padding: .75rem 0 1rem; }
.st-home-hero .st-home-h1 { margin: 0 0 .25rem; font-size: 1.45rem; font-weight: 700; letter-spacing: -.02em; }
.st-home-hero p { margin: 0; }
.st-home-hero .st-switchers { margin: 0; }
.st-home main { padding-bottom: 2rem; }
.st-home h2 { margin: 0; }
.st-home-chart { position: relative; width: 100%; }
.st-home-chart canvas { width: 100% !important; height: 100% !important; }
.st-home-footer { display: flex; flex-wrap: wrap; justify-content: space-between; gap: .5rem; padding: 1rem 1.1rem 2rem; font-size: .8rem; color: rgb(100 116 139); }
@media (min-width: 900px) { .st-home-intro { grid-template-columns: 1.1fr 1fr; align-items: center; } .st-home-packages { grid-template-columns: 1fr 1fr; } }
@media (max-width: 640px) {
  .st-home-topbar { height: 3.5rem; gap: .5rem; }
  .st-home-topbar .st-brand-logo { height: 1.7rem; }
  .st-home-nav { gap: .35rem; }
  .st-home-nav .st-switch a { padding: .3rem .45rem; }
  .st-home-nav .st-pill { padding: .3rem .6rem; font-size: .75rem; }
  .st-home-intro { padding: 1.25rem 1.1rem; margin-top: 1rem; }
  .st-home-intro h1 { font-size: 1.3rem; }
  .st-home-intro-text p { font-size: .9rem; }
  .st-home-contact .st-pill { font-size: .78rem; }
  .st-home-hero .st-home-h1 { font-size: 1.25rem; }
}
.st-home-cta { display: flex; flex-wrap: wrap; align-items: center; justify-content: space-between; gap: .75rem 1.5rem; }
.st-home-cta p { margin: 0; font-size: .95rem; max-width: 46rem; }
.st-home-cta .st-pill { text-decoration: none; padding: .55rem 1.1rem; font-size: .9rem; }
.st-home-link { text-decoration: none; padding: .35rem .75rem; font-size: .85rem; font-weight: 600; color: rgb(30 41 59); border-radius: 999px; }
.st-home-link:hover { background: rgb(241 245 249); color: rgb(37 99 235); }
.st-home-price { font-size: 1.5rem; font-weight: 700; letter-spacing: -.02em; margin: .5rem 0 0; font-variant-numeric: tabular-nums; }
.st-home-price small { font-size: .8rem; font-weight: 500; opacity: .8; }
.st-home-price-note { font-size: .78rem; opacity: .85; }
.st-home-price-row { margin-top: auto; padding-top: .9rem; border-top: 1px solid rgb(255 255 255 / .25); }
.st-home-package-pro .st-home-price-row { border-top-color: rgb(226 232 240); }
.st-home-package-pro .st-home-price { color: rgb(37 99 235); }
.st-home-package-pro .st-home-price-note { color: rgb(71 85 105); }