/* ─── LIGHT MODE TOKENS ─────────────────────────────────────── */
:root{
  --paper:#f2f4f3;
  --paper-2:#e5e9e7;
  --warm:#d9dfdd;
  --stone:#c3cbc8;
  --fog:#fbfcfb;
  --ink:#171716;
  --ink-2:#2b2926;
  --muted:#68706d;
  --line:rgba(23,23,22,.16);
  --line-strong:rgba(23,23,22,.28);
  --gold:#5f7178;
  --olive:#313c38;
  --plum:#423946;
  --smoke:#78817f;
  --radius:8px;
  --shadow:0 24px 70px rgba(32,29,24,.18);
  --max:1180px;
  --pad:clamp(20px,5vw,68px);

  /* Dark mode surface tokens (overridden in dark) */
  --dm-base:#111413;
  --dm-s1:#161918;
  --dm-s2:#1b1f1e;
  --dm-s3:#1f2422;
  --dm-s4:#242927;
  --dm-s5:#0d1010;
  --dm-accent:#7a9ea6;
  --dm-accent-dim:#4a6b72;
  --dm-text:#e8ecea;
  --dm-text-2:#b0bcb8;
  --dm-text-muted:#7a8a87;
  --dm-line:rgba(255,255,255,.09);
  --dm-line-strong:rgba(255,255,255,.16);
  --dm-card:#1d2220;
  --dm-card-2:#222927;
  --dm-fog:#e4ebe8;
}

/* ─── DARK MODE TOKEN OVERRIDES ─────────────────────────────── */
html[data-theme="dark"]{
  --paper:var(--dm-base);
  --paper-2:var(--dm-s2);
  --warm:var(--dm-s3);
  --stone:var(--dm-s4);
  --fog:var(--dm-fog);
  --ink:var(--dm-text);
  --ink-2:#d0dbd7;
  --muted:var(--dm-text-muted);
  --line:var(--dm-line);
  --line-strong:var(--dm-line-strong);
  --gold:var(--dm-accent);
  --olive:#1e2a27;
  --plum:#241f2a;
  --smoke:#5a7070;
  --shadow:0 24px 70px rgba(0,0,0,.55);
}

/* ─── GRAPHITE THEME (grey-shifted default) ──────────────────── */
html[data-site-theme="graphite"] {
  --paper: #eef0f2;
  --paper-2: #e0e3e7;
  --warm: #d0d4d9;
  --stone: #bbbfc6;
  --fog: #f5f6f8;
  --ink: #111318;
  --ink-2: #222530;
  --muted: #606470;
  --line: rgba(17,19,24,.15);
  --line-strong: rgba(17,19,24,.26);
  --gold: #525c6e;
  --olive: #2a2f38;
  --plum: #353440;
  --smoke: #72788a;

  /* dark mode tokens for graphite */
  --dm-base: #0c0d10;
  --dm-s1: #131519;
  --dm-s2: #191c22;
  --dm-s3: #1f2228;
  --dm-s4: #252830;
  --dm-s5: #090a0c;
  --dm-accent: #8894aa;
  --dm-accent-dim: #5a6478;
  --dm-text: #e2e5eb;
  --dm-text-2: #adb4c0;
  --dm-text-muted: #747c8c;
  --dm-line: rgba(255,255,255,.09);
  --dm-line-strong: rgba(255,255,255,.16);
  --dm-card: #171a20;
  --dm-card-2: #1d2028;
  --dm-fog: #e0e4ea;
}
html[data-site-theme="graphite"][data-theme="dark"] {
  --paper: #0c0d10;
  --paper-2: #191c22;
  --warm: #1f2228;
  --stone: #252830;
  --fog: #e2e5eb;
  --ink: #e2e5eb;
  --ink-2: #adb4c0;
  --muted: #747c8c;
  --line: rgba(255,255,255,.09);
  --line-strong: rgba(255,255,255,.16);
  --gold: #8894aa;
  --olive: #13161c;
  --plum: #1c1c28;
  --smoke: #545c70;
  --shadow: 0 24px 70px rgba(0,0,0,.65);
}

/* ─── EMERALD FOREST THEME ──────────────────────────────────── */
html[data-site-theme="forest"] {
  --paper: #f2f7f2;
  --paper-2: #dceadc;
  --warm: #c6d9c6;
  --stone: #a8c5a8;
  --fog: #f7fbf7;
  --ink: #0d1a0d;
  --ink-2: #1a2e1a;
  --muted: #4a6b4a;
  --line: rgba(13,26,13,.14);
  --line-strong: rgba(13,26,13,.26);
  --gold: #3a7a4a;
  --olive: #1a3a26;
  --plum: #2d3b1a;
  --smoke: #5e8060;
}
html[data-site-theme="forest"][data-theme="dark"] {
  --paper: #080e08;
  --paper-2: #101a10;
  --warm: #172417;
  --stone: #1e2e1e;
  --fog: #d5e8d5;
  --ink: #d5e8d5;
  --ink-2: #9abf9a;
  --muted: #608060;
  --line: rgba(255,255,255,.07);
  --line-strong: rgba(255,255,255,.14);
  --gold: #5ab87a;
  --olive: #0a1c10;
  --plum: #1e2a0e;
  --smoke: #486050;
  --dm-base:#080e08;
  --dm-s1:#101a10;
  --dm-s2:#172417;
  --dm-s3:#1e2e1e;
  --dm-s4:#253525;
  --dm-s5:#060c06;
  --dm-accent:#5ab87a;
  --dm-accent-dim:#387a4e;
  --dm-text:#d5e8d5;
  --dm-text-2:#9abf9a;
  --dm-text-muted:#608060;
  --dm-card:#142014;
  --dm-card-2:#1a2c1a;
  --shadow: 0 24px 70px rgba(0,0,0,.65);
}

/* ─── OBSIDIAN THEME (black dark / white light) ─────────────── */
html[data-site-theme="obsidian"] {
  --paper: #f8f8f7;
  --paper-2: #efefed;
  --warm: #e4e4e0;
  --stone: #d3d3ce;
  --fog: #fcfcfb;
  --ink: #0a0a0a;
  --ink-2: #1a1a1a;
  --muted: #666660;
  --line: rgba(10,10,10,.12);
  --line-strong: rgba(10,10,10,.22);
  --gold: #2a2a2a;
  --olive: #141414;
  --plum: #1f1f1f;
  --smoke: #888880;
}
html[data-site-theme="obsidian"][data-theme="dark"] {
  --paper: #050505;
  --paper-2: #0d0d0d;
  --warm: #141414;
  --stone: #1a1a1a;
  --fog: #f0f0ee;
  --ink: #f0f0ee;
  --ink-2: #c8c8c4;
  --muted: #7a7a76;
  --line: rgba(255,255,255,.07);
  --line-strong: rgba(255,255,255,.13);
  --gold: #e0e0dc;
  --olive: #0a0a0a;
  --plum: #111111;
  --smoke: #5a5a58;
  --dm-base:#050505;
  --dm-s1:#0d0d0d;
  --dm-s2:#141414;
  --dm-s3:#1a1a1a;
  --dm-s4:#202020;
  --dm-s5:#030303;
  --dm-accent:#e0e0dc;
  --dm-accent-dim:#a0a09c;
  --dm-text:#f0f0ee;
  --dm-text-2:#c8c8c4;
  --dm-text-muted:#7a7a76;
  --dm-card:#0f0f0f;
  --dm-card-2:#161616;
  --shadow: 0 24px 70px rgba(0,0,0,.75);
}

/* ─── BLUSH THEME (warm cream light / deep charcoal dark) ───── */
html[data-site-theme="blush"] {
  --paper: #fdf5f0;
  --paper-2: #f5e6dc;
  --warm: #ead8cc;
  --stone: #dcc8ba;
  --fog: #fef9f6;
  --ink: #1e100a;
  --ink-2: #321a10;
  --muted: #7a5848;
  --line: rgba(30,16,10,.12);
  --line-strong: rgba(30,16,10,.22);
  --gold: #a06040;
  --olive: #5a3020;
  --plum: #3c1e2a;
  --smoke: #a07860;
}
html[data-site-theme="blush"][data-theme="dark"] {
  --paper: #100a08;
  --paper-2: #1a1210;
  --warm: #231814;
  --stone: #2e201c;
  --fog: #f0e4dc;
  --ink: #f0e4dc;
  --ink-2: #c8aa9c;
  --muted: #8a6858;
  --line: rgba(255,255,255,.07);
  --line-strong: rgba(255,255,255,.13);
  --gold: #d4906c;
  --olive: #1a0e08;
  --plum: #251218;
  --smoke: #6a4838;
  --dm-base:#100a08;
  --dm-s1:#1a1210;
  --dm-s2:#231814;
  --dm-s3:#2e201c;
  --dm-s4:#3a2820;
  --dm-s5:#0c0806;
  --dm-accent:#d4906c;
  --dm-accent-dim:#a06040;
  --dm-text:#f0e4dc;
  --dm-text-2:#c8aa9c;
  --dm-text-muted:#8a6858;
  --dm-card:#1e1410;
  --dm-card-2:#281c18;
  --shadow: 0 24px 70px rgba(0,0,0,.65);
}


*{box-sizing:border-box}
html{
  scroll-behavior:smooth;
  scrollbar-width: none;
  -ms-overflow-style: none;
}
html::-webkit-scrollbar {
  display: none;
}
body {
  scrollbar-width: none;
  -ms-overflow-style: none;
}
body::-webkit-scrollbar {
  display: none;
}


/* Smooth color transitions when toggling theme (applied only after first render) */
html.theme-ready *,
html.theme-ready *::before,
html.theme-ready *::after{
  transition:
    background-color .35s ease,
    border-color .35s ease,
    color .25s ease !important;
}
/* Exclude transforms/opacity from the global override so animations aren't broken */
html.theme-ready .btn,
html.theme-ready .dm-toggle{
  transition:
    background-color .35s ease,
    border-color .35s ease,
    color .25s ease,
    transform .25s ease !important;
}

body{

  margin:0;
  background:var(--paper);
  color:var(--ink);
  font-family:Inter,system-ui,-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif;
  line-height:1.6;
  -webkit-font-smoothing:antialiased;
  text-rendering:optimizeLegibility;
}
html[dir="rtl"] body{
  font-family:Cairo,Inter,system-ui,sans-serif;
}
img{display:block;max-width:100%}
a{color:inherit;text-decoration:none}
button,input,select,textarea{font:inherit}
.skip-link{
  position:absolute;
  top:12px;
  left:12px;
  z-index:100;
  transform:translateY(-150%);
  background:var(--ink);
  color:var(--fog);
  padding:10px 14px;
}
.skip-link:focus{transform:translateY(0)}

.site-header{
  position:fixed;
  inset:0 0 auto;
  z-index:50;
  display:flex;
  align-items:center;
  justify-content:space-between;
  gap:24px;
  padding:22px var(--pad);
  background:rgba(242,244,243,.72);
  border-bottom:1px solid transparent;
  backdrop-filter:blur(18px);
  transition:padding .25s ease,background .25s ease,border-color .25s ease;
}
.site-header.is-scrolled{
  background:rgba(242,244,243,.9);
  border-bottom-color:var(--line);
}
.brand-mark{
  display:inline-grid;
  gap:1px;
  line-height:1;
  text-transform:uppercase;
  letter-spacing:0;
}
.brand-mark span{
  font-size:22px;
  font-weight:900;
  letter-spacing:-.04em;
}
.brand-mark small{
  font-size:10px;
  font-weight:800;
  color:var(--gold);
  letter-spacing:.18em;
}
.primary-nav{
  display:flex;
  align-items:center;
  gap:28px;
}
.primary-nav a,.footer nav a{
  color:var(--muted);
  font-size:12px;
  font-weight:800;
  letter-spacing:.08em;
  text-transform:uppercase;
}
.primary-nav a:hover,.footer nav a:hover{
  color:var(--ink);
}
.primary-nav a.nav-active{
  color:var(--ink);
  text-decoration:underline;
  text-underline-offset:6px;
  text-decoration-thickness:1.5px;
  text-decoration-color:var(--gold);
}
.header-actions{
  display:flex;
  align-items:center;
  gap:10px;
}
.header-actions .btn{
  min-width:108px;
  justify-content:center;
}
.lang-toggle{
  display:inline-flex;
  align-items:center;
  justify-content:center;
  width:42px;
  height:42px;
  border:1px solid var(--line);
  border-radius:50%;
  background:rgba(255,255,255,.28);
  color:var(--ink);
  cursor:pointer;
  font-weight:900;
  font-size:12px;
  line-height:1;
  text-align:center;
  padding:0;
  letter-spacing:0;
}

