/* Сайт клуба «Капитал разума». Шрифт Onest, палитра белый / графит / голубой. */

:root{
  --white:#FFF; --soft:#F4F6F8; --dark:#23272E; --dark-2:#2C313A;
  --ink:#1E2226; --ink-2:#484D4F; --ink-3:#7A8388; --line:#E4E8EB;
  --blue:#1478C2; --blue-dark:#10629F; --blue-bright:#009DF5; --blue-soft:#E9F4FC;
  --green:#2E7D5B; --amber:#B4622A;
}
*{box-sizing:border-box}
body{margin:0;background:var(--white);color:var(--ink-2);
     font-family:"Onest",system-ui,-apple-system,"Segoe UI",sans-serif;
     font-size:16px;line-height:1.6;-webkit-font-smoothing:antialiased}
a{color:var(--blue);text-decoration:none}
a:hover{color:var(--blue-dark)}
h1,h2,h3,h4{color:var(--ink);margin:0}
img{max-width:100%}
.ic{width:20px;height:20px;fill:currentColor;flex:none;display:block}
.ic-s{width:16px;height:16px}
.wrap{max-width:1200px;margin:0 auto;padding:0 36px}

.btn{display:inline-flex;align-items:center;justify-content:center;gap:9px;min-height:50px;
     padding:0 28px;border-radius:999px;font-weight:600;font-size:15.5px;font-family:inherit;
     border:1.5px solid transparent;cursor:pointer;white-space:nowrap}
