/* 7k-play37.xyz — концепт «Оранжерея». Префикс .glade- */

:root{
  --glade-bg:#0c110d;
  --glade-surf:#131a15;
  --glade-line:#1f2a22;
  --glade-acc:#6ee7a0;
  --glade-sec:#f0a5b8;
  --glade-tx:#e8f1ea;
  --glade-mu:#8fa697;
  --glade-rad:14px;
  --glade-max:1180px;
}

*,*::before,*::after{box-sizing:border-box}

html{-webkit-text-size-adjust:100%}

body{
  margin:0;
  background:var(--glade-bg);
  color:var(--glade-tx);
  font-family:'Source Sans 3','Segoe UI',Arial,sans-serif;
  font-size:17px;
  line-height:1.68;
  font-weight:400;
}

/* Заголовочный шрифт — только на заголовках и заголовочных классах.
   EB Garamond — serif, в body-цепочку его пускать нельзя. */
h1,h2,h3,h4,
.glade-logo__t,
.glade-kpi__n,
.glade-card__n,
.glade-strip__n,
.glade-step__i,
.glade-table caption{
  font-family:'EB Garamond',Georgia,'Times New Roman',serif;
  font-weight:600;
  letter-spacing:.01em;
}

h1{font-size:2.35rem;line-height:1.18;margin:.2em 0 .5em}
h2{font-size:1.85rem;line-height:1.24;margin:0 0 .6em}
h3{font-size:1.24rem;line-height:1.3;margin:0 0 .4em}

p{margin:0 0 1em}
a{color:var(--glade-acc);text-decoration:none}
a:hover{text-decoration:underline}