.btn{
  display:inline-flex;
  align-items:center;
  justify-content:center;
  min-height:46px;
  padding:13px 24px;
  border:1px solid transparent;
  border-radius:999px;
  font-size:12px;
  font-weight:900;
  letter-spacing:.08em;
  text-transform:uppercase;
  transition:transform .25s ease,background .25s ease,color .25s ease,border-color .25s ease;
  cursor:pointer;
  white-space:nowrap;
}
.btn:hover{transform:translateY(-2px)}
.btn--sm{min-height:40px;padding:11px 18px;font-size:11px}
.btn--ink{background:var(--ink);color:var(--fog)}
.btn--ink:hover{background:var(--gold);color:var(--ink)}
.btn--line{background:transparent;color:var(--ink);border-color:var(--line-strong)}
.btn--line:hover{border-color:var(--ink)}
.btn--light{background:var(--fog);color:var(--ink)}
.btn--line-light{background:transparent;color:var(--fog);border-color:rgba(247,243,234,.35)}
.btn--line-light:hover{border-color:var(--fog)}
.btn--block{width:100%;margin-top:auto}

::selection{
  background:color-mix(in srgb,var(--gold) 26%,transparent);
  color:var(--ink);
}

.offer-card,
.shortcut-card,
.bts-card,
.form-wrap,
.chatbot-question-btn{
  transition:
    transform .32s cubic-bezier(.16,1,.3,1),
    box-shadow .35s ease,
    border-color .35s ease,
    background-color .35s ease,
    color .25s ease;
}

.offer-card:hover,
.shortcut-card:hover,
.bts-card:hover{
  transform:translateY(-4px);
  box-shadow:0 18px 46px rgba(23,23,22,.10);
}

.form-wrap:hover{
  box-shadow:0 26px 70px rgba(23,23,22,.10);
}

.faq-item{
  transition:border-color .3s ease,background-color .3s ease;
}

.faq-item:hover{
  border-color:var(--line-strong);
}

.section,.hero{
  position:relative;
  padding:clamp(82px,10vw,140px) var(--pad);
}
.section > *,.hero > *{
  position:relative;
  z-index:1;
}
.section__intro{
  max-width:780px;
  margin:0 auto 46px;
}
.section__intro h2,.studio-section h2,.mentorship-section h2,.contact-section h2{
  margin:0;
  max-width:850px;
  font-family:"Playfair Display",Georgia,serif;
  font-size:clamp(38px,6vw,78px);
  line-height:.96;
  letter-spacing:0;
}
html[dir="rtl"] .section__intro h2,
html[dir="rtl"] .studio-section h2,
html[dir="rtl"] .mentorship-section h2,
html[dir="rtl"] .contact-section h2{
  font-family:Cairo,Inter,sans-serif;
  font-weight:800;
  line-height:1.05;
}
.section__intro p:not(.kicker),.studio-section p,.mentorship-section p{
  color:var(--muted);
  max-width:680px;
  font-size:17px;
}
.kicker{
  margin:0 0 16px;
  color:var(--gold);
  font-size:11px;
  font-weight:900;
  letter-spacing:.18em;
  text-transform:uppercase;
}
html[dir="rtl"] .kicker{letter-spacing:0}

.section-surface::before{
  content:"";
  position:absolute;
  inset:0;
  pointer-events:none;
  background:
    linear-gradient(90deg,rgba(23,23,22,.045) 1px,transparent 1px),
    linear-gradient(rgba(23,23,22,.035) 1px,transparent 1px);
  background-size:76px 76px;
  mask-image:linear-gradient(to bottom,rgba(0,0,0,.8),transparent 92%);
}
.section-surface--warm{background:linear-gradient(135deg,var(--paper) 0%,var(--warm) 58%,var(--stone) 100%)}
.section-surface--stone{background:linear-gradient(180deg,var(--warm) 0%,var(--stone) 100%)}
.section-surface--paper{background:linear-gradient(180deg,var(--paper) 0%,var(--paper-2) 100%)}

