/* Brand themes. «classic» is app.css as is; the others override tokens, type and a few signature details.
   The theme is <html data-theme="…">: set by the platform default or by the visitor (footer switch). */
@font-face{font-family:Onest;src:url("fonts/onest.a418dc3b9f09.woff2") format("woff2");font-weight:100 900;font-display:swap}
@font-face{font-family:Geologica;src:url("fonts/geologica.af937468b97f.woff2") format("woff2");font-weight:100 900;font-display:swap}
@font-face{font-family:Inter;src:url("fonts/inter.7c948c9eb755.woff2") format("woff2");font-weight:100 900;font-display:swap}
@font-face{font-family:Literata;src:url("fonts/literata.20012c4b2cbf.woff2") format("woff2");font-weight:400 700;font-style:normal;font-display:swap}
@font-face{font-family:Literata;src:url("fonts/literata-italic.45ef3f48537f.woff2") format("woff2");font-weight:400 700;font-style:italic;font-display:swap}

/* ---------- everything that is not classic ---------- */
[data-theme]:not([data-theme=classic]) body{font-family:var(--body),system-ui,sans-serif;font-size:15px;color:var(--ink);background:var(--bg)}
[data-theme]:not([data-theme=classic]) h1,[data-theme]:not([data-theme=classic]) h2,[data-theme]:not([data-theme=classic]) h3,
[data-theme]:not([data-theme=classic]) .brand,[data-theme]:not([data-theme=classic]) .card-bottom strong,[data-theme]:not([data-theme=classic]) .plan-price,
[data-theme]:not([data-theme=classic]) .kpi b,[data-theme]:not([data-theme=classic]) .statement-payout strong{font-family:var(--display),system-ui,sans-serif}
[data-theme]:not([data-theme=classic]) h1,[data-theme]:not([data-theme=classic]) h2{font-weight:650;letter-spacing:-.035em}
[data-theme]:not([data-theme=classic]) h3{font-weight:600;letter-spacing:-.02em}
[data-theme]:not([data-theme=classic]) .hero h1{letter-spacing:-.045em;font-weight:680}
[data-theme]:not([data-theme=classic]) input,[data-theme]:not([data-theme=classic]) select,[data-theme]:not([data-theme=classic]) textarea{border-color:var(--line);border-radius:calc(var(--radius) - 6px)}
[data-theme]:not([data-theme=classic]) .brand{gap:11px;font-size:22px;font-weight:650;letter-spacing:-.03em}
[data-theme]:not([data-theme=classic]) .brand.small{font-size:17px}
.brand-mark{display:inline-flex;width:38px;height:38px;flex:none}.brand-mark svg{width:100%;height:100%}
.brand.small .brand-mark{width:28px;height:28px}
[data-theme]:not([data-theme=classic]) .button{border-radius:var(--button-radius);font-weight:600;font-size:14px;padding:13px 22px}
[data-theme]:not([data-theme=classic]) .button.small-button{padding:9px 15px;font-size:13px}
[data-theme]:not([data-theme=classic]) .button.primary{background:var(--primary);border-color:var(--primary);color:var(--on-primary)}
[data-theme]:not([data-theme=classic]) .button.primary:hover{background:var(--primary-hover);border-color:var(--primary-hover)}
[data-theme]:not([data-theme=classic]) .button.secondary{border-color:var(--line-strong);background:var(--paper)}
[data-theme]:not([data-theme=classic]) .owner-link{border-radius:var(--button-radius);border-color:var(--line-strong)}
[data-theme]:not([data-theme=classic]) .sidebar a{border-radius:12px}
[data-theme]:not([data-theme=classic]) .sidebar a.active{background:var(--primary);color:var(--on-primary)}
[data-theme]:not([data-theme=classic]) .workspace-card,[data-theme]:not([data-theme=classic]) .plan-card,[data-theme]:not([data-theme=classic]) .access-card,
[data-theme]:not([data-theme=classic]) .partner-points article,[data-theme]:not([data-theme=classic]) .partners-features article,[data-theme]:not([data-theme=classic]) .price-principles article,
[data-theme]:not([data-theme=classic]) .search-bar,[data-theme]:not([data-theme=classic]) .statement-property,[data-theme]:not([data-theme=classic]) .onboarding-steps li{border-radius:var(--radius);border-color:var(--line)}
[data-theme]:not([data-theme=classic]) .card-image{border-radius:var(--radius)}
[data-theme]:not([data-theme=classic]) .plan-card.featured{border-color:var(--primary)}
[data-theme]:not([data-theme=classic]) .plan-badge{background:var(--accent);color:var(--on-accent)}
[data-theme]:not([data-theme=classic]) .eyebrow{font-family:var(--body);font-size:11px;letter-spacing:.16em;font-weight:650;color:var(--eyebrow)}
[data-theme]:not([data-theme=classic]) .tiny-line{background:var(--accent);height:2px}
[data-theme]:not([data-theme=classic]) .hero-copy>p{color:var(--muted);font-size:16px}
[data-theme]:not([data-theme=classic]) .hero-image-tag{font-family:var(--display);font-style:normal;font-weight:600;letter-spacing:-.02em}
[data-theme]:not([data-theme=classic]) .round-check{background:var(--soft);color:var(--primary)}
[data-theme]:not([data-theme=classic]) .demo-strip{background:var(--strip-bg);color:var(--strip-ink)}
[data-theme]:not([data-theme=classic]) .text-link{text-decoration-color:var(--accent);text-decoration-thickness:2px}
[data-theme]:not([data-theme=classic]) .price-marker{background:var(--primary);color:var(--on-primary)}
[data-theme]:not([data-theme=classic]) .onboarding-progress i,[data-theme]:not([data-theme=classic]) .occupancy-bar i,[data-theme]:not([data-theme=classic]) .funnel-bar i{background:var(--accent2)}
[data-theme]:not([data-theme=classic]) .statement-payout{background:var(--primary);color:var(--on-primary)}
[data-theme]:not([data-theme=classic]) .partners-hero h1,[data-theme]:not([data-theme=classic]) .signup-pitch h1{letter-spacing:-.045em}
[data-theme]:not([data-theme=classic]) .demo-banner{background:var(--primary);color:var(--on-primary);border-radius:var(--radius)}
[data-theme]:not([data-theme=classic]) .signup-card,[data-theme]:not([data-theme=classic]) .pay-online{border-radius:calc(var(--radius) + 4px)}
[data-theme]:not([data-theme=classic]) .chip-choice input:checked+span{background:var(--primary);border-color:var(--primary);color:var(--on-primary)}
[data-theme]:not([data-theme=classic]) a:focus-visible,[data-theme]:not([data-theme=classic]) button:focus-visible{outline-color:var(--accent)}

