/*
 * Sudar VPN v143 — premium visual system.
 * This file is deliberately loaded after the historical main.css cascade.
 * It owns typography, spacing rhythm, accessible text contrast, radii and
 * graphite surface roles. Robot geometry and WebGL state are out of scope.
 */

:root{
  --font-ui:Inter,-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif;
  --font-display:Unbounded,Inter,sans-serif;
  --font-mono:"SF Mono",ui-monospace,Menlo,monospace;

  --text-primary:#F4F6FA;
  --text-secondary:#A3A9B2;
  --text-muted:#8E96A3;
  --text-on-light:#111318;
  --text-accent:#5B8CFF;

  --surface-page:#1C1C1C;
  --surface-panel:#242424;
  --surface-inset:#353535;
  --surface-hover:#3C3C3C;

  --radius-control:12px;
  --radius-card-sm:16px;
  --radius-card:24px;
  --radius-panel:28px;
  --radius-pill:999px;

  --page-top:48px;
  --section-space:96px;
  --section-head-gap:32px;

  --type-hero-size:52px;
  --type-hero-line:56px;
  --type-page-size:48px;
  --type-page-line:56px;
  --type-section-size:38px;
  --type-section-line:44px;
  --type-card-lg-size:28px;
  --type-card-lg-line:34px;
  --type-card-size:20px;
  --type-card-line:26px;

  /* Keep old component variables pointed at the new canonical roles. */
  --text:var(--text-primary);
  --text-2:var(--text-secondary);
  --text-3:var(--text-muted);
  --r:var(--radius-card-sm);
  --r-sm:var(--radius-control);
}

@media(max-width:1019px){
  :root{
    --type-hero-size:44px;
    --type-hero-line:48px;
    --type-page-size:40px;
    --type-page-line:48px;
    --type-section-size:34px;
    --type-section-line:40px;
    --type-card-lg-size:26px;
    --type-card-lg-line:32px;
  }
}

@media(max-width:620px){
  :root{
    --page-top:40px;
    --section-space:64px;
    --section-head-gap:24px;
    --type-hero-size:36px;
    --type-hero-line:40px;
    --type-page-size:30px;
    --type-page-line:36px;
    --type-section-size:28px;
    --type-section-line:34px;
    --type-card-lg-size:22px;
    --type-card-lg-line:28px;
    --type-card-size:18px;
    --type-card-line:24px;
  }

  .page-legal .doc-head h1.doc-title-long{
    font-size:clamp(20px,6.3vw,25px);
    line-height:1.28;
    letter-spacing:-.035em;
  }
}

/* Foundation */
body{
  font-family:var(--font-ui);
  font-size:16px;
  line-height:26px;
  font-synthesis:none;
  color:var(--text-primary);
}

h1,h2,h3,h4,h5,h6{
  text-wrap:balance;
  font-synthesis:none;
}

p,li{ text-wrap:pretty; }
strong,b{font-weight:600}

.brand{
  font-family:var(--font-display);
  font-size:15px;
  font-weight:600;
  line-height:24px;
  letter-spacing:.04em;
}

.nav{
  font-family:var(--font-ui);
  font-size:15px;
  font-weight:500;
  line-height:24px;
  letter-spacing:0;
}

.mobile-menu > a,
.page-cab .mobile-menu > a.cab-nav-item{
  font-family:var(--font-ui);
  font-size:16px;
  font-weight:500;
  line-height:24px;
  letter-spacing:0;
}

.btn,
.try-btn,
#apps .platform-download,
.login-btn-white,
.footer-action{
  font-family:var(--font-ui);
  font-size:15px;
  font-weight:600;
  line-height:15px;
  letter-spacing:0;
}

.btn-sm{font-size:15px;line-height:15px}
.input{font-family:var(--font-ui);font-size:16px;font-weight:500;line-height:26px}
.field label{font:500 13px/19px var(--font-ui)}
.eyebrow{font:600 12px/14px var(--font-ui);letter-spacing:.12em}

