/* vavada-play55.pro — шаблон kaleidoscope, namespace kld- */

:root{
  --kld-mirror:#15131a;
  --kld-mirror-2:#1d1a25;
  --kld-mirror-3:#241f2e;
  --kld-amethyst:#7d5bb5;
  --kld-amethyst-soft:#a389d4;
  --kld-turquoise:#3aa79a;
  --kld-turquoise-soft:#63c8bb;
  --kld-glass:#e8e4f2;
  --kld-glass-dim:#b3adc4;
  --kld-edge:rgba(125,91,181,.34);
  --kld-edge-2:rgba(58,167,154,.30);
  --kld-seg:14px;
}

*{box-sizing:border-box;margin:0;padding:0}

html{scroll-behavior:smooth}

body{
  background:
    radial-gradient(circle at 12% 4%, rgba(125,91,181,.20), transparent 46%),
    radial-gradient(circle at 88% 12%, rgba(58,167,154,.16), transparent 42%),
    var(--kld-mirror);
  color:var(--kld-glass);
  font-family:"Vollkorn",Georgia,serif;
  font-size:17px;
  line-height:1.68;
  -webkit-text-size-adjust:100%;
  overflow-x:hidden;
}

h1,h2,h3,.kld-num,.kld-turn__name{font-family:"Yeseva One",Georgia,serif;font-weight:400;letter-spacing:.01em}

a{color:var(--kld-turquoise-soft);text-decoration:none}
a:hover{color:var(--kld-amethyst-soft)}

.kld-shell{max-width:1120px;margin:0 auto;padding:0 22px}

/* ---------- шапка ---------- */
.kld-top{
  border-bottom:1px solid var(--kld-edge);
  background:linear-gradient(180deg,rgba(29,26,37,.95),rgba(21,19,26,.6));
  position:relative;
}
.kld-top__row{display:flex;align-items:center;justify-content:space-between;gap:16px;padding:16px 0}
.kld-mark{display:flex;align-items:center;gap:11px;font-family:"Yeseva One",Georgia,serif;font-size:21px;letter-spacing:.06em}
.kld-mark svg{display:block;flex:0 0 auto}
.kld-mark span{color:var(--kld-glass)}
.kld-mark i{font-style:normal;color:var(--kld-turquoise-soft);font-size:12px;letter-spacing:.22em;font-family:"Vollkorn",Georgia,serif}
.kld-top__nav{display:flex;flex-wrap:wrap;gap:6px 18px;font-size:14.5px;color:var(--kld-glass-dim)}
.kld-top__nav a{color:var(--kld-glass-dim)}
.kld-top__nav a:hover{color:var(--kld-turquoise-soft)}