/* footer theme switch (all themes) */
.theme-switch{display:flex;flex-wrap:wrap;gap:4px 10px;align-items:center;font-size:11px;color:var(--muted)}
.theme-switch a{padding:4px 2px;text-decoration:none;border-bottom:1px solid transparent}
.theme-switch a[aria-current]{color:var(--ink);border-bottom-color:var(--accent);font-weight:600}

/* ---------- Алатау: горы над городом ---------- */
[data-theme=alatau]{--bg:#f2f5f7;--paper:#fff;--ink:#12263a;--muted:#5d6e7e;--green:#12263a;--accent:#f08a3c;--accent2:#2f6f8f;--line:#dde5eb;--line-strong:#c9d5de;--soft:#e7eef3;--radius:16px;
  --display:Geologica;--body:Geologica;--button-radius:999px;--primary:#12263a;--primary-hover:#1d3a55;--on-primary:#fff;--on-accent:#1b1209;--eyebrow:#2f6f8f;
  --strip-bg:#12263a;--strip-ink:#cfe0ea;--brand-mark-bg:#12263a;--brand-mark-fg:#fff}
[data-theme=alatau] h1 em,[data-theme=alatau] .hero h1 em{font-family:inherit;font-style:normal;color:inherit;background:linear-gradient(transparent 60%,#f6b27a 60%,#f6b27a 90%,transparent 90%)}
[data-theme=alatau] .hero,[data-theme=alatau] .partners-hero{position:relative;isolation:isolate}
[data-theme=alatau] .hero::after,[data-theme=alatau] .partners-hero::after{content:"";position:absolute;left:-48px;right:-48px;bottom:-24px;height:140px;z-index:-1;
  background:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 1280 160' preserveAspectRatio='none'%3E%3Cpath d='M0 160V110l120-40 90 30 120-80 90 60 100-40 90 50 110-90 100 80 110-30 100 50 120-70 130 60v50Z' fill='%23dfe8ee'/%3E%3Cpath d='M0 160v-25l160-35 140 30 160-50 140 45 160-55 140 50 160-35 140 40 80-15v50Z' fill='%23cfdde6'/%3E%3C/svg%3E") bottom/100% 100% no-repeat}
[data-theme=alatau] .hero-image{border-radius:24px}
[data-theme=alatau] .hero-image::before{content:"";position:absolute;right:30px;top:30px;width:46px;height:46px;border-radius:50%;background:radial-gradient(circle,#ffd2a8,#f08a3c 72%);opacity:.85;z-index:1;box-shadow:0 0 60px #f08a3c88}
[data-theme=alatau] .hero .button.primary,[data-theme=alatau] .partners-hero .button.primary,[data-theme=alatau] .signup-submit,[data-theme=alatau] .demo-banner .button{background:var(--accent);border-color:var(--accent);color:var(--on-accent)}

/* ---------- Шаңырақ: купол юрты, символ дома ---------- */
[data-theme=shanyrak]{--bg:#fbfbf8;--paper:#fff;--ink:#16191d;--muted:#666d72;--green:#0f8f86;--accent:#e9a43a;--accent2:#0f8f86;--line:#e9e9e3;--line-strong:#d9dad2;--soft:#eef6f4;--radius:20px;
  --display:Onest;--body:Onest;--button-radius:999px;--primary:#0f8f86;--primary-hover:#0b7a72;--on-primary:#fff;--on-accent:#24180a;--eyebrow:#0f8f86;
  --strip-bg:#eef6f4;--strip-ink:#0b6d66;--brand-mark-bg:#0f8f86;--brand-mark-fg:#fff}
[data-theme=shanyrak] h1 em,[data-theme=shanyrak] h2 em{font-family:Literata,Georgia,serif;font-style:italic;font-weight:500;color:var(--primary);letter-spacing:-.02em}
[data-theme=shanyrak] .hero-image{border-radius:260px 260px 24px 24px}
[data-theme=shanyrak] .hero-copy,[data-theme=shanyrak] .partners-hero>div:first-child{position:relative;isolation:isolate}
[data-theme=shanyrak] .hero-copy::before,[data-theme=shanyrak] .partners-hero>div:first-child::before{content:"";position:absolute;left:-110px;top:-20px;width:400px;height:400px;z-index:-1;opacity:.08;
  background:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 400 400'%3E%3Cg fill='none' stroke='%230f8f86' stroke-linecap='round'%3E%3Ccircle cx='200' cy='200' r='190' stroke-width='4'/%3E%3Ccircle cx='200' cy='200' r='130' stroke-width='12'/%3E%3Cpath d='M110 110Q200 200 110 290M150 80Q230 200 150 320M290 110Q200 200 290 290M250 80Q170 200 250 320M110 110Q200 180 290 110M110 290Q200 220 290 290' stroke-width='8'/%3E%3C/g%3E%3C/svg%3E") center/contain no-repeat}
[data-theme=shanyrak] .hero .button.primary,[data-theme=shanyrak] .partners-hero .button.primary,[data-theme=shanyrak] .signup-submit,[data-theme=shanyrak] .demo-banner .button{background:var(--accent);border-color:var(--accent);color:var(--on-accent)}
[data-theme=shanyrak] .card-arrow{border-color:var(--line-strong)}
[data-theme=shanyrak] .card-image:hover img{transform:scale(1.035)}

/* ---------- Ночь Алматы: пульт управления ---------- */
[data-theme=night]{--bg:#f6f7f9;--paper:#fff;--ink:#0b0f14;--muted:#677180;--green:#0b0f14;--accent:#43e3a1;--accent2:#7c8cff;--line:#e3e6eb;--line-strong:#d3d8e0;--soft:#eef1f4;--radius:14px;
  --display:Inter;--body:Onest;--button-radius:10px;--primary:#0b0f14;--primary-hover:#1b2430;--on-primary:#fff;--on-accent:#06130d;--eyebrow:#4b5563;
  --strip-bg:#0b0f14;--strip-ink:#8ff0c6;--brand-mark-bg:#43e3a1;--brand-mark-fg:#0b0f14}
[data-theme=night] h1 em,[data-theme=night] h2 em{font-family:inherit;font-style:normal;background:linear-gradient(90deg,#16b981,#6b7bff);-webkit-background-clip:text;background-clip:text;color:transparent}
[data-theme=night] .hero-image{border-radius:20px;box-shadow:0 30px 80px #0b0f1426}
[data-theme=night] .partners-hero{background:#0b0f14;color:#eef2f7;border-radius:28px;padding:56px;position:relative;overflow:hidden;isolation:isolate}
[data-theme=night] .partners-hero::before{content:"";position:absolute;inset:0;z-index:-1;background:radial-gradient(circle at 85% 0%,#43e3a133,transparent 45%),radial-gradient(circle at 100% 100%,#7c8cff29,transparent 40%),linear-gradient(#ffffff0a 1px,transparent 1px),linear-gradient(90deg,#ffffff0a 1px,transparent 1px);background-size:auto,auto,44px 44px,44px 44px}
[data-theme=night] .partners-hero h1 em{background:linear-gradient(90deg,#43e3a1,#9aa6ff);-webkit-background-clip:text;background-clip:text}
[data-theme=night] .partners-hero>div>p,[data-theme=night] .partners-hero .muted,[data-theme=night] .partners-hero .eyebrow{color:#a7b0bd}
[data-theme=night] .partners-hero .button.primary{background:var(--accent);border-color:var(--accent);color:var(--on-accent)}
[data-theme=night] .partners-hero .button.secondary{background:transparent;color:#eef2f7;border-color:#334155}
[data-theme=night] .partners-hero .text-button,[data-theme=night] .partners-hero .text-link{color:#cbd5e1}
[data-theme=night] .partners-hero .partner-points article{background:#121821cc;border-color:#1f2833;color:#e9eef4}
[data-theme=night] .partner-points span{color:#8b96a5}
[data-theme=night] .signup-submit,[data-theme=night] .demo-banner .button{background:var(--accent);border-color:var(--accent);color:var(--on-accent)}
[data-theme=night] .demo-banner{background:#0b0f14}
[data-theme=night] .sidebar a.active .side-badge{background:var(--accent);color:var(--on-accent)}
@media(max-width:760px){[data-theme=night] .partners-hero{padding:28px 20px;border-radius:20px}[data-theme=alatau] .hero::after,[data-theme=alatau] .partners-hero::after{height:80px}}
[data-theme]:not([data-theme=classic]) .notice:not(.error):not(.warning){background:var(--soft);border-color:var(--line);border-radius:calc(var(--radius) - 4px)}
[data-theme]:not([data-theme=classic]) .guest-panel{background:var(--soft);border-color:var(--line);border-radius:var(--radius)}
[data-theme]:not([data-theme=classic]) .trial-banner{border-radius:calc(var(--radius) - 4px)}