/* Close the last historical weight and fallback-stack leaks. */
.location-tile > span{font:500 13px/19px var(--font-ui)}
.location-tile > strong{font:500 14px/21px var(--font-ui)}
.footer-sota .footer-action{font:600 15px/15px var(--font-ui)}
.footer-sota .footer-nav a{font:500 14px/21px var(--font-ui)}
.footer-sota .footer-brand span{font:600 15px/24px var(--font-display);letter-spacing:.04em}
.footer-app-btn-text small,
.footer-app-btn-google .footer-app-btn-text small{font-family:var(--font-ui);font-weight:500}
.footer-app-btn-text strong{font-family:var(--font-ui);font-weight:700}
.footer-sota .footer-bottom{
  color:var(--text-muted);
  font:500 13px/19px var(--font-ui);
}
.footer-sota .footer-legal a{color:var(--text-muted);font-size:13px}

/* Page and section hierarchy */
.page-home .hero-copy h1{
  margin:0 0 24px;
  max-width:560px;
  font-family:var(--font-ui);
  font-size:var(--type-hero-size);
  font-weight:700;
  line-height:var(--type-hero-line);
  letter-spacing:-.04em;
}

.page-home .hero-sub{
  max-width:520px;
  margin-bottom:0;
  color:var(--text-secondary);
  font:400 18px/29px var(--font-ui);
}

.page-home .hero-trial{color:var(--text-muted);font:400 14px/21px var(--font-ui)}

.page-pricing #pricing-plans h1,
.page-checkout .co-head h1,
.page-faq .faq-head h1,
.page-legal .doc-head h1{
  margin:0 0 12px;
  font-family:var(--font-display);
  font-size:var(--type-page-size);
  font-weight:600;
  line-height:var(--type-page-line);
  letter-spacing:-.025em;
}

.page-404 .flow-title{
  font-family:var(--font-display);
  font-size:var(--type-page-size);
  font-weight:600;
  line-height:var(--type-page-line);
  letter-spacing:-.025em;
}

.page-home #apps .section-head h2,
.page-home #infrastructure .section-head h2,
.page-home #features .section-head h2,
.page-home #included .section-head h2,
.page-home #how .section-head h2,
.page-home #support .section-head h2,
.page-home #phoneWrap .section-head h2,
.page-home .try-band h2,
.page-pricing #payment-methods .section-head h2,
.page-pricing #support .section-head h2,
.page-pricing .try-band h2,
.page-faq .qa-help h2{
  margin:0;
  font-family:var(--font-display);
  font-size:var(--type-section-size);
  font-weight:600;
  line-height:var(--type-section-line);
  letter-spacing:-.025em;
}

.page-home .section-head p,
.page-pricing .section-head p,
.page-faq .faq-head p,
.page-legal .doc-lead{
  max-width:58ch;
  margin:12px 0 0;
  color:var(--text-secondary);
  font:400 18px/29px var(--font-ui);
}

/* One stable editorial rhythm and correct sticky-header anchors. */
.page-home main > section[id],
.page-pricing main > section[id],
.page-faq main [id],
.page-legal .doc-body section[id]{
  scroll-margin-top:calc(var(--header-h) + 24px);
}

.page-home main > .section{padding-top:var(--section-space);padding-bottom:var(--section-space)}
.page-home main > .section.no-rule{padding-top:0}
.page-home #apps{padding-top:var(--section-space)!important}
.page-home .section-head{margin-bottom:var(--section-head-gap)}

.page-pricing #pricing-plans,
.page-checkout #checkout{padding-top:calc(var(--header-h) + var(--page-top))}
.page-faq .faq-page,
.page-legal .doc-page{padding-top:calc(var(--header-h) + var(--page-top))}
.page-cab .cab-main{padding-top:calc(var(--header-h) + var(--page-top))}

/* Home: cards and supporting hierarchy use Inter, not display typography. */
#apps .platform{
  min-height:44px;
  border-radius:var(--radius-control);
  font:600 15px/15px var(--font-ui);
}

#apps .platform-showcase{border-radius:var(--radius-panel)}
#apps .platform-copy h3,
#infrastructure .infra-locations h3{
  margin:0;
  font-family:var(--font-ui);
  font-size:var(--type-card-lg-size);
  font-weight:700;
  line-height:var(--type-card-lg-line);
  letter-spacing:-.02em;
}

#apps .platform-guide-title{
  margin-bottom:14px;
  font:600 var(--type-card-size)/var(--type-card-line) var(--font-ui);
  letter-spacing:-.01em;
}