.btn-blue{background:var(--blue);color:#fff}
.btn-blue:hover{background:var(--blue-dark);color:#fff}
.btn-line{border-color:var(--line);color:var(--ink);background:#fff}
.btn-line:hover{border-color:var(--ink-3)}
.btn-white{background:#fff;color:var(--blue)}
.btn-white:hover{background:#EAF3FA;color:var(--blue-dark)}
.btn-sm{min-height:40px;padding:0 18px;font-size:14px}
.btn[aria-disabled="true"]{opacity:.55;pointer-events:none}

/* верхняя полоска — тёмная, заодно с шапкой */
.strip-top{background:#1A1E23;font-size:13.5px;text-align:center;padding:9px 20px;
     color:#9AA4AC}
.strip-top a{color:#6FB6EC}
.strip-top a:hover{color:#9BD0F5}
.pill{display:inline-block;background:var(--blue);color:#fff;font-size:12.5px;font-weight:600;
     padding:3px 10px;border-radius:999px;margin-left:6px}

/* шапка — графит, продолжает первый экран */
header.site{background:var(--dark);position:sticky;top:0;z-index:9}
.nav{display:flex;align-items:center;gap:26px;height:74px}
.logo{display:flex;align-items:center;gap:11px;font-weight:800;font-size:17px;
     letter-spacing:-.02em;color:#fff;line-height:1.15}
.logo:hover{color:#fff}
.logo img{display:block;flex:none}
.logo .logo-txt span{display:block;font-size:10.5px;font-weight:500;letter-spacing:.1em;
     text-transform:uppercase;color:#8E99A2;margin-top:2px}
.city{display:flex;align-items:center;gap:6px;font-weight:700;font-size:14.5px;color:#C3CAD1;
     margin-right:auto}
.nav a.n{font-size:14px;font-weight:600;color:#B9C1C8;text-transform:uppercase;
     letter-spacing:.02em}
.nav a.n:hover{color:#fff}
.nav a.n.on{color:#6FB6EC}
/* кнопка «Войти» на тёмном */
.nav .btn-line{border-color:rgba(255,255,255,.28);color:#fff;background:transparent}
.nav .btn-line:hover{border-color:#fff;color:#fff;background:rgba(255,255,255,.06)}

/* тёмный первый экран */
.hero{background:var(--dark);color:#D8DDE2;padding:44px 0 58px}
.hero .in{display:grid;grid-template-columns:1.12fr .88fr;gap:54px;align-items:start}
.hero h1{color:#fff;font-size:clamp(28px,3.2vw,40px);font-weight:700;line-height:1.16;
     letter-spacing:-.028em;margin-bottom:20px}
.hero p{font-size:17px;line-height:1.7;margin:0 0 16px;color:#C3CAD1}
.hero p b{color:#fff;font-weight:600}
.hero .kick{color:#fff;font-weight:700;font-size:19px;margin:26px 0 22px}
.founder{background:var(--dark-2);border:1px solid #3A4049;border-radius:14px;padding:24px 26px}
.founder .top{display:flex;align-items:center;gap:16px;margin-bottom:18px}
.founder .top img{width:72px;height:72px;border-radius:50%;object-fit:cover;
     object-position:center 20%;flex:none}
.founder h3{color:#fff;font-size:19px;font-weight:700;letter-spacing:-.015em;line-height:1.25}
.founder .role{font-size:13px;color:#98A2AB;margin-top:4px}
.founder blockquote{margin:0}
.founder blockquote p{font-size:14.5px;line-height:1.72;margin:0 0 12px;color:#BDC5CD}
.founder blockquote p:last-child{margin:0}

/* заголовок внутренней страницы */
.page-head{padding:50px 0 30px;border-bottom:1px solid var(--line)}
.page-head h1{font-size:clamp(28px,3.2vw,40px);font-weight:800;letter-spacing:-.03em;
     margin-bottom:12px}
.page-head p{margin:0;font-size:16.5px;line-height:1.65;max-width:44em}

/* лента фото */
.strip{display:grid;grid-template-columns:repeat(6,1fr);gap:0}
.strip img{width:100%;height:220px;object-fit:cover;display:block}

/* две карточки-предложения */
.offers{display:grid;grid-template-columns:1fr 1fr;gap:22px;padding:56px 0 10px}
.offer{background:#fff;border:1px solid var(--line);border-radius:16px;padding:34px 34px 36px;
     text-align:center;box-shadow:0 2px 14px rgba(30,34,38,.04)}
.offer h2{font-size:25px;font-weight:800;letter-spacing:-.02em;margin-bottom:8px}
.offer .sub{font-size:15px;color:var(--ink-2);line-height:1.6;margin:0 0 20px}
.offer .price{font-size:38px;font-weight:800;letter-spacing:-.035em;color:var(--ink);
     margin-bottom:4px}
.offer .price small{font-size:16px;font-weight:600;color:var(--ink-3);letter-spacing:0}
.offer .note{font-size:13px;color:var(--ink-3);margin-bottom:20px}
.offer .price.text{font-size:24px;font-weight:700;letter-spacing:-.02em}
.offer .lines{font-size:15px;line-height:1.75;color:var(--ink-2);margin-bottom:22px}
.tabs{display:inline-flex;gap:6px;background:var(--soft);padding:5px;border-radius:999px;
     margin-bottom:22px;flex-wrap:wrap;justify-content:center}
.tab{font-size:13.5px;font-weight:600;padding:8px 15px;border-radius:999px;color:var(--ink-2)}
.tab.on{background:#fff;color:var(--blue);box-shadow:0 1px 4px rgba(30,34,38,.1)}

/* счётчики */
.nums{display:grid;grid-template-columns:repeat(3,1fr);gap:30px;padding:54px 0 56px;
     text-align:center}
.num .v{font-size:44px;font-weight:800;color:var(--blue);letter-spacing:-.04em;line-height:1}
.num .k{font-size:14px;font-weight:600;color:var(--ink);margin-top:10px;text-transform:uppercase;
     letter-spacing:.06em}
.num .d{font-size:13.5px;color:var(--ink-3);margin-top:5px}
.nums-note{grid-column:1/-1;text-align:center;font-size:13px;color:var(--ink-3);margin-top:6px}

/* секции */
.sec-h{display:flex;align-items:flex-end;justify-content:space-between;gap:26px;flex-wrap:wrap;
     margin-bottom:26px}
.sec-h h2{font-size:clamp(26px,2.9vw,36px);font-weight:800;letter-spacing:-.028em}
.sec-h p{margin:0;font-size:15.5px;color:var(--ink-2);max-width:32em;line-height:1.6}
.games{padding:14px 0 64px}
.pad{padding:56px 0 64px}

/* баннер игры */
.gbanner{background:linear-gradient(135deg,#1E5C8F 0%,#2B7FBF 100%);border-radius:16px;
     padding:28px 32px;display:grid;grid-template-columns:1.25fr auto auto;gap:32px;
     align-items:center;margin-bottom:16px;color:#E4EEF6}
.gbanner.lvl2{background:linear-gradient(135deg,#2B3A4A 0%,#3E5468 100%)}
.gbanner .lvl{display:inline-block;background:rgba(255,255,255,.18);color:#fff;font-size:12px;
     font-weight:700;padding:4px 11px;border-radius:999px;margin-bottom:11px}
.gbanner h3{color:#fff;font-size:23px;font-weight:800;letter-spacing:-.02em;margin-bottom:9px}
.gbanner h3 a{color:#fff}
.gbanner h3 a:hover{color:#CFE0EE}
.gbanner .when{font-size:15px;color:#CFE0EE;line-height:1.6}
.gbanner .when b{color:#fff;font-weight:600}
.gpeople{text-align:center}
.gpeople .who{display:flex;justify-content:center;margin-bottom:9px}
.gpeople .av{width:40px;height:40px;border-radius:50%;display:grid;place-items:center;
     font-size:14px;font-weight:700;color:#fff;border:2.5px solid #2B7FBF;margin-left:-10px}
.gbanner.lvl2 .gpeople .av{border-color:#3E5468}
.gpeople .av:first-child{margin-left:0}
.gpeople .av.more{background:rgba(255,255,255,.16);font-weight:600}
.gpeople .left{font-size:13.5px;color:#CFE0EE;font-weight:500}
.gpeople .left b{color:#fff;font-weight:700}
.gact{text-align:right}
.gact .price{font-size:26px;font-weight:800;color:#fff;letter-spacing:-.03em;margin-bottom:11px}

.empty-note{border:1.5px dashed var(--line);border-radius:14px;padding:30px;text-align:center;
     color:var(--ink-2);font-size:15px}

/* отзывы */
.band{background:var(--soft);border-top:1px solid var(--line);border-bottom:1px solid var(--line)}
.revs{display:grid;grid-template-columns:repeat(3,1fr);gap:18px}
.rev{background:#fff;border:1px solid var(--line);border-radius:14px;padding:22px 24px 24px;
     position:relative}
.rev .t{display:flex;align-items:center;gap:12px;margin-bottom:12px}
.rev .av{width:44px;height:44px;border-radius:50%;display:grid;place-items:center;color:#fff;
     font-weight:700;font-size:15px;flex:none}
.rev .t b{display:block;font-size:15px;font-weight:700;color:var(--ink)}
.rev .t small{font-size:12.5px;color:var(--ink-3)}
.stars{display:flex;gap:2px;color:#E8A33D;margin-bottom:10px}
.rev p{margin:0;font-size:14.5px;line-height:1.65}
.rev .draft{position:absolute;right:14px;top:14px;background:var(--soft);color:var(--ink-3);
     font-size:11px;font-weight:600;padding:3px 8px;border-radius:5px}

/* ведущие */
.hosts{display:grid;grid-template-columns:repeat(3,1fr);gap:22px}
.host{background:#fff;border:1px solid var(--line);border-radius:16px;overflow:hidden}
.host .ph{position:relative}
.host .ph img{width:100%;height:240px;object-fit:cover;object-position:center 12%;display:block}
.host .ph .temp{position:absolute;left:10px;top:10px;background:rgba(30,34,38,.78);color:#fff;
     font-size:11px;font-weight:600;padding:4px 9px;border-radius:5px}
.host .in{padding:20px 22px 24px}
.host h3{font-size:18px;font-weight:700;letter-spacing:-.015em;margin-bottom:4px}
.host .role{font-size:13px;font-weight:600;color:var(--blue);margin-bottom:11px}
.host p{margin:0;font-size:14.5px;line-height:1.6}

/* страница игры */
.game-page{display:grid;grid-template-columns:1.4fr .9fr;gap:44px;padding:44px 0 70px;
     align-items:start}
.game-page h1{font-size:clamp(26px,3vw,36px);font-weight:800;letter-spacing:-.03em;
     margin-bottom:14px}
.game-page .lead{font-size:17px;line-height:1.7;margin:0 0 22px}
.game-facts{display:grid;grid-template-columns:1fr 1fr;gap:16px;margin-bottom:26px}
.game-facts div{border:1px solid var(--line);border-radius:12px;padding:15px 17px}
.game-facts .k{font-size:12.5px;color:var(--ink-3);font-weight:600;text-transform:uppercase;
     letter-spacing:.05em;margin-bottom:5px}
.game-facts .v{font-size:16px;font-weight:600;color:var(--ink)}
.book-card{background:var(--soft);border:1px solid var(--line);border-radius:16px;
     padding:26px 26px 28px;position:sticky;top:92px}
.book-card .price{font-size:36px;font-weight:800;letter-spacing:-.035em;color:var(--ink)}
.book-card .price small{font-size:15px;font-weight:600;color:var(--ink-3);letter-spacing:0}
.book-card .left{font-size:14.5px;font-weight:600;color:var(--green);margin:12px 0 16px}
.book-card .left.few{color:var(--amber)}
.book-card .who{display:flex;margin-bottom:16px}
.book-card .who .av{width:38px;height:38px;border-radius:50%;display:grid;place-items:center;
     color:#fff;font-weight:700;font-size:13px;border:2.5px solid var(--soft);margin-left:-9px}
.book-card .who .av:first-child{margin-left:0}
.book-card .who .av.more{background:#fff;border:2px dashed var(--line);color:var(--ink-3)}
.book-card .btn{width:100%}
.book-card .note{font-size:13px;color:var(--ink-3);margin-top:12px;line-height:1.5}

/* текстовая страница */
.doc{max-width:44em;padding:40px 0 70px}
.doc h2{font-size:22px;font-weight:700;letter-spacing:-.02em;margin:32px 0 12px}
.doc p{margin:0 0 14px;font-size:16px;line-height:1.72}
.doc ul{margin:0 0 16px;padding-left:22px}
.doc li{margin-bottom:8px;line-height:1.65}
.doc .todo{background:#FBF1E8;border:1px solid #EBD9C6;border-radius:10px;padding:14px 16px;
     font-size:14.5px;color:#6E5645;margin-bottom:20px}

/* контакты */
.contacts{padding:58px 0 70px;display:grid;grid-template-columns:1fr 1fr;gap:40px;
     align-items:center}
.contacts h2{font-size:30px;font-weight:800;letter-spacing:-.025em;margin-bottom:14px}
.contacts p{margin:0 0 8px;font-size:16px;line-height:1.7}
.contacts .big{font-size:24px;font-weight:700;color:var(--ink);letter-spacing:-.02em}

/* подвал */
footer.site{background:var(--dark);color:#98A2AB;padding:38px 0 44px;font-size:14px}
footer.site .cols{display:grid;grid-template-columns:1.4fr 1fr 1fr 1fr;gap:30px}
footer.site h4{color:#fff;font-size:14px;font-weight:700;margin-bottom:12px}
footer.site a{color:#98A2AB;display:block;padding:3px 0}
footer.site a:hover{color:#fff}
footer.site .lg{color:#fff;font-weight:800;font-size:17px;margin-bottom:8px}

@media (max-width:1040px){
  .wrap{padding:0 20px}
  .hero .in{grid-template-columns:1fr;gap:28px}
  .strip{grid-template-columns:repeat(3,1fr)}
  .strip img{height:150px}
  .offers{grid-template-columns:1fr}
  .nums{grid-template-columns:1fr;gap:28px;padding:40px 0}
  .gbanner{grid-template-columns:1fr;gap:20px}
  .gpeople,.gact{text-align:left}
  .gpeople .who{justify-content:flex-start}
  .revs,.hosts{grid-template-columns:1fr}
  .game-page{grid-template-columns:1fr;gap:26px}
  .book-card{position:static}
  .game-facts{grid-template-columns:1fr}
  .contacts{grid-template-columns:1fr;gap:20px}
  footer.site .cols{grid-template-columns:1fr 1fr}
  .nav a.n,.city{display:none}
}

/* ===================================================================
   Блоки в духе richdad.com: белые карточки на слегка сером фоне,
   кружки с иконками, галочки, таблица сравнения, вопросы-ответы.
   Палитра наша — графит и голубой.
   =================================================================== */

/* Фон страницы чуть темнее белого — иначе белые карточки не «всплывают» */
body{background:#FAFAFA}
.on-white{background:#fff}

/* Крупный дружелюбный заголовок секции */
.big-h{text-align:center;max-width:24em;margin:0 auto 14px;
     font-size:clamp(27px,3.2vw,42px);font-weight:700;letter-spacing:-.03em;line-height:1.14}
.big-sub{text-align:center;max-width:44em;margin:0 auto 42px;font-size:16.5px;
     line-height:1.7;color:var(--ink-2)}

/* Кружки с иконками */
.learn{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:38px 34px}
.learn .it{text-align:center}
.learn .circ{width:76px;height:76px;border-radius:50%;background:var(--blue-soft);
     display:grid;place-items:center;margin:0 auto 16px;color:var(--blue)}
.learn .circ svg{width:34px;height:34px;fill:none;stroke:currentColor;stroke-width:1.6;
     stroke-linecap:round;stroke-linejoin:round}
.learn h3{font-size:17px;font-weight:700;letter-spacing:-.015em;margin-bottom:8px;
     line-height:1.32}
.learn p{margin:0;font-size:14.5px;line-height:1.62;color:var(--ink-2)}

/* Белые карточки с фото */
.cards3{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:22px}
.pcard{background:#fff;border-radius:16px;overflow:hidden;
     box-shadow:0 2px 6px rgba(30,34,38,.05), 0 12px 30px rgba(30,34,38,.07);
     transition:transform .18s ease, box-shadow .18s ease}
.pcard:hover{transform:translateY(-3px);
     box-shadow:0 4px 10px rgba(30,34,38,.07), 0 18px 44px rgba(30,34,38,.11)}
.pcard img{width:100%;height:210px;object-fit:cover;display:block}
.pcard .in{padding:22px 24px 26px}
.pcard h3{font-size:14px;font-weight:700;letter-spacing:.1em;text-transform:uppercase;
     color:var(--blue);margin-bottom:10px}
.pcard p{margin:0;font-size:15px;line-height:1.65;color:var(--ink-2)}

/* Список с галочками */
.checks{list-style:none;margin:0;padding:0;max-width:40em}
.checks li{display:flex;gap:13px;align-items:flex-start;margin-bottom:14px;font-size:16.5px;
     line-height:1.6}
.checks li svg{width:22px;height:22px;flex:none;margin-top:2px;fill:var(--blue)}

/* Таблица сравнения */
.cmp{width:100%;border-collapse:separate;border-spacing:0;background:#fff;border-radius:14px;
     overflow:hidden;box-shadow:0 2px 6px rgba(30,34,38,.05), 0 12px 30px rgba(30,34,38,.06)}
.cmp th,.cmp td{padding:15px 20px;text-align:left;font-size:15px;vertical-align:top;
     border-bottom:1px solid var(--line)}
.cmp thead th{background:var(--dark);color:#fff;font-weight:700;font-size:14.5px;
     border-bottom:none}
.cmp thead th:first-child{background:var(--dark-2)}
.cmp tbody th{font-weight:600;color:var(--ink);width:22%}
.cmp td:last-child{color:var(--ink);font-weight:600;background:var(--blue-soft)}
.cmp tr:last-child th,.cmp tr:last-child td{border-bottom:none}
.cmp-wrap{overflow-x:auto}

/* Вопросы и ответы */
.faq{max-width:56em;margin:0 auto}
.faq details{background:#fff;border-radius:12px;margin-bottom:10px;
     box-shadow:0 1px 3px rgba(30,34,38,.05), 0 6px 18px rgba(30,34,38,.05)}
.faq summary{list-style:none;cursor:pointer;padding:18px 54px 18px 22px;position:relative;
     font-size:16.5px;font-weight:600;color:var(--ink);line-height:1.45}
.faq summary::-webkit-details-marker{display:none}
.faq summary::after{content:"";position:absolute;right:22px;top:50%;width:11px;height:11px;
     border-right:2px solid var(--ink-3);border-bottom:2px solid var(--ink-3);
     transform:translateY(-70%) rotate(45deg);transition:transform .18s ease}
.faq details[open] summary::after{transform:translateY(-30%) rotate(-135deg)}
.faq details[open] summary{color:var(--blue)}
.faq .ans{padding:0 22px 20px;font-size:15.5px;line-height:1.7;color:var(--ink-2)}

@media (max-width:1040px){
  .learn{grid-template-columns:1fr 1fr;gap:30px 22px}
  .cards3{grid-template-columns:1fr}
  .pcard img{height:200px}
}
@media (max-width:620px){
  .learn{grid-template-columns:1fr}
}