.hero{
  min-height:100svh;
  display:grid;
  grid-template-columns:minmax(0,1.04fr) minmax(320px,.82fr);
  align-items:center;
  gap:clamp(32px,6vw,86px);
  padding-top:118px;
  overflow:hidden;
}
.hero::after{
  content:"BRAND DIRECTION / OPERATOR EDUCATION / SN2 STUDIOS";
  position:absolute;
  left:var(--pad);
  right:var(--pad);
  bottom:118px;
  color:rgba(23,23,22,.055);
  font-size:clamp(60px,11vw,170px);
  font-weight:900;
  line-height:.78;
  letter-spacing:0;
  text-transform:uppercase;
  pointer-events:none;
}
.hero__copy h1{
  margin:0;
  max-width:850px;
  font-family:"Playfair Display",Georgia,serif;
  font-size:clamp(56px,9vw,124px);
  font-weight:800;
  line-height:.88;
  letter-spacing:0;
}
html[dir="rtl"] .hero__copy h1{
  font-family:Cairo,Inter,sans-serif;
  font-size:clamp(46px,8vw,102px);
  line-height:1.02;
}
.hero__lead{
  max-width:670px;
  margin:28px 0 34px;
  color:#4c5552;
  font-size:clamp(17px,1.6vw,21px);
}
.hero__actions{display:flex;gap:12px;flex-wrap:wrap}
.hero__visual{
  position:relative;
  display:flex;
  justify-content:center;
}
.poster-card{
  width:min(100%,430px);
  border:1px solid rgba(23,23,22,.28);
  border-radius:var(--radius);
  overflow:hidden;
  background:var(--ink);
  box-shadow:var(--shadow);
  transform:rotate(1.2deg);
}
.poster-card img{
  width:100%;
  aspect-ratio:4/5;
  object-fit:cover;
}
.poster-card__label{
  display:flex;
  justify-content:space-between;
  gap:16px;
  padding:18px;
  background:#1d1c1a;
  color:var(--fog);
  text-transform:uppercase;
}
.poster-card__label span{font-size:11px;color:#b9b0a2;letter-spacing:.14em}
.poster-card__label strong{font-size:12px;letter-spacing:.1em}
.hero__stamp{
  position:absolute;
  right:0;
  top:10%;
  width:118px;
  height:118px;
  display:grid;
  place-items:center;
  border-radius:50%;
  background:var(--plum);
  color:var(--fog);
  font-weight:900;
  font-size:30px;
  box-shadow:var(--shadow);
}
html[dir="rtl"] .hero__stamp{right:auto;left:0}
.hero__proof{
  position:absolute;
  left:var(--pad);
  right:var(--pad);
  bottom:34px;
  z-index:2;
  display:grid;
  grid-template-columns:repeat(4,1fr);
  border-top:1px solid var(--line-strong);
}
.hero__proof span{
  padding:18px 18px 0 0;
  color:#4f493f;
  font-size:12px;
  font-weight:900;
  letter-spacing:.08em;
  text-transform:uppercase;
}
html[dir="rtl"] .hero__proof span{padding:18px 0 0 18px;letter-spacing:0}

.section--split{background:var(--fog)}
.about-grid{
  width:min(100%,var(--max));
  margin:auto;
  display:grid;
  grid-template-columns:.82fr 1fr;
  gap:clamp(28px,5vw,70px);
  align-items:center;
}
.founder-panel{
  border:1px solid var(--line);
  border-radius:var(--radius);
  overflow:hidden;
  background:#d3dbd8;
  box-shadow:var(--shadow);
}
.founder-panel img{width:100%}
.about-copy p{
  margin:0 0 28px;
  color:#47514e;
  font-size:clamp(18px,2vw,25px);
  line-height:1.55;
}
.metric-row{
  display:grid;
  grid-template-columns:repeat(3,1fr);
  border:1px solid var(--line);
  margin-bottom:24px;
}
.metric-row div{
  min-height:106px;
  padding:22px 18px;
  border-inline-end:1px solid var(--line);
}
.metric-row div:last-child{border-inline-end:0}
.metric-row strong{
  display:block;
  color:var(--gold);
  font-size:12px;
  margin-bottom:16px;
}
.metric-row span{
  font-size:13px;
  font-weight:900;
  text-transform:uppercase;
}
.about-achievements {
  list-style: none;
  padding: 0;
  margin: 0 0 28px 0;
  display: grid;
  gap: 12px;
}
.about-achievements li {
  position: relative;
  padding-left: 24px;
  font-size: 16px;
  color: #47514e;
  font-weight: 500;
  line-height: 1.4;
}
.about-achievements li::before {
  content: "→";
  position: absolute;
  left: 0;
  color: var(--gold);
  font-weight: 800;
}
html[dir="rtl"] .about-achievements li {
  padding-left: 0;
  padding-right: 24px;
}
html[dir="rtl"] .about-achievements li::before {
  left: auto;
  right: 0;
  content: "←";
}

.text-link{
  display:inline-flex;
  color:var(--ink);
  border-bottom:1px solid currentColor;
  font-weight:900;
  letter-spacing:.04em;
}

.offer-grid{
  width:min(100%,var(--max));
  margin:auto;
  display:grid;
  grid-template-columns:repeat(4,1fr);
  gap:1px;
  background:rgba(23,23,22,.24);
  border:1px solid rgba(23,23,22,.24);
}
.offer-card{
  min-height:460px;
  display:flex;
  flex-direction:column;
  padding:30px;
  background:rgba(251,252,251,.78);
  position:relative;
  overflow:hidden;
}
.offer-card::after{
  content:"";
  position:absolute;
  inset:auto 0 0;
  height:4px;
  background:var(--gold);
  transform:scaleX(0);
  transform-origin:left;
  transition:transform .3s ease;
}
.offer-card:hover::after{transform:scaleX(1)}
.offer-card--premium{
  background:linear-gradient(160deg,var(--ink) 0%,var(--olive) 55%,var(--plum) 100%);
  color:var(--fog);
}
.offer-card__number{
  color:var(--gold);
  font-size:12px;
  font-weight:900;
}
.offer-card h3{
  margin:44px 0 18px;
  font-size:clamp(24px,2.4vw,34px);
  line-height:1.05;
  letter-spacing:0;
}
.offer-card p:not(.kicker){
  margin:0 0 28px;
  color:#58625f;
  font-size:15px;
}
.offer-card--premium p:not(.kicker){color:#dce3e0}
.offer-card__price {
  display: flex;
  align-items: baseline;
  gap: 8px;
  margin-top: auto;
  margin-bottom: 20px;
}
.offer-card__price .price-val {
  font-family: "Playfair Display", Georgia, serif;
  font-size: 26px;
  font-weight: 800;
  color: var(--ink);
  line-height: 1;
}
html[dir="rtl"] .offer-card__price .price-val {
  font-family: Cairo, Inter, sans-serif;
  font-size: 22px;
}
.offer-card__price .price-lbl {
  font-size: 11px;
  color: var(--muted);
  font-weight: 800;
  text-transform: uppercase;
  letter-spacing: 0.08em;
}
html[dir="rtl"] .offer-card__price .price-lbl {
  letter-spacing: 0;
}

.investment-home-grid{
  width:min(100%,var(--max));
  margin:auto;
  display:grid;
  grid-template-columns:repeat(3,1fr);
  gap:20px;
}
.investment-home-card{
  min-height:360px;
  display:flex;
  flex-direction:column;
  padding:30px;
  border:1px solid var(--line);
  border-radius:var(--radius);
  background:rgba(251,252,251,.82);
  box-shadow:0 18px 46px rgba(23,23,22,.08);
}
.investment-home-card__number{
  color:var(--gold);
  font-size:12px;
  font-weight:900;
}
.investment-home-card h3{
  margin:40px 0 16px;
  font-size:clamp(24px,2.3vw,32px);
  line-height:1.06;
}
.investment-home-card p:not(.kicker){
  margin:0 0 28px;
  color:#58625f;
  font-size:15px;
}
.investment-home-card--accent{
  background:linear-gradient(160deg,var(--ink) 0%,var(--olive) 55%,var(--plum) 100%);
  color:var(--fog);
}
.investment-home-card--accent p:not(.kicker){
  color:#dce3e0;
}

.studio-section{
  display:grid;
  grid-template-columns:.82fr 1.18fr;
  gap:clamp(26px,5vw,72px);
  min-height:720px;
  padding:clamp(78px,9vw,132px) var(--pad);
  background:
    radial-gradient(circle at 82% 20%,rgba(95,113,120,.28),transparent 34%),
    linear-gradient(135deg,var(--olive) 0%,color-mix(in srgb,var(--olive) 60%,#2a2a2a) 62%,var(--plum) 100%);
  color:var(--fog);
  overflow:hidden;
}
.studio-section__copy{
  align-self:center;
  padding:0;
}
.studio-section p{color:#dce3e0}
.studio-links{display:flex;gap:18px;flex-wrap:wrap;margin-top:30px}
.studio-section .text-link{color:var(--fog)}
.build-slider{
  position:relative;
  align-self:center;
  min-width:0;
  padding:26px 0 72px;
  overflow:hidden;
  direction:ltr !important;
}
.build-slider::before,
.build-slider::after{
  content:"";
  position:absolute;
  top:0;
  bottom:56px;
  z-index:2;
  width:88px;
  pointer-events:none;
}
.build-slider::before{left:0;background:linear-gradient(90deg,#333d39,transparent)}
.build-slider::after{right:0;background:linear-gradient(270deg,#3f3a42,transparent)}
.build-slider__track{
  display:flex;
  align-items:center;
  width:max-content;
  gap:18px;
  animation:buildSlide 18s linear infinite;
  direction:ltr !important;
}
.build-slider:hover .build-slider__track{animation-play-state:paused}
.build-slide{
  position:relative;
  width:min(360px,74vw);
  aspect-ratio:1 / 1;
  flex-shrink:0;
  display:flex;
  flex-direction:column;
  justify-content:flex-end;
  padding:26px;
  border:1px solid rgba(251,252,251,.2);
  border-radius:var(--radius);
  background:
    linear-gradient(180deg,rgba(251,252,251,.16),rgba(251,252,251,.04)),
    rgba(251,252,251,.06);
  box-shadow:0 22px 70px rgba(0,0,0,.22);
  backdrop-filter:blur(12px);
  overflow:hidden;
}
.build-slide video,
.build-slide img{
  width:100%;
  height:100%;
  object-fit:cover;
  position:absolute;
  inset:0;
  z-index:1;
}
.build-slide--video{
  padding:0;
}
.build-slide span{
  position:absolute;
  top:24px;
  color:#b8c6c3;
  font-size:12px;
  font-weight:900;
}
.build-slide h3{
  margin:0 0 12px;
  font-size:clamp(28px,3vw,44px);
  line-height:1;
}
.build-slide p{margin:0;color:#dce3e0}
.build-slider__ticker{
  position:absolute;
  left:0;
  right:0;
  bottom:0;
  display:flex;
  gap:26px;
  width:max-content;
  color:rgba(251,252,251,.72);
  font-size:12px;
  font-weight:900;
  letter-spacing:.16em;
  text-transform:uppercase;
  animation:tickerMove 14s linear infinite reverse;
}
.build-slider__ticker span{white-space:nowrap}
@keyframes buildSlide{
  0%{transform:translateX(0)}
  100%{transform:translateX(calc(-50% - 9px))}
}
@keyframes buildSlideRTL{
  0%{transform:translateX(0)}
  100%{transform:translateX(calc(50% + 9px))}
}
@keyframes tickerMove{
  0%{transform:translateX(0)}
  100%{transform:translateX(-42%)}
}
/* RTL: origin for transition highlights */
html[dir="rtl"] .offer-card::after{
  transform-origin:right;
}

.course-section{
  padding:clamp(82px,10vw,140px) var(--pad);
}
.course-shell{
  width:min(100%,var(--max));
  margin:auto;
}
.course-hero{
  max-width:860px;
  margin-bottom:34px;
}
.course-hero h2{
  margin:0;
  font-family:"Playfair Display",Georgia,serif;
  font-size:clamp(40px,6vw,82px);
  line-height:.96;
  letter-spacing:0;
}
html[dir="rtl"] .course-hero h2{
  font-family:Cairo,Inter,sans-serif;
  line-height:1.08;
}
.course-hero p:not(.kicker){
  color:var(--muted);
  max-width:720px;
  font-size:18px;
}
.course-modules{
  display:grid;
  grid-template-columns:repeat(4,1fr);
  gap:1px;
  margin:34px 0;
  background:var(--line);
  border:1px solid var(--line);
}
.course-modules article{
  min-height:270px;
  display:flex;
  flex-direction:column;
  padding:26px;
  background:rgba(251,252,251,.78);
}
.course-modules span{
  color:var(--gold);
  font-size:12px;
  font-weight:900;
}
.course-modules h3{
  margin:auto 0 12px;
  font-size:23px;
  line-height:1.12;
}
.course-modules p{
  margin:0;
  color:var(--muted);
  font-size:14px;
}
.course-enroll{
  display:grid;
  grid-template-columns:1fr auto;
  gap:24px;
  align-items:center;
  margin:34px 0;
  padding:28px;
  border:1px solid var(--line);
  border-radius:var(--radius);
  background:linear-gradient(135deg,#ffffff,#e8eeee);
  box-shadow:var(--shadow);
}
.course-enroll strong{
  display:block;
  margin-bottom:8px;
  font-size:clamp(28px,4vw,46px);
  line-height:1.04;
}
.course-enroll p{margin:0;color:var(--muted)}
.course-enroll.is-highlighted{
  animation:coursePulse 1.2s ease;
}
@keyframes coursePulse{
  0%,100%{box-shadow:var(--shadow)}
  35%{box-shadow:0 0 0 6px rgba(95,113,120,.2),var(--shadow)}
}

.bts-grid{
  width:min(100%,var(--max));
  margin:auto;
  display:grid;
  grid-template-columns:repeat(3,1fr);
  gap:18px;
}
.bts-card{
  min-height:310px;
  padding:28px;
  border:1px solid var(--line);
  border-radius:var(--radius);
  background:
    linear-gradient(180deg,rgba(255,255,255,.44),rgba(255,255,255,.08)),
    var(--paper-2);
}
.bts-card span{
  display:inline-grid;
  place-items:center;
  width:48px;
  height:48px;
  margin-bottom:70px;
  border-radius:50%;
  background:var(--ink);
  color:var(--fog);
  font-size:11px;
  font-weight:900;
  text-transform:uppercase;
}
.bts-card h3{
  margin:0 0 12px;
  font-size:25px;
}
.bts-card p{margin:0;color:var(--muted)}

.mentorship-section{
  display:grid;
  grid-template-columns:1fr .78fr;
  gap:clamp(26px,5vw,70px);
  padding:clamp(82px,10vw,140px) var(--pad);
  background:
    linear-gradient(120deg,color-mix(in srgb,var(--ink) 85%,transparent),color-mix(in srgb,var(--olive) 88%,transparent)),
    url("../img/hero-atmosphere.svg") center/cover;
  color:var(--fog);
}
.mentorship-section__copy,.mentorship-section__list{
  width:100%;
  max-width:680px;
}
.mentorship-section p{color:#d8d0c2}
.price-lock{
  display:grid;
  gap:8px;
  padding:26px 0;
  margin:28px 0;
  border-top:1px solid rgba(247,243,234,.2);
  border-bottom:1px solid rgba(247,243,234,.2);
}
.price-lock span,.price-lock small{
  color:#c6bdad;
  font-size:12px;
  font-weight:800;
  letter-spacing:.08em;
  text-transform:uppercase;
}
.price-lock strong{
  font-family:"Playfair Display",Georgia,serif;
  font-size:clamp(42px,6vw,74px);
  line-height:1;
}
.mentorship-section__list{
  align-self:center;
  padding:34px;
  border:1px solid rgba(247,243,234,.22);
  border-radius:var(--radius);
  background:rgba(247,243,234,.08);
  backdrop-filter:blur(14px);
}
.mentorship-section__list h3{
  margin:0 0 22px;
  font-size:28px;
}
.mentorship-section__list ul{
  display:grid;
  gap:14px;
  padding:0;
  margin:0;
  list-style:none;
}
.mentorship-section__list li{
  padding:14px 0;
  border-top:1px solid rgba(247,243,234,.16);
  color:#eee7dc;
}

.payment-steps{
  width:min(100%,var(--max));
  margin:0 auto 34px;
  display:grid;
  grid-template-columns:repeat(3,1fr);
  border:1px solid var(--line);
  background:rgba(255,255,255,.35);
}
.payment-steps div{
  padding:24px;
  border-inline-end:1px solid var(--line);
}
.payment-steps div:last-child{border-inline-end:0}
.payment-steps span{
  color:var(--gold);
  font-size:11px;
  font-weight:900;
}
.payment-steps strong{
  display:block;
  margin:10px 0 6px;
  font-size:18px;
}
.payment-steps p{
  margin:0;
  color:var(--muted);
  font-size:14px;
}
.instapay-cta{
  width:min(100%,var(--max));
  margin:0 auto 34px;
}
.form-wrap{
  width:min(100%,900px);
  margin:auto;
  padding:clamp(24px,5vw,54px);
  border:1px solid var(--line);
  border-radius:var(--radius);
  background:#fbfcfb;
  box-shadow:var(--shadow);
}
.form-head h3{
  margin:0 0 10px;
  font-size:clamp(30px,4vw,48px);
  line-height:1;
}
.form-head p:not(.kicker){
  margin:0 0 28px;
  color:var(--muted);
}
.form-grid{
  display:grid;
  grid-template-columns:repeat(2,1fr);
  gap:18px;
  margin-bottom:18px;
}
.form label{
  display:grid;
  gap:8px;
  color:var(--muted);
  font-size:11px;
  font-weight:900;
  letter-spacing:.1em;
  text-transform:uppercase;
}
html[dir="rtl"] .form label{letter-spacing:0}
.form input,.form select,.form textarea{
  width:100%;
  border:1px solid var(--line);
  border-radius:6px;
  background:#ffffff;
  color:var(--ink);
  padding:14px 15px;
  outline:none;
  font-size:15px;
  letter-spacing:0;
  text-transform:none;
}
.form input:focus,.form select:focus,.form textarea:focus{
  border-color:var(--gold);
  box-shadow:0 0 0 4px rgba(154,119,64,.14);
}
.form textarea{resize:vertical;min-height:104px}
.form button{margin-top:22px}
.form-note{
  margin:16px 0 0;
  color:var(--muted);
  font-size:13px;
}
.honeypot{display:none!important}

.contact-section{
  padding:clamp(88px,11vw,150px) var(--pad);
  background:linear-gradient(135deg,var(--plum) 0%,var(--olive) 100%);
  color:var(--fog);
}
.contact-section__inner{
  width:min(100%,var(--max));
  margin:auto;
}
.contact-actions{
  display:flex;
  gap:12px;
  flex-wrap:wrap;
  margin-top:32px;
}

.footer{
  display:flex;
  align-items:center;
  justify-content:space-between;
  gap:24px;
  padding:34px var(--pad);
  border-top:1px solid var(--line);
  background:var(--paper);
}
.footer nav{
  display:flex;
  flex-wrap:wrap;
  gap:22px;
}
.footer p{
  margin:0;
  color:var(--muted);
  font-size:12px;
}
.mobile-cta{display:none}
.offer-page--live .mobile-cta{display:none}
.offer-page--live .footer{
  opacity:0;
  visibility:hidden;
  pointer-events:none;
}

.reveal{
  opacity:1;
  transform:translateY(0);
  transition:opacity .7s ease,transform .7s ease;
}
.reveal.is-visible{
  opacity:1;
  transform:translateY(0);
}

@media (max-width:1080px){
  .primary-nav{display:none}
  .hero{
    grid-template-columns:1fr;
    padding-bottom:150px;
  }
  .hero__visual{justify-content:flex-start}
  .hero__proof{grid-template-columns:repeat(2,1fr)}
  .offer-grid{grid-template-columns:repeat(2,1fr)}
  .investment-home-grid{grid-template-columns:repeat(2,1fr)}
  .studio-section,.mentorship-section,.about-grid{grid-template-columns:1fr}
  .studio-section{min-height:auto}
  .course-modules{grid-template-columns:repeat(2,1fr)}
}
@media (max-width:760px){
  body{padding-bottom:74px}
  .site-header{padding:12px 16px}
  .brand-mark small{font-size:9px}
  .header-actions .btn{display:none}
  .lang-toggle{font-size:11px}
  .hero{
    min-height:auto;
    padding-top:98px;
    padding-bottom:160px;
  }
  .hero::after{bottom:104px;font-size:70px}
  .hero__actions,.contact-actions{align-items:stretch;flex-direction:column}
  .hero__proof{
    bottom:20px;
    grid-template-columns:1fr 1fr;
  }
  .hero__proof span{
    padding-top:12px;
    font-size:10px;
  }
  .poster-card{width:min(100%,330px)}
  .hero__stamp{width:86px;height:86px;font-size:22px}
  .metric-row,.offer-grid,.investment-home-grid,.bts-grid,.payment-steps,.form-grid,.course-modules,.course-enroll{grid-template-columns:1fr}
  .metric-row div,.payment-steps div{border-inline-end:0;border-bottom:1px solid var(--line)}
  .metric-row div:last-child,.payment-steps div:last-child{border-bottom:0}
  .offer-card{min-height:360px}
  .investment-home-card{min-height:320px}
  .studio-section{padding-block:70px}
  .footer{
    flex-direction:column;
    text-align:center;
  }
  .footer nav{justify-content:center}
  .mobile-cta{
    position:fixed;
    left:0;
    right:0;
    bottom:0;
    z-index:60;
    display:grid;
    grid-template-columns:1fr 1fr;
    gap:8px;
    padding:10px;
  background:rgba(242,244,243,.92);
    border-top:1px solid var(--line);
    backdrop-filter:blur(16px);
  }
  .mobile-cta .btn{
    min-height:50px;
    padding:10px;
    font-size:11px;
  }
  .offer-page--live .mobile-cta{display:none}
}
@media (min-width:761px){
  .offer-page--live .site-header{
    opacity:0;
    visibility:hidden;
    pointer-events:none;
    transform:translateY(-100%);
  }
}
@media (prefers-reduced-motion:reduce){
  html{scroll-behavior:auto}
  .build-slider__track,.build-slider__ticker{animation:none}
  .btn,.reveal{transition:none}
}
@media (max-width:430px){
  :root{--pad:18px}
  .hero__copy h1{font-size:48px}
  html[dir="rtl"] .hero__copy h1{font-size:42px}
  .section__intro h2,.studio-section h2,.mentorship-section h2,.contact-section h2{font-size:36px}
  .btn{width:100%}
  .lang-toggle{width:38px;height:38px}
}

/* Modal overlay and card styling */
.modal-overlay {
  position: fixed;
  inset: 0;
  z-index: 1000;
  background: rgba(23, 23, 22, 0.6);
  backdrop-filter: blur(8px);
  display: flex;
  align-items: center;
  justify-content: center;
  padding: 20px;
  opacity: 0;
  pointer-events: none;
  transition: opacity 0.3s ease;
}
.modal-overlay.is-open {
  opacity: 1;
  pointer-events: auto;
}
.modal-card {
  position: relative;
  max-width: 600px;
  width: 100%;
  max-height: 90vh;
  overflow-y: auto;
  transform: translateY(20px);
  transition: transform 0.3s ease;
}
.modal-overlay.is-open .modal-card {
  transform: translateY(0);
}
.modal-close {
  position: absolute;
  top: 16px;
  right: 16px;
  background: transparent;
  border: none;
  font-size: 28px;
  line-height: 1;
  color: var(--muted);
  cursor: pointer;
  transition: color 0.2s ease;
  z-index: 10;
}
.modal-close:hover {
  color: var(--ink);
}
html[dir="rtl"] .modal-close {
  right: auto;
  left: 16px;
}

/* Shortcuts Section */
.shortcuts-grid {
  display: grid;
  grid-template-columns: 1fr 1fr;
  gap: 24px;
  width: min(100%, var(--max));
  margin: 0 auto;
}
.shortcut-card {
  display: flex;
  flex-direction: column;
  justify-content: space-between;
  padding: 40px;
  background: var(--fog);
  border: 1px solid var(--line);
  border-radius: var(--radius);
  transition: transform 0.3s ease, box-shadow 0.3s ease, border-color 0.3s ease;
  box-shadow: 0 4px 20px rgba(0,0,0,0.02);
}
.shortcut-card:hover {
  transform: translateY(-4px);
  box-shadow: var(--shadow);
  border-color: var(--line-strong);
}
.shortcut-card__kicker {
  display: block;
  font-size: 10px;
  font-weight: 900;
  letter-spacing: 0.15em;
  text-transform: uppercase;
  color: var(--gold);
  margin-bottom: 12px;
}
html[dir="rtl"] .shortcut-card__kicker {
  letter-spacing: 0;
}
.shortcut-card__title {
  margin: 0 0 12px;
  font-family: "Playfair Display", Georgia, serif;
  font-size: clamp(24px, 3.5vw, 32px);
  line-height: 1.15;
  color: var(--ink);
}
html[dir="rtl"] .shortcut-card__title {
  font-family: Cairo, Inter, sans-serif;
  font-weight: 800;
}
.shortcut-card__desc {
  margin: 0 0 28px;
  font-size: 14px;
  color: var(--muted);
  line-height: 1.5;
}
.shortcut-card__action {
  display: flex;
  align-items: center;
}
@media (max-width: 768px) {
  .shortcuts-grid {
    grid-template-columns: 1fr;
    gap: 16px;
  }
  .shortcut-card {
    padding: 28px;
  }
}

/* ════════════════════════════════════════════════════════════════
   DARK MODE — Professional section-by-section overrides
   Each major surface gets its own calibrated dark shade so the
   page reads as a layered, intentional dark UI, not a flat invert.
   ════════════════════════════════════════════════════════════════ */

/* ── Dark mode toggle switch ──────────────────────── */
.dm-switch {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  padding: 0;
  background: transparent;
  border: none;
  cursor: pointer;
  outline: none;
  -webkit-tap-highlight-color: transparent;
  height: 40px; /* Matched perfectly to .btn--sm */
}
.dm-switch-track {
  position: relative;
  width: 44px;
  height: 24px;
  background: rgba(23, 23, 22, 0.16);
  border-radius: 999px;
  transition: background 0.3s ease;
  box-shadow: inset 0 1px 3px rgba(0,0,0,0.05);
}
.dm-switch:hover .dm-switch-track {
  background: rgba(23, 23, 22, 0.24);
}
.dm-switch-thumb {
  position: absolute;
  top: 3px;
  left: 3px;
  width: 18px;
  height: 18px;
  background: #fff;
  border-radius: 50%;
  box-shadow: 0 1px 3px rgba(0,0,0,0.15);
  transition: transform 0.3s cubic-bezier(0.4, 0.0, 0.2, 1);
}
html[data-theme="dark"] .dm-switch-track {
  background: rgba(255, 255, 255, 0.16);
}
html[data-theme="dark"] .dm-switch:hover .dm-switch-track {
  background: rgba(255, 255, 255, 0.24);
}
html[data-theme="dark"] .dm-switch-thumb {
  transform: translateX(20px);
  background: var(--dm-text);
}


/* ── Dark: Body & base ────────────────────────────────────────── */
html[data-theme="dark"] body{
  background:var(--dm-base);
  color:var(--dm-text);
}

/* ── Dark: Header ─────────────────────────────────────────────── */
html[data-theme="dark"] .site-header{
  background:rgba(17,20,19,.78);
  border-bottom-color:var(--dm-line);
}
html[data-theme="dark"] .site-header.is-scrolled{
  background:rgba(17,20,19,.96);
  border-bottom-color:var(--dm-line-strong);
}
html[data-theme="dark"] .primary-nav a,
html[data-theme="dark"] .footer nav a{
  color:var(--dm-text-muted);
}
html[data-theme="dark"] .primary-nav a:hover,
html[data-theme="dark"] .footer nav a:hover,
html[data-theme="dark"] .primary-nav a.nav-active{
  color:var(--dm-text);
}
html[data-theme="dark"] .brand-mark small{
  color:var(--dm-accent);
}

/* ── Dark: Buttons ────────────────────────────────────────────── */
html[data-theme="dark"] .btn--ink{
  background:var(--dm-text);
  color:#111413;
}
html[data-theme="dark"] .btn--ink:hover{
  background:var(--dm-accent);
  color:#111413;
}
html[data-theme="dark"] .btn--line{
  color:var(--dm-text);
  border-color:var(--dm-line-strong);
}
html[data-theme="dark"] .btn--line:hover{
  border-color:var(--dm-text);
}
html[data-theme="dark"] .btn--light{
  background:rgba(228,235,232,.12);
  color:var(--dm-text);
  border:1px solid var(--dm-line-strong);
}
html[data-theme="dark"] .btn--light:hover{
  background:rgba(228,235,232,.2);
}
html[data-theme="dark"] .btn--line-light{
  color:var(--dm-text);
  border-color:var(--dm-line-strong);
}
html[data-theme="dark"] .btn--line-light:hover{
  border-color:var(--dm-text);
}

/* ── Dark: skip link ──────────────────────────────────────────── */
html[data-theme="dark"] .skip-link{
  background:var(--dm-text);
  color:var(--dm-base);
}

/* ── Dark: Hero section — darkest base ────────────────────────── */
html[data-theme="dark"] .hero{
  background:var(--dm-base);
}
html[data-theme="dark"] .hero::after{
  color:rgba(228,235,232,.03);
}
html[data-theme="dark"] .hero__lead{
  color:var(--dm-text-2);
}
html[data-theme="dark"] .hero__proof{
  border-top-color:var(--dm-line-strong);
}
html[data-theme="dark"] .hero__proof span{
  color:var(--dm-text-muted);
}
html[data-theme="dark"] .poster-card{
  border-color:var(--dm-line-strong);
  background:#0d1010;
}
html[data-theme="dark"] .poster-card__label{
  background:#131716;
}
html[data-theme="dark"] .hero__stamp{
  background:#2b2235;
}

/* ── Dark: Section surfaces — each gets a distinct shade ─────── */
html[data-theme="dark"] .section-surface--warm{
  background:linear-gradient(135deg,var(--dm-s1) 0%,var(--dm-s2) 58%,var(--dm-s3) 100%);
}
html[data-theme="dark"] .section-surface--stone{
  background:linear-gradient(180deg,var(--dm-s3) 0%,var(--dm-s4) 100%);
}
html[data-theme="dark"] .section-surface--paper{
  background:linear-gradient(180deg,var(--dm-s2) 0%,var(--dm-s1) 100%);
}

/* grid overlay texture — lighter in dark mode */
html[data-theme="dark"] .section-surface::before{
  background:
    linear-gradient(90deg,rgba(255,255,255,.03) 1px,transparent 1px),
    linear-gradient(rgba(255,255,255,.025) 1px,transparent 1px);
  background-size:76px 76px;
}

/* ── Dark: About section — slight elevation ──────────────────── */
html[data-theme="dark"] .section--split{
  background:var(--dm-s1);
}
html[data-theme="dark"] .about-copy p,
html[data-theme="dark"] .about-achievements li{
  color:var(--dm-text-2);
}
html[data-theme="dark"] .founder-panel{
  background:var(--dm-s3);
  border-color:var(--dm-line);
}
html[data-theme="dark"] .metric-row{
  border-color:var(--dm-line);
}
html[data-theme="dark"] .metric-row div{
  border-inline-end-color:var(--dm-line);
}
html[data-theme="dark"] .text-link{
  color:var(--dm-text);
}

/* ── Dark: Offer cards grid ──────────────────────────────────── */
html[data-theme="dark"] .offer-grid{
  background:var(--dm-line);
  border-color:var(--dm-line);
}
html[data-theme="dark"] .offer-card{
  background:var(--dm-card);
}
html[data-theme="dark"] .offer-card p:not(.kicker){
  color:var(--dm-text-muted);
}
html[data-theme="dark"] .offer-card__price .price-val{
  color:var(--dm-text);
}
html[data-theme="dark"] .offer-card__price .price-lbl{
  color:var(--dm-text-muted);
}
html[data-theme="dark"] .offer-card--premium{
  background:linear-gradient(160deg,var(--dm-base) 0%,var(--dm-s2) 55%,var(--dm-s3) 100%);
  color:var(--dm-text);
}
html[data-theme="dark"] .offer-card--premium p:not(.kicker){
  color:var(--dm-text-2);
}
html[data-theme="dark"] .investment-home-card{
  background:var(--dm-card);
  border-color:var(--dm-line);
}
html[data-theme="dark"] .investment-home-card p:not(.kicker){
  color:var(--dm-text-muted);
}
html[data-theme="dark"] .investment-home-card--accent{
  background:linear-gradient(160deg,var(--dm-base) 0%,var(--dm-s2) 55%,var(--dm-s3) 100%);
  color:var(--dm-text);
}
html[data-theme="dark"] .investment-home-card--accent p:not(.kicker){
  color:var(--dm-text-2);
}

/* ── Dark: BTS / Behind the Scenes cards ─────────────────────── */
html[data-theme="dark"] .bts-grid .bts-card{
  background:linear-gradient(180deg,rgba(255,255,255,.03),rgba(255,255,255,.01)),var(--dm-s3);
  border-color:var(--dm-line);
}
html[data-theme="dark"] .bts-card span{
  background:var(--dm-text);
  color:var(--dm-base);
}
html[data-theme="dark"] .bts-card p{
  color:var(--dm-text-muted);
}

/* ── Dark: Studio section (video slider area) ─────────────────── */
html[data-theme="dark"] .studio-section{
  background:
    radial-gradient(circle at 82% 20%,rgba(255,255,255,.06),transparent 34%),
    linear-gradient(135deg,var(--dm-base) 0%,var(--dm-s2) 62%,var(--dm-s3) 100%);
}
html[data-theme="dark"] .studio-section p{
  color:var(--dm-text-2);
}
html[data-theme="dark"] .build-slider::before{
  background:linear-gradient(90deg,var(--dm-s2),transparent);
}
html[data-theme="dark"] .build-slider::after{
  background:linear-gradient(270deg,var(--dm-s3),transparent);
}

/* ── Dark: Mentorship banner section ─────────────────────────── */
html[data-theme="dark"] .mentorship-section{
  background:
    linear-gradient(120deg,color-mix(in srgb,var(--dm-base) 95%,transparent),color-mix(in srgb,var(--dm-s2) 93%,transparent)),
    url("../img/hero-atmosphere.svg") center/cover;
}
html[data-theme="dark"] .mentorship-section p{
  color:var(--dm-text-2);
}
html[data-theme="dark"] .price-lock{
  border-top-color:var(--dm-line-strong);
  border-bottom-color:var(--dm-line-strong);
}
html[data-theme="dark"] .price-lock span,
html[data-theme="dark"] .price-lock small{
  color:var(--dm-text-muted);
}
html[data-theme="dark"] .mentorship-section__list{
  border-color:var(--dm-line-strong);
  background:rgba(228,235,232,.05);
}
html[data-theme="dark"] .mentorship-section__list li{
  border-top-color:var(--dm-line);
  color:var(--dm-text-2);
}

/* ── Dark: Contact section ─────────────────────────────────────── */
html[data-theme="dark"] .contact-section{
  background:linear-gradient(135deg,var(--dm-s3) 0%,var(--dm-s1) 100%);
}

/* ── Dark: Footer ─────────────────────────────────────────────── */
html[data-theme="dark"] .footer{
  background:var(--dm-s5);
  border-top-color:var(--dm-line);
}
html[data-theme="dark"] .footer p{
  color:var(--dm-text-muted);
}

/* ── Dark: Mobile CTA ─────────────────────────────────────────── */
html[data-theme="dark"] .mobile-cta{
  background:rgba(0,0,0,.92);
  border-top-color:var(--dm-line);
  background:color-mix(in srgb,var(--dm-base) 95%,transparent);
}

/* ── Dark: Forms & modal ──────────────────────────────────────── */
html[data-theme="dark"] .form-wrap{
  background:var(--dm-card);
  border-color:var(--dm-line-strong);
}
html[data-theme="dark"] .form-head p:not(.kicker){
  color:var(--dm-text-muted);
}
html[data-theme="dark"] .form label{
  color:var(--dm-text-muted);
}
html[data-theme="dark"] .form input,
html[data-theme="dark"] .form select,
html[data-theme="dark"] .form textarea{
  background:var(--dm-s1);
  border-color:var(--dm-line-strong);
  color:var(--dm-text);
}
html[data-theme="dark"] .form input::placeholder,
html[data-theme="dark"] .form textarea::placeholder{
  color:var(--dm-text-muted);
  opacity:1;
}
html[data-theme="dark"] .form input:focus,
html[data-theme="dark"] .form select:focus,
html[data-theme="dark"] .form textarea:focus{
  border-color:var(--dm-accent);
  box-shadow:0 0 0 4px rgba(122,158,166,.16);
}
html[data-theme="dark"] .form-note{
  color:var(--dm-text-muted);
}
html[data-theme="dark"] .modal-overlay{
  background:rgba(5,8,7,.72);
}
html[data-theme="dark"] .modal-close{
  color:var(--dm-text-muted);
}
html[data-theme="dark"] .modal-close:hover{
  color:var(--dm-text);
}

/* ── Dark: Payment / enroll elements ─────────────────────────── */
html[data-theme="dark"] .payment-steps{
  background:var(--dm-card);
  border-color:var(--dm-line);
}
html[data-theme="dark"] .payment-steps div{
  border-inline-end-color:var(--dm-line);
}
html[data-theme="dark"] .payment-steps strong{
  color:var(--dm-text);
}
html[data-theme="dark"] .payment-steps p{
  color:var(--dm-text-muted);
}
html[data-theme="dark"] .course-enroll{
  background:linear-gradient(135deg,var(--dm-s2),var(--dm-s3));
  border-color:var(--dm-line-strong);
}
html[data-theme="dark"] .course-enroll strong{
  color:var(--dm-text);
}
html[data-theme="dark"] .course-enroll p{
  color:var(--dm-text-muted);
}
html[data-theme="dark"] .course-modules{
  background:var(--dm-line);
  border-color:var(--dm-line);
}
html[data-theme="dark"] .course-modules article{
  background:var(--dm-card);
}
html[data-theme="dark"] .course-modules h3{
  color:var(--dm-text);
}
html[data-theme="dark"] .course-modules p{
  color:var(--dm-text-muted);
}

/* ── Dark: Shortcut cards ─────────────────────────────────────── */
html[data-theme="dark"] .shortcut-card{
  background:var(--dm-card);
  border-color:var(--dm-line);
}
html[data-theme="dark"] .shortcut-card:hover{
  border-color:var(--dm-line-strong);
}
html[data-theme="dark"] .shortcut-card__title{
  color:var(--dm-text);
}
html[data-theme="dark"] .shortcut-card__desc{
  color:var(--dm-text-muted);
}

/* ── Dark: Course page hero ────────────────────────────────────── */
html[data-theme="dark"] .course-section{
  background:var(--dm-base);
}
html[data-theme="dark"] .course-hero p:not(.kicker){
  color:var(--dm-text-muted);
}

/* ── Dark: Section intro text ─────────────────────────────────── */
html[data-theme="dark"] .section__intro p:not(.kicker),
html[data-theme="dark"] .studio-section p,
html[data-theme="dark"] .mentorship-section p{
  color:var(--dm-text-muted);
}

/* ── Dark: Shortcuts section surface ─────────────────────────── */
html[data-theme="dark"] .shortcuts-section{
  background:linear-gradient(135deg,var(--dm-s1) 0%,var(--dm-s2) 60%,var(--dm-s3) 100%);
}

/* ─── FAQ ACCORDION ────────────────────────────────────────── */
.faq-section {
  position: relative;
  background: var(--paper);
}
.faq-inner {
  max-width: var(--max);
  margin: 0 auto;
}
.faq-list {
  display: flex;
  flex-direction: column;
  margin-top: 40px;
}
.faq-item {
  border-bottom: 1px solid var(--line);
}
.faq-item:first-child {
  border-top: 1px solid var(--line);
}
.faq-trigger {
  width: 100%;
  display: flex;
  justify-content: space-between;
  align-items: center;
  background: none;
  border: none;
  padding: 24px 0;
  cursor: pointer;
  color: var(--ink);
  text-align: left;
  font-size: clamp(16px, 2.5vw, 19px);
  font-weight: 700;
  gap: 20px;
  transition: color 0.25s ease;
}
html[dir="rtl"] .faq-trigger {
  text-align: right;
}
.faq-trigger:hover {
  color: var(--gold);
}
.faq-icon {
  display: flex;
  align-items: center;
  justify-content: center;
  flex-shrink: 0;
  width: 24px;
  height: 24px;
  color: var(--muted);
  transition: transform 0.3s cubic-bezier(0.16, 1, 0.3, 1), color 0.25s ease;
}
.faq-trigger:hover .faq-icon {
  color: var(--ink);
}
.faq-panel {
  max-height: 0;
  overflow: hidden;
  transition: max-height 0.35s cubic-bezier(0.16, 1, 0.3, 1);
}
.faq-content {
  padding: 0 0 24px;
  font-size: 15px;
  line-height: 1.7;
  color: var(--muted);
}
.faq-item.is-open .faq-icon {
  transform: rotate(45deg);
  color: var(--ink);
}

/* ─── CHATBOT ──────────────────────────────────────────────── */
.chatbot-trigger {
  position: fixed;
  bottom: 24px;
  right: 24px;
  width: 60px;
  height: 60px;
  border-radius: 50%;
  background: var(--paper-2);
  border: 2px solid var(--gold);
  cursor: pointer;
  z-index: 999;
  display: flex;
  align-items: center;
  justify-content: center;
  transition: transform 0.3s cubic-bezier(0.34, 1.56, 0.64, 1);
  padding: 6px;
  overflow: visible;
  box-shadow: 0 8px 30px rgba(0, 0, 0, 0.12);
}
html[dir="rtl"] .chatbot-trigger {
  right: auto;
  left: 24px;
}
.chatbot-trigger:hover {
  transform: scale(1.08) translateY(-2px);
}
.chatbot-trigger img {
  width: 100%;
  height: 100%;
  object-fit: cover;
  border-radius: 50%;
}
.chatbot-trigger__pulse {
  position: absolute;
  top: 2px;
  right: 2px;
  width: 12px;
  height: 12px;
  border-radius: 50%;
  background: #31ad64;
  border: 2px solid var(--paper);
}
html[dir="rtl"] .chatbot-trigger__pulse {
  right: auto;
  left: 2px;
}
.chatbot-trigger__pulse::after {
  content: '';
  position: absolute;
  inset: -2px;
  border-radius: 50%;
  border: 2px solid #31ad64;
  animation: pulse-ring 1.8s cubic-bezier(0.455, 0.03, 0.515, 0.955) infinite;
}

@keyframes pulse-ring {
  0% { transform: scale(0.6); opacity: 1; }
  100% { transform: scale(1.4); opacity: 0; }
}

/* Chatbot Window */
.chatbot-window {
  position: fixed;
  bottom: 96px;
  right: 24px;
  width: 380px;
  height: min(560px, 80vh);
  background: var(--paper);
  border: 1px solid var(--line-strong);
  border-radius: 16px;
  box-shadow: var(--shadow);
  z-index: 1000;
  display: flex;
  flex-direction: column;
  overflow: hidden;
  opacity: 0;
  transform: translateY(20px) scale(0.95);
  pointer-events: none;
  transition: opacity 0.3s cubic-bezier(0.16, 1, 0.3, 1), transform 0.3s cubic-bezier(0.16, 1, 0.3, 1);
}
html[dir="rtl"] .chatbot-window {
  right: auto;
  left: 24px;
}
.chatbot-window.is-open {
  opacity: 1;
  transform: translateY(0) scale(1);
  pointer-events: all;
}

/* Chat Header */
.chatbot-header {
  background: #171716;
  color: #fbfcfb;
  padding: 16px 20px;
  display: flex;
  align-items: center;
  justify-content: space-between;
  border-bottom: 1px solid rgba(255,255,255,0.08);
}
.chatbot-profile {
  display: flex;
  align-items: center;
  gap: 12px;
}
.chatbot-avatar {
  width: 36px;
  height: 36px;
  border-radius: 50%;
  border: 1.5px solid var(--gold);
  overflow: hidden;
  background: var(--paper);
}
.chatbot-avatar img {
  width: 100%;
  height: 100%;
  object-fit: cover;
}
.chatbot-info {
  display: flex;
  flex-direction: column;
}
.chatbot-name {
  font-size: 14px;
  font-weight: 700;
  line-height: 1.2;
}
.chatbot-status {
  font-size: 10px;
  color: #888;
  display: flex;
  align-items: center;
  gap: 4px;
  margin-top: 2px;
}
.chatbot-status::before {
  content: '';
  width: 6px;
  height: 6px;
  border-radius: 50%;
  background: #31ad64;
  display: inline-block;
}
.chatbot-close {
  background: none;
  border: none;
  color: #fbfcfb;
  opacity: 0.7;
  cursor: pointer;
  padding: 4px;
  display: flex;
  align-items: center;
  justify-content: center;
  transition: opacity 0.2s ease, transform 0.2s ease;
}
.chatbot-close:hover {
  opacity: 1;
  transform: scale(1.1);
}

/* Chat Messages */
.chatbot-messages {
  flex-grow: 1;
  overflow-y: auto;
  padding: 20px;
  display: flex;
  flex-direction: column;
  gap: 16px;
  background: var(--paper);
  scroll-behavior: smooth;
}
.chat-message {
  display: flex;
  flex-direction: column;
  max-width: 80%;
  animation: message-slide-up 0.3s cubic-bezier(0.16, 1, 0.3, 1) forwards;
}
@keyframes message-slide-up {
  from { opacity: 0; transform: translateY(10px); }
  to { opacity: 1; transform: translateY(0); }
}
.chat-message--bot {
  align-self: flex-start;
}
.chat-message--user {
  align-self: flex-end;
}
.chat-bubble {
  padding: 12px 16px;
  font-size: 13px;
  line-height: 1.5;
  border-radius: 14px;
}
.chat-message--bot .chat-bubble {
  background: var(--paper-2);
  color: var(--ink);
  border-bottom-left-radius: 2px;
  border: 1px solid var(--line);
}
html[dir="rtl"] .chat-message--bot .chat-bubble {
  border-bottom-left-radius: 14px;
  border-bottom-right-radius: 2px;
}
.chat-message--user .chat-bubble {
  background: var(--ink);
  color: var(--fog);
  border-bottom-right-radius: 2px;
}
html[dir="rtl"] .chat-message--user .chat-bubble {
  border-bottom-right-radius: 14px;
  border-bottom-left-radius: 2px;
}
.chat-time {
  font-size: 9px;
  color: var(--muted);
  margin-top: 4px;
  align-self: flex-end;
}
.chat-message--bot .chat-time {
  align-self: flex-start;
}

/* Clicking pre-set questions */
.chatbot-questions {
  padding: 12px 20px 20px;
  border-top: 1px solid var(--line);
  background: var(--paper);
  display: flex;
  flex-direction: column;
  gap: 8px;
}
.chat-kicker {
  font-size: 11px;
  font-weight: 800;
  text-transform: uppercase;
  color: var(--muted);
  letter-spacing: 0.05em;
  margin-bottom: 4px;
}
.chatbot-q-list {
  display: flex;
  flex-direction: column;
  gap: 6px;
  max-height: 160px;
  overflow-y: auto;
}
.chatbot-question-btn {
  background: var(--paper-2);
  color: var(--ink);
  border: 1px solid var(--line-strong);
  padding: 8px 14px;
  border-radius: 20px;
  font-size: 12px;
  font-weight: 600;
  cursor: pointer;
  text-align: left;
  transition: all 0.25s ease;
  width: fit-content;
  max-width: 100%;
}
html[dir="rtl"] .chatbot-question-btn {
  text-align: right;
}
.chatbot-question-btn:hover {
  background: var(--ink);
  color: var(--fog);
  border-color: var(--ink);
}

/* Typing Dots Indicator */
.typing-dots {
  display: flex;
  align-items: center;
  gap: 4px;
  padding: 4px 8px;
}
.typing-dots span {
  width: 6px;
  height: 6px;
  border-radius: 50%;
  background: var(--muted);
  animation: dot-bounce 1.4s infinite ease-in-out both;
}
.typing-dots span:nth-child(1) { animation-delay: -0.32s; }
.typing-dots span:nth-child(2) { animation-delay: -0.16s; }

@keyframes dot-bounce {
  0%, 80%, 100% { transform: scale(0); }
  40% { transform: scale(1.0); }
}

/* Dark Mode Overrides for Chatbot Components */
html[data-theme="dark"] .chat-message--user .chat-bubble {
  background: var(--dm-accent);
  color: var(--dm-base);
}
html[data-theme="dark"] .chatbot-question-btn:hover {
  background: var(--dm-accent);
  color: var(--dm-base);
  border-color: var(--dm-accent);
}
html[data-theme="dark"] .chatbot-status {
  color: var(--dm-text-muted);
}
html[data-theme="dark"] .chatbot-trigger {
  background: var(--dm-s2);
  border-color: var(--dm-accent);
  box-shadow: 0 8px 30px rgba(0, 0, 0, 0.35);
}

.chat-link {
  color: var(--gold);
  text-decoration: underline;
  font-weight: 600;
  transition: color 0.2s ease;
}
.chat-link:hover {
  color: var(--olive);
}
html[data-theme="dark"] .chat-link:hover {
  color: var(--ink);
}

/* Responsive Styles */
@media (max-width: 760px) {
  .chatbot-trigger {
    bottom: 88px;
    right: 16px;
  }
  html[dir="rtl"] .chatbot-trigger {
    bottom: 88px;
    left: 16px;
    right: auto;
  }
  .chatbot-window {
    width: calc(100% - 32px);
    right: 16px;
    left: 16px;
    bottom: 160px;
    height: min(480px, 65vh);
  }
  html[dir="rtl"] .chatbot-window {
    right: 16px;
    left: 16px;
    bottom: 160px;
  }
}


/* ════════════════════════════════════════════════════════════════
   EMERALD FOREST — full section overrides (light + dark)
   ════════════════════════════════════════════════════════════════ */
html[data-site-theme="forest"] .hero { background: #f2f7f2; }
html[data-site-theme="forest"] .hero::after { color: rgba(13,26,13,.04); }
html[data-site-theme="forest"] .hero__lead { color: #3a5a3a; }
html[data-site-theme="forest"] .hero__proof { border-top-color: rgba(13,26,13,.22); }
html[data-site-theme="forest"] .hero__proof span { color: #3a5a3a; }
html[data-site-theme="forest"] .poster-card { border-color: rgba(13,26,13,.30); background: #0d1a0d; }
html[data-site-theme="forest"] .poster-card__label { background: #141e14; }
html[data-site-theme="forest"] .hero__stamp { background: #2d3b1a; }
html[data-site-theme="forest"] .section--split { background: #f7fbf7; }
html[data-site-theme="forest"] .studio-section {
  background:
    radial-gradient(circle at 82% 20%, rgba(90,184,122,.22), transparent 34%),
    linear-gradient(135deg, #1a3a26 0%, #253f2c 62%, #2d3b1a 100%);
}
html[data-site-theme="forest"] .mentorship-section {
  background:
    linear-gradient(120deg, rgba(13,26,13,.88), rgba(26,58,38,.90)),
    url("../img/hero-atmosphere.svg") center/cover;
}
html[data-site-theme="forest"] .contact-section { background: linear-gradient(135deg, #2d3b1a 0%, #1a3a26 100%); }
html[data-site-theme="forest"] .offer-card--premium { background: linear-gradient(160deg, #1a3a26 0%, #243e2c 55%, #2d3b1a 100%); }
html[data-site-theme="forest"] .form-wrap { background: #f7fbf7; }
html[data-site-theme="forest"] .footer { background: #f2f7f2; }
html[data-site-theme="forest"] .faq-section { background: #f7fbf7; }
html[data-site-theme="forest"] .shortcut-card { background: #f7fbf7; }
html[data-site-theme="forest"] .bts-card { background: linear-gradient(180deg,rgba(255,255,255,.5),rgba(255,255,255,.1)),#dceadc; }
html[data-site-theme="forest"] .mobile-cta { background: rgba(242,247,242,.94); }

html[data-site-theme="forest"][data-theme="dark"] .hero { background: #080e08; }
html[data-site-theme="forest"][data-theme="dark"] .hero::after { color: rgba(213,232,213,.025); }
html[data-site-theme="forest"][data-theme="dark"] .hero__lead { color: #9abf9a; }
html[data-site-theme="forest"][data-theme="dark"] .hero__proof { border-top-color: rgba(255,255,255,.13); }
html[data-site-theme="forest"][data-theme="dark"] .hero__proof span { color: #608060; }
html[data-site-theme="forest"][data-theme="dark"] .poster-card { border-color: rgba(255,255,255,.13); background: #050905; }
html[data-site-theme="forest"][data-theme="dark"] .poster-card__label { background: #0a1209; }
html[data-site-theme="forest"][data-theme="dark"] .hero__stamp { background: #1e2a0e; }
html[data-site-theme="forest"][data-theme="dark"] .section--split { background: #101a10; }
html[data-site-theme="forest"][data-theme="dark"] .studio-section {
  background:
    radial-gradient(circle at 82% 20%, rgba(90,184,122,.10), transparent 34%),
    linear-gradient(135deg, #080e08 0%, #172417 62%, #1e2e1e 100%);
}
html[data-site-theme="forest"][data-theme="dark"] .build-slider::before { background: linear-gradient(90deg,#172417,transparent); }
html[data-site-theme="forest"][data-theme="dark"] .build-slider::after { background: linear-gradient(270deg,#1e2e1e,transparent); }
html[data-site-theme="forest"][data-theme="dark"] .mentorship-section {
  background:
    linear-gradient(120deg, rgba(8,14,8,.97), rgba(16,26,16,.95)),
    url("../img/hero-atmosphere.svg") center/cover;
}
html[data-site-theme="forest"][data-theme="dark"] .contact-section { background: linear-gradient(135deg,#1e2e1e 0%,#101a10 100%); }
html[data-site-theme="forest"][data-theme="dark"] .offer-card { background: #142014; }
html[data-site-theme="forest"][data-theme="dark"] .offer-card--premium { background: linear-gradient(160deg,#080e08 0%,#172417 55%,#1e2e1e 100%); }
html[data-site-theme="forest"][data-theme="dark"] .bts-card { background: linear-gradient(180deg,rgba(255,255,255,.03),rgba(255,255,255,.01)),#1e2e1e; border-color: rgba(255,255,255,.07); }
html[data-site-theme="forest"][data-theme="dark"] .form-wrap { background: #142014; border-color: rgba(255,255,255,.13); }
html[data-site-theme="forest"][data-theme="dark"] .form input,
html[data-site-theme="forest"][data-theme="dark"] .form select,
html[data-site-theme="forest"][data-theme="dark"] .form textarea { background: #101a10; border-color: rgba(255,255,255,.13); color: #d5e8d5; }
html[data-site-theme="forest"][data-theme="dark"] .footer { background: #060c06; border-top-color: rgba(255,255,255,.07); }
html[data-site-theme="forest"][data-theme="dark"] .faq-section { background: #0d160d; }
html[data-site-theme="forest"][data-theme="dark"] .shortcut-card { background: #142014; border-color: rgba(255,255,255,.07); }
html[data-site-theme="forest"][data-theme="dark"] .shortcuts-section { background: linear-gradient(135deg,#101a10,#172417); }
html[data-site-theme="forest"][data-theme="dark"] .mobile-cta { background: rgba(5,9,5,.95); border-top-color: rgba(255,255,255,.07); }
html[data-site-theme="forest"][data-theme="dark"] .chatbot-trigger { background: #172417; border-color: #5ab87a; }
html[data-site-theme="forest"][data-theme="dark"] .site-header { background: rgba(8,14,8,.80); }
html[data-site-theme="forest"][data-theme="dark"] .site-header.is-scrolled { background: rgba(8,14,8,.97); }
html[data-site-theme="forest"][data-theme="dark"] .payment-steps { background: #142014; border-color: rgba(255,255,255,.07); }
html[data-site-theme="forest"][data-theme="dark"] .course-enroll { background: linear-gradient(135deg,#172417,#1e2e1e); border-color: rgba(255,255,255,.07); }
html[data-site-theme="forest"][data-theme="dark"] .course-modules article { background: #142014; }
html[data-site-theme="forest"][data-theme="dark"] .chatbot-window { background: #101a10; }
html[data-site-theme="forest"][data-theme="dark"] .chatbot-messages { background: #101a10; }
html[data-site-theme="forest"][data-theme="dark"] .chat-message--bot .chat-bubble { background: #1e2e1e; color: #d5e8d5; border-color: rgba(255,255,255,.09); }
html[data-site-theme="forest"][data-theme="dark"] .chatbot-questions { background: #101a10; border-top-color: rgba(255,255,255,.08); }
html[data-site-theme="forest"][data-theme="dark"] .chatbot-question-btn { background: #1e2e1e; color: #d5e8d5; border-color: rgba(255,255,255,.12); }
html[data-site-theme="forest"][data-theme="dark"] .modal-overlay { background: rgba(0,0,0,.75); }


/* ════════════════════════════════════════════════════════════════
   OBSIDIAN — full section overrides (light + dark)
   Pure blacks & whites. Monochromatic luxury.
   ════════════════════════════════════════════════════════════════ */
html[data-site-theme="obsidian"] .hero { background: #f8f8f7; }
html[data-site-theme="obsidian"] .hero::after { color: rgba(10,10,10,.04); }
html[data-site-theme="obsidian"] .hero__lead { color: #3a3a38; }
html[data-site-theme="obsidian"] .hero__proof { border-top-color: rgba(10,10,10,.20); }
html[data-site-theme="obsidian"] .hero__proof span { color: #444440; }
html[data-site-theme="obsidian"] .poster-card { border-color: rgba(10,10,10,.30); background: #0a0a0a; }
html[data-site-theme="obsidian"] .poster-card__label { background: #111111; }
html[data-site-theme="obsidian"] .hero__stamp { background: #1f1f1f; }
html[data-site-theme="obsidian"] .section--split { background: #fcfcfb; }
html[data-site-theme="obsidian"] .studio-section {
  background:
    radial-gradient(circle at 82% 20%, rgba(255,255,255,.08), transparent 34%),
    linear-gradient(135deg, #0a0a0a 0%, #181818 62%, #222222 100%);
}
html[data-site-theme="obsidian"] .mentorship-section {
  background:
    linear-gradient(120deg, rgba(10,10,10,.92), rgba(25,25,25,.90)),
    url("../img/hero-atmosphere.svg") center/cover;
}
html[data-site-theme="obsidian"] .contact-section { background: linear-gradient(135deg, #1f1f1f 0%, #0a0a0a 100%); }
html[data-site-theme="obsidian"] .offer-card--premium { background: linear-gradient(160deg, #0a0a0a 0%, #161616 55%, #222222 100%); }
html[data-site-theme="obsidian"] .form-wrap { background: #fcfcfb; }
html[data-site-theme="obsidian"] .footer { background: #f8f8f7; }
html[data-site-theme="obsidian"] .faq-section { background: #fcfcfb; }
html[data-site-theme="obsidian"] .shortcut-card { background: #fcfcfb; }
html[data-site-theme="obsidian"] .bts-card { background: linear-gradient(180deg,rgba(255,255,255,.6),rgba(255,255,255,.15)),#efefed; }
html[data-site-theme="obsidian"] .mobile-cta { background: rgba(248,248,247,.94); }

html[data-site-theme="obsidian"][data-theme="dark"] .hero { background: #050505; }
html[data-site-theme="obsidian"][data-theme="dark"] .hero::after { color: rgba(240,240,238,.02); }
html[data-site-theme="obsidian"][data-theme="dark"] .hero__lead { color: #c8c8c4; }
html[data-site-theme="obsidian"][data-theme="dark"] .hero__proof { border-top-color: rgba(255,255,255,.11); }
html[data-site-theme="obsidian"][data-theme="dark"] .hero__proof span { color: #7a7a76; }
html[data-site-theme="obsidian"][data-theme="dark"] .poster-card { border-color: rgba(255,255,255,.11); background: #020202; }
html[data-site-theme="obsidian"][data-theme="dark"] .poster-card__label { background: #080808; }
html[data-site-theme="obsidian"][data-theme="dark"] .hero__stamp { background: #111111; }
html[data-site-theme="obsidian"][data-theme="dark"] .section--split { background: #0d0d0d; }
html[data-site-theme="obsidian"][data-theme="dark"] .studio-section {
  background:
    radial-gradient(circle at 82% 20%, rgba(255,255,255,.04), transparent 34%),
    linear-gradient(135deg, #050505 0%, #141414 62%, #1a1a1a 100%);
}
html[data-site-theme="obsidian"][data-theme="dark"] .build-slider::before { background: linear-gradient(90deg,#141414,transparent); }
html[data-site-theme="obsidian"][data-theme="dark"] .build-slider::after { background: linear-gradient(270deg,#1a1a1a,transparent); }
html[data-site-theme="obsidian"][data-theme="dark"] .mentorship-section {
  background:
    linear-gradient(120deg, rgba(5,5,5,.98), rgba(15,15,15,.97)),
    url("../img/hero-atmosphere.svg") center/cover;
}
html[data-site-theme="obsidian"][data-theme="dark"] .contact-section { background: linear-gradient(135deg,#1a1a1a 0%,#0d0d0d 100%); }
html[data-site-theme="obsidian"][data-theme="dark"] .offer-card { background: #0f0f0f; }
html[data-site-theme="obsidian"][data-theme="dark"] .offer-card--premium { background: linear-gradient(160deg,#050505 0%,#141414 55%,#1a1a1a 100%); }
html[data-site-theme="obsidian"][data-theme="dark"] .bts-card { background: linear-gradient(180deg,rgba(255,255,255,.025),rgba(255,255,255,.005)),#1a1a1a; border-color: rgba(255,255,255,.07); }
html[data-site-theme="obsidian"][data-theme="dark"] .form-wrap { background: #0f0f0f; border-color: rgba(255,255,255,.12); }
html[data-site-theme="obsidian"][data-theme="dark"] .form input,
html[data-site-theme="obsidian"][data-theme="dark"] .form select,
html[data-site-theme="obsidian"][data-theme="dark"] .form textarea { background: #0d0d0d; border-color: rgba(255,255,255,.12); color: #f0f0ee; }
html[data-site-theme="obsidian"][data-theme="dark"] .footer { background: #030303; border-top-color: rgba(255,255,255,.07); }
html[data-site-theme="obsidian"][data-theme="dark"] .faq-section { background: #080808; }
html[data-site-theme="obsidian"][data-theme="dark"] .shortcut-card { background: #0f0f0f; border-color: rgba(255,255,255,.07); }
html[data-site-theme="obsidian"][data-theme="dark"] .shortcuts-section { background: linear-gradient(135deg,#0d0d0d,#141414); }
html[data-site-theme="obsidian"][data-theme="dark"] .mobile-cta { background: rgba(3,3,3,.97); border-top-color: rgba(255,255,255,.07); }
html[data-site-theme="obsidian"][data-theme="dark"] .chatbot-trigger { background: #141414; border-color: #e0e0dc; }
html[data-site-theme="obsidian"][data-theme="dark"] .site-header { background: rgba(5,5,5,.84); }
html[data-site-theme="obsidian"][data-theme="dark"] .site-header.is-scrolled { background: rgba(5,5,5,.99); }
html[data-site-theme="obsidian"][data-theme="dark"] .payment-steps { background: #0f0f0f; border-color: rgba(255,255,255,.07); }
html[data-site-theme="obsidian"][data-theme="dark"] .course-enroll { background: linear-gradient(135deg,#141414,#1a1a1a); border-color: rgba(255,255,255,.07); }
html[data-site-theme="obsidian"][data-theme="dark"] .course-modules article { background: #0f0f0f; }
html[data-site-theme="obsidian"][data-theme="dark"] .chatbot-window { background: #0d0d0d; }
html[data-site-theme="obsidian"][data-theme="dark"] .chatbot-messages { background: #0d0d0d; }
html[data-site-theme="obsidian"][data-theme="dark"] .chat-message--bot .chat-bubble { background: #1a1a1a; color: #f0f0ee; border-color: rgba(255,255,255,.09); }
html[data-site-theme="obsidian"][data-theme="dark"] .chatbot-questions { background: #0d0d0d; border-top-color: rgba(255,255,255,.07); }
html[data-site-theme="obsidian"][data-theme="dark"] .chatbot-question-btn { background: #1a1a1a; color: #f0f0ee; border-color: rgba(255,255,255,.12); }
html[data-site-theme="obsidian"][data-theme="dark"] .modal-overlay { background: rgba(0,0,0,.88); }


/* ════════════════════════════════════════════════════════════════
   BLUSH — full section overrides (light + dark)
   Warm cream / deep charcoal-amber
   ════════════════════════════════════════════════════════════════ */
html[data-site-theme="blush"] .hero { background: #fdf5f0; }
html[data-site-theme="blush"] .hero::after { color: rgba(30,16,10,.04); }
html[data-site-theme="blush"] .hero__lead { color: #5a3824; }
html[data-site-theme="blush"] .hero__proof { border-top-color: rgba(30,16,10,.20); }
html[data-site-theme="blush"] .hero__proof span { color: #7a5848; }
html[data-site-theme="blush"] .poster-card { border-color: rgba(30,16,10,.28); background: #1e100a; }
html[data-site-theme="blush"] .poster-card__label { background: #2a1810; }
html[data-site-theme="blush"] .hero__stamp { background: #3c1e2a; }
html[data-site-theme="blush"] .section--split { background: #fef9f6; }
html[data-site-theme="blush"] .studio-section {
  background:
    radial-gradient(circle at 82% 20%, rgba(212,144,108,.24), transparent 34%),
    linear-gradient(135deg, #5a3020 0%, #6e3c26 62%, #3c1e2a 100%);
}
html[data-site-theme="blush"] .mentorship-section {
  background:
    linear-gradient(120deg, rgba(30,16,10,.88), rgba(58,30,20,.88)),
    url("../img/hero-atmosphere.svg") center/cover;
}
html[data-site-theme="blush"] .contact-section { background: linear-gradient(135deg, #3c1e2a 0%, #5a3020 100%); }
html[data-site-theme="blush"] .offer-card--premium { background: linear-gradient(160deg, #3a1e14 0%, #4e2a1c 55%, #3c1e2a 100%); }
html[data-site-theme="blush"] .form-wrap { background: #fef9f6; }
html[data-site-theme="blush"] .footer { background: #fdf5f0; }
html[data-site-theme="blush"] .faq-section { background: #fef9f6; }
html[data-site-theme="blush"] .shortcut-card { background: #fef9f6; }
html[data-site-theme="blush"] .bts-card { background: linear-gradient(180deg,rgba(255,255,255,.6),rgba(255,255,255,.15)),#f5e6dc; }
html[data-site-theme="blush"] .mobile-cta { background: rgba(253,245,240,.94); }

html[data-site-theme="blush"][data-theme="dark"] .hero { background: #100a08; }
html[data-site-theme="blush"][data-theme="dark"] .hero::after { color: rgba(240,228,220,.02); }
html[data-site-theme="blush"][data-theme="dark"] .hero__lead { color: #c8aa9c; }
html[data-site-theme="blush"][data-theme="dark"] .hero__proof { border-top-color: rgba(255,255,255,.11); }
html[data-site-theme="blush"][data-theme="dark"] .hero__proof span { color: #8a6858; }
html[data-site-theme="blush"][data-theme="dark"] .poster-card { border-color: rgba(255,255,255,.11); background: #0c0704; }
html[data-site-theme="blush"][data-theme="dark"] .poster-card__label { background: #160e0a; }
html[data-site-theme="blush"][data-theme="dark"] .hero__stamp { background: #251218; }
html[data-site-theme="blush"][data-theme="dark"] .section--split { background: #1a1210; }
html[data-site-theme="blush"][data-theme="dark"] .studio-section {
  background:
    radial-gradient(circle at 82% 20%, rgba(212,144,108,.10), transparent 34%),
    linear-gradient(135deg, #100a08 0%, #231814 62%, #2e201c 100%);
}
html[data-site-theme="blush"][data-theme="dark"] .build-slider::before { background: linear-gradient(90deg,#231814,transparent); }
html[data-site-theme="blush"][data-theme="dark"] .build-slider::after { background: linear-gradient(270deg,#2e201c,transparent); }
html[data-site-theme="blush"][data-theme="dark"] .mentorship-section {
  background:
    linear-gradient(120deg, rgba(16,10,8,.97), rgba(26,18,16,.96)),
    url("../img/hero-atmosphere.svg") center/cover;
}
html[data-site-theme="blush"][data-theme="dark"] .contact-section { background: linear-gradient(135deg,#2e201c 0%,#1a1210 100%); }
html[data-site-theme="blush"][data-theme="dark"] .offer-card { background: #1e1410; }
html[data-site-theme="blush"][data-theme="dark"] .offer-card--premium { background: linear-gradient(160deg,#100a08 0%,#231814 55%,#2e201c 100%); }
html[data-site-theme="blush"][data-theme="dark"] .bts-card { background: linear-gradient(180deg,rgba(255,255,255,.03),rgba(255,255,255,.01)),#2e201c; border-color: rgba(255,255,255,.07); }
html[data-site-theme="blush"][data-theme="dark"] .form-wrap { background: #1e1410; border-color: rgba(255,255,255,.12); }
html[data-site-theme="blush"][data-theme="dark"] .form input,
html[data-site-theme="blush"][data-theme="dark"] .form select,
html[data-site-theme="blush"][data-theme="dark"] .form textarea { background: #1a1210; border-color: rgba(255,255,255,.12); color: #f0e4dc; }
html[data-site-theme="blush"][data-theme="dark"] .footer { background: #0c0806; border-top-color: rgba(255,255,255,.07); }
html[data-site-theme="blush"][data-theme="dark"] .faq-section { background: #160e0a; }
html[data-site-theme="blush"][data-theme="dark"] .shortcut-card { background: #1e1410; border-color: rgba(255,255,255,.07); }
html[data-site-theme="blush"][data-theme="dark"] .shortcuts-section { background: linear-gradient(135deg,#1a1210,#231814); }
html[data-site-theme="blush"][data-theme="dark"] .mobile-cta { background: rgba(10,6,4,.96); border-top-color: rgba(255,255,255,.07); }
html[data-site-theme="blush"][data-theme="dark"] .chatbot-trigger { background: #231814; border-color: #d4906c; }
html[data-site-theme="blush"][data-theme="dark"] .site-header { background: rgba(16,10,8,.82); }
html[data-site-theme="blush"][data-theme="dark"] .site-header.is-scrolled { background: rgba(16,10,8,.98); }
html[data-site-theme="blush"][data-theme="dark"] .payment-steps { background: #1e1410; border-color: rgba(255,255,255,.07); }
html[data-site-theme="blush"][data-theme="dark"] .course-enroll { background: linear-gradient(135deg,#231814,#2e201c); border-color: rgba(255,255,255,.07); }
html[data-site-theme="blush"][data-theme="dark"] .course-modules article { background: #1e1410; }
html[data-site-theme="blush"][data-theme="dark"] .chatbot-window { background: #1a1210; }
html[data-site-theme="blush"][data-theme="dark"] .chatbot-messages { background: #1a1210; }
html[data-site-theme="blush"][data-theme="dark"] .chat-message--bot .chat-bubble { background: #2e201c; color: #f0e4dc; border-color: rgba(255,255,255,.09); }
html[data-site-theme="blush"][data-theme="dark"] .chatbot-questions { background: #1a1210; border-top-color: rgba(255,255,255,.07); }
html[data-site-theme="blush"][data-theme="dark"] .chatbot-question-btn { background: #2e201c; color: #f0e4dc; border-color: rgba(255,255,255,.12); }
html[data-site-theme="blush"][data-theme="dark"] .modal-overlay { background: rgba(0,0,0,.80); }


/* ════════════════════════════════════════════════════════════════
   GRAPHITE — full section overrides (light + dark)
   Same layout as default Warm Slate but shifted to pure cool grey.
   ════════════════════════════════════════════════════════════════ */

/* Graphite Light */
html[data-site-theme="graphite"] .hero { background: #eef0f2; }
html[data-site-theme="graphite"] .hero::after { color: rgba(17,19,24,.04); }
html[data-site-theme="graphite"] .hero__lead { color: #3a3f4c; }
html[data-site-theme="graphite"] .hero__proof { border-top-color: rgba(17,19,24,.20); }
html[data-site-theme="graphite"] .hero__proof span { color: #3a3f4c; }
html[data-site-theme="graphite"] .poster-card { border-color: rgba(17,19,24,.28); background: #111318; }
html[data-site-theme="graphite"] .poster-card__label { background: #1a1d24; }
html[data-site-theme="graphite"] .hero__stamp { background: #353440; }
html[data-site-theme="graphite"] .section--split { background: #f5f6f8; }
html[data-site-theme="graphite"] .studio-section {
  background:
    radial-gradient(circle at 82% 20%, rgba(82,92,110,.28), transparent 34%),
    linear-gradient(135deg, #2a2f38 0%, #343950 62%, #353440 100%);
}
html[data-site-theme="graphite"] .mentorship-section {
  background:
    linear-gradient(120deg, rgba(17,19,24,.87), rgba(42,47,56,.88)),
    url("../img/hero-atmosphere.svg") center/cover;
}
html[data-site-theme="graphite"] .contact-section { background: linear-gradient(135deg, #353440 0%, #2a2f38 100%); }
html[data-site-theme="graphite"] .offer-card--premium { background: linear-gradient(160deg, #2a2f38 0%, #363c48 55%, #353440 100%); }
html[data-site-theme="graphite"] .form-wrap { background: #f5f6f8; }
html[data-site-theme="graphite"] .footer { background: #eef0f2; }
html[data-site-theme="graphite"] .faq-section { background: #f5f6f8; }
html[data-site-theme="graphite"] .shortcut-card { background: #f5f6f8; }
html[data-site-theme="graphite"] .bts-card { background: linear-gradient(180deg,rgba(255,255,255,.5),rgba(255,255,255,.1)),#e0e3e7; }
html[data-site-theme="graphite"] .mobile-cta { background: rgba(238,240,242,.94); }

/* Graphite Dark */
html[data-site-theme="graphite"][data-theme="dark"] .hero { background: #0c0d10; }
html[data-site-theme="graphite"][data-theme="dark"] .hero::after { color: rgba(226,229,235,.025); }
html[data-site-theme="graphite"][data-theme="dark"] .hero__lead { color: #adb4c0; }
html[data-site-theme="graphite"][data-theme="dark"] .hero__proof { border-top-color: rgba(255,255,255,.14); }
html[data-site-theme="graphite"][data-theme="dark"] .hero__proof span { color: #747c8c; }
html[data-site-theme="graphite"][data-theme="dark"] .poster-card { border-color: rgba(255,255,255,.14); background: #090a0c; }
html[data-site-theme="graphite"][data-theme="dark"] .poster-card__label { background: #101218; }
html[data-site-theme="graphite"][data-theme="dark"] .hero__stamp { background: #1c1c28; }
html[data-site-theme="graphite"][data-theme="dark"] .section--split { background: #131519; }
html[data-site-theme="graphite"][data-theme="dark"] .studio-section {
  background:
    radial-gradient(circle at 82% 20%, rgba(136,148,170,.14), transparent 34%),
    linear-gradient(135deg, #0c0d10 0%, #191c22 62%, #1f2228 100%);
}
html[data-site-theme="graphite"][data-theme="dark"] .build-slider::before { background: linear-gradient(90deg,#191c22,transparent); }
html[data-site-theme="graphite"][data-theme="dark"] .build-slider::after { background: linear-gradient(270deg,#1f2228,transparent); }
html[data-site-theme="graphite"][data-theme="dark"] .mentorship-section {
  background:
    linear-gradient(120deg, rgba(12,13,16,.96), rgba(25,28,34,.94)),
    url("../img/hero-atmosphere.svg") center/cover;
}
html[data-site-theme="graphite"][data-theme="dark"] .contact-section { background: linear-gradient(135deg,#1f2228 0%,#131519 100%); }
html[data-site-theme="graphite"][data-theme="dark"] .offer-card { background: #171a20; }
html[data-site-theme="graphite"][data-theme="dark"] .offer-card--premium { background: linear-gradient(160deg,#0c0d10 0%,#191c22 55%,#1f2228 100%); }
html[data-site-theme="graphite"][data-theme="dark"] .bts-card { background: linear-gradient(180deg,rgba(255,255,255,.03),rgba(255,255,255,.01)),#1f2228; border-color: rgba(255,255,255,.09); }
html[data-site-theme="graphite"][data-theme="dark"] .form-wrap { background: #171a20; border-color: rgba(255,255,255,.15); }
html[data-site-theme="graphite"][data-theme="dark"] .form input,
html[data-site-theme="graphite"][data-theme="dark"] .form select,
html[data-site-theme="graphite"][data-theme="dark"] .form textarea { background: #131519; border-color: rgba(255,255,255,.15); color: #e2e5eb; }
html[data-site-theme="graphite"][data-theme="dark"] .footer { background: #090a0c; border-top-color: rgba(255,255,255,.09); }
html[data-site-theme="graphite"][data-theme="dark"] .faq-section { background: #101218; }
html[data-site-theme="graphite"][data-theme="dark"] .shortcut-card { background: #171a20; border-color: rgba(255,255,255,.09); }
html[data-site-theme="graphite"][data-theme="dark"] .shortcuts-section { background: linear-gradient(135deg,#131519,#191c22); }
html[data-site-theme="graphite"][data-theme="dark"] .mobile-cta { background: rgba(9,10,12,.96); border-top-color: rgba(255,255,255,.09); }
html[data-site-theme="graphite"][data-theme="dark"] .chatbot-trigger { background: #191c22; border-color: #8894aa; }
html[data-site-theme="graphite"][data-theme="dark"] .site-header { background: rgba(12,13,16,.80); }
html[data-site-theme="graphite"][data-theme="dark"] .site-header.is-scrolled { background: rgba(12,13,16,.97); }
html[data-site-theme="graphite"][data-theme="dark"] .payment-steps { background: #171a20; border-color: rgba(255,255,255,.09); }
html[data-site-theme="graphite"][data-theme="dark"] .course-enroll { background: linear-gradient(135deg,#191c22,#1f2228); border-color: rgba(255,255,255,.09); }
html[data-site-theme="graphite"][data-theme="dark"] .course-modules article { background: #171a20; }
html[data-site-theme="graphite"][data-theme="dark"] .chatbot-window { background: #131519; }
html[data-site-theme="graphite"][data-theme="dark"] .chatbot-messages { background: #131519; }
html[data-site-theme="graphite"][data-theme="dark"] .chat-message--bot .chat-bubble { background: #1f2228; color: #e2e5eb; border-color: rgba(255,255,255,.09); }
html[data-site-theme="graphite"][data-theme="dark"] .chatbot-questions { background: #131519; border-top-color: rgba(255,255,255,.09); }
html[data-site-theme="graphite"][data-theme="dark"] .chatbot-question-btn { background: #1f2228; color: #e2e5eb; border-color: rgba(255,255,255,.14); }
html[data-site-theme="graphite"][data-theme="dark"] .modal-overlay { background: rgba(0,0,0,.72); }


/* ════════════════════════════════════════════════════════════════
   GRAPHITE + OBSIDIAN — refined polish
   Sharper surface hierarchy, stronger buttons, cleaner transitions.
   ════════════════════════════════════════════════════════════════ */

html[data-site-theme="graphite"] .section-surface--warm{
  background:linear-gradient(135deg,#eef0f2 0%,#dde2e7 56%,#c7ced6 100%);
}
html[data-site-theme="graphite"] .section-surface--stone{
  background:linear-gradient(180deg,#dbe0e5 0%,#c1c8d1 100%);
}
html[data-site-theme="graphite"] .section-surface--paper{
  background:linear-gradient(180deg,#f5f6f8 0%,#e7ebef 100%);
}
html[data-site-theme="graphite"] .site-header{
  background:rgba(238,240,242,.78);
}
html[data-site-theme="graphite"] .site-header.is-scrolled{
  background:rgba(238,240,242,.96);
}
html[data-site-theme="graphite"] .btn--ink{
  background:#111318;
  color:#f5f6f8;
}
html[data-site-theme="graphite"] .btn--ink:hover{
  background:#525c6e;
  color:#f5f6f8;
}
html[data-site-theme="graphite"] .btn--line:hover{
  background:rgba(17,19,24,.045);
}
html[data-site-theme="graphite"] .lang-toggle{
  background:rgba(255,255,255,.42);
  border-color:rgba(17,19,24,.15);
}
html[data-site-theme="graphite"] .dm-switch-track{
  background:rgba(17,19,24,.18);
}
html[data-site-theme="graphite"] .chatbot-question-btn:hover{
  border-color:rgba(17,19,24,.24);
  box-shadow:0 10px 28px rgba(17,19,24,.08);
}

html[data-site-theme="graphite"][data-theme="dark"] .section-surface--warm{
  background:linear-gradient(135deg,#101218 0%,#191c22 56%,#252830 100%);
}
html[data-site-theme="graphite"][data-theme="dark"] .section-surface--stone{
  background:linear-gradient(180deg,#1b1f26 0%,#232833 100%);
}
html[data-site-theme="graphite"][data-theme="dark"] .section-surface--paper{
  background:linear-gradient(180deg,#14181e 0%,#101218 100%);
}
html[data-site-theme="graphite"][data-theme="dark"] .btn--ink{
  background:#e2e5eb;
  color:#0c0d10;
}
html[data-site-theme="graphite"][data-theme="dark"] .btn--ink:hover{
  background:#8894aa;
  color:#0c0d10;
}
html[data-site-theme="graphite"][data-theme="dark"] .btn--line:hover{
  background:rgba(136,148,170,.09);
  border-color:#8894aa;
}
html[data-site-theme="graphite"][data-theme="dark"] .lang-toggle{
  background:rgba(255,255,255,.06);
  border-color:rgba(255,255,255,.16);
  color:#e2e5eb;
}
html[data-site-theme="graphite"][data-theme="dark"] .dm-switch-track{
  background:rgba(255,255,255,.14);
}
html[data-site-theme="graphite"][data-theme="dark"] ::selection{
  background:rgba(136,148,170,.32);
  color:#e2e5eb;
}
html[data-site-theme="graphite"][data-theme="dark"] .offer-card:hover,
html[data-site-theme="graphite"][data-theme="dark"] .shortcut-card:hover,
html[data-site-theme="graphite"][data-theme="dark"] .bts-card:hover{
  box-shadow:0 22px 54px rgba(0,0,0,.28);
}

html[data-site-theme="obsidian"] .section-surface--warm{
  background:linear-gradient(135deg,#f8f8f7 0%,#efefed 56%,#d8d8d3 100%);
}
html[data-site-theme="obsidian"] .section-surface--stone{
  background:linear-gradient(180deg,#ececea 0%,#d7d7d2 100%);
}
html[data-site-theme="obsidian"] .section-surface--paper{
  background:linear-gradient(180deg,#fcfcfb 0%,#f0f0ee 100%);
}
html[data-site-theme="obsidian"] .site-header{
  background:rgba(248,248,247,.82);
}
html[data-site-theme="obsidian"] .site-header.is-scrolled{
  background:rgba(248,248,247,.97);
}
html[data-site-theme="obsidian"] .btn--ink{
  background:#0a0a0a;
  color:#fcfcfb;
}
html[data-site-theme="obsidian"] .btn--ink:hover{
  background:#2a2a2a;
  color:#fcfcfb;
}
html[data-site-theme="obsidian"] .btn--line:hover{
  background:rgba(10,10,10,.035);
}
html[data-site-theme="obsidian"] .lang-toggle{
  background:rgba(255,255,255,.56);
  border-color:rgba(10,10,10,.12);
}
html[data-site-theme="obsidian"] .dm-switch-track{
  background:rgba(10,10,10,.18);
}
html[data-site-theme="obsidian"] .chatbot-question-btn:hover{
  border-color:rgba(10,10,10,.18);
  box-shadow:0 10px 28px rgba(10,10,10,.08);
}

html[data-site-theme="obsidian"][data-theme="dark"] .section-surface--warm{
  background:
    radial-gradient(circle at 16% 18%, rgba(255,255,255,.022), transparent 30%),
    radial-gradient(circle at 84% 78%, rgba(255,255,255,.014), transparent 28%),
    linear-gradient(135deg,#050505 0%,#121212 56%,#1d1d1d 100%);
}
html[data-site-theme="obsidian"][data-theme="dark"] .section-surface--stone{
  background:
    radial-gradient(circle at 82% 16%, rgba(255,255,255,.018), transparent 26%),
    linear-gradient(180deg,#121212 0%,#1b1b1b 100%);
}
html[data-site-theme="obsidian"][data-theme="dark"] .section-surface--paper{
  background:
    radial-gradient(circle at 14% 14%, rgba(255,255,255,.016), transparent 24%),
    linear-gradient(180deg,#0d0d0d 0%,#070707 100%);
}
html[data-site-theme="obsidian"][data-theme="dark"] .btn--ink{
  background:#f0f0ee;
  color:#050505;
}
html[data-site-theme="obsidian"][data-theme="dark"] .btn--ink:hover{
  background:#e0e0dc;
  color:#050505;
}
html[data-site-theme="obsidian"][data-theme="dark"] .btn--line:hover{
  background:rgba(255,255,255,.05);
  border-color:#e0e0dc;
}
html[data-site-theme="obsidian"][data-theme="dark"] .lang-toggle{
  background:rgba(255,255,255,.05);
  border-color:rgba(255,255,255,.13);
  color:#f0f0ee;
}
html[data-site-theme="obsidian"][data-theme="dark"] .dm-switch-track{
  background:rgba(255,255,255,.13);
}
html[data-site-theme="obsidian"][data-theme="dark"] ::selection{
  background:rgba(224,224,220,.24);
  color:#f0f0ee;
}
html[data-site-theme="obsidian"][data-theme="dark"] .offer-card:hover,
html[data-site-theme="obsidian"][data-theme="dark"] .shortcut-card:hover,
html[data-site-theme="obsidian"][data-theme="dark"] .bts-card:hover{
  box-shadow:0 24px 60px rgba(0,0,0,.34);
}
html[data-site-theme="obsidian"][data-theme="dark"] body{
  background:
    radial-gradient(circle at top, rgba(255,255,255,.018), transparent 26%),
    #050505;
}
html[data-site-theme="obsidian"][data-theme="dark"] .section--split{
  background:
    radial-gradient(circle at 12% 18%, rgba(255,255,255,.018), transparent 26%),
    #0d0d0d;
}
html[data-site-theme="obsidian"][data-theme="dark"] .faq-section{
  background:
    radial-gradient(circle at 88% 10%, rgba(255,255,255,.015), transparent 24%),
    #080808;
}
html[data-site-theme="obsidian"][data-theme="dark"] .footer{
  background:
    linear-gradient(180deg, rgba(255,255,255,.01), transparent 30%),
    #030303;
}
html[data-site-theme="obsidian"][data-theme="dark"] .form-wrap,
html[data-site-theme="obsidian"][data-theme="dark"] .shortcut-card,
html[data-site-theme="obsidian"][data-theme="dark"] .chatbot-window,
html[data-site-theme="obsidian"][data-theme="dark"] .chatbot-messages{
  background:
    linear-gradient(180deg, rgba(255,255,255,.018), rgba(255,255,255,.005)),
    #0f0f0f;
}