#apps .platform-steps{
  gap:16px;
  color:var(--text-secondary);
  font:400 16px/26px var(--font-ui);
}
#apps .platform-steps strong{font-weight:600}

/* Блок локаций: скругления возвращены к прежним — карточка 40px, плитка 11px
   (на мобильной 26px и 10px). Сами токены --radius-panel/--radius-control не
   трогаем: они задают скругления всему сайту, а вернуть просили только этот
   блок. Шрифты здесь остаются новыми, из этого же файла. */
#infrastructure .infra-locations{border-radius:40px}
#infrastructure .location-tile{border-radius:11px}
@media(max-width:560px){
  #infrastructure .infra-locations{border-radius:26px}
  #infrastructure .location-tile{border-radius:10px}
}
#infrastructure .location-tile strong{font:500 14px/21px var(--font-ui);letter-spacing:0}

.glow-card,
.glow-card-inner{border-radius:var(--radius-card)}
.glow-card h3{
  margin:0 0 14px;
  font:600 var(--type-card-size)/var(--type-card-line) var(--font-ui);
  letter-spacing:-.01em;
}
.glow-card ul{color:var(--text-secondary);font:400 16px/26px var(--font-ui)}

.included-tile,
.support-card{border-radius:var(--radius-card-sm)}
.included-tile strong{font:500 14px/21px var(--font-ui);letter-spacing:0}
.howto-num{border-radius:var(--radius-control);font:600 20px/26px var(--font-ui)}
.howto-step p{font:400 16px/26px var(--font-ui)}
.howto-step p strong{font-weight:600}
.support-lead{font:400 18px/29px var(--font-ui)}
.support-card p{font:500 14px/21px var(--font-ui)}
.try-band{border-radius:var(--radius-panel)}
.try-band p{color:var(--text-secondary);font:400 18px/29px var(--font-ui)}

