/* ReloFast shared styles */
html,body{margin:0;padding:0;background:#0D0F0B;overflow-x:clip;}
body{font-family:'Manrope','PingFang SC','Hiragino Sans GB','Microsoft YaHei','Noto Sans SC',sans-serif;color:#F2F4EC;}

/* CJK: латиница/иероглифы делят один стек — Unbounded/Manrope не содержат глифов CJK,
   поэтому иероглифы падают на системный CJK-шрифт. Для zh убираем плотный трекинг. */
:lang(zh) .u,:lang(zh) .h1,:lang(zh) .h2,:lang(zh) .h3,:lang(zh) .site-header .logo,:lang(zh) .stat-num{font-family:'Unbounded','PingFang SC','Hiragino Sans GB','Microsoft YaHei','Noto Sans SC',sans-serif;letter-spacing:0;}
:lang(zh) .eyebrow,:lang(zh) .foot-head,:lang(zh) table.rf-table th{letter-spacing:0.05em;}
a{color:#F2F4EC;text-decoration:none;transition:color .2s;}
a:hover{color:#C8F627;}
::selection{background:#C8F627;color:#0D0F0B;}
input::placeholder,textarea::placeholder{color:rgba(255,255,255,0.85);opacity:1;}

@keyframes rise{from{opacity:0;transform:translateY(24px);}to{opacity:1;transform:translateY(0);}}
@keyframes ticker{from{transform:translateX(0);}to{transform:translateX(-50%);}}
@keyframes letterUp{from{transform:translateY(115%);}to{transform:translateY(0);}}
@keyframes lineDraw{from{transform:scaleX(0);}to{transform:scaleX(1);}}
@keyframes curtain{to{transform:translateY(-101%);}}
@keyframes fadeIn{from{opacity:0;}to{opacity:1;}}

.rv{opacity:0;transform:translateY(40px);transition:opacity .9s cubic-bezier(.22,.61,.36,1),transform .9s cubic-bezier(.22,.61,.36,1);}
.rv.rv-in{opacity:1;transform:none;}
.rvs>*{opacity:0;transform:translateY(36px);transition:opacity .75s cubic-bezier(.22,.61,.36,1),transform .75s cubic-bezier(.22,.61,.36,1);}
.rvs.rv-in>*{opacity:1;transform:none;}
.rvs.rv-in>*:nth-child(2){transition-delay:.09s;}
.rvs.rv-in>*:nth-child(3){transition-delay:.18s;}
.rvs.rv-in>*:nth-child(4){transition-delay:.27s;}
.rvs.rv-in>*:nth-child(5){transition-delay:.36s;}
.rvs.rv-in>*:nth-child(6){transition-delay:.45s;}

#page{min-width:1100px;}
.wrap{max-width:1500px;margin:0 auto;}
.sec{padding:96px 56px;}
.u{font-family:'Unbounded',sans-serif;}
.eyebrow{display:flex;align-items:center;gap:14px;margin-bottom:18px;font-size:13px;font-weight:700;letter-spacing:0.2em;color:#C8F627;}
.eyebrow .line{width:48px;height:1px;background:#C8F627;display:inline-block;}
.h1{font-family:'Unbounded',sans-serif;font-weight:800;font-size:clamp(40px,4.6vw,72px);line-height:1.02;letter-spacing:-0.02em;margin:0;}
.h2{font-family:'Unbounded',sans-serif;font-weight:800;font-size:42px;line-height:1.05;margin:0;}
.h3{font-family:'Unbounded',sans-serif;font-weight:700;font-size:20px;margin:0;}
.lead{font-size:19px;line-height:1.65;margin:0;max-width:640px;}
.muted{opacity:.65;}

.btn-accent{background:#C8F627;color:#0D0F0B;border-radius:99px;font-weight:700;border:none;cursor:pointer;font-family:'Manrope',sans-serif;display:inline-block;}
.btn-accent:hover{background:#fff;color:#0D0F0B;}
.btn-outline{border:2px solid #F2F4EC;border-radius:99px;font-weight:700;white-space:nowrap;cursor:pointer;background:transparent;color:#F2F4EC;font-family:'Manrope',sans-serif;display:inline-block;}
.btn-outline:hover{background:#C8F627;color:#0D0F0B;border-color:#C8F627;}

.grid2{display:grid;grid-template-columns:1fr 1fr;gap:20px;}
.grid3{display:grid;grid-template-columns:repeat(3,1fr);gap:20px;}
.grid4{display:grid;grid-template-columns:repeat(4,1fr);gap:20px;}
.tile{background:#1A1D17;border:1px solid rgba(242,244,236,0.1);border-radius:20px;padding:32px 28px;}
.tile-line{border:1px solid rgba(242,239,231,0.18);border-radius:20px;padding:32px 28px;}
.band{background:#12150F;}

.p-card{background:#1A1D17;border-radius:20px;display:flex;flex-direction:column;border:1px solid rgba(242,244,236,0.1);transition:transform .25s,box-shadow .25s;color:#F2F4EC;overflow:hidden;}
.p-card:hover{transform:translateY(-6px);box-shadow:0 20px 40px rgba(0,0,0,0.35);color:#F2F4EC;}
.r-card{background:#21251C;border-radius:20px;padding:28px;display:flex;align-items:center;gap:20px;color:#F2F4EC;transition:transform .25s;}
.r-card:hover{transform:translateY(-4px);color:#F2F4EC;}

.cat-pill{border:1px solid rgba(242,244,236,0.3);border-radius:99px;padding:10px 22px;font-size:14px;font-weight:700;cursor:pointer;background:transparent;color:#F2F4EC;font-family:'Manrope',sans-serif;transition:.2s;}
.cat-pill:hover{border-color:#C8F627;color:#C8F627;}
.cat-pill.on{background:#C8F627;color:#0D0F0B;border-color:#C8F627;}

input.f-input,textarea.f-input{background:rgba(255,255,255,0.14);border:1px solid rgba(255,255,255,0.3);border-radius:12px;padding:16px 20px;color:#fff;font-size:15px;font-family:'Manrope',sans-serif;outline:none;}
input.f-input:focus,textarea.f-input:focus{border-color:#fff;}

/* Header / footer (injected by app.js) */
.site-header{position:sticky;top:0;z-index:50;display:flex;align-items:center;justify-content:space-between;padding:18px 56px;background:rgba(10,12,8,0.85);backdrop-filter:blur(16px);border-bottom:1px solid rgba(247,245,239,0.14);}
.site-header .logo{font-family:'Unbounded',sans-serif;font-weight:800;font-size:22px;letter-spacing:0.04em;color:#F2F4EC;}
.site-header nav{display:flex;gap:26px;font-size:14px;font-weight:600;}
.site-header nav a{color:#F2F4EC;opacity:.9;}
.site-header nav a:hover{color:#C8F627;opacity:1;}
.site-header nav a.on{color:#C8F627;opacity:1;}
.hdr-right{display:flex;align-items:center;gap:16px;}
.lang-wrap{display:flex;border:1px solid rgba(247,245,239,0.35);border-radius:99px;overflow:hidden;font-size:13px;font-weight:700;}
.lang-btn{border:none;padding:8px 14px;cursor:pointer;font-family:'Manrope',sans-serif;font-weight:700;font-size:13px;background:transparent;color:#F2F4EC;}
#burger{display:none;background:none;border:1px solid rgba(247,245,239,.35);border-radius:12px;width:42px;height:42px;cursor:pointer;align-items:center;justify-content:center;flex-shrink:0;}
#mnav{display:none;position:fixed;top:65px;left:0;right:0;z-index:60;background:rgba(10,12,8,.97);backdrop-filter:blur(16px);border-bottom:1px solid rgba(247,245,239,.14);padding:24px 20px 28px;flex-direction:column;gap:18px;font-size:16px;font-weight:600;max-height:calc(100vh - 65px);overflow-y:auto;}

.site-footer{background:#12150F;color:#F2F4EC;padding:72px 56px 40px;}
.foot-grid{display:grid;grid-template-columns:1.4fr 1fr 1fr 1fr;gap:48px;padding-bottom:56px;border-bottom:1px solid rgba(242,239,231,0.15);}
.foot-col{display:flex;flex-direction:column;gap:12px;font-size:14px;}
.foot-col a{opacity:.8;}
.foot-head{font-weight:700;font-size:12px;letter-spacing:0.15em;opacity:0.5;margin-bottom:6px;}
.foot-bottom{display:flex;justify-content:space-between;padding-top:28px;font-size:13px;opacity:0.5;gap:16px;}
.foot-bottom a{opacity:.9;}

/* Page hero for inner pages */
.phero{padding:88px 56px 56px;}
.phero .crumb{font-size:13px;font-weight:700;letter-spacing:0.18em;color:#C8F627;margin-bottom:20px;animation:rise .7s ease both;}
.phero .h1{animation:rise .7s .1s ease both;max-width:1100px;}
.phero .lead{margin-top:32px;animation:rise .7s .2s ease both;}

.stat-num{font-family:'Unbounded',sans-serif;font-weight:700;font-size:31px;}
.stat-lbl{font-size:13px;opacity:0.6;max-width:160px;}

table.rf-table{width:100%;border-collapse:collapse;font-size:15px;}
table.rf-table th{text-align:left;font-size:12px;letter-spacing:.1em;text-transform:uppercase;opacity:.55;font-weight:700;padding:14px 16px;border-bottom:1px solid rgba(242,244,236,.2);}
table.rf-table td{padding:16px;border-bottom:1px solid rgba(242,244,236,.1);}
table.rf-table tr:hover td{background:rgba(200,246,39,.04);}

@media (max-width:1100px){
  #page{min-width:0;}
}
@media (max-width:900px){
  .site-header{padding:14px 20px;}
  .site-header nav{display:none;}
  #burger{display:flex;}
  .sec,.phero{padding-left:20px!important;padding-right:20px!important;}
  .sec{padding-top:64px;padding-bottom:64px;}
  .grid2,.grid3{grid-template-columns:1fr!important;}
  .grid4{grid-template-columns:repeat(2,1fr)!important;}
  .site-footer{padding:56px 20px 32px;}
  .foot-grid{grid-template-columns:1fr 1fr;gap:32px;}
  .h2{font-size:32px;}
  .table-scroll{overflow-x:auto;}
}
@media (max-width:560px){
  .head-cta{display:none!important;}
  .h1{font-size:clamp(32px,10vw,44px)!important;}
  .h2{font-size:28px;}
  .grid4{grid-template-columns:1fr!important;}
  .foot-grid{grid-template-columns:1fr;}
  .foot-bottom{flex-wrap:wrap;gap:8px;}
}
