/* 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 }