/* ---------- hero: симметричные сегменты ---------- */
.kld-hero{position:relative;padding:44px 0 34px;overflow:hidden}
.kld-hero__art{
  position:absolute;top:-70px;right:50%;width:760px;height:760px;
  transform:translateX(50%);
  opacity:.5;pointer-events:none;z-index:0;
}
.kld-hero__in{position:relative;z-index:1}
.kld-hero__tag{
  display:inline-block;font-size:12.5px;letter-spacing:.2em;text-transform:uppercase;
  color:var(--kld-turquoise-soft);border:1px solid var(--kld-edge-2);
  padding:5px 14px;margin-bottom:16px;
  clip-path:polygon(8px 0,100% 0,calc(100% - 8px) 100%,0 100%);
}
h1{
  font-size:40px;line-height:1.16;margin-bottom:16px;
  background:linear-gradient(96deg,var(--kld-glass) 30%,var(--kld-amethyst-soft) 68%,var(--kld-turquoise-soft));
  -webkit-background-clip:text;background-clip:text;color:transparent;
}
.kld-lead{font-size:18.5px;color:#d5cfe4;max-width:760px;margin-bottom:24px}

/* KPI-полоса: плитки-осколки */
.kld-kpi{display:grid;grid-template-columns:repeat(5,1fr);gap:12px;margin:26px 0 24px}
.kld-kpi__cell{
  position:relative;background:linear-gradient(160deg,var(--kld-mirror-3),var(--kld-mirror-2));
  border:1px solid var(--kld-edge);padding:16px 14px 15px;
  clip-path:polygon(0 0,100% 0,100% calc(100% - var(--kld-seg)),calc(100% - var(--kld-seg)) 100%,0 100%);
}
.kld-kpi__cell:nth-child(even){
  clip-path:polygon(var(--kld-seg) 0,100% 0,100% 100%,0 100%,0 var(--kld-seg));
  border-color:var(--kld-edge-2);
}
.kld-kpi__v{display:block;font-family:"Yeseva One",Georgia,serif;font-size:24px;color:var(--kld-amethyst-soft);line-height:1.2}
.kld-kpi__cell:nth-child(even) .kld-kpi__v{color:var(--kld-turquoise-soft)}
.kld-kpi__k{display:block;font-size:13px;color:var(--kld-glass-dim);margin-top:6px;line-height:1.35}

/* ---------- CTA ---------- */
.kld-cta{
  display:inline-block;padding:15px 34px;font-size:17px;letter-spacing:.04em;
  color:#120f18;background:linear-gradient(104deg,var(--kld-turquoise) 0%,var(--kld-amethyst) 100%);
  clip-path:polygon(16px 0,100% 0,calc(100% - 16px) 100%,0 100%);
  font-family:"Yeseva One",Georgia,serif;
}
.kld-cta:hover{color:#120f18;filter:brightness(1.12)}
.kld-cta--wide{margin-top:8px}
.kld-cta-note{display:block;margin-top:10px;font-size:13.5px;color:var(--kld-glass-dim)}

/* ---------- секции с зеркальной раскладкой ---------- */
.kld-sec{padding:34px 0;border-top:1px solid rgba(125,91,181,.16);position:relative}
.kld-sec__head{display:flex;gap:14px;align-items:flex-start;margin-bottom:14px}
.kld-sec__glyph{flex:0 0 auto;margin-top:4px}
.kld-sec:nth-of-type(even) .kld-sec__head{flex-direction:row-reverse;text-align:right}
.kld-sec:nth-of-type(even) .kld-sec__head h2{direction:ltr}
h2{font-size:27px;line-height:1.26;color:#f0ecf8}
h3{font-size:19.5px;margin:22px 0 8px;color:var(--kld-turquoise-soft)}
.kld-sec p{margin-bottom:13px}
.kld-sec p+p{margin-top:0}

.kld-mirrorbox{
  display:grid;grid-template-columns:1fr 1fr;gap:18px;margin:18px 0;
}
.kld-facet{
  background:linear-gradient(150deg,rgba(125,91,181,.14),rgba(58,167,154,.07));
  border:1px solid var(--kld-edge);padding:17px 18px;
  clip-path:polygon(0 0,calc(100% - var(--kld-seg)) 0,100% var(--kld-seg),100% 100%,var(--kld-seg) 100%,0 calc(100% - var(--kld-seg)));
}
.kld-facet:nth-child(even){
  clip-path:polygon(var(--kld-seg) 0,100% 0,100% calc(100% - var(--kld-seg)),calc(100% - var(--kld-seg)) 100%,0 100%,0 var(--kld-seg));
  background:linear-gradient(150deg,rgba(58,167,154,.13),rgba(125,91,181,.07));
  border-color:var(--kld-edge-2);
}
.kld-facet h3{margin-top:0}
.kld-facet p:last-child{margin-bottom:0}

.kld-list{list-style:none;margin:14px 0}
.kld-list li{position:relative;padding-left:24px;margin-bottom:9px}
.kld-list li::before{
  content:"";position:absolute;left:0;top:9px;width:11px;height:11px;
  background:var(--kld-amethyst);
  clip-path:polygon(50% 0,100% 100%,0 100%);
}
.kld-list li:nth-child(even)::before{background:var(--kld-turquoise);clip-path:polygon(50% 100%,100% 0,0 0)}

.kld-accent{color:var(--kld-amethyst-soft)}
.kld-accent-2{color:var(--kld-turquoise-soft)}
.kld-figure{font-family:"Yeseva One",Georgia,serif;color:var(--kld-turquoise-soft)}

/* ---------- таблицы ---------- */
.kld-scroll{overflow-x:auto;margin:18px 0;border:1px solid var(--kld-edge);background:rgba(29,26,37,.66)}
table{border-collapse:collapse;width:100%;min-width:560px;font-size:15.5px}
caption{caption-side:top;text-align:left;padding:12px 14px 10px;font-size:14px;color:var(--kld-glass-dim);border-bottom:1px solid var(--kld-edge)}
th,td{padding:11px 14px;text-align:left;border-bottom:1px solid rgba(125,91,181,.18)}
th{
  font-family:"Yeseva One",Georgia,serif;font-weight:400;font-size:14.5px;
  color:var(--kld-amethyst-soft);background:rgba(125,91,181,.14);white-space:nowrap;
}
tbody tr:nth-child(even) td{background:rgba(58,167,154,.05)}
tbody tr:last-child td{border-bottom:none}
td.kld-td-num{white-space:nowrap;color:var(--kld-turquoise-soft)}

/* ---------- клуб: поворот узора ---------- */
.kld-turns{display:grid;grid-template-columns:repeat(3,1fr);gap:13px;margin:18px 0}
.kld-turn{
  position:relative;border:1px solid var(--kld-edge);padding:15px 16px;
  background:linear-gradient(200deg,var(--kld-mirror-3),rgba(21,19,26,.9));
  clip-path:polygon(0 var(--kld-seg),var(--kld-seg) 0,100% 0,100% calc(100% - var(--kld-seg)),calc(100% - var(--kld-seg)) 100%,0 100%);
}
.kld-turn__rose{position:absolute;right:10px;top:10px;opacity:.55}
.kld-turn:nth-child(1) .kld-turn__rose{transform:rotate(0deg)}
.kld-turn:nth-child(2) .kld-turn__rose{transform:rotate(12deg)}
.kld-turn:nth-child(3) .kld-turn__rose{transform:rotate(24deg)}
.kld-turn:nth-child(4) .kld-turn__rose{transform:rotate(36deg)}
.kld-turn:nth-child(5) .kld-turn__rose{transform:rotate(48deg)}
.kld-turn:nth-child(6) .kld-turn__rose{transform:rotate(60deg)}
.kld-turn__name{display:block;font-size:19px;color:#f0ecf8}
.kld-turn__cb{display:block;font-size:26px;font-family:"Yeseva One",Georgia,serif;color:var(--kld-turquoise-soft);margin:4px 0 4px}
.kld-turn__req{display:block;font-size:13.5px;color:var(--kld-glass-dim);line-height:1.4}

/* ---------- отзыв ---------- */
.kld-voice{
  margin:22px 0;padding:18px 20px;border-left:3px solid var(--kld-turquoise);
  background:linear-gradient(90deg,rgba(58,167,154,.10),transparent 70%);
}
.kld-voice p{margin-bottom:9px;font-style:italic;color:#ddd7ea}
.kld-voice__sign{font-style:normal;font-size:13.5px;color:var(--kld-glass-dim)}

/* ---------- FAQ ---------- */
.kld-faq{margin-top:12px}
details{
  border:1px solid var(--kld-edge);margin-bottom:9px;background:rgba(29,26,37,.7);
  clip-path:polygon(0 0,calc(100% - 10px) 0,100% 10px,100% 100%,10px 100%,0 calc(100% - 10px));
}
summary{
  cursor:pointer;padding:13px 16px;font-family:"Yeseva One",Georgia,serif;font-size:16.5px;
  color:#f0ecf8;list-style:none;position:relative;padding-left:42px;
}
summary::-webkit-details-marker{display:none}
summary::before{
  content:"";position:absolute;left:16px;top:18px;width:13px;height:13px;
  background:var(--kld-amethyst);clip-path:polygon(50% 0,100% 100%,0 100%);
  transition:transform .22s ease;
}
details[open] summary::before{transform:rotate(180deg);background:var(--kld-turquoise)}
details p{padding:0 16px 14px;font-size:16px;color:#d5cfe4}

/* ---------- методика и подвал ---------- */
.kld-method{
  border:1px solid var(--kld-edge-2);padding:20px 22px;margin:26px 0;
  background:linear-gradient(140deg,rgba(58,167,154,.08),rgba(125,91,181,.06));
}
.kld-method h2{font-size:23px;margin-bottom:10px}
.kld-method .kld-list li{font-size:15.5px}

.kld-close{text-align:center;padding:30px 0 6px}

.kld-foot{border-top:1px solid var(--kld-edge);margin-top:26px;padding:24px 0 36px;font-size:14.5px;color:var(--kld-glass-dim)}
.kld-foot__grid{display:grid;grid-template-columns:1.25fr 1fr;gap:18px;margin-bottom:16px}
.kld-foot p{margin-bottom:8px}
.kld-foot__age{
  border-top:1px solid rgba(125,91,181,.2);padding-top:14px;
  font-size:14px;color:#c3bcd6;letter-spacing:.01em;
}

/* ---------- мобильная раскладка ---------- */
@media (max-width:640px){
  body{font-size:16.5px}
  .kld-shell{padding:0 16px}
  .kld-top__row{flex-direction:column;align-items:flex-start;gap:10px}
  .kld-top__nav{font-size:13.5px;gap:4px 14px}
  h1{font-size:28px}
  h2{font-size:22px;line-height:1.3}
  h3{font-size:18px}
  .kld-lead{font-size:17px}
  .kld-hero__art{width:520px;height:520px;top:-40px;opacity:.34}
  .kld-kpi{grid-template-columns:repeat(2,1fr);gap:10px}
  .kld-kpi__cell:last-child{grid-column:1 / -1}
  .kld-mirrorbox{grid-template-columns:1fr}
  .kld-turns{grid-template-columns:1fr}
  .kld-sec:nth-of-type(even) .kld-sec__head{flex-direction:row;text-align:left}
  .kld-foot__grid{grid-template-columns:1fr}
  .kld-cta{display:block;text-align:center;padding:14px 18px}
  table{min-width:520px;font-size:14.5px}
  th,td{padding:9px 11px}
  summary{font-size:15.5px;padding-left:38px}
}