/* --------------------------------------------------------------------------
   Шрифты лежат у нас же, в fonts/. Google Fonts не подключаем сознательно:
   их CDN отправлял бы IP каждого посетителя в США, а это трансграничная
   передача персональных данных (ст. 12 152-ФЗ) и отдельное уведомление РКН.
   Обновлять шрифты: скачать новый woff2 и заменить файл в fonts/.
   -------------------------------------------------------------------------- */
/* Inter · cyrillic-ext */
@font-face {
  font-family: 'Inter';
  font-style: normal;
  font-weight: 300 700;
  font-display: swap;
  src: url(fonts/inter-cyrillic-ext.woff2) format('woff2');
  unicode-range: U+0460-052F, U+1C80-1C8A, U+20B4, U+2DE0-2DFF, U+A640-A69F, U+FE2E-FE2F;
}
/* Inter · cyrillic */
@font-face {
  font-family: 'Inter';
  font-style: normal;
  font-weight: 300 700;
  font-display: swap;
  src: url(fonts/inter-cyrillic.woff2) format('woff2');
  unicode-range: U+0301, U+0400-045F, U+0490-0491, U+04B0-04B1, U+2116;
}
/* Inter · latin-ext */
@font-face {
  font-family: 'Inter';
  font-style: normal;
  font-weight: 300 700;
  font-display: swap;
  src: url(fonts/inter-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;
}
/* Inter · latin */
@font-face {
  font-family: 'Inter';
  font-style: normal;
  font-weight: 300 700;
  font-display: swap;
  src: url(fonts/inter-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;
}
/* Noto Sans Armenian · armenian */
@font-face {
  font-family: 'Noto Sans Armenian';
  font-style: normal;
  font-weight: 400 700;
  font-stretch: 100%;
  font-display: swap;
  src: url(fonts/noto-sans-armenian-armenian.woff2) format('woff2');
  unicode-range: U+0308, U+0530-058F, U+2010, U+2024, U+25CC, U+FB13-FB17;
}

/* ==========================================================================
   «Свой в Армении» — единая дизайн-система сайта (Apple)
   Одна на все страницы: index, offers, cabinet, article.
   Страничные стили — внутри каждой страницы в <style>.
   ========================================================================== */
:root{
  --apple-blue:#0071e3;   /* только заливка кнопок */
  --link-blue:#0066cc;    /* контурные кнопки, инлайн-ссылки */
  --signal-blue:#2997ff;  /* только декор */
  --carbon:#1d1d1f;
  --frost:#f5f5f7;
  --ice:#f4f8fb;
  --smoke:#333333;
  --graphite:#474747;
  --ash:#707070;
  --mist:#858585;
  --hairline:#d2d2d7;
  --pebble:#e2e2e5;
  --white:#ffffff;
  --green:#2ea44f;        /* только «бесплатно/готово» */

  --s1:4px; --s2:8px; --s3:12px; --s4:16px; --s5:24px;
  --s6:40px; --s7:64px; --s8:96px;

  --display:-apple-system,BlinkMacSystemFont,'SF Pro Display','SF Pro Text',system-ui,'Inter','Helvetica Neue',Arial,sans-serif;
  --text:-apple-system,BlinkMacSystemFont,'SF Pro Text',system-ui,'Inter','Helvetica Neue',Arial,sans-serif;
}
*{margin:0;padding:0;box-sizing:border-box}
html{scroll-behavior:smooth}
body{
  background:var(--frost);color:var(--carbon);font-family:var(--text);
  font-size:17px;line-height:1.47;letter-spacing:-0.016em;
  -webkit-font-smoothing:antialiased;overflow-x:hidden;
}
a{color:inherit;text-decoration:none}
img{max-width:100%;display:block}
[hidden]{display:none!important}
.wrap{max-width:1120px;margin:0 auto;padding:0 var(--s5)}
.wrap-narrow{max-width:720px;margin:0 auto;padding:0 var(--s5)}

/* ---------- Типографика-хелперы ---------- */
.eyebrow{font-size:15px;font-weight:400;letter-spacing:-0.01em;color:var(--ash)}
.h-display{font-family:var(--display);font-weight:600;letter-spacing:-0.015em;font-size:clamp(34px,5vw,54px);line-height:1.06;color:var(--carbon);text-wrap:balance}
.h-lg{font-family:var(--display);font-weight:600;letter-spacing:-0.015em;font-size:clamp(28px,3.6vw,40px);line-height:1.1;color:var(--carbon);text-wrap:balance}
.sub{font-size:21px;font-weight:300;letter-spacing:-0.01em;color:var(--ash);line-height:1.35}
.tag{font-size:13px;color:var(--ash);letter-spacing:-0.01em}
.price{font-family:var(--display);font-weight:600;letter-spacing:-0.01em;color:var(--carbon)}
.price s{color:var(--mist);font-weight:400;margin-right:8px}
.badge-free{display:inline-block;font-size:12px;font-weight:500;color:var(--green);border:1px solid rgba(46,164,79,.35);border-radius:980px;padding:3px 10px}

/* ---------- Кнопки ---------- */
.btn{display:inline-flex;align-items:center;justify-content:center;gap:8px;
  background:var(--apple-blue);color:#fff;
  font-family:var(--text);font-size:17px;font-weight:400;letter-spacing:-0.01em;line-height:1.2;
  padding:11px 22px;border:1px solid var(--apple-blue);border-radius:980px;cursor:pointer;white-space:nowrap;
  transition:background .25s ease,border-color .25s ease}
.btn:hover{background:#0077ed;border-color:#0077ed}
.btn.ghost{background:transparent;color:var(--link-blue);border-color:var(--link-blue)}
.btn.ghost:hover{background:rgba(0,113,227,.06);border-color:var(--link-blue)}
.btn.sm{font-size:14px;padding:7px 16px}
.btn.lg{font-size:19px;padding:13px 28px}
.link{color:var(--link-blue);display:inline-flex;align-items:center;gap:5px}
.link:hover{text-decoration:underline}
.link .chev{font-size:1.1em;line-height:1}

/* ---------- NAV: плавающая пилюля поверх страницы ---------- */
.nav{position:fixed;top:14px;left:0;right:0;z-index:60;display:flex;justify-content:center;padding:0 var(--s4);pointer-events:none}
.nav-in{pointer-events:auto;display:inline-flex;align-items:center;gap:var(--s3);
  background:rgba(245,245,247,.8);backdrop-filter:saturate(180%) blur(20px);-webkit-backdrop-filter:saturate(180%) blur(20px);
  border:1px solid var(--hairline);border-radius:980px;padding:8px 8px 8px 18px;
  box-shadow:0 10px 30px -16px rgba(0,0,0,.28);max-width:calc(100% - 28px);
  transition:background .4s ease,box-shadow .4s ease}
.nav.solid .nav-in{background:rgba(245,245,247,.92);box-shadow:0 12px 34px -16px rgba(0,0,0,.34)}
.brand{display:flex;align-items:center;gap:9px;flex:0 0 auto;padding-right:2px}
.brand-mark{width:28px;height:28px;border-radius:980px;overflow:hidden;background:none;display:flex;align-items:center;justify-content:center;flex:0 0 auto;box-shadow:inset 0 0 0 1px rgba(0,0,0,.10)}
.brand-txt{font-family:var(--display);font-size:17px;font-weight:600;letter-spacing:-0.02em;white-space:nowrap;color:var(--carbon)}
.nav-links{display:flex;align-items:center;gap:2px;list-style:none}
.nav-links a{display:block;font-size:15px;font-weight:400;letter-spacing:-0.01em;padding:7px 13px;border-radius:980px;white-space:nowrap;opacity:.85;transition:opacity .22s}
.nav-links a:hover{opacity:1}
.nav-links a.active{opacity:1;color:var(--link-blue)}
.nav-soc{display:flex;align-items:center}
.nav-soc a{width:32px;height:32px;border-radius:980px;display:flex;align-items:center;justify-content:center;color:var(--carbon);opacity:.7;transition:opacity .22s}
.nav-soc a:hover{opacity:1}
.user{display:flex;align-items:center;gap:8px;color:var(--carbon);padding:4px 12px 4px 5px;border-radius:980px;border:1px solid var(--hairline)}
.user .av{width:26px;height:26px;border-radius:980px;background:var(--carbon);color:#fff;font-size:13px;font-weight:500;display:flex;align-items:center;justify-content:center}
.user .un{font-size:14px;letter-spacing:-0.01em}
.nav-burger{display:none;background:none;border:0;cursor:pointer;padding:9px;border-radius:980px}
.nav-burger span{display:block;width:18px;height:1.5px;background:var(--carbon);margin:4px 0}

/* ---------- FOOTER ---------- */
.foot{background:var(--frost);border-top:1px solid var(--hairline);padding:var(--s6) 0;position:relative;z-index:20}
.foot-bot{display:flex;justify-content:space-between;gap:var(--s4);flex-wrap:wrap;font-size:12px;color:var(--ash);letter-spacing:-0.01em}
.foot-bot .credit{opacity:.8}

/* ---------- Появление при скролле ---------- */
.reveal{opacity:0;transform:translateY(22px);transition:opacity .8s ease,transform .8s cubic-bezier(.22,.7,.3,1)}
.reveal.in{opacity:1;transform:none}

@media(max-width:860px){
  /* пилюля сжимается: логотип + бургер */
  .nav-links,.nav-soc,.nav .btn,.nav .user,.nav-auth{display:none}
  .nav-burger{display:block}
  .nav-in{padding:8px 8px 8px 14px;gap:10px}
}
@media(prefers-reduced-motion:reduce){
  .reveal{opacity:1;transform:none;transition:none}
}