/* MediaStrategy skin */

html[data-skin=orbit]{
  --c-bg:#08090C;--c-bg-alt:#0E1015;--c-surface:#13151B;--c-text:#F4F5F7;--c-muted:#8B909A;--c-border:rgba(255,255,255,.08);
  --c-accent:#5B7CFF;--c-accent-2:#7FE7E0;--c-accent-ink:#FFFFFF;--c-dark:#040509;
  --radius:20px;--radius-sm:12px;--shadow:0 24px 48px -20px rgba(2,3,8,.65),0 0 32px -14px rgba(91,124,255,.30);
  --font-head:'Space Grotesk','Noto Sans SC',system-ui,sans-serif;--font-body:'Inter','Noto Sans SC',system-ui,sans-serif;
  --maxw:1200px;
  --glass:rgba(255,255,255,.045);--glass-2:rgba(255,255,255,.08);--ring:rgba(91,124,255,.4);--sx:1;
}
[dir=rtl][data-skin=orbit]{--sx:-1}
[data-skin=orbit] body{font-size:16px;line-height:1.7;-webkit-font-smoothing:antialiased}
[data-skin=orbit] h1,[data-skin=orbit] h2,[data-skin=orbit] h3{font-family:var(--font-head);letter-spacing:-.02em;text-wrap:balance}
[data-skin=orbit] h1{font-weight:700;line-height:1.08}
[data-skin=orbit] h2{font-weight:700;line-height:1.16}
[data-skin=orbit] h3{font-weight:500;letter-spacing:-.01em}
[data-skin=orbit] ::selection{background:var(--c-accent);color:#fff}
[data-skin=orbit] .ob-prose a,[data-skin=orbit] .ob-faq-a a,[data-skin=orbit] .ob-card a:not(.ob-btn){text-underline-offset:3px;text-decoration-color:rgba(127,231,224,.45);transition:text-decoration-color .15s}
[data-skin=orbit] .ob-prose a:hover,[data-skin=orbit] .ob-faq-a a:hover,[data-skin=orbit] .ob-card a:not(.ob-btn):hover{text-decoration-color:var(--c-accent-2)}
[data-skin=orbit] .ob-note{color:var(--c-muted)}

/* ---------------- header ---------------- */
[data-skin=orbit] .ob-header{background:color-mix(in srgb,var(--c-bg) 78%,transparent);backdrop-filter:blur(14px) saturate(140%);border-bottom:1px solid var(--c-border)}
[data-skin=orbit] .ob-header-in{min-height:74px}
[data-skin=orbit] .ob-logo{font:700 1.18rem/1 var(--font-head);letter-spacing:-.01em;color:var(--c-text)}
[data-skin=orbit] .ob-logo-mark{width:32px;height:32px;border-radius:50%;position:relative;flex:none;
  background:radial-gradient(circle at 32% 30%,#cfe0ff 0%,var(--c-accent) 48%,#2f3d99 100%);
  box-shadow:0 0 0 1px rgba(255,255,255,.12) inset,0 0 16px -2px rgba(91,124,255,.85)}
[data-skin=orbit] .ob-logo-mark::after{content:"";position:absolute;inset:-7px;border:1px solid rgba(255,255,255,.16);border-radius:50%}
[data-skin=orbit] .ob-logo-hl{color:var(--c-accent-2)}
[data-skin=orbit] .ob-nav-item>a{font:500 .92rem/1 var(--font-body);color:var(--c-muted);border-radius:999px;transition:color .15s,background-color .15s}
[data-skin=orbit] .ob-nav-item>a:hover{background:var(--glass);color:var(--c-text)}
[data-skin=orbit] .ob-drop{background:color-mix(in srgb,var(--c-surface) 96%,transparent);backdrop-filter:blur(16px);border:1px solid var(--c-border);border-radius:16px;box-shadow:var(--shadow);padding:12px}
[data-skin=orbit] .ob-drop a{border-radius:10px;font-size:.9rem}
[data-skin=orbit] .ob-drop a:hover{background:var(--glass-2);color:var(--c-text)}
[data-skin=orbit] .ob-lang summary{border:1px solid var(--c-border);border-radius:999px;color:var(--c-muted);background:var(--glass);font-size:.78rem}
[data-skin=orbit] .ob-lang summary:hover{color:var(--c-text);border-color:var(--glass-2)}
[data-skin=orbit] .ob-lang ul{background:color-mix(in srgb,var(--c-surface) 96%,transparent);backdrop-filter:blur(16px);border:1px solid var(--c-border);border-radius:14px;box-shadow:var(--shadow)}
[data-skin=orbit] .ob-lang a{border-radius:8px}
[data-skin=orbit] .ob-lang a:hover,[data-skin=orbit] .ob-lang a[aria-current]{background:var(--glass-2);color:var(--c-text)}
/* engine bug workaround: base.css's ".ob-lang ul:has(li:nth-child(7))" (2-col grid for 7+ languages) has higher
   specificity than the browser's native "hide non-summary children while <details> is closed" rule, so with 15
   languages the whole dropdown renders (and overflows) even when collapsed. Force it hidden until [open] explicitly. */
[data-skin=orbit] .ob-lang:not([open])>ul{display:none!important}
[data-skin=orbit] .ob-burger{border:1px solid var(--c-border);border-radius:12px;background:var(--glass);color:var(--c-text)}
[data-skin=orbit] .ob-burger:hover{background:var(--glass-2)}
@media (max-width:1200px){[data-skin=orbit] .ob-nav{background:color-mix(in srgb,var(--c-bg) 97%,transparent);backdrop-filter:blur(16px);border-bottom:1px solid var(--c-border)}}

/* ---------------- buttons: pill, inner top highlight, glow on primary ---------------- */
[data-skin=orbit] .ob-btn{border-radius:999px;font:600 .95rem/1 var(--font-body);letter-spacing:.005em;border:1px solid transparent;
  transition:transform .18s cubic-bezier(.22,.9,.32,1),box-shadow .18s ease,background-color .18s ease,border-color .18s ease}
[data-skin=orbit] .ob-btn:hover{transform:translateY(-2px)}
[data-skin=orbit] .ob-btn:active{transform:translateY(0)}
[data-skin=orbit] .ob-btn-primary{background:linear-gradient(180deg,color-mix(in srgb,#fff 16%,var(--c-accent)),var(--c-accent));color:var(--c-accent-ink);
  box-shadow:inset 0 1px 0 rgba(255,255,255,.4),0 10px 28px -10px rgba(91,124,255,.65)}
[data-skin=orbit] .ob-btn-primary:hover{box-shadow:inset 0 1px 0 rgba(255,255,255,.45),0 14px 34px -8px rgba(91,124,255,.8)}
[data-skin=orbit] .ob-btn-ghost{background:var(--glass);border-color:var(--c-border);color:var(--c-text);box-shadow:inset 0 1px 0 rgba(255,255,255,.06)}
[data-skin=orbit] .ob-btn-ghost:hover{background:var(--glass-2);border-color:rgba(255,255,255,.18)}
[data-skin=orbit] .ob-btn-dark,[data-skin=orbit] .ob-btn-tg{background:var(--c-surface);color:var(--c-accent-2);border-color:rgba(127,231,224,.3)}
[data-skin=orbit] .ob-btn-dark:hover,[data-skin=orbit] .ob-btn-tg:hover{background:color-mix(in srgb,var(--c-accent-2) 12%,var(--c-surface));border-color:rgba(127,231,224,.55)}
[data-skin=orbit] .ob-lf-open.ob-btn-ghost{background:transparent}

/* ---------------- hero: centered, radial glow + rotating orbit rings behind the headline ---------------- */
[data-skin=orbit] .ob-hero{background:var(--c-bg);padding:88px 0 56px}
[data-skin=orbit] .ob-hero::before{content:"";position:absolute;inset:0;pointer-events:none;z-index:0;
  background:radial-gradient(52% 60% at 50% 8%,rgba(91,124,255,.30),transparent 70%),
             radial-gradient(34% 34% at 50% 46%,rgba(127,231,224,.10),transparent 72%)}
/* the orbit-ring graphic gets an EXPLICIT bounded box (not inset:0) and no ancestor isolation: an animated
   +filtered element sized/contained by inset:0 inside an isolated stacking context made Chromium keep growing
   the page's scrollable width every frame (verified live -- this bounded, unisolated version stays exactly at
   the viewport width no matter how long the animation runs). */
[data-skin=orbit] .ob-hero::after{content:"";position:absolute;pointer-events:none;z-index:0;
  /* centering math is symmetric (the midpoint is the same regardless of reading direction), so this uses the
     physical "left" on purpose -- inset-inline-start here would flip in RTL and, combined with the translateX
     recentring, push the whole graphic far off-screen (confirmed live: this exact bug on Arabic pages). */
  inset-block-start:4%;left:50%;width:min(760px,92%);height:min(760px,92%);
  transform:translateX(-50%);background-repeat:no-repeat;background-position:center;background-size:contain;
  filter:drop-shadow(0 0 14px rgba(91,124,255,.35));
  background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 640 640'%3E%3Ccircle cx='320' cy='320' r='100' fill='none' stroke='rgba(91,124,255,.32)'/%3E%3Ccircle cx='320' cy='320' r='175' fill='none' stroke='rgba(91,124,255,.18)'/%3E%3Ccircle cx='320' cy='320' r='250' fill='none' stroke='rgba(91,124,255,.09)'/%3E%3C/svg%3E")}
/* no rotation: an animated+filtered element here made Chromium slowly inflate the page's scrollable width
   (confirmed live -- shrank to a few px once bounded, but never fully settled), so the rings stay static
   rather than risk any horizontal-scroll regression for a purely decorative flourish. */
[data-skin=orbit] .ob-hero-in{position:relative;z-index:1}
[data-skin=orbit] .ob-eyebrow{position:relative;display:inline-flex;align-items:center;gap:8px;background:var(--glass);border:1px solid var(--c-border);
  color:var(--c-text);font:600 .74rem/1 var(--font-body);letter-spacing:.08em;padding:.5rem .95rem;border-radius:999px;backdrop-filter:blur(6px)}
[data-skin=orbit] .ob-eyebrow::before{content:"";width:7px;height:7px;border-radius:50%;background:var(--c-accent-2);box-shadow:0 0 10px 1px rgba(127,231,224,.85);flex:none}
[data-skin=orbit] h1{max-width:17ch;margin-inline:auto}
[data-skin=orbit] .ob-mark{background:none;color:var(--c-accent-2);position:relative;
  text-shadow:0 0 18px rgba(127,231,224,.55),0 0 46px rgba(91,124,255,.45)}
[data-skin=orbit] .ob-lead{color:var(--c-muted);font-size:1.14rem;line-height:1.6}
[data-skin=orbit] .ob-tldr{background:var(--glass);border:1px solid var(--c-border);border-inline-start:3px solid var(--c-accent);border-radius:var(--radius-sm);backdrop-filter:blur(10px)}
[data-skin=orbit] .ob-tldr-label{background:var(--c-accent);color:#fff}
[data-skin=orbit] .ob-updated{color:var(--c-muted)}
[data-skin=orbit] .ob-chips,[data-skin=orbit] .ob-badges{gap:10px}
[data-skin=orbit] .ob-chips li,[data-skin=orbit] .ob-badges li{background:var(--glass);border:1px solid var(--c-border);border-radius:999px;color:var(--c-muted);font-weight:500;
  display:inline-flex;align-items:center;gap:7px}
[data-skin=orbit] .ob-chips li::before,[data-skin=orbit] .ob-badges li::before{content:"";width:6px;height:6px;border-radius:50%;background:var(--c-accent-2);flex:none}

/* ---------------- hero aside: glass panels shared by every variant ---------------- */
[data-skin=orbit] .ob-hero-card,[data-skin=orbit] .ob-board,[data-skin=orbit] .ob-hform,[data-skin=orbit] .ob-hub,[data-skin=orbit] .ob-aicard{
  background:linear-gradient(180deg,rgba(255,255,255,.05),rgba(255,255,255,.02)),var(--c-surface);
  border:1px solid var(--c-border);border-radius:var(--radius);box-shadow:var(--shadow);position:relative;overflow:hidden}
[data-skin=orbit] .ob-hero-card::before,[data-skin=orbit] .ob-board::before,[data-skin=orbit] .ob-hform::before,[data-skin=orbit] .ob-hub::before,[data-skin=orbit] .ob-aicard::before{
  content:"";position:absolute;inset:0 0 auto 0;height:1px;background:linear-gradient(90deg,transparent,rgba(255,255,255,.4),transparent)}
[data-skin=orbit] .ob-hero-card{max-width:600px;margin:36px auto 0;padding:28px}
[data-skin=orbit] .ob-hero-card h2{font-size:1.02rem;color:var(--c-muted);font-weight:500}
[data-skin=orbit] .ob-hero-card ul{list-style:none;padding:0;display:grid;gap:10px}
[data-skin=orbit] .ob-hero-card li{position:relative;padding-inline-start:24px;text-align:start}
[data-skin=orbit] .ob-hero-card li::before{content:"";position:absolute;inset-inline-start:0;top:.5em;width:8px;height:8px;border-radius:50%;
  background:var(--c-accent);box-shadow:0 0 8px 1px rgba(91,124,255,.7)}
[data-skin=orbit] .ob-hero-card .ob-lf{border-top-color:var(--c-border)}

/* live board (unused unless theme.hero_board is set -- styled for completeness/consistency) */
[data-skin=orbit] .ob-board{padding:26px}
[data-skin=orbit] .ob-live{display:inline-flex;align-items:center;gap:8px;color:var(--c-muted);font-size:.8rem;font-weight:600}
[data-skin=orbit] .ob-live i{width:7px;height:7px;border-radius:50%;background:var(--c-accent-2);box-shadow:0 0 8px 1px rgba(127,231,224,.8);animation:ob-pulse 1.8s ease-in-out infinite}
[data-skin=orbit] .ob-board-t{color:var(--c-muted);margin:14px 0 4px}
[data-skin=orbit] .ob-board-num{font:700 clamp(2rem,1.4rem + 2.6vw,2.8rem)/1 var(--font-head);color:var(--c-text);text-shadow:0 0 30px rgba(91,124,255,.4)}
[data-skin=orbit] .ob-board-cap{color:var(--c-muted);font-size:.88rem}
[data-skin=orbit] .ob-bar{height:10px;border-radius:999px;background:rgba(255,255,255,.08);overflow:hidden}
[data-skin=orbit] .ob-bar span{background:linear-gradient(90deg,var(--c-accent),var(--c-accent-2));border-radius:inherit;animation:ob-fill 1.6s cubic-bezier(.22,.8,.3,1) both}
[data-skin=orbit] .ob-spark{color:var(--c-accent)}
[data-skin=orbit] .ob-board-rows{list-style:none;margin:14px 0 0;padding:14px 0 0;border-top:1px solid var(--c-border);display:grid;gap:11px}
[data-skin=orbit] .ob-board-rows i{height:6px;border-radius:999px;background:linear-gradient(90deg,var(--c-accent) var(--p),rgba(255,255,255,.1) var(--p))}

/* hero form card (unused unless theme.hero_form is set) */
[data-skin=orbit] .ob-hform{padding:26px}
[data-skin=orbit] .ob-hform>p{color:var(--c-muted);font-size:.92rem}

/* AI-engine hub diagram (unused unless theme.hero_hub is set) */
[data-skin=orbit] .ob-hub{padding:22px}
[data-skin=orbit] .ob-hub-ring{border-color:var(--c-border)}
[data-skin=orbit] .ob-hub-core{background:radial-gradient(circle at 32% 28%,#cfe0ff,var(--c-accent) 55%,#2f3d99);box-shadow:0 0 26px -4px rgba(91,124,255,.8)}
[data-skin=orbit] .ob-hub-map li span{background:var(--c-surface);border-color:var(--c-border);color:var(--c-text)}

/* AI-answer card (unused unless theme.hero_ai is set) */
[data-skin=orbit] .ob-aicard{padding:20px 20px 16px}
[data-skin=orbit] .ob-aicard-bar i{background:var(--c-muted);opacity:.5}
[data-skin=orbit] .ob-aicard-q{background:var(--glass-2);color:var(--c-text)}
[data-skin=orbit] .ob-aicard-a b{background:rgba(91,124,255,.25);color:var(--c-text)}
[data-skin=orbit] .ob-aicard-cite{background:var(--c-accent);color:#fff}
[data-skin=orbit] .ob-aicard-src li{border-color:var(--c-border);color:var(--c-muted)}
[data-skin=orbit] .ob-aicard-src li span{background:var(--glass-2)}

/* ---------------- marquee + facts: thin-divider rhythm ---------------- */
[data-skin=orbit] .ob-ticks{background:linear-gradient(90deg,transparent,var(--c-border),transparent);height:1px;border:0}
[data-skin=orbit] .ob-marquee{border-color:var(--c-border)}
[data-skin=orbit] .ob-marquee-track{color:rgba(244,245,247,.5);font-weight:600}
[data-skin=orbit] .ob-facts-sec{border-top:1px solid var(--c-border);border-bottom:1px solid var(--c-border);padding:34px 0}
[data-skin=orbit] .ob-facts{grid-template-columns:repeat(4,minmax(0,1fr));gap:0}
[data-skin=orbit] .ob-facts li{padding:2px 22px;border-inline-end:1px solid var(--c-border);text-align:center;align-items:center}
[data-skin=orbit] .ob-facts li:last-child{border-inline-end:0}
[data-skin=orbit] .ob-facts b{font:700 clamp(1.5rem,1.1rem + 1.4vw,2.3rem)/1.05 var(--font-head);text-shadow:0 0 26px rgba(91,124,255,.35)}
[data-skin=orbit] .ob-facts span{color:var(--c-muted);text-transform:uppercase;letter-spacing:.07em;font-size:.72rem}

/* ---------------- sections, cards, steps ---------------- */
[data-skin=orbit] .ob-block-alt{background:var(--c-bg-alt)}
[data-skin=orbit] .ob-block-head h2{margin-top:0}
[data-skin=orbit] .ob-block-head .ob-lead{margin-top:8px}
[data-skin=orbit] .ob-cards{gap:16px}
[data-skin=orbit] .ob-tile{background:linear-gradient(180deg,rgba(255,255,255,.035),rgba(255,255,255,.012)),var(--c-surface);
  border-color:var(--c-border);transition:border-color .2s ease,transform .2s ease,box-shadow .2s ease}
[data-skin=orbit] .ob-tile:hover{border-color:rgba(91,124,255,.5);transform:translateY(-3px);box-shadow:0 20px 40px -22px rgba(91,124,255,.5)}
[data-skin=orbit] .ob-tile strong{font-family:var(--font-head);font-weight:500}
[data-skin=orbit] .ob-tile em{color:var(--c-accent-2)}
[data-skin=orbit] .ob-card{background:linear-gradient(180deg,rgba(255,255,255,.035),rgba(255,255,255,.012)),var(--c-surface);border-color:var(--c-border)}
[data-skin=orbit] .ob-steps li{background:var(--c-surface);border:1px solid var(--c-border)}
[data-skin=orbit] .ob-steps li::before{background:linear-gradient(180deg,color-mix(in srgb,#fff 20%,var(--c-accent)),var(--c-accent));color:#fff;
  box-shadow:0 0 14px -2px rgba(91,124,255,.8)}

/* ---------------- prose: headings, lists, blockquote, code, tables ---------------- */
[data-skin=orbit] .ob-prose blockquote{margin:18px 0;padding:4px 20px;border-inline-start:3px solid var(--c-accent-2);color:var(--c-muted);font-style:italic}
[data-skin=orbit] .ob-prose code{background:var(--glass-2);border:1px solid var(--c-border);border-radius:5px;padding:.1em .4em;font-size:.9em}
[data-skin=orbit] .ob-prose pre{background:var(--c-surface);border:1px solid var(--c-border);border-radius:var(--radius-sm);padding:14px 16px;overflow:auto}
[data-skin=orbit] .ob-prose pre code{background:none;border:0;padding:0}
[data-skin=orbit] .ob-table-wrap{border-color:var(--c-border)}
[data-skin=orbit] .ob-table th{background:var(--c-bg-alt);color:var(--c-muted);font-weight:600;text-transform:uppercase;font-size:.78rem;letter-spacing:.04em}
[data-skin=orbit] .ob-table td{border-color:var(--c-border)}
[data-skin=orbit] .ob-price{font:700 1em/1 var(--font-head);color:var(--c-text);text-shadow:0 0 16px rgba(91,124,255,.4)}
[data-skin=orbit] .ob-crumbs a:hover{color:var(--c-accent-2)}

/* ---------------- FAQ ---------------- */
[data-skin=orbit] .ob-faq details{background:var(--glass);border-color:var(--c-border);transition:border-color .15s,background .15s}
[data-skin=orbit] .ob-faq details[open]{border-color:rgba(91,124,255,.4);background:var(--glass-2)}
[data-skin=orbit] .ob-faq summary::after{color:var(--c-accent-2)}

/* ---------------- CTA band + quiz ---------------- */
[data-skin=orbit] .ob-cta{background:linear-gradient(160deg,var(--c-dark) 0%,#0c1130 60%,color-mix(in srgb,var(--c-accent) 38%,var(--c-dark)) 100%);
  border:1px solid var(--c-border);position:relative;overflow:hidden}
[data-skin=orbit] .ob-cta::after{content:"";position:absolute;inset-block-start:-30%;inset-inline-end:-18%;width:60%;aspect-ratio:1;
  background:radial-gradient(circle,rgba(91,124,255,.35),transparent 68%);pointer-events:none}
[data-skin=orbit] .ob-cta h2,[data-skin=orbit] .ob-cta p{position:relative}
[data-skin=orbit] .ob-quiz{background:rgba(8,9,12,.4);border:1px solid var(--c-border);backdrop-filter:blur(6px);position:relative;z-index:1}
[data-skin=orbit] .ob-q-progress{background:rgba(255,255,255,.12)}
[data-skin=orbit] .ob-q-progress span{background:linear-gradient(90deg,var(--c-accent),var(--c-accent-2))}
[data-skin=orbit] .ob-q-step{color:var(--c-muted)}
[data-skin=orbit] .ob-q-opt{background:rgba(255,255,255,.03);border-color:var(--c-border);color:var(--c-text)}
[data-skin=orbit] .ob-q-opt.sel,[data-skin=orbit] .ob-q-opt:hover{border-color:var(--c-accent);background:rgba(91,124,255,.12)}

/* ---------------- lead forms: the point -- clear fields, glowing primary button ---------------- */
[data-skin=orbit] .ob-lf-t{font-family:var(--font-head);font-weight:700}
[data-skin=orbit] .ob-lf-s{color:var(--c-muted)}
[data-skin=orbit] .ob-lf input[type=url],[data-skin=orbit] .ob-lf input[type=text]{background:rgba(255,255,255,.04);border:1px solid rgba(255,255,255,.16);
  color:var(--c-text);min-height:48px;transition:border-color .15s,background-color .15s}
[data-skin=orbit] .ob-lf input::placeholder{color:var(--c-muted)}
[data-skin=orbit] .ob-lf input:focus{outline:none;border-color:var(--c-accent);background:rgba(255,255,255,.06);box-shadow:0 0 0 4px rgba(91,124,255,.22)}
[data-skin=orbit] .ob-lf .ob-btn{min-height:48px}
[data-skin=orbit] .ob-lf .ob-consent input{accent-color:var(--c-accent)}
[data-skin=orbit] .ob-lf-msg{color:#ff8a8a}
[data-skin=orbit] .ob-q-done{color:var(--c-text)}
[data-skin=orbit] .ob-lf-band{position:relative;overflow:hidden;background:linear-gradient(180deg,rgba(255,255,255,.05),rgba(255,255,255,.015)),var(--c-bg-alt);
  border:1px solid var(--c-border)}
[data-skin=orbit] .ob-lf-band::after{content:"";position:absolute;inset-block-end:-40%;inset-inline-end:-10%;width:55%;aspect-ratio:1;
  background:radial-gradient(circle,rgba(91,124,255,.28),transparent 70%);pointer-events:none}
[data-skin=orbit] .ob-lf-band .ob-lf{position:relative}
[data-skin=orbit] .ob-hero-card .ob-lf-t,[data-skin=orbit] .ob-lf-card .ob-lf-t{font-size:1.06rem}
[data-skin=orbit] .ob-foot-form{border-bottom-color:rgba(255,255,255,.12)}
[data-skin=orbit] .ob-foot-form .ob-lf-t{color:#fff}
[data-skin=orbit] .ob-lmodal{background:color-mix(in srgb,var(--c-surface) 97%,transparent);backdrop-filter:blur(20px);border:1px solid var(--c-border);color:var(--c-text)}
[data-skin=orbit] .ob-lmodal-x{color:var(--c-muted)}
[data-skin=orbit] .ob-lmodal-x:hover{color:var(--c-text)}
[data-skin=orbit] .ob-lf-exit{margin-top:16px}

/* ---------------- sidebar ---------------- */
[data-skin=orbit] .ob-toc a:hover{color:var(--c-accent-2)}
[data-skin=orbit] .ob-aside .ob-card:first-child{border-color:rgba(91,124,255,.35)}

/* ---------------- footer ---------------- */
[data-skin=orbit] .ob-footer{background:var(--c-dark);border-top:1px solid var(--c-border)}
[data-skin=orbit] .ob-foot-grid h3{color:var(--c-text);font-size:.82rem;text-transform:uppercase;letter-spacing:.08em;font-weight:600}
[data-skin=orbit] .ob-footer a{color:#aeb4c4}
[data-skin=orbit] .ob-footer a:hover{color:var(--c-accent-2)}
[data-skin=orbit] .ob-foot-bottom{color:#767c8c}

/* ---------------- widgets: chat, cookie, exit ---------------- */
[data-skin=orbit] .ob-chat-btn{background:linear-gradient(180deg,color-mix(in srgb,#fff 16%,var(--c-accent)),var(--c-accent));color:#fff;
  box-shadow:inset 0 1px 0 rgba(255,255,255,.4),0 10px 28px -8px rgba(91,124,255,.7)}
[data-skin=orbit] .ob-chat{background:color-mix(in srgb,var(--c-surface) 97%,transparent);backdrop-filter:blur(18px);border-color:var(--c-border)}
[data-skin=orbit] .ob-chat-head{background:var(--c-dark)}
[data-skin=orbit] .ob-chat-log{background:var(--c-bg-alt)}
[data-skin=orbit] .ob-msg-op{background:var(--c-surface);border-color:var(--c-border)}
[data-skin=orbit] .ob-msg-me{background:var(--c-accent);color:#fff}
[data-skin=orbit] .ob-chat-form{border-color:var(--c-border)}
[data-skin=orbit] .ob-chat-form input{background:rgba(255,255,255,.04);border-color:var(--c-border);color:var(--c-text)}
[data-skin=orbit] .ob-chat-tg{color:var(--c-accent-2);border-color:var(--c-border)}
[data-skin=orbit] .ob-cookie{background:color-mix(in srgb,var(--c-surface) 96%,transparent);backdrop-filter:blur(16px);border-color:var(--c-border);color:var(--c-text)}
[data-skin=orbit] .ob-exit{background:rgba(4,5,9,.72);backdrop-filter:blur(4px)}
[data-skin=orbit] .ob-exit-card{background:color-mix(in srgb,var(--c-surface) 97%,transparent);backdrop-filter:blur(20px);border:1px solid var(--c-border)}
[data-skin=orbit] .ob-exit-x{color:var(--c-muted)}

/* ---------------- motion: staggered first-screen reveal ---------------- */
@keyframes ob-pulse{0%,100%{opacity:1}50%{opacity:.3}}
@keyframes ob-fill{from{width:0}}
@keyframes ob-rise{from{opacity:0;transform:translateY(16px)}}
@media (prefers-reduced-motion:no-preference){
  [data-skin=orbit] .ob-hero-in>div>*{animation:ob-rise .7s cubic-bezier(.22,.9,.32,1) both}
  [data-skin=orbit] .ob-hero-in>div>*:nth-child(2){animation-delay:.07s}
  [data-skin=orbit] .ob-hero-in>div>*:nth-child(3){animation-delay:.14s}
  [data-skin=orbit] .ob-hero-in>div>*:nth-child(4){animation-delay:.21s}
  [data-skin=orbit] .ob-hero-in>div>*:nth-child(n+5){animation-delay:.28s}
  [data-skin=orbit] .ob-hero-card{animation:ob-rise .8s .2s cubic-bezier(.22,.9,.32,1) both}
}

/* ---------------- mobile: one header button, two-button bar, safe contrast ---------------- */
@media (max-width:900px){
  [data-skin=orbit] .ob-hero{padding:56px 0 36px}
  [data-skin=orbit] h1{font-size:clamp(1.6rem,6.6vw,2.15rem);max-width:none}
  [data-skin=orbit] h2{font-size:clamp(1.3rem,5.4vw,1.7rem)}
  [data-skin=orbit] .ob-hero::after{width:min(520px,94%);height:min(520px,94%);inset-block-start:0%}
  [data-skin=orbit] .ob-hero-cta{gap:10px}
  [data-skin=orbit] .ob-hero-cta .ob-btn{flex:1 1 auto;justify-content:center}
  [data-skin=orbit] .ob-hero-card{padding:22px;margin-top:26px}
  [data-skin=orbit] .ob-facts{grid-template-columns:1fr 1fr;row-gap:18px}
  [data-skin=orbit] .ob-facts li{border-inline-end:1px solid var(--c-border)}
  [data-skin=orbit] .ob-facts li:nth-child(2n){border-inline-end:0}
  [data-skin=orbit] .ob-facts li:nth-child(-n+2){padding-bottom:16px;border-bottom:1px solid var(--c-border)}
  [data-skin=orbit] .ob-facts li:nth-child(n+3){padding-top:16px}
  html[data-skin=orbit][data-mbar] .ob-mbar{background:color-mix(in srgb,var(--c-surface) 94%,transparent);border-top:1px solid var(--c-border);
    box-shadow:0 -12px 30px -14px rgba(0,0,0,.6)}
  [data-skin=orbit] .ob-mbar{padding-inline:8px;gap:8px}
  [data-skin=orbit] .ob-mbar a{border-radius:14px;padding-inline:8px;gap:6px}
  [data-skin=orbit] .ob-mbar-order{background:linear-gradient(180deg,color-mix(in srgb,#fff 16%,var(--c-accent)),var(--c-accent));color:#fff;
    box-shadow:inset 0 1px 0 rgba(255,255,255,.4)}
  [data-skin=orbit] .ob-mbar-tg{background:transparent;border:1px solid rgba(127,231,224,.4);color:var(--c-accent-2)}
  [data-skin=orbit] .ob-mbar-tg svg{width:16px;height:16px}
  [data-skin=orbit] .ob-mbar-t{font-size:.88rem}
  [data-skin=orbit] .ob-mbar-s{font-size:.7rem}
  [data-skin=orbit] .ob-cookie{background:color-mix(in srgb,var(--c-surface) 97%,transparent);padding:10px}
  [data-skin=orbit] .ob-cookie-actions{gap:6px}
  [data-skin=orbit] .ob-cookie .ob-btn{padding:8px 12px;font-size:.78rem;min-height:40px}
}
@media (max-width:420px){
  [data-skin=orbit] .ob-logo{font-size:1.02rem}
  [data-skin=orbit] .ob-facts b{font-size:1.35rem}
}