/* Pricing and checkout */
.pplan{border-radius:var(--radius-card-sm);background:var(--surface-panel)}
.pplan:hover{background:#2A2A2A}
.pricing-highlight{border-radius:var(--radius-card-sm)}
.pplan-name{font:600 16px/26px var(--font-ui)}
.pplan-meta{color:var(--text-muted);font:400 13px/19px var(--font-ui)}
.pplan-tag,
.pplan-save{font:500 13px/19px var(--font-ui);letter-spacing:0}
.pplan-price,
.plan-price,
.co-plan-price,
.summary-price,
.price-hero{
  font-family:var(--font-ui);
  font-weight:700;
  letter-spacing:-.02em;
  font-variant-numeric:tabular-nums;
}
.pplan-price{font-size:20px;line-height:26px}
.pplan-price .rub{font:inherit;letter-spacing:inherit}

.included-card,
.co-card{border-radius:var(--radius-panel);background:var(--surface-panel)}
.included-card h2,
.co-card-title{
  margin:0 0 16px;
  font:600 var(--type-card-size)/var(--type-card-line) var(--font-ui);
  letter-spacing:-.01em;
}

.payment-tile{border-radius:var(--radius-card);background:var(--surface-panel)}
.payment-tile p{font:600 16px/26px var(--font-ui)}
.payment-tile p span{color:var(--text-muted);font:400 14px/21px var(--font-ui)}

.co-tile{border-radius:var(--radius-card-sm);background:var(--surface-inset)}
.co-highlight{border-radius:var(--radius-card-sm)}
.co-tile-name,
#groups .co-tile-name{font:500 14px/21px var(--font-ui)}
.co-tile-meta{color:var(--text-muted);font:400 13px/19px var(--font-ui)}
.co-hint,
.co-err,
.co-legal,
.co-plan-promo{font-family:var(--font-ui);font-size:13px;line-height:19px}
.co-hint,.co-legal,.co-back,.co-plan-label{color:var(--text-muted)}
.co-plan-label{font:600 12px/14px var(--font-ui);letter-spacing:.12em}
.co-plan{border-radius:var(--radius-control);background:var(--surface-inset)}
.co-plan-name{font:600 14px/21px var(--font-ui)}
.co-plan-price{font:700 20px/26px var(--font-ui)}
.promo-pill-toggle,.co-change,.co-back{font:500 14px/21px var(--font-ui)}
.co-back > *{font:inherit}

/* Login and success */
.login-card{border-radius:var(--radius-panel)}
.login-card h1,
.login-card .login-view-title{
  margin:0 0 8px;
  font-family:var(--font-ui);
  font-size:var(--type-card-lg-size);
  font-weight:700;
  line-height:var(--type-card-lg-line);
  letter-spacing:-.02em;
}
.login-sub{color:var(--text-secondary);font:400 14px/21px var(--font-ui)}
.login-help{color:var(--text-muted);font:500 14px/21px var(--font-ui)}
.login-legal{color:var(--text-muted);font:400 13px/19px var(--font-ui)}
.login-divider span,.login-err{font-size:13px;line-height:19px}
.key-tile{border-radius:var(--radius-card-sm)}
.key-tile-label{font:600 12px/14px var(--font-ui);letter-spacing:.12em}
.key-tile-value{font:600 16px/23px var(--font-mono);letter-spacing:.04em}

/* FAQ */
.qa-list{border-radius:var(--radius-panel)}
.qa-q{
  color:var(--text-primary);
  font:600 var(--type-card-size)/var(--type-card-line) var(--font-ui);
}
.qa-a p,
.qa-a li{max-width:68ch;color:var(--text-secondary);font:400 16px/26px var(--font-ui)}
.qa-search .input{font:400 16px/26px var(--font-ui)}
.qa-help-lead{font:400 18px/29px var(--font-ui)}

/* Long-form legal documents */
.doc-body,
.doc-nav{border-radius:var(--radius-panel)}
.doc-body{max-width:100%}
.doc-body section + section{margin-top:40px;padding-top:36px}
.doc-body h2{
  margin:0 0 16px;
  color:var(--text-primary);
  font-family:var(--font-ui);
  font-size:var(--type-card-lg-size);
  font-weight:700;
  line-height:var(--type-card-lg-line);
  letter-spacing:-.02em;
}
.doc-body h2 .doc-num{color:var(--text-muted);margin-right:10px}
.doc-body p,
.doc-body li{max-width:68ch;color:var(--text-secondary);font:400 16px/26px var(--font-ui)}
.doc-body p + p,
.doc-body ul + p{margin-top:16px}
.doc-nav-title{color:var(--text-muted);font:600 12px/14px var(--font-ui);letter-spacing:.12em}
.doc-updated{color:var(--text-muted);font:500 13px/19px var(--font-ui)}
.doc-nav a{font:500 14px/21px var(--font-ui)}
.doc-link{border-radius:var(--radius-control)}
.doc-link strong{font:600 14px/21px var(--font-ui)}

/* Cabinet */
.page-cab .cab-title{
  margin:0 0 12px;
  font-family:var(--font-display);
  font-size:var(--type-section-size);
  font-weight:600;
  line-height:var(--type-section-line);
  letter-spacing:-.025em;
}
.cab-side,
.cab-card,
.cab-link,
.cab-modal-box{border-radius:var(--radius-card);background:var(--surface-panel)}
.cab-nav-item,
.cab-logout,
.cab-app,
.cab-key-value{border-radius:var(--radius-control)}
.cab-sub-label,.cab-link-meta{color:var(--text-muted);font:500 14px/21px var(--font-ui)}
.cab-sub-status{font:700 var(--type-card-lg-size)/var(--type-card-lg-line) var(--font-ui);letter-spacing:-.02em}
.cab-sub-note{color:var(--text-secondary);font:400 14px/21px var(--font-ui)}
.cab-link-title{font:600 16px/26px var(--font-ui)}
.cab-apps-copy h2,
.cab-modal-box h2{
  margin:0 0 8px;
  font:600 var(--type-card-size)/var(--type-card-line) var(--font-ui);
  letter-spacing:-.01em;
}
.cab-apps-copy p{color:var(--text-secondary);font:400 14px/21px var(--font-ui)}
.cab-row{border-radius:var(--radius-card-sm);background:var(--surface-panel)}
.cab-key-value > span:first-child{font:600 16px/23px var(--font-mono);letter-spacing:.04em}

/* Four canonical radius roles for repeatedly used components. */
.btn,.input,.promo-pill,.co-plan,.doc-link,.cab-app,.cab-nav-item,.cab-logout{border-radius:var(--radius-control)}
.btn-lg{border-radius:var(--radius-card-sm)}
.pplan,.included-tile,.support-card,.co-tile,.cab-row,.key-tile{border-radius:var(--radius-card-sm)}
.payment-tile,.glow-card,.glow-card-inner,.cab-side,.cab-card,.cab-link,.cab-modal-box{border-radius:var(--radius-card)}
#apps .platform-showcase,.infra-locations,.included-card,.login-card,.doc-body,.doc-nav,.qa-list,.co-card,.try-band{border-radius:var(--radius-panel)}

/* Premium reveal: short travel, no scaling, quick editorial cadence. */
html.reveal-ready .reveal:not(.reveal-group):not(.in),
html.reveal-ready .reveal-item:not(.in),
html.reveal-ready :is(.glow-grid,.included-grid,.howto,.support-cards,.platforms).reveal-group > .reveal-item:not(.in){
  opacity:0;
  transform:translate3d(0,12px,0);
}
html.reveal-ready .reveal:not(.reveal-group),
html.reveal-ready .reveal-item,
#apps .platforms.reveal-group > .platform.reveal-item{
  transition-duration:.54s;
  transition-timing-function:cubic-bezier(.16,1,.3,1);
  transition-delay:calc(var(--reveal-order,0) * 36ms);
}

