/* RogushkinPro — Tilda Custom CSS (WOFF2 & Palette) */

/* 1) Fonts (ALS Schlangesans, WOFF2) — replace URLs with Tilda file links */
@font-face{
  font-family:"ALS Schlangesans";
  src:url("https://drive.google.com/file/d/1Puv81ZYb2tmnEJ-Mk8-d9n9ol6gsgWrI/view?usp=drive_link") format("woff2");
  font-weight:100; font-style:normal; font-display:swap;
}
@font-face{
  font-family:"ALS Schlangesans";
  src:url("https://drive.google.com/file/d/1lgoF1Ro6O_qCXNJqocblTGtv19R1syF4/view?usp=drive_link") format("woff2");
  font-weight:300; font-style:normal; font-display:swap;
}
@font-face{
  font-family:"ALS Schlangesans";
  src:url("https://drive.google.com/file/d/1hMMbd0xVtifOT-0bawQXavgkkTp3Fgo_/view?usp=drive_link") format("woff2");
  font-weight:400; font-style:normal; font-display:swap;
}
@font-face{
  font-family:"ALS Schlangesans";
  src:url("https://drive.google.com/file/d/1h_OY-E_GXNY0Xp5oF0za62ML_nMkt4Tg/view?usp=drive_link") format("woff2");
  font-weight:700; font-style:normal; font-display:swap;
}
@font-face{
  font-family:"ALS Schlangesans";
  src:url("https://drive.google.com/file/d/1FX8OGI3XzrHKM-9dei9OkrmFeKT7hW5j/view?usp=drive_link") format("woff2");
  font-weight:900; font-style:normal; font-display:swap;
}

/* 2) Palette from logo/patterns */
:root{
  --rp-navy:#ec3e06;
  --rp-graphite:#3A3F45;
  --rp-accent:#febdbd;
  --rp-success:#27AE60;
  --rp-amber:#FFC145;
  --rp-bg:#FFFFFF;
}

/* 3) Global Typography */
html, body, .t-body, .t-text, .t-title, .t-descr, .t-input, .t-btn, .t-name {
  font-family:"ALS Schlangesans", system-ui, -apple-system, "Segoe UI", Roboto, Arial, "Helvetica Neue", sans-serif;
  -webkit-font-smoothing:antialiased; -moz-osx-font-smoothing:grayscale;
}
.t-title_xl, .t-name_xl { font-weight:900; line-height:1.12 }
.t-title_lg, .t-name_lg { font-weight:700; line-height:1.15 }
.t-descr_xl, .t-text_md { line-height:1.55 }

/* 4) Buttons & Inputs */
.t-btn{ border-radius:14px; padding:.9rem 1.4rem; font-weight:700 }
.t-btn_primary{ background:var(--rp-accent) }
.t-input{ border-radius:10px }

/* 5) Hero with brand pattern */
.rp-hero{ position:relative; background: var(--rp-navy) url("https://drive.google.com/file/d/1hTl2Gj2hX5r22bsGVdEjflcZgcvhoNkc/view?usp=drive_link") center/cover no-repeat; color:#fff }
.rp-hero::before{ content:""; position:absolute; inset:0; background:rgba(0,0,0,.35) }
.rp-hero .t-title_xl, .rp-hero .t-descr{ color:#fff }

/* 6) Price cards */
.rp-card{ border-radius:14px; box-shadow:0 8px 28px rgba(0,0,0,.06) }
.rp-card--hit{ outline:2px solid var(--rp-accent) }

/* 7) Sub-brand badges */
.badge--context{ background:var(--rp-accent); color:#fff }
.badge--seo{ background:#1FB6A6; color:#fff }
.badge--dev{ background:var(--rp-graphite); color:#fff }
.badge--analytics{ background:var(--rp-amber); color:#000 }



/* =========================
   SAPPHIRE BUTTON SYSTEM
   ========================= */

/* ВСЕ КНОПКИ */
a.t-btn,
.t-btn,
.t-btn.t-btn_md,
.t-btn.t-btn_sm,
.t-submit,
button.t-submit,
input[type="submit"],
button[type="submit"],
.tn-atom[href],
.tn-atom.t-btn,
.tn-atom button {

  background-color: #0A84FF !important;
  background-image: none !important;

  color: #FFFFFF !important;
  border: none !important;

  border-radius: 16px !important;

  box-shadow:
    0 0 0 1px rgba(255,255,255,0.08) inset,
    0 8px 24px rgba(10,132,255,0.35),
    0 2px 8px rgba(0,0,0,0.22) !important;

  transition:
    background-color 0.2s ease,
    box-shadow 0.2s ease,
    transform 0.2s ease !important;
}

/* ТЕКСТ ВНУТРИ */
a.t-btn span,
.t-btn span,
.t-submit,
button,
input[type="submit"],
.tn-atom {
  color: #FFFFFF !important;
}

/* HOVER */
a.t-btn:hover,
.t-btn:hover,
.t-submit:hover,
button.t-submit:hover,
input[type="submit"]:hover,
button[type="submit"]:hover,
.tn-atom[href]:hover,
.tn-atom.t-btn:hover,
.tn-atom button:hover {

  background-color: #006FE6 !important;
  background-image: none !important;

  box-shadow:
    0 0 0 1px rgba(255,255,255,0.10) inset,
    0 12px 32px rgba(10,132,255,0.45),
    0 4px 12px rgba(0,0,0,0.28) !important;

  transform: translateY(-1px) !important;
}

/* ACTIVE (нажатие) */
a.t-btn:active,
.t-btn:active,
.t-submit:active,
button.t-submit:active,
input[type="submit"]:active,
button[type="submit"]:active,
.tn-atom[href]:active,
.tn-atom.t-btn:active,
.tn-atom button:active {

  background-color: #0055C7 !important;
  transform: scale(0.98) !important;

  box-shadow:
    0 0 0 1px rgba(255,255,255,0.08) inset,
    0 6px 16px rgba(10,132,255,0.32),
    0 2px 6px rgba(0,0,0,0.22) !important;
}

/* MOBILE (чуть мягче ради UX) */
@media screen and (max-width: 480px) {

  a.t-btn,
  .t-btn,
  .t-submit,
  button,
  input[type="submit"],
  .tn-atom {
    border-radius: 18px !important;
  }

}
</style>