/* ===== Общие стили ===== */
html, body {
  margin:0;
  padding:0;
  background:#0f1115;
  overflow-x:hidden;
  font-family:Inter,system-ui,-apple-system,Segoe UI,Roboto,Ubuntu,"Helvetica Neue",Arial;
  color:#f2f5f9;
}

/* Контейнер и сетки */
#asic-landing *,
#asic-landing *::before,
#asic-landing *::after { box-sizing:border-box; max-width:100% }

#asic-landing img{ max-width:100%; height:auto; display:block }
#asic-landing a{ color:inherit; text-decoration:none }

#asic-landing .container{ width:min(1120px,100%); max-width:1120px; padding:0 16px; margin:0 auto }
#asic-landing .grid{ display:grid; gap:24px }
#asic-landing .section{ padding:56px 0 }
#asic-landing .muted{ color:#9aa4b2 }
#asic-landing .card{
  background:linear-gradient(180deg, rgba(255,255,255,.04), rgba(255,255,255,.02));
  border:1px solid rgba(255,255,255,.08);
  border-radius:20px;
  padding:20px;
  box-shadow:0 10px 30px rgba(0,0,0,.35);
}

/* ===== Header ===== */
#asic-landing header{ position:sticky; top:0; z-index:50; background:rgba(15,17,21,.8); backdrop-filter:blur(10px); border-bottom:1px solid rgba(255,255,255,.06) }
#asic-landing .header-inner{ display:flex; align-items:center; justify-content:space-between; flex-wrap:wrap; gap:8px; padding:10px 0 }
#asic-landing .logo{ display:flex; align-items:center; gap:8px; font-weight:800 }
#asic-landing .logo-dot{ width:10px; height:10px; border-radius:50%; background:linear-gradient(135deg,#36d399,#22d3ee) }
#asic-landing nav{ display:flex; gap:12px; flex-wrap:wrap; justify-content:center; width:100%; order:3 }
#asic-landing nav a{ color:#9aa4b2; font-size:14px }
#asic-landing .cta-row{ display:flex; gap:8px; order:2; margin-left:auto }
#asic-landing .btn{
  display:inline-flex; align-items:center; justify-content:center; gap:10px;
  padding:12px 16px; border-radius:12px; font-weight:700;
  background:linear-gradient(135deg,#36d399,#22d3ee); color:#0b0d10;
  border:0; cursor:pointer; box-shadow:0 4px 20px rgba(34,211,238,.2)
}
#asic-landing .btn.outline{ background:transparent; color:#f2f5f9; border:1px solid rgba(255,255,255,.15) }

/* ===== Ticker ===== */
#asic-landing .ticker{ border-bottom:1px solid rgba(255,255,255,.06); background:linear-gradient(180deg,rgba(255,255,255,.04),rgba(255,255,255,.02)) }
#asic-landing .ticker-inner{ display:flex; gap:10px; flex-wrap:wrap; align-items:center; padding:10px 0 }
#asic-landing .ticker-item{ display:flex; align-items:center; gap:10px; padding:10px 12px; border:1px solid rgba(255,255,255,.08); border-radius:12px; background:rgba(0,0,0,.15) }
#asic-landing .ticker-sym{ font-weight:700; letter-spacing:.02em }
#asic-landing .ticker-price{ font-variant-numeric:tabular-nums; white-space:nowrap }
#asic-landing .ticker-chg{ font-variant-numeric:tabular-nums; padding:2px 8px; border-radius:999px; border:1px solid rgba(255,255,255,.12) }
#asic-landing .up{ color:#22d3a3 }
#asic-landing .down{ color:#ff6b6b }

/* ===== Hero ===== */
#asic-landing .hero{ padding:64px 0 24px }
#asic-landing .hero-wrap{ display:grid; grid-template-columns:1.25fr .75fr; gap:28px; align-items:center }
#asic-landing .badge{ display:inline-flex; align-items:center; gap:8px; padding:8px 12px; border:1px solid rgba(255,255,255,.12); border-radius:999px; font-size:12px; background:rgba(255,255,255,.03) }
#asic-landing h1{ font-size:clamp(28px,4vw,48px); line-height:1.05; margin:8px 0 16px }
#asic-landing .tick{ display:flex; gap:10px; align-items:flex-start; font-size:14px }
#asic-landing .tick::before{ content:"✓"; color:#36d399; margin-top:2px }
#asic-landing .hero-kpis{ display:grid; grid-template-columns:repeat(3,1fr); gap:10px; margin-top:14px }
#asic-landing .kpi{ padding:14px; border-radius:14px; background:rgba(255,255,255,.04); border:1px solid rgba(255,255,255,.08); text-align:center }
#asic-landing .kpi b{ display:block; font-size:20px }

/* ===== Form ===== */
#asic-landing form{ display:grid; gap:12px }
#asic-landing .input{ background:#0b0d10; color:#f2f5f9; border:1px solid rgba(255,255,255,.08); border-radius:14px; padding:14px; width:100% }
#asic-landing .input:focus{ outline:none; box-shadow:0 0 0 3px rgba(34,211,238,.35); border-color:rgba(34,211,238,.5) }
#asic-landing .two{ display:grid; grid-template-columns:1fr 1fr; gap:12px }

/* ===== Trust / Services / Pricing ===== */
#asic-landing .trust{ display:grid; grid-template-columns:repeat(4,1fr); gap:16px }
#asic-landing .services{ display:grid; grid-template-columns:repeat(3,1fr); gap:16px }

/* Выравнивание ценовых карточек */
#asic-landing .pricing{ display:grid; grid-template-columns:repeat(3,1fr); gap:16px }
#asic-landing .pricing .card{ display:flex; flex-direction:column; text-align:left; }
#asic-landing .pricing .card h3{ margin:0 0 8px; }
#asic-landing .pricing .card .price{ margin:4px 0 12px; }
#asic-landing .pricing .card ul{ margin:0 0 16px; padding-left:18px; }
#asic-landing .pricing .card .btn{ margin-top:auto; }

/* ===== Footer ===== */
#asic-landing footer .footer-grid{ display:grid; grid-template-columns:2fr 1fr 1fr; gap:24px }

/* ===== Floating contacts ===== */
#asic-landing .fab{ position:fixed; right:12px; bottom:12px; z-index:60; display:flex; flex-direction:column; gap:10px }
#asic-landing .fab a{ width:56px; height:56px; display:grid; place-items:center; border-radius:999px; background:linear-gradient(135deg,#36d399,#22d3ee); color:#0b0d10; box-shadow:0 10px 30px rgba(34,211,238,.35) }
#asic-landing .fab svg{ width:26px; height:26px }

/* ===== Responsive ===== */
@media(max-width:960px){
  #asic-landing .hero-wrap{ grid-template-columns:1fr }
  #asic-landing .trust{ grid-template-columns:1fr 1fr }
  #asic-landing .services{ grid-template-columns:1fr }
  #asic-landing .pricing{ grid-template-columns:1fr }
  #asic-landing .two{ grid-template-columns:1fr }
  #asic-landing .section{ padding:40px 0 }
  #asic-landing nav{ order:2; width:100%; justify-content:center }
  #asic-landing .cta-row{ order:3; width:100% }
  #asic-landing .cta-row .btn{ flex:1; min-width:0 }
  #asic-landing footer .footer-grid{ grid-template-columns:1fr; gap:12px }
  #asic-landing footer .footer-grid > div{ padding-top:12px; border-top:1px solid rgba(255,255,255,.08) }
  #asic-landing footer .footer-grid > div:first-child{ border-top:none; padding-top:0 }
  #asic-landing .fab a{ width:48px; height:48px }
}