@media(max-width:620px){
  .page-home .hero-copy h1{margin-bottom:24px;letter-spacing:-.03em}
  .page-home .hero-sub{font:400 17px/27px var(--font-ui)}
  .page-home .section-head p,
  .page-pricing .section-head p,
  .page-faq .faq-head p,
  .page-legal .doc-lead{font:400 17px/27px var(--font-ui)}
  .page-home main > .section{padding-top:var(--section-space);padding-bottom:var(--section-space)}
  .page-home #apps{padding-top:var(--section-space)!important}

  #apps .platform{font-size:15px;line-height:15px}
  #apps .platform-copy{min-height:124px}
  #apps .platform-guide-title{margin-bottom:12px}
  #apps .platform-steps{gap:14px}
  #apps .platform-copy h3,
  #infrastructure .infra-locations h3{letter-spacing:-.015em}
  .location-tile > span{font-size:13px;line-height:19px}

  .page-pricing #pricing-plans,
  .page-checkout #checkout{padding-top:calc(var(--header-h) + var(--page-top))}
  .page-faq .faq-page,
  .page-legal .doc-page,
  .page-cab .cab-main{padding-top:calc(var(--header-h) + var(--page-top))}

  .included-card,.co-card,.login-card,.doc-body,.doc-nav,.qa-list{border-radius:var(--radius-card)}
  .doc-body{padding:24px 20px}
  .doc-body section + section{margin-top:32px;padding-top:28px}
  .doc-body h2{margin-bottom:12px;letter-spacing:-.015em}
  .doc-body p,.doc-body li,.qa-a p,.qa-a li{font-size:16px;line-height:26px}
  .qa-q{padding:20px 0}
  .qa-a-in{padding-bottom:20px}

  .cab-card,.cab-link,.cab-modal-box{border-radius:var(--radius-card-sm)}
  .cab-row{border-radius:var(--radius-control)}

  html.reveal-ready .reveal:not(.reveal-group):not(.in),
  html.reveal-ready .reveal-item:not(.in),
  html.reveal-ready :is(.glow-grid,.included-grid,.howto,.support-cards,.platforms).reveal-group > .reveal-item:not(.in){
    transform:translate3d(0,10px,0);
  }
  html.reveal-ready .reveal:not(.reveal-group),
  html.reveal-ready .reveal-item,
  #apps .platforms.reveal-group > .platform.reveal-item{
    transition-duration:.48s;
    transition-delay:calc(var(--reveal-order,0) * 28ms);
  }
}

@media(prefers-reduced-motion:reduce){
  .reveal,.reveal-item{opacity:1;transform:none;transition:none}
}

/*
 * v149 — selective visual restoration.
 *
 * The current typography system stays in force everywhere except the exact
 * regions named by the owner.  Keeping these rules at the end makes the
 * rollback narrow and prevents it from touching the robot, FAQ answers,
 * pricing plans, the home subscription grid or checkout controls.
 */

