/* ==========================================================================
   xcite.css — XCITE X-Cross 8 (xcite8.ru)
   "Moscow sunset" theme, derived from the brand artwork:
     warm cream ground   #faf2e8 (sunset glow)
     warm ink            #362620 (city silhouettes)
     ribbon blue         #2d5fc4 (structure: links, icons, numbers)
     ribbon red          #cf3540 (action: buy)
     amber highlight     #e09a4a (subtle warm tints)
     dusk footer         #2c1c15 -> #1f130e
   Loaded ONLY for [data-brand="xcite"], after site.css and page styles.
   ========================================================================== */

/* ---------- 1. Ground ---------- */
html[data-brand="xcite"] body {
    background-color: #faf2e8;
    background-image:
        radial-gradient(ellipse 80% 36% at 50% 0%, rgba(224,154,74,0.12) 0%, transparent 60%),
        linear-gradient(180deg, #fdf7ee 0%, #f9edda 55%, #f6e6cd 100%);
    background-attachment: fixed;
    color: #362620;
}

/* ---------- 2. Text utilities ---------- */
html[data-brand="xcite"] .text-white               { color: #362620; }
html[data-brand="xcite"] .text-gray-200            { color: #55443a; }
html[data-brand="xcite"] .text-gray-300            { color: #6d5a4d; }
html[data-brand="xcite"] .text-gray-400            { color: #7d695a; }
html[data-brand="xcite"] .text-gray-500            { color: #9a8878; }
html[data-brand="xcite"] .hover\:text-white:hover  { color: #362620; }
html[data-brand="xcite"] .text-accent              { color: #2d5fc4; }
html[data-brand="xcite"] .text-accent2             { color: #1f4aa8; }
html[data-brand="xcite"] .text-magenta             { color: #cf3540; }
html[data-brand="xcite"] .text-blue-300            { color: #2d5fc4; }
html[data-brand="xcite"] .text-blue-400            { color: #1f4aa8; }
html[data-brand="xcite"] .hover\:text-blue-300:hover { color: #2d5fc4; }
html[data-brand="xcite"] .text-red-400             { color: #c22f38; }
html[data-brand="xcite"] .text-green-400           { color: #1f8a4d; }
html[data-brand="xcite"] .text-yellow-400          { color: #a26a10; }
html[data-brand="xcite"] .text-yellow-500\/60      { color: rgba(162,106,16,0.8); }
html[data-brand="xcite"] .text-orange-400          { color: #bd5f12; }
html[data-brand="xcite"] .text-orange-500\/60      { color: rgba(189,95,18,0.8); }

/* white text stays white on solid-colored controls */
html[data-brand="xcite"] .bg-accent,
html[data-brand="xcite"] .bg-accent .text-white,
html[data-brand="xcite"] .bg-accent.text-white,
html[data-brand="xcite"] .bg-blue-500 .text-white,
html[data-brand="xcite"] .bg-blue-500.text-white,
html[data-brand="xcite"] .bg-\[\#3470F5\].text-white,
html[data-brand="xcite"] .bg-\[\#3470F5\] .text-white,
html[data-brand="xcite"] .bg-green-700.text-white,
html[data-brand="xcite"] .bg-green-700 .text-white,
html[data-brand="xcite"] .cb-step-num,
html[data-brand="xcite"] .cb-badge-bonus,
html[data-brand="xcite"] .cb-badge-bonus .text-white,
html[data-brand="xcite"] .cb-tile-sender .text-white,
html[data-brand="xcite"] .cb-tile-receiver .text-white { color: #ffffff; }

/* ---------- 3. Surfaces ---------- */
html[data-brand="xcite"] .bg-dark        { background-color: transparent; }
html[data-brand="xcite"] .bg-card        { background-color: #ffffff; }
html[data-brand="xcite"] .bg-card\/80    { background-color: #ffffff; }
html[data-brand="xcite"] .bg-card\/60    { background-color: #ffffff; }
html[data-brand="xcite"] .bg-card\/30    { background-color: rgba(255,255,255,0.72); }
html[data-brand="xcite"] .bg-card\/20    { background-color: rgba(255,255,255,0.6); }
html[data-brand="xcite"] .bg-white\/3    { background-color: rgba(54,38,32,0.03); }
html[data-brand="xcite"] .bg-white\/5    { background-color: rgba(54,38,32,0.04); }
html[data-brand="xcite"] .bg-white\/6    { background-color: rgba(54,38,32,0.05); }
html[data-brand="xcite"] .bg-white\/8    { background-color: rgba(54,38,32,0.06); }
html[data-brand="xcite"] .bg-white\/10   { background-color: rgba(54,38,32,0.07); }
html[data-brand="xcite"] .bg-white\/25   { background-color: rgba(54,38,32,0.15); }
html[data-brand="xcite"] .hover\:bg-white\/5:hover  { background-color: rgba(54,38,32,0.04); }
html[data-brand="xcite"] .hover\:bg-white\/10:hover { background-color: rgba(54,38,32,0.07); }
html[data-brand="xcite"] .border-white      { border-color: rgba(54,38,32,0.13); }
html[data-brand="xcite"] .border-white\/5   { border-color: rgba(54,38,32,0.07); }
html[data-brand="xcite"] .border-white\/8   { border-color: rgba(54,38,32,0.08); }
html[data-brand="xcite"] .border-white\/10  { border-color: rgba(54,38,32,0.10); }
html[data-brand="xcite"] .border-white\/25  { border-color: rgba(54,38,32,0.17); }
html[data-brand="xcite"] .hover\:border-white\/25:hover { border-color: rgba(54,38,32,0.24); }

/* dark/card gradients -> flat warm light */
html[data-brand="xcite"] .from-dark   { --tw-gradient-from: #faf2e8 var(--tw-gradient-from-position); }
html[data-brand="xcite"] .via-dark    { --tw-gradient-via:  #faf2e8 var(--tw-gradient-via-position); }
html[data-brand="xcite"] .to-dark     { --tw-gradient-to:   #faf2e8 var(--tw-gradient-to-position); }
html[data-brand="xcite"] .from-card   { --tw-gradient-from: #ffffff var(--tw-gradient-from-position); }
html[data-brand="xcite"] .via-card    { --tw-gradient-via:  #ffffff var(--tw-gradient-via-position); }
html[data-brand="xcite"] .via-card\/20{ --tw-gradient-via:  rgba(255,255,255,0.6) var(--tw-gradient-via-position); }
html[data-brand="xcite"] .via-card\/40{ --tw-gradient-via:  rgba(255,255,255,0.7) var(--tw-gradient-via-position); }
html[data-brand="xcite"] .to-card     { --tw-gradient-to:   #ffffff var(--tw-gradient-to-position); }
html[data-brand="xcite"] .from-yellow-950\/40 { --tw-gradient-from: #fbf0dd var(--tw-gradient-from-position); }
html[data-brand="xcite"] .from-red-950\/40    { --tw-gradient-from: #fbe9e7 var(--tw-gradient-from-position); }

/* ---------- 4. Accent (ribbon blue) ---------- */
html[data-brand="xcite"] .bg-accent       { background-color: #2d5fc4; }
html[data-brand="xcite"] .hover\:bg-accent:hover { background-color: #244fa8; }
html[data-brand="xcite"] .bg-accent\/10   { background-color: rgba(45,95,196,0.08); }
html[data-brand="xcite"] .bg-accent\/12   { background-color: rgba(45,95,196,0.10); }
html[data-brand="xcite"] .bg-accent\/14   { background-color: rgba(45,95,196,0.11); }
html[data-brand="xcite"] .bg-accent\/15   { background-color: rgba(45,95,196,0.12); }
html[data-brand="xcite"] .bg-accent\/18   { background-color: rgba(45,95,196,0.14); }
html[data-brand="xcite"] .bg-accent\/25   { background-color: rgba(45,95,196,0.18); }
html[data-brand="xcite"] .border-accent       { border-color: #2d5fc4; }
html[data-brand="xcite"] .border-accent\/20   { border-color: rgba(45,95,196,0.20); }
html[data-brand="xcite"] .border-accent\/25   { border-color: rgba(45,95,196,0.25); }
html[data-brand="xcite"] .border-accent\/30   { border-color: rgba(45,95,196,0.30); }
html[data-brand="xcite"] .border-accent\/35   { border-color: rgba(45,95,196,0.35); }
html[data-brand="xcite"] .border-accent\/40   { border-color: rgba(45,95,196,0.40); }
html[data-brand="xcite"] .border-accent\/50   { border-color: rgba(45,95,196,0.50); }
html[data-brand="xcite"] .hover\:border-accent\/40:hover { border-color: rgba(45,95,196,0.40); }
html[data-brand="xcite"] .hover\:border-accent\/60:hover { border-color: rgba(45,95,196,0.60); }
html[data-brand="xcite"] .from-accent     { --tw-gradient-from: #2d5fc4 var(--tw-gradient-from-position); }
html[data-brand="xcite"] .to-accent       { --tw-gradient-to:   #1f4aa8 var(--tw-gradient-to-position); }
html[data-brand="xcite"] .bg-blue-500     { background-color: #2d5fc4; }
html[data-brand="xcite"] .border-blue-500 { border-color: #2d5fc4; }

/* ---------- 5. Navbar: frosted warm white ---------- */
html[data-brand="xcite"] nav .bg-white\/5 {
    background-color: rgba(255,251,245,0.92);
    border-color: rgba(54,38,32,0.09);
    box-shadow: 0 8px 26px rgba(120,75,35,0.14);
}
html[data-brand="xcite"] nav .font-bold          { color: #362620; }
html[data-brand="xcite"] nav .text-accent        { color: #2d5fc4; }
html[data-brand="xcite"] nav .text-gray-300      { color: #6d5a4d; }
html[data-brand="xcite"] nav .hover\:text-white:hover { color: #362620; }
html[data-brand="xcite"] nav .hover\:bg-white\/10:hover { background-color: rgba(54,38,32,0.06); }
html[data-brand="xcite"] nav .border-white\/5    { border-color: rgba(54,38,32,0.07); }
html[data-brand="xcite"] nav .border-white\/10   { border-color: rgba(54,38,32,0.09); }
html[data-brand="xcite"] nav button              { color: #362620; }

/* ---------- 6. Hero ---------- */
/* Inner pages: warm sunset band, ink text (via globals) */
html[data-brand="xcite"] .hero-bg {
    background: linear-gradient(165deg, #fdf6ec 0%, #f9e7cd 60%, #f6ddba 100%) !important;
}
html[data-brand="xcite"] .mesh-bg { background: transparent !important; }

/* Home: artwork hero, warm dusk scrim, white text */
html[data-brand="xcite"] .is-home .hero-bg h1,
html[data-brand="xcite"] .is-home .hero-bg p,
html[data-brand="xcite"] .is-home .hero-bg .text-white,
html[data-brand="xcite"] .is-home .hero-bg .text-gray-200,
html[data-brand="xcite"] .is-home .hero-bg .text-gray-300 { color: #ffffff; }
html[data-brand="xcite"] .is-home .hero-bg .text-accent   { color: #ffd9a8; }
html[data-brand="xcite"] .is-home .hero-bg .bg-white\/10  { background-color: rgba(30,18,12,0.35); }
html[data-brand="xcite"] .is-home .hero-bg .border-white\/10 { border-color: rgba(255,255,255,0.25); }
html[data-brand="xcite"] .from-dark\/90 { --tw-gradient-from: rgba(40,22,15,0.62) var(--tw-gradient-from-position); }
html[data-brand="xcite"] .via-dark\/50  { --tw-gradient-via:  rgba(40,22,15,0.26) var(--tw-gradient-via-position); }
/* red CTA on the artwork */
html[data-brand="xcite"] .is-home .hero-bg .bg-accent { background-color: #cf3540; box-shadow: 0 10px 26px rgba(150,30,35,0.45); }
html[data-brand="xcite"] .is-home .hero-bg .bg-accent:hover { background-color: #b52a34; }

/* ---------- 7. Cards: white, warm shadow ---------- */
html[data-brand="xcite"] .bg-card,
html[data-brand="xcite"] .card-hover,
html[data-brand="xcite"] .step-card,
html[data-brand="xcite"] .video-card,
html[data-brand="xcite"] .vrow,
html[data-brand="xcite"] .cb-card,
html[data-brand="xcite"] .buy-card,
html[data-brand="xcite"] .feature-card,
html[data-brand="xcite"] .faq-item,
html[data-brand="xcite"] .app-card {
    background-color: #ffffff;
    border-color: rgba(54,38,32,0.08);
    box-shadow: 0 6px 22px rgba(150,95,45,0.10);
}
html[data-brand="xcite"] .card-hover:hover  { box-shadow: 0 14px 36px rgba(150,95,45,0.16); }
html[data-brand="xcite"] .step-card         { background: #ffffff; border: 1px solid rgba(54,38,32,0.08); }
html[data-brand="xcite"] .step-card:hover   { border-color: rgba(45,95,196,0.35); box-shadow: 0 14px 36px rgba(45,95,196,0.12); }
html[data-brand="xcite"] .step-card.is-pay  { border-color: rgba(207,53,64,0.30); background: #fff8f6; }
html[data-brand="xcite"] .cb-card:hover     { border-color: rgba(45,95,196,0.30); box-shadow: 0 14px 36px rgba(45,95,196,0.12); }
html[data-brand="xcite"] .faq-item:hover    { border-color: rgba(45,95,196,0.35); }
html[data-brand="xcite"] .app-card:hover    { box-shadow: 0 12px 32px rgba(45,95,196,0.12); }
html[data-brand="xcite"] .video-card:hover,
html[data-brand="xcite"] .vrow:hover        { border-color: rgba(45,95,196,0.35); box-shadow: 0 16px 40px rgba(45,95,196,0.13); }

/* ---------- 8. Components ---------- */
html[data-brand="xcite"] .step-num     { background: linear-gradient(135deg,#2d5fc4,#1f4aa8); box-shadow: 0 4px 16px rgba(45,95,196,0.35); }
html[data-brand="xcite"] .step-num-pay { background: linear-gradient(135deg,#cf3540,#a1252e); box-shadow: 0 4px 16px rgba(207,53,64,0.35); }
html[data-brand="xcite"] .video-num,
html[data-brand="xcite"] .vrow-badge   { background: linear-gradient(135deg,#2d5fc4,#1f4aa8); box-shadow: 0 4px 14px rgba(45,95,196,0.32); }
html[data-brand="xcite"] .video-title, html[data-brand="xcite"] .vrow-title { color: #362620; }
html[data-brand="xcite"] .video-desc,  html[data-brand="xcite"] .vrow-desc  { color: #7d695a; }
html[data-brand="xcite"] .vrow-link, html[data-brand="xcite"] .video-row-link { color: #2d5fc4; }
html[data-brand="xcite"] .vrow-link:hover, html[data-brand="xcite"] .video-row-link:hover { color: #1f4aa8; }
html[data-brand="xcite"] .video-hero-tag, html[data-brand="xcite"] .video-row-index,
html[data-brand="xcite"] .tag-install, html[data-brand="xcite"] .firmware-chip,
html[data-brand="xcite"] .phase-tag-accent {
    background: rgba(45,95,196,0.08); border-color: rgba(45,95,196,0.28); color: #2d5fc4;
}
html[data-brand="xcite"] .tag-start        { background: rgba(31,138,77,0.08); border-color: rgba(31,138,77,0.28); color: #1f8a4d; }
html[data-brand="xcite"] .phase-tag-magenta{ background: rgba(207,53,64,0.08); border-color: rgba(207,53,64,0.28); color: #cf3540; }
html[data-brand="xcite"] .btn-accent   { background: rgba(45,95,196,0.08); border-color: rgba(45,95,196,0.35); color: #2d5fc4; box-shadow: none; }
/* tricolor ribbon divider — brand signature */
html[data-brand="xcite"] .divider-line { height: 3px; border-radius: 3px; background: linear-gradient(90deg, transparent 0%, rgba(255,255,255,0.9) 22%, #2d5fc4 50%, #cf3540 78%, transparent 100%); }
html[data-brand="xcite"] .gradient-title { background-image: linear-gradient(120deg,#2d5fc4 35%,#cf3540); }
html[data-brand="xcite"] .neon-glow    { text-shadow: none; }
html[data-brand="xcite"] .glow         { box-shadow: 0 0 40px rgba(224,154,74,0.22); }
/* screenshots: dark "device screen" bezel — deliberate frame for dark launcher UI */
html[data-brand="xcite"] .screenshot       { background: #241812; padding: 14px; border-radius: 0; }
html[data-brand="xcite"] .screenshot img   { border-radius: 10px; box-shadow: 0 4px 18px rgba(0,0,0,0.35); }
html[data-brand="xcite"] .video-row-num{ -webkit-text-stroke-color: rgba(54,38,32,0.12); }
html[data-brand="xcite"] .video-row-frame .video-frame { border-color: rgba(54,38,32,0.10); }
html[data-brand="xcite"] .video-row-frame:hover .video-frame { border-color: rgba(45,95,196,0.35); box-shadow: 0 16px 40px rgba(45,95,196,0.14); }
html[data-brand="xcite"] .feature-icon-accent  { background: rgba(45,95,196,0.10); color: #2d5fc4; }
html[data-brand="xcite"] .feature-icon-magenta { background: rgba(207,53,64,0.10); color: #cf3540; }
html[data-brand="xcite"] .feature-icon-warning { background: rgba(224,154,74,0.16); color: #a26a10; }
html[data-brand="xcite"] .feature-card-accent  { border-color: rgba(45,95,196,0.22); }
html[data-brand="xcite"] .feature-card-magenta { border-color: rgba(207,53,64,0.22); }
html[data-brand="xcite"] .feature-card-warning { border-color: rgba(224,154,74,0.30); }
html[data-brand="xcite"] .promo-banner { background: linear-gradient(90deg, rgba(45,95,196,0.06), rgba(224,154,74,0.08), rgba(207,53,64,0.06)); border-color: rgba(207,53,64,0.22); }
html[data-brand="xcite"] .promo-tag    { background: rgba(207,53,64,0.08); border-color: rgba(207,53,64,0.28); color: #cf3540; }
html[data-brand="xcite"] .promo-link   { color: #2d5fc4; }
html[data-brand="xcite"] .phone-mockup { border-color: #3a2a20; background: #2c1c15; box-shadow: 0 20px 50px rgba(80,45,20,0.35); }
html[data-brand="xcite"] .gallery-swiper .swiper-pagination-bullet        { background: rgba(54,38,32,0.22) !important; }
html[data-brand="xcite"] .gallery-swiper .swiper-pagination-bullet-active { background: #2d5fc4 !important; }
html[data-brand="xcite"] .gallery-swiper .swiper-button-prev,
html[data-brand="xcite"] .gallery-swiper .swiper-button-next { color: #2d5fc4 !important; }

/* ---------- 9. CellBridge ---------- */
html[data-brand="xcite"] .cb-h3          { color: #362620; }
html[data-brand="xcite"] .cb-body        { color: #55443a; }
html[data-brand="xcite"] .cb-section-sub,
html[data-brand="xcite"] .cb-small       { color: #7d695a; }
html[data-brand="xcite"] .cb-step-num    { background: linear-gradient(135deg,#2d5fc4,#1f4aa8); box-shadow: 0 4px 18px rgba(45,95,196,0.30); }
html[data-brand="xcite"] .cb-kv-dot      { background: #2d5fc4; }
html[data-brand="xcite"] .cb-slider-track{ background: rgba(54,38,32,0.10); }
html[data-brand="xcite"] .cb-slider-knob { border: 1px solid rgba(54,38,32,0.15); box-shadow: 0 2px 8px rgba(80,45,20,0.30); }
html[data-brand="xcite"] .cb-glow-sender   { box-shadow: 0 14px 40px rgba(45,95,196,0.30); }
html[data-brand="xcite"] .cb-glow-receiver { box-shadow: 0 14px 40px rgba(31,138,77,0.25); }
html[data-brand="xcite"] .cb-bonus-bg    { background: radial-gradient(ellipse at 30% 0%, rgba(124,58,237,0.06), transparent 60%), #ffffff; border-color: rgba(124,58,237,0.20); }
html[data-brand="xcite"] .cb-anti-bg     { background: radial-gradient(ellipse at 0% 50%, rgba(224,154,74,0.10), transparent 60%), #ffffff; border-color: rgba(224,154,74,0.35); }
html[data-brand="xcite"] .cb-video-promo { background: #ffffff; border-color: rgba(45,95,196,0.20); box-shadow: 0 6px 22px rgba(150,95,45,0.10); }
html[data-brand="xcite"] .cb-video-promo:hover { border-color: rgba(45,95,196,0.45); box-shadow: 0 14px 36px rgba(45,95,196,0.13); }
html[data-brand="xcite"] .cb-video-promo-play  { background: linear-gradient(135deg,#2d5fc4,#1f4aa8); box-shadow: 0 6px 20px rgba(45,95,196,0.32); }
html[data-brand="xcite"] .cb-video-promo-eyebrow,
html[data-brand="xcite"] .cb-video-promo-arrow { color: #2d5fc4; }
html[data-brand="xcite"] .cb-video-promo-title { color: #362620; }
html[data-brand="xcite"] .cb-video-promo-sub   { color: #7d695a; }

/* ---------- 10. Buy page ---------- */
html[data-brand="xcite"] .buy-label      { color: #362620; }
html[data-brand="xcite"] .buy-input      { background: #faf5ec; border-color: rgba(54,38,32,0.14); color: #362620; }
html[data-brand="xcite"] .buy-input::placeholder { color: rgba(54,38,32,0.35); }
html[data-brand="xcite"] .buy-input:focus { border-color: #2d5fc4; box-shadow: 0 0 0 3px rgba(45,95,196,0.15); }
html[data-brand="xcite"] .buy-hint       { color: #7d695a; }
html[data-brand="xcite"] .buy-hint-link  { color: #2d5fc4; }
html[data-brand="xcite"] .buy-error      { color: #c22f38; }
html[data-brand="xcite"] .buy-radio-box  { background: #faf5ec; border-color: rgba(54,38,32,0.12); }
html[data-brand="xcite"] .buy-radio-box:hover { border-color: rgba(54,38,32,0.25); }
html[data-brand="xcite"] .buy-radio-title{ color: #362620; }
html[data-brand="xcite"] .buy-radio-note { color: #7d695a; }
html[data-brand="xcite"] .buy-radio-price{ color: #362620; }
html[data-brand="xcite"] .buy-radio-input:checked + .buy-radio-box { border-color: #2d5fc4; background: rgba(45,95,196,0.06); box-shadow: 0 0 0 1px #2d5fc4 inset; }
html[data-brand="xcite"] .buy-radio-input:focus-visible + .buy-radio-box { box-shadow: 0 0 0 3px rgba(45,95,196,0.30); }
html[data-brand="xcite"] .buy-submit     { background: #cf3540; }
html[data-brand="xcite"] .buy-submit:hover { background: #b52a34; box-shadow: 0 8px 24px rgba(207,53,64,0.32); }
html[data-brand="xcite"] .buy-warning    { background: rgba(224,154,74,0.12); border-color: rgba(224,154,74,0.40); color: #8a5406; }
html[data-brand="xcite"] .buy-success    { background: rgba(31,138,77,0.08); border-color: rgba(31,138,77,0.30); color: #17693b; }
html[data-brand="xcite"] .buy-done       { background: rgba(31,138,77,0.06); border-color: rgba(31,138,77,0.28); }
html[data-brand="xcite"] .buy-done-title { color: #362620; }
html[data-brand="xcite"] .buy-done-text  { color: #55443a; }
html[data-brand="xcite"] .buy-done-btn   { background: #2d5fc4; }
html[data-brand="xcite"] .buy-done-btn:hover { background: #1f4aa8; box-shadow: 0 8px 24px rgba(45,95,196,0.32); }

/* ---------- 11. Buy CTA / rail / fab (ribbon red) ---------- */
html[data-brand="xcite"] .buy-cta       { background: linear-gradient(135deg,#d8434d,#b52a34); box-shadow: 0 12px 32px rgba(181,42,52,0.32); }
html[data-brand="xcite"] .buy-cta:hover { box-shadow: 0 16px 40px rgba(181,42,52,0.45); }
html[data-brand="xcite"] .buy-rail      { background: linear-gradient(180deg,#d8434d,#b52a34); box-shadow: 0 8px 26px rgba(181,42,52,0.32); }
html[data-brand="xcite"] .buy-rail:hover{ box-shadow: 0 10px 32px rgba(181,42,52,0.45); }
html[data-brand="xcite"] .buy-fab       { background: linear-gradient(135deg,#d8434d,#b52a34); }

/* ---------- 12. Social rail ---------- */
html[data-brand="xcite"] .social-rail   { background: rgba(255,252,246,0.92); border-color: rgba(54,38,32,0.10); box-shadow: 0 10px 30px rgba(120,75,35,0.16); }
html[data-brand="xcite"] .rail-icon     { color: #6d5a4d; }
html[data-brand="xcite"] .rail-icon:hover { background: rgba(45,95,196,0.07); color: #2d5fc4; }
html[data-brand="xcite"] .rail-icon::after { background: rgba(255,252,246,0.96); border-color: rgba(54,38,32,0.12); color: #362620; box-shadow: 0 6px 18px rgba(120,75,35,0.16); }
html[data-brand="xcite"] .rail-badge-tg,
html[data-brand="xcite"] .rail-badge-mail { background: transparent; }
html[data-brand="xcite"] .rail-badge-tg svg,
html[data-brand="xcite"] .rail-badge-mail svg { color: #2d5fc4 !important; width: 22px; height: 22px; }

/* FAQ contact tiles live on a pastel card (not the dusk footer) */
html[data-brand="xcite"] .faq-contacts .footer-icon       { background: rgba(54,38,32,0.05); border-color: rgba(54,38,32,0.12); }
html[data-brand="xcite"] .faq-contacts .footer-icon:hover { background: rgba(54,38,32,0.09); border-color: rgba(45,95,196,0.45); }

/* ---------- 13. Dusk footer with tricolor hairline ---------- */
html[data-brand="xcite"] footer {
    position: relative;
    background: linear-gradient(180deg, #2c1c15 0%, #1f130e 100%);
    border-top: none;
    margin-top: 4rem;
}
html[data-brand="xcite"] footer::before {
    content: ""; position: absolute; top: 0; left: 0; right: 0; height: 3px;
    background: linear-gradient(90deg, transparent 0%, rgba(255,255,255,0.85) 25%, #2d5fc4 50%, #cf3540 75%, transparent 100%);
}
html[data-brand="xcite"] footer h2                { color: #f3e6d4; }
html[data-brand="xcite"] footer .text-gray-400    { color: #b9a48e; }
html[data-brand="xcite"] footer .text-gray-500    { color: #93816d; }
html[data-brand="xcite"] footer .footer-disclaimer     { background: rgba(255,255,255,0.04); border-color: rgba(255,255,255,0.09); }
html[data-brand="xcite"] footer .footer-disclaimer-icon{ color: #b9a48e; }
html[data-brand="xcite"] footer .footer-disclaimer p   { color: #b9a48e; }
html[data-brand="xcite"] footer .footer-icon      { background: rgba(255,255,255,0.06); border-color: rgba(255,255,255,0.12); }
html[data-brand="xcite"] footer .footer-icon:hover{ background: rgba(255,255,255,0.12); border-color: rgba(224,154,74,0.55); }
html[data-brand="xcite"] footer .footer-icon svg  { color: #d9c4a8; }
html[data-brand="xcite"] footer .footer-icon:hover svg,
html[data-brand="xcite"] footer .footer-icon:hover .footer-icon-text { color: #ffffff; }
html[data-brand="xcite"] footer .footer-icon-text { color: #d9c4a8; }
html[data-brand="xcite"] footer .footer-badge-tg,
html[data-brand="xcite"] footer .footer-badge-mail { background: transparent; }
html[data-brand="xcite"] footer .footer-badge-tg svg,
html[data-brand="xcite"] footer .footer-badge-mail svg { color: #d9c4a8 !important; width: 20px; height: 20px; }
html[data-brand="xcite"] footer .footer-cross-title { color: #93816d; }
html[data-brand="xcite"] footer .footer-cross-line  { background: linear-gradient(90deg, transparent, rgba(255,255,255,0.22)); }
html[data-brand="xcite"] footer .footer-cross-line:last-child { background: linear-gradient(90deg, rgba(255,255,255,0.22), transparent); }
html[data-brand="xcite"] footer .cross-card         { background: rgba(255,255,255,0.05); border-color: rgba(255,255,255,0.10); }
html[data-brand="xcite"] footer .cross-card:hover   { background: rgba(255,255,255,0.09); border-color: rgba(224,154,74,0.5); box-shadow: 0 10px 30px rgba(0,0,0,0.3); }
html[data-brand="xcite"] footer .cross-card-icon    { background: rgba(255,255,255,0.08); color: #d9c4a8; }
html[data-brand="xcite"] footer .cross-card-name    { color: #f3e6d4; }
html[data-brand="xcite"] footer .cross-card-eyebrow { color: #93816d; }
html[data-brand="xcite"] footer .cross-card-arrow   { color: #93816d; }

/* ==========================================================================
   14. Pastel pass — no pure white anywhere; ground deepened for separation
   ========================================================================== */
/* deeper sunset ground so pastel cards still stand out */
html[data-brand="xcite"] body {
    background-color: #f5e9d5;
    background-image:
        radial-gradient(ellipse 80% 36% at 50% 0%, rgba(224,154,74,0.14) 0%, transparent 60%),
        linear-gradient(180deg, #f9f0e0 0%, #f3e2c8 55%, #eeD9b8 100%);
}

/* every raised surface: warm pastel cream instead of white */
html[data-brand="xcite"] .bg-card,
html[data-brand="xcite"] .bg-card\/80,
html[data-brand="xcite"] .bg-card\/60,
html[data-brand="xcite"] .card-hover,
html[data-brand="xcite"] .step-card,
html[data-brand="xcite"] .video-card,
html[data-brand="xcite"] .vrow,
html[data-brand="xcite"] .cb-card,
html[data-brand="xcite"] .buy-card,
html[data-brand="xcite"] .feature-card,
html[data-brand="xcite"] .faq-item,
html[data-brand="xcite"] .app-card,
html[data-brand="xcite"] .cb-video-promo {
    background-color: #fdf7ea;
}
html[data-brand="xcite"] .bg-card\/30 { background-color: rgba(253,247,234,0.75); }
html[data-brand="xcite"] .bg-card\/20 { background-color: rgba(253,247,234,0.6); }
html[data-brand="xcite"] .from-card   { --tw-gradient-from: #fdf7ea var(--tw-gradient-from-position); }
html[data-brand="xcite"] .via-card    { --tw-gradient-via:  #fdf7ea var(--tw-gradient-via-position); }
html[data-brand="xcite"] .to-card     { --tw-gradient-to:   #fdf7ea var(--tw-gradient-to-position); }
html[data-brand="xcite"] .step-card.is-pay { background: #fdf2ec; }
html[data-brand="xcite"] .cb-bonus-bg { background: radial-gradient(ellipse at 30% 0%, rgba(124,58,237,0.06), transparent 60%), #fdf7ea; }
html[data-brand="xcite"] .cb-anti-bg  { background: radial-gradient(ellipse at 0% 50%, rgba(224,154,74,0.10), transparent 60%), #fdf7ea; }

/* forms follow the pastel */
html[data-brand="xcite"] .buy-input,
html[data-brand="xcite"] .buy-radio-box { background: #f7edd9; }
html[data-brand="xcite"] .buy-consent       { background: #f7edd9; border-color: rgba(54,38,32,0.16); }
html[data-brand="xcite"] .buy-consent-check { accent-color: #2d5fc4; }
html[data-brand="xcite"] .buy-consent-text  { color: #55443a; }
html[data-brand="xcite"] .buy-consent-text b{ color: #362620; }
html[data-brand="xcite"] .buy-law           { color: #7d695a; }

/* frosted chrome follows the pastel */
html[data-brand="xcite"] nav .bg-white\/5 { background-color: rgba(253,248,238,0.93); }
html[data-brand="xcite"] .social-rail     { background: rgba(253,248,238,0.94); }
html[data-brand="xcite"] .rail-icon::after{ background: rgba(253,248,238,0.97); }

/* FAQ warnings: dark brown text on amber tint (light yellow/orange unreadable) */
html[data-brand="xcite"] .text-yellow-300\/90,
html[data-brand="xcite"] .text-yellow-300,
html[data-brand="xcite"] .text-yellow-200,
html[data-brand="xcite"] .text-amber-300,
html[data-brand="xcite"] .text-amber-200 { color: #7a4f0e; }
html[data-brand="xcite"] .text-orange-300\/90,
html[data-brand="xcite"] .text-orange-300,
html[data-brand="xcite"] .text-orange-200 { color: #8a4e0c; }
html[data-brand="xcite"] .text-green-300,
html[data-brand="xcite"] .text-green-200  { color: #17693b; }
html[data-brand="xcite"] .text-violet-300 { color: #6b3fb5; }
html[data-brand="xcite"] .text-red-300    { color: #b12a33; }
html[data-brand="xcite"] .bg-yellow-500\/5   { background-color: rgba(224,154,74,0.13); }
html[data-brand="xcite"] .border-yellow-500\/20 { border-color: rgba(160,105,20,0.38); }

/* download tiles (RuStore / APK): raised buttons, not wallpaper */
html[data-brand="xcite"] .bg-white\/6 {
    background-color: #fdf7ea;
    border-color: rgba(54,38,32,0.20);
    box-shadow: 0 5px 16px rgba(150,95,45,0.16);
}
html[data-brand="xcite"] .bg-white\/6:hover {
    background-color: #fbf1de;
    border-color: rgba(45,95,196,0.55);
    box-shadow: 0 8px 22px rgba(45,95,196,0.16);
}