.glade-skip{position:absolute;left:-9999px;top:0}
.glade-skip:focus{left:12px;top:12px;background:var(--glade-acc);color:#08120b;padding:8px 14px;border-radius:8px;z-index:99}

/* ---------- Шапка ---------- */
.glade-bar{
  display:flex;align-items:center;gap:22px;
  max-width:var(--glade-max);margin:0 auto;padding:18px 22px;
  border-bottom:1px solid var(--glade-line);
}
.glade-logo{display:flex;align-items:center;gap:11px;color:var(--glade-tx)}
.glade-logo:hover{text-decoration:none}
.glade-logo__svg{width:40px;height:40px;flex:0 0 40px}
.glade-logo__t{display:flex;flex-direction:column;font-size:1.22rem;line-height:1.14}
.glade-logo__sub{font-family:'Source Sans 3',Arial,sans-serif;font-size:.7rem;font-weight:400;color:var(--glade-mu);letter-spacing:.06em;text-transform:uppercase}
.glade-nav{display:flex;gap:19px;margin-left:auto;flex-wrap:wrap}
.glade-nav a{color:var(--glade-mu);font-size:.95rem}
.glade-nav a:hover{color:var(--glade-acc)}

/* ---------- Кнопки ---------- */
.glade-cta{
  display:inline-block;padding:14px 26px;border-radius:999px;
  background:linear-gradient(102deg,var(--glade-acc),#a8f0c4);
  color:#07120a;font-weight:700;font-size:1rem;
  border:1px solid transparent;
}
.glade-cta:hover{text-decoration:none;filter:brightness(1.07)}
.glade-cta--sm{padding:9px 18px;font-size:.9rem}
.glade-cta--ghost{background:transparent;color:var(--glade-acc);border-color:var(--glade-acc)}
.glade-cta--wide{display:block;text-align:center;margin-top:26px}
.glade-cta--big{padding:18px 38px;font-size:1.1rem;white-space:nowrap}

/* ---------- Hero: split с чертой ---------- */
.glade-hero{
  max-width:var(--glade-max);margin:0 auto;padding:52px 22px 40px;
  display:grid;grid-template-columns:1fr 1px 1fr;gap:38px;align-items:center;
}
.glade-hero__rule{background:linear-gradient(180deg,transparent,var(--glade-acc),var(--glade-sec),transparent);width:1px;height:100%;min-height:280px}
.glade-ovrline{
  color:var(--glade-sec);font-size:.74rem;letter-spacing:.14em;
  text-transform:uppercase;margin:0 0 .5em;
}
.glade-lead{color:var(--glade-tx);font-size:1.07rem}
.glade-hero__act{display:flex;gap:14px;flex-wrap:wrap;margin:22px 0 26px}
.glade-kpi{list-style:none;margin:0;padding:0;display:grid;grid-template-columns:repeat(4,1fr);gap:12px}
.glade-kpi li{background:var(--glade-surf);border:1px solid var(--glade-line);border-radius:var(--glade-rad);padding:13px 12px}
.glade-kpi__n{display:block;font-size:1.3rem;color:var(--glade-acc)}
.glade-kpi__c{display:block;font-size:.79rem;color:var(--glade-mu);line-height:1.35}
.glade-art{width:100%;height:auto;display:block}

/* ---------- Лента параметров ---------- */
.glade-strip{
  max-width:var(--glade-max);margin:0 auto;padding:0 22px 8px;
  display:grid;grid-template-columns:repeat(5,1fr);gap:1px;
  background:transparent;
}
.glade-strip div{
  background:var(--glade-surf);border:1px solid var(--glade-line);
  padding:15px 16px;display:flex;flex-direction:column;gap:3px;
}
.glade-strip div:first-child{border-radius:var(--glade-rad) 0 0 var(--glade-rad)}
.glade-strip div:last-child{border-radius:0 var(--glade-rad) var(--glade-rad) 0}
.glade-strip span:first-child{font-size:.76rem;color:var(--glade-mu);text-transform:uppercase;letter-spacing:.07em}
.glade-strip__n{font-size:1.18rem;color:var(--glade-sec)}

/* ---------- Секции ---------- */
.glade-sec{max-width:var(--glade-max);margin:0 auto;padding:48px 22px;border-top:1px solid var(--glade-line)}
.glade-sec:first-of-type{border-top:0}
.glade-note{color:var(--glade-mu);font-size:.95rem;border-left:2px solid var(--glade-sec);padding-left:14px}

.glade-grid{display:grid;gap:16px;margin:24px 0}
.glade-grid--3{grid-template-columns:repeat(3,1fr)}
.glade-grid--4{grid-template-columns:repeat(4,1fr)}

.glade-card{
  background:var(--glade-surf);border:1px solid var(--glade-line);
  border-radius:var(--glade-rad);padding:19px 18px;
}
.glade-card--feat{border-color:rgba(110,231,160,.42);background:linear-gradient(168deg,rgba(110,231,160,.07),var(--glade-surf) 62%)}
.glade-card__k{color:var(--glade-sec);font-size:.74rem;letter-spacing:.11em;text-transform:uppercase;margin:0 0 .45em}
.glade-card__n{font-size:1.22rem;color:var(--glade-acc);margin:0 0 .4em}
.glade-card__d{color:var(--glade-mu);font-size:.94rem;margin:0 0 .8em}
.glade-card h3{margin-bottom:.35em}

.glade-tile{
  background:var(--glade-surf);border:1px solid var(--glade-line);
  border-radius:var(--glade-rad);padding:20px 19px;
}
.glade-tile p{margin:0;color:var(--glade-mu);font-size:.95rem}

.glade-live{
  border:1px solid var(--glade-line);border-left:3px solid var(--glade-sec);
  border-radius:0 var(--glade-rad) var(--glade-rad) 0;padding:17px 18px;background:var(--glade-surf);
}
.glade-live p{margin:0;color:var(--glade-mu);font-size:.93rem}

.glade-steps{display:grid;grid-template-columns:repeat(3,1fr);gap:16px;margin:24px 0}
.glade-step{border:1px dashed var(--glade-line);border-radius:var(--glade-rad);padding:18px 18px 14px}
.glade-step__i{display:inline-block;font-size:1.5rem;color:var(--glade-sec);line-height:1}
.glade-step__t{margin:.3em 0 .35em;font-weight:600;color:var(--glade-acc)}
.glade-step p:last-child{margin:0;color:var(--glade-mu);font-size:.93rem}

/* ---------- Таблицы ---------- */
.glade-table-wrap{overflow-x:auto;margin:24px 0;border:1px solid var(--glade-line);border-radius:var(--glade-rad)}
.glade-table{width:100%;border-collapse:collapse;min-width:620px;font-size:.95rem}
.glade-table caption{text-align:left;padding:15px 18px 10px;color:var(--glade-mu);font-size:1rem}
.glade-table th,.glade-table td{padding:12px 18px;text-align:left;border-top:1px solid var(--glade-line)}
.glade-table thead th{color:var(--glade-sec);font-weight:600;font-size:.8rem;letter-spacing:.08em;text-transform:uppercase}
.glade-table tbody tr:nth-child(odd){background:rgba(110,231,160,.035)}
.glade-table td:first-child{color:var(--glade-acc)}

.glade-scrollx{overflow-x:auto}

/* ---------- Отзывы ---------- */
.glade-rev{background:var(--glade-surf);border:1px solid var(--glade-line);border-radius:var(--glade-rad);padding:19px 18px}
.glade-rev p{font-size:.95rem}
.glade-rev__st{color:var(--glade-sec);letter-spacing:.18em;margin-bottom:.5em}
.glade-rev__a{color:var(--glade-mu);font-size:.86rem;margin:0}

/* ---------- FAQ ---------- */
.glade-faq{display:grid;gap:10px;margin-top:22px}
.glade-faq details{background:var(--glade-surf);border:1px solid var(--glade-line);border-radius:var(--glade-rad);padding:14px 18px}
.glade-faq summary{cursor:pointer;font-weight:600;color:var(--glade-tx);font-size:1rem}
.glade-faq summary::marker{color:var(--glade-acc)}
.glade-faq details[open] summary{color:var(--glade-acc);margin-bottom:.55em}
.glade-faq p{margin:0;color:var(--glade-mu);font-size:.95rem}

/* ---------- Author Note + пре-футер ---------- */
.glade-author{
  max-width:var(--glade-max);margin:0 auto;padding:34px 22px 40px;
}
.glade-author p:last-child{color:var(--glade-mu);font-size:.93rem;margin:0}

.glade-pre{
  max-width:var(--glade-max);margin:0 auto 46px;padding:32px 26px;
  display:flex;align-items:center;justify-content:space-between;gap:26px;flex-wrap:wrap;
  border:1px solid rgba(110,231,160,.35);border-radius:22px;
  background:linear-gradient(120deg,rgba(110,231,160,.09),rgba(240,165,184,.07));
}
.glade-pre h3{margin:.1em 0 .4em;font-size:1.5rem}
.glade-pre p:last-of-type{margin:0;color:var(--glade-mu);font-size:.96rem;max-width:60ch}

/* ---------- Подвал ---------- */
.glade-foot{border-top:1px solid var(--glade-line);background:var(--glade-surf)}
.glade-foot p{max-width:var(--glade-max);margin:0 auto;padding:14px 22px;color:var(--glade-mu);font-size:.88rem}
.glade-foot p:first-child{padding-top:26px}
.glade-foot__c{padding-bottom:30px !important;color:#6d8377 !important}

/* ---------- Адаптив ---------- */
@media (max-width:1080px){
  .glade-hero{grid-template-columns:1fr;gap:26px}
  .glade-hero__rule{width:100%;height:1px;min-height:0;background:linear-gradient(90deg,transparent,var(--glade-acc),var(--glade-sec),transparent)}
  .glade-strip{grid-template-columns:repeat(3,1fr);gap:10px}
  .glade-strip div{border-radius:var(--glade-rad) !important}
  .glade-grid--4{grid-template-columns:repeat(2,1fr)}
  h1{font-size:2.05rem}
}

@media (max-width:860px){
  .glade-bar{flex-wrap:wrap;gap:14px}
  .glade-nav{margin-left:0;order:3;width:100%}
  .glade-cta--sm{margin-left:auto}
  .glade-grid--3{grid-template-columns:repeat(2,1fr)}
  .glade-steps{grid-template-columns:1fr}
  .glade-kpi{grid-template-columns:repeat(2,1fr)}
  h1{font-size:1.82rem}
  h2{font-size:1.55rem}
  .glade-sec{padding:38px 20px}
}

@media (max-width:620px){
  body{font-size:16px}
  .glade-strip{grid-template-columns:1fr 1fr}
  .glade-grid--3,.glade-grid--4{grid-template-columns:1fr}
  .glade-kpi{grid-template-columns:1fr 1fr}
  .glade-hero{padding:34px 18px 28px}
  .glade-sec{padding:32px 18px}
  h1{font-size:1.55rem}
  h2{font-size:1.34rem}
  .glade-cta{width:100%;text-align:center}
  .glade-cta--sm{width:auto}
  .glade-pre{padding:24px 20px}
  .glade-pre .glade-cta--big{width:100%;text-align:center;white-space:normal}
}