/* Header and mobile-menu copy: previous Sudar typography only. */
.header .brand{
  font-family:'Unbounded Legacy',sans-serif;
  font-size:15px;
  font-weight:600;
  line-height:24px;
  letter-spacing:.055em;
  font-synthesis:weight;
}
.header .nav{
  font-family:'Inter Legacy',sans-serif;
  font-size:15px;
  font-weight:750;
  line-height:24px;
  letter-spacing:0;
  font-synthesis:weight;
}
.header .header-cta .btn{
  font-family:'Inter Legacy',sans-serif;
  font-size:14px;
  font-weight:600;
  line-height:14px;
  letter-spacing:0;
  font-synthesis:weight;
}
.mobile-menu > a{
  font:600 clamp(17px,2.5vw,21px)/1.3 'Inter Legacy',sans-serif;
  letter-spacing:0;
  font-synthesis:weight;
}
.mobile-menu .mobile-menu-cta .btn{
  font-family:'Inter Legacy',sans-serif;
  font-size:15px;
  font-weight:600;
  line-height:15px;
  letter-spacing:0;
  font-synthesis:weight;
}

/* Home hero title: the former two-line Inter lockup and responsive scale. */
.page-home .hero-copy h1{
  max-width:500px;
  font-family:'Inter Legacy',-apple-system,'Segoe UI',sans-serif;
  font-size:clamp(40px,3.6vw,50px);
  font-weight:750;
  line-height:1.07;
  letter-spacing:-.055em;
  font-synthesis:weight;
}
.page-home .hero-copy h1 span{font-family:inherit}

/* Locations keep the current type, but recover the original internal gap. */
#infrastructure .infra-locations h3{margin:0 0 24px}

/* “Мы гарантируем”: complete previous block treatment. */
.page-home #features{padding-top:92px;padding-bottom:92px}
.page-home #features .section-head{margin-bottom:38px}
.page-home #features .section-head h2{
  margin:0;
  font-family:'Unbounded Legacy','Inter Legacy',sans-serif;
  font-size:clamp(24px,4vw,38px);
  font-weight:600;
  line-height:1.15;
  letter-spacing:-.025em;
  font-synthesis:weight;
}
.page-home #features .glow-card,
.page-home #features .glow-card-inner{border-radius:40px}
.page-home #features .glow-card h3{
  margin:0 0 20px;
  font-family:'Unbounded Legacy','Inter Legacy',sans-serif;
  font-size:clamp(22px,2vw,28px);
  font-weight:600;
  line-height:1.12;
  letter-spacing:-.025em;
  font-synthesis:weight;
}
.page-home #features .glow-card ul{
  color:var(--text-2);
  font-family:'Inter Legacy',sans-serif;
  font-size:16px;
  font-weight:400;
  line-height:1.48;
  font-synthesis:weight;
}

/* “Как пользоваться Sudar”: complete previous numbered-step treatment. */
.page-home #how{padding-top:92px;padding-bottom:92px}
.page-home #how .section-head{margin-bottom:56px}
.page-home #how .section-head h2{
  margin:0 0 .5em;
  font-family:'Unbounded Legacy','Inter Legacy',sans-serif;
  font-size:clamp(24px,4vw,38px);
  font-weight:600;
  line-height:1.15;
  letter-spacing:-.025em;
  font-synthesis:weight;
}
.page-home #how .howto-num{
  border-radius:16px;
  font:650 25px/1 'Inter Legacy',sans-serif;
  font-synthesis:weight;
}
.page-home #how .howto-step p{
  font:500 17px/1.5 'Inter Legacy',sans-serif;
  font-synthesis:weight;
}
.page-home #how .howto-step p strong{font-weight:700}

