/* Public website only. Shared with both languages; no application selectors. */
.site-redesign {
  --paper:#191a20; --paper-2:#0f1014; --card:#23242c; --card-2:#23242c;
  --ink:#f7f7f8; --ink-2:#aaaab5; --ink-3:#92929f; --ink-4:#777882;
  --line:#2b2c35; --line-2:#393944; --red:#a28bff; --red-ink:#7657f5;
  background:#191a20; font-family:Onest,system-ui,sans-serif; color:var(--ink);
}
.site-redesign header.nav { background:rgba(15,16,20,.96); border-bottom:1px solid var(--line); }
.site-redesign.article-page header.nav { position:sticky; }
.site-redesign .nav-in { min-height:76px; height:auto; padding-block:8px; }
.site-redesign .brand { gap:2px; }
.site-redesign .nav-links a { min-height:44px; display:flex; align-items:center; }
.site-redesign .lang-toggle { height:auto; }
.site-redesign .btn { min-height:44px; border-radius:10px; font-weight:500; justify-content:center; }
.site-redesign .btn-primary { background:#5c3ddb; color:#fff; }
.site-redesign .btn-primary:hover { background:#7657f5; }
.site-redesign .btn-dark { background:#23242c; color:#f7f7f8; }
.site-redesign :is(h1,h2,h3) { font-family:Onest,system-ui,sans-serif; font-weight:500; letter-spacing:-.045em; }
.site-redesign :is(p,li) { font-weight:400; }
.site-redesign [id] { scroll-margin-top:100px; }
.site-redesign .article-hero { background:#0f1014; padding:76px 0 80px; }
.site-redesign .article-grid { grid-template-columns:minmax(0,1.1fr) minmax(0,.9fr); gap:56px; }
.site-redesign h1 { max-width:17ch; font-size:clamp(38px,4.5vw,68px); line-height:1.1; }
.site-redesign .hero-lead { font-size:19px; line-height:1.7; }
.site-redesign :is(.hero-card,.loqer-demo) { background:#191a20; border:1px solid var(--line); border-radius:16px; box-shadow:none; }
.site-redesign .hero-card { padding:20px; }
.site-redesign .hero-card img { border:0; border-radius:10px; }
.site-redesign :is(.hero-card,.loqer-demo) p { color:#aaaab5; font-size:15px; }
.site-redesign .content-band { padding:88px 0; background:#191a20; }
.site-redesign article { font-size:18px; line-height:1.8; }
.site-redesign article h2 { font-size:clamp(29px,3vw,42px); line-height:1.2; margin-top:54px; }
.site-redesign article h2:first-child { margin-top:0; }
.site-redesign article h3 { line-height:1.3; }
.site-redesign :is(.answer-box,.side-card,.practice,.next-card,.formula .box) { background:#23242c; border-color:var(--line); box-shadow:none; }
.site-redesign .answer-box { border-left:3px solid #7657f5; }
.site-redesign .answer-box p { font-size:19px; }
.site-redesign .practice-step .num { color:#bfaeff; background:#30265f; }
.site-redesign .side { top:100px; }
.site-redesign .side-card a:not(.btn) { min-height:40px; }
.site-redesign .next-card:hover { background:#2b2c35; border-color:#51446f; }
.site-redesign .cta-strip { background:#0f1014; border-block:1px solid var(--line); }
.site-redesign .cta-strip h2 { max-width:20ch; font-size:clamp(32px,4vw,54px); }
.site-redesign .cta-strip p { color:#aaaab5; }
.site-redesign footer { background:#0f1014; }
.site-redesign .foot-top img { width:190px; max-width:100%; }
.site-redesign .foot-col a { min-height:40px; }
.site-redesign .frame-bar { background:#23242c; }
.site-redesign .lq-tip { background:#23242c; }
.site-redesign .sec-title { font-size:clamp(34px,4vw,58px); line-height:1.12; }
.site-redesign .sec,.site-redesign .intro-sec { padding-block:96px; }
.site-redesign .sec-lead { color:#aaaab5; line-height:1.7; }
.site-redesign .price-card.featured { border:1px solid #7657f5; }
.site-redesign .study-notice { color:var(--ink); }
.site-redesign .study-notice p { color:var(--ink-2); }
@media(max-width:1100px) {
  .site-redesign .article-grid { gap:32px; }
  .site-redesign .content-grid { gap:30px; grid-template-columns:minmax(0,1fr) 270px; }
}
@media(max-width:900px) {
  .site-redesign .article-grid,.site-redesign .content-grid { grid-template-columns:minmax(0,1fr); }
  .site-redesign .hero-card { max-width:680px; }
  .site-redesign .side { position:static; }
  .site-redesign h1 { max-width:22ch; }
}
@media(max-width:640px) {
  .site-redesign .wrap,.site-redesign .article-wrap { width:calc(100% - 32px); }
  .site-redesign .article-hero { padding:38px 0 44px; }
  .site-redesign .content-band,.site-redesign .sec,.site-redesign .intro-sec { padding-block:48px; }
  .site-redesign .hero-lead,.site-redesign article { font-size:16px; }
  .site-redesign .hero-actions { gap:10px; margin-top:24px; }
  .site-redesign .hero-actions .btn { white-space:normal; }
  .site-redesign :is(.answer-box,.side-card,.loqer-demo,.next-card) { padding:20px; }
  .site-redesign .demo-head { flex-wrap:wrap; }
  .site-redesign .next-grid { grid-template-columns:1fr; }
  .site-redesign .sec-head { flex-direction:column; align-items:flex-start; }
  .site-redesign .sec-head>* { min-width:0; max-width:100%; }
  .site-redesign .cta-inner { align-items:flex-start; }
  .site-redesign .cta-inner .btn { white-space:normal; }
}
@media(prefers-reduced-motion:reduce) {
  .site-redesign *, .site-redesign *::before { scroll-behavior:auto!important; animation:none!important; transition:none!important; }
}