/* Previous blue trial card; its timing and behaviour are unchanged. */
.page-home .section.no-rule:has(.try-band),
.page-pricing .section.no-rule:has(.try-band){padding-bottom:92px}
.page-home .try-band,
.page-pricing .try-band{border-radius:44px}
.page-home .try-band h2,
.page-pricing .try-band h2{
  font-family:'Unbounded Legacy','Inter Legacy',sans-serif;
  font-size:clamp(28px,4.4vw,50px);
  font-weight:600;
  line-height:1.15;
  letter-spacing:-.025em;
  font-synthesis:weight;
}
.page-home .try-band p,
.page-pricing .try-band p{
  color:rgba(255,255,255,.92);
  font:500 18px/1.5 'Inter Legacy',sans-serif;
  font-synthesis:weight;
}
.page-home .try-btn,
.page-pricing .try-btn{
  font:650 16px/1 'Inter Legacy',sans-serif;
  font-synthesis:weight;
}

/* Old fonts in every “Остались вопросы?” instance, nothing else. */
.page-home #support .section-head h2,
.page-pricing #support .section-head h2,
.page-faq .qa-help h2{
  font-family:'Unbounded Legacy','Inter Legacy',sans-serif;
  font-size:clamp(24px,4vw,38px);
  font-weight:600;
  line-height:1.15;
  letter-spacing:-.025em;
  font-synthesis:weight;
}
#support .support-lead,
.page-faq .qa-help-lead{
  font:600 clamp(18px,2.3vw,24px)/1.55 'Inter Legacy',sans-serif;
  font-synthesis:weight;
}
#support .support-card p,
.page-faq .qa-help .support-card p{
  font:600 17px/1.5 'Inter Legacy',sans-serif;
  font-synthesis:weight;
}
.page-faq .qa-help .doc-link strong{
  font:650 15px/1.35 'Inter Legacy',sans-serif;
  font-synthesis:weight;
}

/* Promo control only: return the former pill and label type. */
.page-pricing .promo-pill{border-radius:999px}
.page-pricing .promo-pill-toggle{
  font:500 13px/normal 'Inter Legacy',sans-serif;
  font-synthesis:weight;
}

/* «Включено в подписку» на /podpiska/ и /checkout/ — та же типографика и те же
   плитки, что на главной. Раньше здесь намеренно держались старые шрифты
   ('Inter Legacy', 650/15px) и радиус плиток 11px, из-за чего один и тот же
   блок выглядел на разных страницах по-разному. Переопределения сняты —
   карточка и плитки наследуют общие правила, то есть версию с главной.
   Оставлены ровно две вещи, у которых на главной нет аналога:
   радиус самой карточки-обёртки (на главной обёртки нет вовсе) и масштаб
   заголовка — в узкой боковой колонке он берёт размер h3, иначе базовые
   38px переносятся на две строки. Семейство при этом текущее, не legacy. */
.page-pricing #pricing-plans .included-card,
.page-checkout .co-aside .included-card{border-radius:40px}
.page-pricing #pricing-plans .included-card h2,
.page-checkout .co-aside .included-card h2{
  margin:0 0 18px;
  font-family:var(--font-display);
  font-size:clamp(17px,2.5vw,21px);
  font-weight:600;
  line-height:1.15;
  letter-spacing:-.025em;
}

@media(max-width:899px){
  .page-home .hero-copy h1{
    max-width:100%;
    font-size:clamp(35px,9.5vw,44px);
    letter-spacing:-.045em;
  }
  .page-home #features .glow-card,
  .page-home #features .glow-card-inner{border-radius:30px}
}

@media(max-width:767px){
  .page-home #how .section-head{margin-bottom:40px}
}

@media(max-width:620px){
  #infrastructure .infra-locations h3{margin-bottom:18px}

  .page-home #features .section-head{margin-bottom:28px}
  .page-home #features .glow-card,
  .page-home #features .glow-card-inner{border-radius:26px}
  .page-home #features .glow-card h3{font-size:22px;margin-bottom:16px}
  .page-home #features .glow-card ul{font-size:15px;line-height:1.45}

  .page-home #how .howto-num{
    border-radius:14px;
    font-size:21px;
  }
  .page-home #how .howto-step p{font-size:15px}

  .page-home .try-band,
  .page-pricing .try-band{border-radius:30px}
  .page-home .try-band p,
  .page-pricing .try-band p{font-size:15.5px}

  #support .support-card p,
  .page-faq .qa-help .support-card p{font-size:15.5px}

  .page-pricing #pricing-plans .included-card,
  .page-checkout .co-aside .included-card{border-radius:26px}
}