/**
 * Case Study Pages
 * Loaded only on /case-studies/{slug}/ (header.php: $active_page = 'case-study').
 *
 * Every class starts with "cs-" and every page rule is scoped to its page class
 * (.cs-travel, .cs-dubai, .cs-ecom, .cs-eid), so nothing here can change other pages.
 * Card styles for "More Case Studies" are in case-cards.css.
 */

/* ==================== PAGE FRAME ==================== */
.cs-page {
    background: #0A0E1A;
    overflow-x: clip;                /* the body already leaves room for the fixed header */
}

/* Site rule a:hover turns links navy; keep link colours on these pages */
.cs-page a:hover {
    color: inherit;
}

.cs-article {
    padding-bottom: 110px;
    line-height: normal;
}

/* Cover image: natural proportions, not full width */
.cs-page .cs-article .cs-cover {
    max-width: 960px;
    margin-left: auto;
    margin-right: auto;
}

.cs-page .cs-article .cs-cover img {
    display: block;
    width: 100%;
    height: auto;                    /* keeps the 1672x941 shape (no stretching) */
}

/* Travel page is left-aligned, so its cover lines up with the title */
.cs-page .cs-travel .cs-cover {
    margin-left: 0;
    margin-right: 0;
}

/* Shared pieces used inside several pages */
.cs-badge {
    display: inline-flex;
    align-items: center;
    gap: 8px;
    padding: 12px 24px;
    background: rgba(255, 149, 0, 0.07);
    border: 2px solid rgba(255, 149, 0, 0.4);
    border-radius: 50px;
    font-size: 12px;
    font-weight: 700;
    color: #FF9500;
    margin-bottom: 20px;
    text-transform: uppercase;
    letter-spacing: 3px;
}

.cs-num {
    font-size: 56px;
    font-weight: 900;
    color: transparent;
    -webkit-text-stroke: 2px #FF9500;
    line-height: 1;
}

.cs-pill {
    background: rgba(255, 149, 0, 0.15);
    color: #FFB340;
    padding: 10px 18px;
    border-radius: 10px;
    font-size: 14px;
    font-weight: 600;
    border: 1px solid rgba(255, 149, 0, 0.35);
    white-space: nowrap;
}

/* ==================== RESULTS SCREENSHOTS (end of page) ==================== */
.cs-article .cs-gal-sec h2 {
    margin-bottom: 28px;
}

.cs-gal {
    display: grid;
    grid-template-columns: 1fr 1fr;
    gap: 26px;
}

.cs-gal figure {
    margin: 0;
}

.cs-shot-frame {
    height: 250px;
    border-radius: 16px;
    background: #fff;
    display: flex;
    align-items: center;
    justify-content: center;
    padding: 12px;
    overflow: hidden;
    cursor: zoom-in;
    transition: box-shadow 0.3s ease, transform 0.3s ease;
}

.cs-shot-frame:hover,
.cs-shot-frame:focus-visible {
    box-shadow: 0 0 0 3px #FF9500, 0 12px 30px rgba(0, 0, 0, 0.4);
    transform: translateY(-3px);
    outline: none;
}

.cs-shot-frame img {
    display: block;
    max-width: 100%;
    max-height: 100%;
}

.cs-gal figcaption {
    margin-top: 10px;
    font-size: 14px;
    color: #94A3B8;
    display: flex;
    align-items: center;
    gap: 8px;
}

.cs-gal figcaption i {
    color: #fff;
    font-size: 16px;
}

.cs-gal figure:last-child:nth-child(odd) {
    grid-column: 1 / -1;
}

.cs-gal figure:last-child:nth-child(odd) .cs-shot-frame {
    max-width: calc(50% - 13px);
}

/* ==================== FAQ ==================== */
.cs-faq details {
    border-bottom: 1px solid rgba(255, 255, 255, 0.08);
    padding: 18px 0;
}

.cs-faq summary {
    cursor: pointer;
    list-style: none;
    display: flex;
    justify-content: space-between;
    align-items: flex-start;
    gap: 18px;
    font-weight: 700;
    font-size: 17px;
    line-height: 1.45;
    color: #fff;
}

.cs-faq summary::-webkit-details-marker {
    display: none;
}

.cs-faq summary::after {
    content: '+';
    flex: 0 0 auto;
    color: #FF9500;
    font-size: 22px;
    line-height: 1.1;
}

.cs-faq details[open] summary::after {
    content: '\2212';
}

.cs-faq details p {
    margin: 12px 0 0;
    font-size: 16px;
    line-height: 1.75;
    color: #D0D0D0;
}

/* ==================== MORE CASE STUDIES ==================== */
.cs-more {
    position: relative;
    padding: 110px 0 100px;
    background: linear-gradient(180deg, rgba(18, 24, 38, 0.95) 0%, rgba(22, 28, 42, 0.98) 50%, rgba(18, 24, 38, 0.95) 100%);
    border-top: 1px solid rgba(255, 255, 255, 0.06);
}

.cs-more-inner {
    width: 90%;
    max-width: 1300px;
    margin: 0 auto;
}

.cs-more-head {
    text-align: center;
    margin-bottom: 70px;
}

.cs-more-title {
    position: relative;
    display: inline-block;
    margin: 0;
    font-size: 44px;
    font-weight: 800;
    letter-spacing: -1.5px;
    color: #fff;
}

.cs-more-title::after {
    content: '';
    position: absolute;
    left: 50%;
    bottom: -14px;
    transform: translateX(-50%);
    width: 120px;
    height: 4px;
    border-radius: 2px;
    background: linear-gradient(90deg, #FF9500 0%, #FFB340 100%);
}

.cs-more .case-studies-grid {
    grid-template-columns: repeat(3, minmax(0, 1fr));
    max-width: 1300px;
}

.cs-more .case-title {
    font-size: 18px;
}

.cs-more .case-body {
    padding: 24px 22px;
}

.cs-more .case-metric strong {
    font-size: 20px;
}

/* ==================== CTA ==================== */
.cs-cta {
    position: relative;
    padding: 110px 20px;
    text-align: center;
    background: linear-gradient(180deg, rgba(15, 22, 36, 0.95) 0%, rgba(18, 25, 38, 0.98) 50%, rgba(15, 22, 36, 0.95) 100%);
    border-top: 1px solid rgba(255, 149, 0, 0.3);
}

.cs-cta h2 {
    margin: 0 0 28px;
    font-size: clamp(34px, 5vw, 56px);
    font-weight: 800;
    line-height: 1.15;
    letter-spacing: -1px;
    color: #fff;
}

.cs-cta h2 span {
    color: #FF9500;
}

.cs-cta-btn {
    display: inline-flex;
    align-items: center;
    gap: 12px;
    padding: 18px 50px;
    border-radius: 50px;
    background: #FF9500;
    color: #0A0E1A;
    font-size: 18px;
    font-weight: 700;
    transition: all 0.3s ease;
}

.cs-page .cs-cta-btn:hover,
.cs-page .cs-cta-btn:focus-visible {
    color: #0A0E1A;
    background: #FFB340;
    transform: translateY(-3px);
    box-shadow: 0 15px 40px rgba(255, 149, 0, 0.4);
}

/* ==================== SCREENSHOT VIEWER ==================== */
.cs-lightbox {
    position: fixed;
    inset: 0;
    z-index: 10000;
    display: flex;
    align-items: center;
    justify-content: center;
    padding: 70px 24px 24px;
    background: rgba(5, 8, 16, 0.94);
    cursor: zoom-out;
}

.cs-lightbox[hidden] {
    display: none;
}

.cs-lightbox img {
    max-width: min(1400px, 100%);
    max-height: 100%;
    border-radius: 12px;
    background: #fff;
    box-shadow: 0 30px 80px rgba(0, 0, 0, 0.6);
}

.cs-lightbox-close {
    position: absolute;
    top: 18px;
    right: 18px;
    width: 46px;
    height: 46px;
    border-radius: 50%;
    border: 1px solid rgba(255, 149, 0, 0.6);
    background: rgba(10, 14, 26, 0.85);
    color: #FF9500;
    font-size: 18px;
    cursor: pointer;
}

body.cs-lightbox-open {
    overflow: hidden;
}

/* ==================== RESPONSIVE (shared) ==================== */
@media (max-width: 1100px) {
    .cs-more .case-studies-grid {
        grid-template-columns: repeat(2, minmax(0, 1fr));
    }
}

@media (max-width: 900px) {
    .cs-gal {
        grid-template-columns: 1fr;
    }

    .cs-shot-frame {
        height: auto;
    }

    .cs-gal figure:last-child:nth-child(odd) .cs-shot-frame {
        max-width: none;
    }

    .cs-more-title {
        font-size: 34px;
    }
}

@media (max-width: 768px) {
    .cs-more .case-studies-grid {
        grid-template-columns: 1fr;
    }
}

@media (max-width: 480px) {
    .cs-pill {
        white-space: normal;
    }
}

@media (prefers-reduced-motion: reduce) {
    .cs-shot-frame,
    .cs-cta-btn {
        transition: none;
    }
}

/* ===================================================================
   PAGE DESIGNS (one block per case study, each scoped to its page)
   =================================================================== */

/* =========================================================
   gcc-travel-performance-marketing  (.cs-travel)
   ========================================================= */
.cs-travel{--bg:#0A0E1A;--band:#0F1628;--card:#141C31;--line:rgba(255,255,255,.08);--or:#FF9500;--or2:#FFB340;--tx:#F3F4F6;--bd:#CDD3DE;--mu:#8E97AA}
.cs-travel{margin:0;background:var(--bg);font-family:Poppins,sans-serif;color:var(--tx)}
.cs-travel a{color:inherit;text-decoration:none}
.cs-travel .cs-w{max-width:1160px;margin:0 auto;padding:0 24px}
.cs-travel .cs-back{display:inline-flex;gap:10px;align-items:center;color:var(--mu);font-size:14px;margin:34px 0 26px}
.cs-travel .cs-back i{color:var(--or)}
.cs-travel .cs-cover{border-radius:24px;overflow:hidden;border:1px solid rgba(255,149,0,.3);box-shadow:0 30px 80px rgba(0,0,0,.45)}
.cs-travel .cs-cover img{display:block;width:100%}
.cs-travel .cs-hero{padding:64px 0 0;max-width:960px}
.cs-travel .cs-kind{display:inline-flex;align-items:center;gap:10px;font-size:14px;font-weight:600;color:var(--or)}
.cs-travel .cs-kind::before{content:"";width:28px;height:2px;background:var(--or)}
.cs-travel h1{margin:18px 0 22px;font-size:clamp(42px,6.2vw,82px);line-height:1;letter-spacing:-3px;font-weight:800}
.cs-travel h1 span{display:block;color:var(--mu)}
.cs-travel .cs-lede{font-size:21px;line-height:1.6;color:var(--bd);max-width:760px;margin:0}
.cs-travel .cs-by{margin-top:22px;font-size:14px;color:var(--mu)}
.cs-travel .cs-by b{color:var(--tx);font-weight:600}
.cs-travel .cs-stats{display:grid;grid-template-columns:repeat(4,1fr);margin-top:64px;border-top:1px solid var(--line);border-bottom:1px solid var(--line)}
.cs-travel .cs-stat{padding:34px 26px 30px 0}
.cs-travel .cs-stat+.cs-stat{padding-left:26px;border-left:1px solid var(--line)}
.cs-travel .cs-stat strong{display:block;font-size:clamp(38px,4.4vw,58px);font-weight:800;letter-spacing:-2px;line-height:1;color:var(--or)}
.cs-travel .cs-stat b{display:block;margin-top:14px;font-size:16px;font-weight:600}
.cs-travel .cs-stat small{display:block;margin-top:6px;font-size:13px;color:var(--mu);line-height:1.5}
.cs-travel .cs-foot{margin:14px 0 0;font-size:13px;color:var(--mu)}
.cs-travel .cs-part{padding:130px 0 0}
.cs-travel .cs-mark{display:flex;align-items:baseline;gap:16px;margin-bottom:46px;padding-bottom:18px;border-bottom:1px solid var(--line)}
.cs-travel .cs-mark i{font-style:normal;font-size:15px;font-weight:700;color:var(--or)}
.cs-travel .cs-mark span{font-size:15px;font-weight:600;color:var(--mu)}
.cs-travel .cs-row{display:grid;grid-template-columns:300px 1fr;gap:60px;margin-bottom:80px}
.cs-travel .cs-row:last-child{margin-bottom:0}
.cs-travel h2{margin:0;font-size:32px;line-height:1.2;letter-spacing:-.8px;font-weight:700}
.cs-travel .cs-copy p{margin:0 0 18px;font-size:18px;line-height:1.8;color:var(--bd);max-width:700px}
.cs-travel .cs-duo{display:grid;grid-template-columns:1fr 1fr;gap:20px;margin-top:30px}
.cs-travel .cs-dcard{padding:28px;border-radius:20px;background:var(--card);border:1px solid var(--line);position:relative;overflow:hidden}
.cs-travel .cs-dcard h3{margin:0 0 10px;font-size:20px;font-weight:700;display:flex;align-items:center;gap:12px}
.cs-travel .cs-dcard h3 i{width:40px;height:40px;border-radius:12px;display:inline-flex;align-items:center;justify-content:center;font-size:17px;background:rgba(255,149,0,.12);color:var(--or)}
.cs-travel .cs-dcard p{margin:0;font-size:16px;line-height:1.7;color:var(--bd)}
.cs-travel .cs-wave{position:absolute;right:-10px;bottom:-6px;opacity:.22}
.cs-travel .cs-resp{margin-top:26px;font-size:15px;color:var(--mu)}
.cs-travel .cs-resp b{color:var(--tx);font-weight:600}
.cs-travel .cs-question{margin:0 0 80px;padding:60px 64px;border-radius:28px;background:linear-gradient(135deg,rgba(255,149,0,.13),rgba(20,28,49,.95) 55%);border:1px solid rgba(255,149,0,.35)}
.cs-travel .cs-question small{display:block;font-size:15px;font-weight:600;color:var(--or);margin-bottom:18px}
.cs-travel .cs-question blockquote{margin:0;font-size:clamp(26px,3vw,38px);line-height:1.3;font-weight:700;letter-spacing:-.8px;max-width:900px}
.cs-travel .cs-question p{margin:22px 0 0;font-size:17px;line-height:1.7;color:var(--bd);max-width:760px}
.cs-travel .cs-steps{display:grid;gap:0}
.cs-travel .cs-st{display:grid;grid-template-columns:90px 1fr;gap:10px;padding:30px 0;border-top:1px solid var(--line)}
.cs-travel .cs-st:first-child{border-top:0;padding-top:4px}
.cs-travel .cs-st .cs-n{font-size:44px;font-weight:800;color:transparent;-webkit-text-stroke:1.5px var(--or);line-height:1}
.cs-travel .cs-st h3{margin:2px 0 10px;font-size:22px;font-weight:700;letter-spacing:-.3px}
.cs-travel .cs-st p{margin:0;font-size:16.5px;line-height:1.75;color:var(--bd);max-width:680px}
.cs-travel .cs-st .cs-flags{display:flex;gap:16px;flex-wrap:wrap;margin-top:14px;font-size:14px;font-weight:600;color:var(--bd)}
.cs-travel .cs-st .cs-flags span{display:flex;align-items:center;gap:8px}
.cs-travel .cs-st .cs-flags .fi{width:22px;height:16px;border-radius:3px}
.cs-travel .cs-loop{display:grid;grid-template-columns:repeat(4,1fr);gap:0;position:relative;margin-top:6px}
.cs-travel .cs-node{position:relative;padding:28px 22px;text-align:left;background:var(--card);border:1px solid var(--line)}
.cs-travel .cs-node:first-child{border-radius:20px 0 0 20px}
.cs-travel .cs-node:last-child{border-radius:0 20px 20px 0}
.cs-travel .cs-node+.cs-node{border-left:0}
.cs-travel .cs-node b{display:block;font-size:22px;font-weight:800;color:var(--or);margin-bottom:8px}
.cs-travel .cs-node span{font-size:15px;color:var(--bd);line-height:1.5}
.cs-travel .cs-node::after{content:"\f054";font-family:"Font Awesome 6 Free";font-weight:900;position:absolute;right:-13px;top:50%;transform:translateY(-50%);width:26px;height:26px;border-radius:50%;background:var(--or);color:#0A0E1A;font-size:11px;display:flex;align-items:center;justify-content:center;z-index:2}
.cs-travel .cs-node:last-child::after{display:none}
.cs-travel .cs-copy p.cs-loopnote{margin-top:30px;font-size:16px;color:var(--bd);line-height:1.7;max-width:700px}
.cs-travel .cs-decision{display:grid;grid-template-columns:1.1fr 1fr;gap:50px;align-items:center;padding:46px;border-radius:28px;background:var(--card);border:1px solid var(--line)}
.cs-travel .cs-decision small{display:block;font-size:15px;font-weight:600;color:var(--or);margin-bottom:14px}
.cs-travel .cs-decision p{margin:0 0 14px;font-size:17px;line-height:1.75;color:var(--bd)}
.cs-travel .cs-decision p.cs-fine{font-size:14px;color:var(--mu);margin:0}
.cs-travel .cs-big2{font-size:64px;font-weight:800;letter-spacing:-2px;line-height:1;color:var(--or)}
.cs-travel .cs-big2sub{margin-top:10px;font-size:18px;font-weight:600;color:var(--tx)}
.cs-travel .cs-big2 em{font-style:normal;font-size:24px;color:var(--tx);letter-spacing:0;margin-left:10px;font-weight:600}
.cs-travel .cs-cmp{margin-top:26px}
.cs-travel .cs-cmp div{margin-bottom:16px}
.cs-travel .cs-cmp label{display:flex;justify-content:space-between;font-size:14px;color:var(--bd);margin-bottom:8px}
.cs-travel .cs-cmp label b{color:var(--tx)}
.cs-travel .cs-cmp .cs-t{height:14px;border-radius:8px;background:rgba(255,255,255,.06);overflow:hidden}
.cs-travel .cs-cmp .cs-t i{display:block;height:100%;border-radius:8px;background:#5B667D}
.cs-travel .cs-cmp .cs-t i.cs-o{background:linear-gradient(90deg,var(--or),var(--or2))}
.cs-travel .cs-ptable{width:100%;border-collapse:collapse}
.cs-travel .cs-ptable th{text-align:left;font-size:13px;font-weight:500;color:var(--mu);padding:0 0 14px}
.cs-travel .cs-ptable th:nth-child(2),.cs-travel .cs-ptable td:nth-child(2){text-align:right}
.cs-travel .cs-ptable td{padding:18px 0;border-top:1px solid var(--line);font-size:16px;color:var(--bd);vertical-align:middle}
.cs-travel .cs-ptable td:first-child{font-weight:700;color:var(--tx);width:200px}
.cs-travel .cs-ptable td:first-child i{width:26px;color:var(--or)}
.cs-travel .cs-ptable td:nth-child(2){width:170px;color:var(--tx);font-weight:600}
.cs-travel .cs-ptable td.cs-sh{padding-left:30px}
.cs-travel .cs-sbar{display:flex;align-items:center;gap:14px}
.cs-travel .cs-sbar .cs-t{flex:1;height:10px;border-radius:6px;background:rgba(255,255,255,.06);overflow:hidden}
.cs-travel .cs-sbar .cs-t i{display:block;height:100%;background:var(--or);border-radius:6px}
.cs-travel .cs-sbar b{width:54px;text-align:right;color:var(--or);font-weight:700}
.cs-travel .cs-ptable tr.cs-tot td{border-top:2px solid rgba(255,149,0,.45);font-weight:700;color:var(--tx)}
.cs-travel .cs-objective{margin-top:36px}
.cs-travel .cs-objective h3{margin:0 0 14px;font-size:17px;font-weight:600}
.cs-travel .cs-obar{display:flex;height:44px;border-radius:12px;overflow:hidden;gap:3px}
.cs-travel .cs-obar span{display:flex;align-items:center;padding:0 14px;font-size:13px;font-weight:700;color:#0A0E1A;white-space:nowrap;overflow:hidden}
.cs-travel .cs-o1{background:var(--or)}
.cs-travel .cs-o2{background:#FFC067}
.cs-travel .cs-o3{background:#9AA4B8}
.cs-travel .cs-o4{background:#4E5970;color:#E5E7EB!important}
.cs-travel .cs-okey{display:grid;grid-template-columns:1fr 1fr;gap:12px 36px;margin-top:16px}
.cs-travel .cs-okey span{padding-right:12px}
.cs-travel .cs-okey div{display:flex;justify-content:space-between;align-items:center;padding-bottom:10px;border-bottom:1px solid var(--line);font-size:15px;color:var(--bd)}
.cs-travel .cs-okey i{display:inline-block;width:11px;height:11px;border-radius:3px;margin-right:10px}
.cs-travel .cs-okey b{color:var(--tx)}
.cs-travel .cs-otable{width:100%;border-collapse:collapse}
.cs-travel .cs-otable td{padding:22px 0;border-top:1px solid var(--line);vertical-align:top}
.cs-travel .cs-otable tr:first-child td{border-top:0;padding-top:4px}
.cs-travel .cs-otable td:first-child{width:46%;padding-right:30px}
.cs-travel .cs-otable strong{display:block;font-size:28px;font-weight:800;letter-spacing:-.8px;color:var(--or);line-height:1.15}
.cs-travel .cs-otable em{display:block;font-style:normal;font-size:15px;color:var(--tx);margin-top:4px;font-weight:600}
.cs-travel .cs-otable td:last-child{font-size:15.5px;line-height:1.65;color:var(--bd)}
.cs-travel .cs-band{background:var(--band);margin-top:130px;padding:100px 0;border-top:1px solid var(--line);border-bottom:1px solid var(--line)}
.cs-travel .cs-next{padding:40px 44px;border-radius:24px;border:1px dashed rgba(255,149,0,.5);background:rgba(255,149,0,.04)}
.cs-travel .cs-next small{display:block;font-size:15px;font-weight:600;color:var(--or);margin-bottom:12px}
.cs-travel .cs-next p{margin:0;font-size:19px;line-height:1.7;color:var(--tx);max-width:820px}
.cs-travel .cs-mnote{margin-top:28px;font-size:13.5px;line-height:1.75;color:var(--mu);max-width:900px}
.cs-travel .cs-mnote b{color:var(--bd)}
@media(max-width:960px) {
  .cs-travel .cs-stats{grid-template-columns:1fr 1fr}
  .cs-travel .cs-stat:nth-child(3){padding-left:0;border-left:0}
  .cs-travel .cs-stat:nth-child(n+3){border-top:1px solid var(--line)}
  .cs-travel .cs-row{grid-template-columns:1fr;gap:20px}
  .cs-travel .cs-duo,.cs-travel .cs-decision,.cs-travel .cs-okey{grid-template-columns:1fr}
  .cs-travel .cs-question{padding:36px 26px}
  .cs-travel .cs-decision{padding:30px 24px;gap:24px}
  .cs-travel .cs-loop{grid-template-columns:1fr 1fr}
  .cs-travel .cs-node{border:1px solid var(--line)!important;border-radius:16px!important;margin:4px}
  .cs-travel .cs-node::after{display:none}
  .cs-travel .cs-st{grid-template-columns:60px 1fr}
  .cs-travel .cs-st .cs-n{font-size:34px}
  .cs-travel .cs-ptable td:first-child{width:auto}
  .cs-travel .cs-ptable td:nth-child(2){width:auto}
  .cs-travel .cs-ptable td.cs-sh{padding-left:14px}
  .cs-travel .cs-sbar .cs-t{display:none}
  .cs-travel .cs-obar span{font-size:0;padding:0}
  .cs-travel .cs-obar span.cs-o1{font-size:12px;padding:0 10px}
  .cs-travel .cs-big2{font-size:48px}
}
@media(max-width:960px) {
  .cs-travel h1{letter-spacing:-1.5px}
  .cs-travel .cs-stat{padding-right:12px}
  .cs-travel .cs-stat strong{font-size:34px}
  .cs-travel .cs-ptable td{font-size:14px}
  .cs-travel .cs-ptable td:first-child i{width:20px}
  .cs-travel .cs-otable td:first-child{width:auto;padding-right:14px}
  .cs-travel .cs-otable strong{font-size:22px}
  .cs-travel .cs-otable td{display:block;padding:6px 0}
  .cs-travel .cs-otable tr td:first-child{padding-top:20px}
  .cs-travel .cs-okey div{font-size:14px}
  .cs-travel .cs-loop{display:grid}
  .cs-travel .cs-mark{margin-bottom:28px}
  .cs-travel .cs-part{padding-top:90px}
}

/* =========================================================
   google-ads-dubai-automotive  (.cs-dubai)
   ========================================================= */
.cs-dubai{margin:0;background:#0A0E1A;font-family:Poppins,sans-serif;color:#fff}
.cs-dubai a{color:inherit;text-decoration:none}
.cs-dubai .cs-w{max-width:1100px;margin:0 auto;padding:0 20px}
.cs-dubai .cs-n{max-width:900px;margin:0 auto}
.cs-dubai .cs-hero{padding:40px 0 80px;background:linear-gradient(135deg,#0F1624 0%,#1a2332 25%,#0d1520 50%,#1f2937 75%,#0F1624 100%)}
.cs-dubai .cs-back{display:inline-flex;gap:10px;align-items:center;padding:10px 20px;border:1px solid rgba(255,149,0,.35);border-radius:30px;font-size:13px;font-weight:600;color:#E5E5E5;margin-bottom:28px}
.cs-dubai .cs-back i{color:#FF9500}
.cs-dubai .cs-cover{border:2px solid rgba(255,149,0,.45);border-radius:25px;overflow:hidden;box-shadow:0 20px 50px rgba(0,0,0,.5),0 0 45px rgba(255,149,0,.12);margin-bottom:48px}
.cs-dubai .cs-cover img{display:block;width:100%}
.cs-dubai .cs-top{text-align:center}
.cs-dubai .cs-top .cs-badge{display:inline-flex}
.cs-dubai h1{font-size:clamp(34px,4.6vw,54px);font-weight:900;line-height:1.12;letter-spacing:-1.5px;margin:6px 0 18px}
.cs-dubai .cs-sum{font-size:18px;line-height:1.75;color:#E5E5E5;max-width:780px;margin:0 auto 18px}
.cs-dubai .cs-by{font-size:13px;color:#94A3B8;margin-bottom:24px}
.cs-dubai .cs-by a{color:#FF9500;font-weight:600}
.cs-dubai .cs-tags{display:flex;justify-content:center;flex-wrap:wrap;gap:10px;margin-bottom:44px}
.cs-dubai .cs-nums{display:flex;justify-content:center;gap:56px;flex-wrap:wrap}
.cs-dubai .cs-nums div{text-align:center}
.cs-dubai .cs-nums strong{display:block;font-size:54px;font-weight:900;color:transparent;-webkit-text-stroke:2px #FF9500;line-height:1}
.cs-dubai .cs-nums span{display:block;margin-top:12px;font-size:12px;color:#D0D0D0;text-transform:uppercase;letter-spacing:2px;font-weight:600}
.cs-dubai .cs-sec{padding:100px 0 0}
.cs-dubai .cs-kicker{font-size:12px;font-weight:800;letter-spacing:3px;color:#FF9500;text-transform:uppercase;margin-bottom:10px}
.cs-dubai h2{font-size:38px;font-weight:800;letter-spacing:-1px;margin:0 0 16px}
.cs-dubai .cs-lead{font-size:18px;line-height:1.8;color:#D0D0D0;margin:0 0 34px}
.cs-dubai .cs-diag{display:grid;grid-template-columns:260px 1fr;gap:26px;align-items:stretch}
.cs-dubai .cs-cpa{border-radius:25px;padding:30px 24px;text-align:center;background:rgba(239,68,68,.06);border:2px solid rgba(239,68,68,.35);display:flex;flex-direction:column;justify-content:center}
.cs-dubai .cs-cpa small{font-size:12px;letter-spacing:2px;color:#94A3B8;font-weight:700}
.cs-dubai .cs-cpa strong{display:block;font-size:56px;font-weight:900;color:#f87171;line-height:1.1;margin:8px 0}
.cs-dubai .cs-cpa span{font-size:14px;color:#D0D0D0}
.cs-dubai .cs-flags{display:grid;grid-template-columns:1fr 1fr;gap:14px}
.cs-dubai .cs-flag{display:flex;gap:14px;align-items:center;padding:18px 20px;border-radius:18px;background:rgba(30,38,55,.6);border:1px solid rgba(255,255,255,.08);font-size:15px;color:#E5E5E5}
.cs-dubai .cs-flag i{flex:0 0 34px;height:34px;border-radius:50%;display:flex;align-items:center;justify-content:center;background:rgba(239,68,68,.12);color:#f87171;font-size:14px}
.cs-dubai .cs-flow{margin-top:40px;padding:34px 30px;border-radius:25px;border:2px solid rgba(37,211,102,.35);background:linear-gradient(135deg,rgba(37,211,102,.05),rgba(30,38,55,.7) 60%)}
.cs-dubai .cs-flow h3{margin:0 0 6px;font-size:22px;font-weight:800}
.cs-dubai .cs-flow p{margin:0 0 26px;color:#D0D0D0;font-size:15px;line-height:1.7}
.cs-dubai .cs-steps{display:flex;align-items:center;gap:12px;flex-wrap:wrap}
.cs-dubai .cs-step{flex:1;min-width:150px;text-align:center;padding:18px 12px;border-radius:18px;background:rgba(10,14,26,.6);border:1px solid rgba(255,255,255,.1)}
.cs-dubai .cs-step i{font-size:22px;color:#FF9500;margin-bottom:8px;display:block}
.cs-dubai .cs-step b{display:block;font-size:14px}
.cs-dubai .cs-step span{font-size:12px;color:#94A3B8}
.cs-dubai .cs-step.cs-wa{border-color:rgba(37,211,102,.6)}
.cs-dubai .cs-step.cs-wa i{color:#25D366}
.cs-dubai .cs-sarr{color:#94A3B8}
.cs-dubai .cs-bars{margin-bottom:34px}
.cs-dubai .cs-bar{display:grid;grid-template-columns:110px 1fr 120px;align-items:center;gap:16px;margin-bottom:14px}
.cs-dubai .cs-bar small{font-size:12px;font-weight:800;letter-spacing:2px;color:#94A3B8}
.cs-dubai .cs-track{height:20px;border-radius:20px;background:rgba(255,255,255,.05);overflow:hidden}
.cs-dubai .cs-fill{height:100%;border-radius:20px}
.cs-dubai .cs-fill.cs-b{width:100%;background:linear-gradient(90deg,#64748b,#94A3B8)}
.cs-dubai .cs-fill.cs-a{width:12%;background:linear-gradient(90deg,#FF9500,#FFB340);box-shadow:0 0 18px rgba(255,149,0,.6)}
.cs-dubai .cs-bar strong{font-size:22px;font-weight:900;text-align:right}
.cs-dubai .cs-bar.cs-a strong{color:#FF9500}
.cs-dubai .cs-cap{margin-top:12px;font-size:14px;color:#D0D0D0}
.cs-dubai .cs-cap b{color:#FF9500}
.cs-dubai .cs-note{margin-top:26px;padding:16px 20px;border-left:3px solid rgba(255,149,0,.6);background:rgba(255,149,0,.05);border-radius:0 12px 12px 0;font-size:13px;color:#94A3B8;line-height:1.7}
.cs-dubai .cs-impact{display:grid;grid-template-columns:repeat(4,1fr);gap:16px}
.cs-dubai .cs-imp{padding:24px 20px;border-radius:22px;background:rgba(30,38,55,.6);border:1px solid rgba(255,149,0,.25);text-align:center}
.cs-dubai .cs-imp i{font-size:26px;color:#FF9500;margin-bottom:12px;display:block}
.cs-dubai .cs-imp p{margin:0;font-size:15px;line-height:1.55;color:#E5E5E5;font-weight:500}
.cs-dubai .cs-role{display:flex;flex-wrap:wrap;gap:10px}
@media(max-width:900px) {
  .cs-dubai .cs-diag,.cs-dubai .cs-flags{grid-template-columns:1fr}
  .cs-dubai .cs-impact{grid-template-columns:1fr 1fr}
  .cs-dubai h2{font-size:28px}
  .cs-dubai .cs-nums{display:grid;grid-template-columns:1fr 1fr;gap:28px 10px}
  .cs-dubai .cs-nums strong{font-size:40px}
  .cs-dubai .cs-bar{grid-template-columns:70px 1fr 90px}
}
.cs-dubai .cs-nums span em{font-style:normal;color:#94A3B8;text-transform:none;letter-spacing:0;font-weight:500}
.cs-dubai .cs-acts{display:grid;grid-template-columns:1fr 1fr;gap:20px}
.cs-dubai .cs-act{display:flex;gap:18px;align-items:flex-start;padding:26px 24px;border-radius:25px;border:2px solid rgba(255,149,0,.45);background:linear-gradient(135deg,rgba(255,149,0,.05) 0%,rgba(30,38,55,.7) 50%,rgba(255,149,0,.05) 100%);box-shadow:0 10px 35px rgba(0,0,0,.4)}
.cs-dubai .cs-act .cs-num{font-size:40px;flex:0 0 auto}
.cs-dubai .cs-act h3{margin:2px 0 8px;font-size:18px;font-weight:800;text-transform:uppercase;letter-spacing:1px}
.cs-dubai .cs-act p{margin:0;font-size:15px;line-height:1.7;color:#D0D0D0}
.cs-dubai .cs-act .cs-steps{margin-top:18px}
.cs-dubai .cs-act .cs-step{padding:14px 10px;min-width:120px}
.cs-dubai .cs-cap{line-height:1.6}
.cs-dubai .cs-cap .cs-w2{color:#fff}
.cs-dubai .cs-cap+.cs-cap{margin-top:6px}
.cs-dubai .cs-impact{grid-template-columns:repeat(5,1fr)}
@media(max-width:900px) {
  .cs-dubai .cs-acts{grid-template-columns:1fr}
  .cs-dubai .cs-act{flex-direction:column;gap:6px}
  .cs-dubai .cs-impact{grid-template-columns:1fr 1fr}
}
.cs-dubai .cs-nums{gap:40px}
.cs-dubai .cs-nums div{max-width:230px}
.cs-dubai .cs-nums strong{font-size:50px}
.cs-dubai .cs-caps{max-width:900px;margin:0 auto;box-sizing:border-box;padding:22px 26px;border-radius:20px;background:rgba(30,38,55,.45);border:1px solid rgba(255,255,255,.08)}
.cs-dubai .cs-caps .cs-cap{margin:0;padding:10px 0;border-bottom:1px solid rgba(255,255,255,.06)}
.cs-dubai .cs-caps .cs-cap:last-child{border:0}

/* =========================================================
   saudi-ecommerce-google-snapchat-ads  (.cs-ecom)
   ========================================================= */
.cs-ecom{margin:0;background:#0A0E1A;font-family:Poppins,sans-serif;color:#fff}
.cs-ecom a{color:inherit;text-decoration:none}
.cs-ecom .cs-w{max-width:1100px;margin:0 auto;padding:0 20px}
.cs-ecom .cs-n{max-width:900px;margin:0 auto}
.cs-ecom .cs-hero{padding:40px 0 80px;background:linear-gradient(135deg,#0F1624 0%,#1a2332 25%,#0d1520 50%,#1f2937 75%,#0F1624 100%)}
.cs-ecom .cs-back{display:inline-flex;gap:10px;align-items:center;padding:10px 20px;border:1px solid rgba(255,149,0,.35);border-radius:30px;font-size:13px;font-weight:600;color:#E5E5E5;margin-bottom:28px}
.cs-ecom .cs-back i{color:#FF9500}
.cs-ecom .cs-cover{border:2px solid rgba(255,149,0,.45);border-radius:25px;overflow:hidden;box-shadow:0 20px 50px rgba(0,0,0,.5),0 0 45px rgba(255,149,0,.12);margin-bottom:48px}
.cs-ecom .cs-cover img{display:block;width:100%}
.cs-ecom .cs-top{text-align:center}
.cs-ecom .cs-top .cs-badge{display:inline-flex}
.cs-ecom h1{font-size:clamp(36px,5vw,60px);font-weight:900;line-height:1.08;letter-spacing:-1.5px;margin:6px 0 18px}
.cs-ecom h1 .cs-o{color:#FF9500}
.cs-ecom .cs-sum{font-size:18px;line-height:1.75;color:#E5E5E5;max-width:800px;margin:0 auto 18px}
.cs-ecom .cs-by{font-size:13px;color:#94A3B8;margin-bottom:24px}
.cs-ecom .cs-by a{color:#FF9500;font-weight:600}
.cs-ecom .cs-tags{display:flex;justify-content:center;flex-wrap:wrap;gap:10px;margin-bottom:44px}
.cs-ecom .cs-glance-label{font-size:12px;font-weight:800;letter-spacing:3px;color:#94A3B8;margin-bottom:22px;text-transform:uppercase}
.cs-ecom .cs-nums{display:flex;justify-content:center;gap:44px;flex-wrap:wrap}
.cs-ecom .cs-nums div{text-align:center;max-width:220px}
.cs-ecom .cs-nums strong{display:block;font-size:50px;font-weight:900;color:transparent;-webkit-text-stroke:2px #FF9500;line-height:1}
.cs-ecom .cs-nums span{display:block;margin-top:12px;font-size:12px;color:#D0D0D0;text-transform:uppercase;letter-spacing:2px;font-weight:600}
.cs-ecom .cs-fine{margin-top:22px;font-size:12px;color:#94A3B8;font-style:italic}
.cs-ecom .cs-sec{padding:100px 0 0}
.cs-ecom .cs-kicker{font-size:12px;font-weight:800;letter-spacing:3px;color:#FF9500;text-transform:uppercase;margin-bottom:10px}
.cs-ecom h2{font-size:38px;font-weight:800;letter-spacing:-1px;margin:0 0 18px;line-height:1.2}
.cs-ecom .cs-p{font-size:17px;line-height:1.85;color:#D0D0D0;margin:0 0 16px}
.cs-ecom .cs-contrast{font-size:46px;font-weight:900;line-height:1.15;letter-spacing:-1.5px;margin:0 0 28px}
.cs-ecom .cs-contrast span{display:block}
.cs-ecom .cs-contrast .cs-g{color:#94A3B8}
.cs-ecom .cs-contrast .cs-o{color:#FF9500}
.cs-ecom .cs-qs{margin:26px 0 30px;padding:26px 28px;border-radius:25px;border:2px solid rgba(255,149,0,.45);background:linear-gradient(135deg,rgba(255,149,0,.05) 0%,rgba(30,38,55,.7) 50%,rgba(255,149,0,.05) 100%)}
.cs-ecom .cs-qs h3{margin:0 0 16px;font-size:14px;letter-spacing:2px;text-transform:uppercase;color:#FF9500}
.cs-ecom .cs-qs ol{margin:0;padding:0;list-style:none;display:grid;gap:12px;counter-reset:q}
.cs-ecom .cs-qs li{counter-increment:q;display:flex;gap:14px;align-items:baseline;font-size:16px;color:#E5E5E5}
.cs-ecom .cs-qs li::before{content:counter(q);flex:0 0 28px;height:28px;border-radius:50%;background:rgba(255,149,0,.12);border:1px solid rgba(255,149,0,.5);color:#FF9500;font-size:13px;font-weight:800;display:inline-flex;align-items:center;justify-content:center}
.cs-ecom .cs-pillars{display:grid;grid-template-columns:1fr 1fr;gap:22px}
.cs-ecom .cs-pillar{position:relative;padding:30px 28px;border-radius:25px;border:2px solid rgba(255,149,0,.45);background:linear-gradient(135deg,rgba(255,149,0,.05) 0%,rgba(30,38,55,.7) 50%,rgba(255,149,0,.05) 100%);box-shadow:0 10px 35px rgba(0,0,0,.4)}
.cs-ecom .cs-pillar::before{content:'';position:absolute;top:20px;right:20px;width:35px;height:35px;border-top:2px solid rgba(255,149,0,.5);border-right:2px solid rgba(255,149,0,.5)}
.cs-ecom .cs-pillar .cs-head{display:flex;align-items:center;gap:16px;margin-bottom:14px}
.cs-ecom .cs-pillar .cs-num{font-size:44px}
.cs-ecom .cs-pillar .cs-ic{width:44px;height:44px;border-radius:12px;background:linear-gradient(135deg,#FF9500,#FFB340);color:#0A0E1A;display:flex;align-items:center;justify-content:center;font-size:18px}
.cs-ecom .cs-pillar h3{margin:0 0 12px;font-size:19px;font-weight:800;text-transform:uppercase;letter-spacing:.5px;line-height:1.35}
.cs-ecom .cs-pillar p{margin:0 0 12px;font-size:15px;line-height:1.75;color:#D0D0D0}
.cs-ecom .cs-pillar p:last-child{margin:0}
.cs-ecom .cs-trades{display:grid;grid-template-columns:repeat(3,1fr);gap:18px;margin:26px 0 34px}
.cs-ecom .cs-trade{padding:24px 22px;border-radius:22px;background:rgba(30,38,55,.6);border:1px solid rgba(255,255,255,.1)}
.cs-ecom .cs-trade .cs-t{font-size:14px;font-weight:700;color:#fff;margin-bottom:14px}
.cs-ecom .cs-trade .cs-up,.cs-ecom .cs-trade .cs-dn{display:flex;gap:10px;align-items:center;font-size:14px;margin-top:8px}
.cs-ecom .cs-trade .cs-up{color:#FFB340}
.cs-ecom .cs-trade .cs-up i{color:#FF9500}
.cs-ecom .cs-trade .cs-dn{color:#94A3B8}
.cs-ecom .cs-loop{padding:34px 26px 30px;border-radius:25px;border:2px dashed rgba(255,149,0,.4);background:rgba(255,149,0,.03)}
.cs-ecom .cs-loop h3{margin:0 0 22px;text-align:center;font-size:14px;letter-spacing:2px;text-transform:uppercase;color:#FF9500}
.cs-ecom .cs-lsteps{display:flex;align-items:stretch;gap:8px}
.cs-ecom .cs-lstep{flex:1;text-align:center;padding:16px 8px;border-radius:16px;background:rgba(10,14,26,.6);border:1px solid rgba(255,149,0,.35);font-size:13px;font-weight:700;line-height:1.35;display:flex;flex-direction:column;align-items:center;gap:8px;justify-content:center}
.cs-ecom .cs-lstep i{color:#FF9500;font-size:18px}
.cs-ecom .cs-larr{display:flex;align-items:center;color:#FF9500;font-size:13px}
.cs-ecom .cs-lback{margin-top:16px;text-align:center;font-size:13px;color:#94A3B8}
.cs-ecom .cs-lback i{color:#FF9500;margin-right:8px}
.cs-ecom .cs-cats{display:grid;gap:28px}
.cs-ecom .cs-cat{padding:30px;border-radius:25px;border:2px solid rgba(255,149,0,.45);background:linear-gradient(135deg,rgba(255,149,0,.05) 0%,rgba(30,38,55,.7) 50%,rgba(255,149,0,.05) 100%);box-shadow:0 10px 35px rgba(0,0,0,.4)}
.cs-ecom .cs-cat-head{display:flex;align-items:center;gap:16px;flex-wrap:wrap;margin-bottom:8px}
.cs-ecom .cs-cat-head .cs-ic{width:52px;height:52px;border-radius:14px;background:linear-gradient(135deg,#FF9500,#FFB340);color:#0A0E1A;display:flex;align-items:center;justify-content:center;font-size:22px}
.cs-ecom .cs-cat-head h3{margin:0;font-size:24px;font-weight:900;text-transform:uppercase;letter-spacing:1px}
.cs-ecom .cs-cat-head .case-tag{margin-left:auto}
.cs-ecom .cs-cat .cs-focus{font-size:15px;color:#D0D0D0;margin:6px 0 22px}
.cs-ecom .cs-chs{display:grid;grid-template-columns:1fr 1fr;gap:20px}
.cs-ecom .cs-ch{border-radius:20px;background:rgba(10,14,26,.55);border:1px solid rgba(255,255,255,.08);padding:18px}
.cs-ecom .cs-ch-h{display:flex;align-items:center;gap:10px;font-size:13px;font-weight:800;letter-spacing:2px;margin-bottom:12px}
.cs-ecom .cs-ch-h i{width:30px;height:30px;border-radius:50%;display:inline-flex;align-items:center;justify-content:center;background:rgba(255,255,255,.08);font-size:13px}
.cs-ecom .cs-stats{display:grid;grid-template-columns:repeat(4,1fr);gap:8px;margin-bottom:14px}
.cs-ecom .cs-stats.cs-three{grid-template-columns:repeat(3,1fr)}
.cs-ecom .cs-stats div{background:rgba(30,38,55,.7);border-radius:12px;padding:10px 8px;text-align:center}
.cs-ecom .cs-stats strong{display:block;font-size:17px;font-weight:800;color:#fff}
.cs-ecom .cs-stats .cs-hl strong{color:#FF9500}
.cs-ecom .cs-stats span{font-size:11px;color:#94A3B8}
.cs-ecom .cs-proof{margin-top:18px;display:flex;gap:10px;align-items:center;font-size:15px;color:#E5E5E5}
.cs-ecom .cs-proof i{color:#FF9500}
.cs-ecom .cs-recon{font-size:13px;color:#94A3B8;font-style:italic;margin:4px 0 12px}
.cs-ecom .cs-totals{display:grid;grid-template-columns:1fr 1fr;gap:20px;margin:26px 0 30px}
.cs-ecom .cs-total{padding:26px;border-radius:22px;background:rgba(30,38,55,.6);border:1px solid rgba(255,149,0,.3)}
.cs-ecom .cs-total .cs-ch-h{margin-bottom:16px}
.cs-ecom .cs-flowline{display:flex;align-items:center;gap:12px;flex-wrap:nowrap}
.cs-ecom .cs-flowline .cs-a b{white-space:nowrap}
.cs-ecom .cs-flowline .cs-a{font-size:15px;color:#94A3B8}
.cs-ecom .cs-flowline .cs-a b{display:block;font-size:22px;color:#fff;font-weight:800}
.cs-ecom .cs-flowline .cs-b b{color:#FF9500}
.cs-ecom .cs-flowline .cs-arrow{color:#FF9500}
.cs-ecom .cs-flowline .cs-roas{margin-left:auto;padding:8px 14px;border-radius:30px;background:rgba(255,149,0,.12);border:1px solid rgba(255,149,0,.5);color:#FF9500;font-weight:800}
.cs-ecom .cs-quote{margin:40px 0 0;padding:40px 36px;border-radius:25px;text-align:center;background:linear-gradient(135deg,rgba(255,149,0,.1),rgba(30,38,55,.7) 60%);border:2px solid rgba(255,149,0,.45)}
.cs-ecom .cs-quote i{font-size:34px;color:#FF9500;margin-bottom:14px}
.cs-ecom .cs-quote p{margin:0;font-size:26px;font-weight:800;line-height:1.45}
.cs-ecom .cs-quote p span{color:#FF9500}
.cs-ecom .cs-quote small{display:block;margin-top:16px;color:#94A3B8;font-size:14px}
.cs-ecom .cs-note{padding:16px 20px;border-left:3px solid rgba(255,149,0,.6);background:rgba(255,149,0,.05);border-radius:0 12px 12px 0;font-size:13px;color:#94A3B8;line-height:1.7}
@media(max-width:900px) {
  .cs-ecom .cs-pillars,.cs-ecom .cs-chs,.cs-ecom .cs-totals,.cs-ecom .cs-trades{grid-template-columns:1fr}
  .cs-ecom .cs-lsteps{flex-direction:column}
  .cs-ecom .cs-larr{justify-content:center;transform:rotate(90deg)}
  .cs-ecom .cs-contrast{font-size:32px}
  .cs-ecom h2{font-size:28px}
  .cs-ecom .cs-nums{display:grid;grid-template-columns:1fr 1fr;gap:28px 10px}
  .cs-ecom .cs-nums strong{font-size:38px}
  .cs-ecom .cs-stats{grid-template-columns:1fr 1fr}
  .cs-ecom .cs-cat-head .case-tag{margin-left:0}
}
.cs-ecom .cs-herb{display:grid;grid-template-columns:260px 1fr;gap:20px;align-items:center}
@media(max-width:900px) {
  .cs-ecom .cs-herb{grid-template-columns:1fr}
}
.cs-ecom .cs-ch .cs-stats{margin-bottom:0}
@media(max-width:900px) {
  .cs-ecom .cs-totals>.cs-total{min-width:0;padding:22px 18px}
  .cs-ecom .cs-flowline{flex-wrap:wrap}
  .cs-ecom .cs-flowline .cs-roas{margin-left:0}
}

/* =========================================================
   kuwait-charity-fundraising-ads  (.cs-eid)
   ========================================================= */
.cs-eid{margin:0;background:#0A0E1A;font-family:Poppins,sans-serif;color:#fff}
.cs-eid a{color:inherit;text-decoration:none}
.cs-eid .cs-w{max-width:1100px;margin:0 auto;padding:0 20px}
.cs-eid .cs-n{max-width:900px;margin:0 auto}
.cs-eid .cs-hero{padding:40px 0 80px;background:linear-gradient(135deg,#0F1624 0%,#1a2332 25%,#0d1520 50%,#1f2937 75%,#0F1624 100%)}
.cs-eid .cs-back{display:inline-flex;gap:10px;align-items:center;padding:10px 20px;border:1px solid rgba(255,149,0,.35);border-radius:30px;font-size:13px;font-weight:600;color:#E5E5E5;margin-bottom:28px}
.cs-eid .cs-back i{color:#FF9500}
.cs-eid .cs-cover{border:2px solid rgba(255,149,0,.45);border-radius:25px;overflow:hidden;box-shadow:0 20px 50px rgba(0,0,0,.5),0 0 45px rgba(255,149,0,.12);margin-bottom:48px}
.cs-eid .cs-cover img{display:block;width:100%}
.cs-eid .cs-top{text-align:center}
.cs-eid .cs-top .cs-badge{display:inline-flex}
.cs-eid h1{font-size:clamp(36px,5vw,60px);font-weight:900;line-height:1.08;letter-spacing:-1.5px;margin:6px 0 18px}
.cs-eid h1 .cs-o{color:#FF9500}
.cs-eid .cs-sum{font-size:18px;line-height:1.75;color:#E5E5E5;max-width:800px;margin:0 auto 18px}
.cs-eid .cs-by{font-size:13px;color:#94A3B8;margin-bottom:24px}
.cs-eid .cs-by a{color:#FF9500;font-weight:600}
.cs-eid .cs-tags{display:flex;justify-content:center;flex-wrap:wrap;gap:10px;margin-bottom:44px}
.cs-eid .cs-sec{padding:100px 0 0}
.cs-eid .cs-kicker{font-size:12px;font-weight:800;letter-spacing:3px;color:#FF9500;text-transform:uppercase;margin-bottom:10px}
.cs-eid h2{font-size:38px;font-weight:800;letter-spacing:-1px;margin:0 0 18px;line-height:1.2}
.cs-eid .cs-p{font-size:17px;line-height:1.85;color:#D0D0D0;margin:0 0 16px}
.cs-eid .cs-note{padding:16px 20px;border-left:3px solid rgba(255,149,0,.6);background:rgba(255,149,0,.05);border-radius:0 12px 12px 0;font-size:13px;color:#94A3B8;line-height:1.7}
@media(max-width:900px) {
  .cs-eid h2{font-size:28px}
}
.cs-eid .cs-moon{color:#FFB340;margin-right:6px}
.cs-eid .cs-brief{max-width:1000px;margin:0 auto;display:grid;grid-template-columns:repeat(4,1fr);border-radius:25px;overflow:hidden;border:2px solid rgba(255,149,0,.45);background:linear-gradient(135deg,rgba(255,149,0,.05) 0%,rgba(30,38,55,.7) 50%,rgba(255,149,0,.05) 100%);text-align:left}
.cs-eid .cs-brief div{padding:18px 20px;box-shadow:1px 0 0 rgba(255,149,0,.18),0 1px 0 rgba(255,149,0,.18)}
.cs-eid .cs-brief small{display:block;font-size:11px;font-weight:800;letter-spacing:2px;color:#FF9500;text-transform:uppercase;margin-bottom:6px}
.cs-eid .cs-brief b{font-size:15px;color:#fff;font-weight:600;line-height:1.45}
.cs-eid .cs-brief .cs-big b{font-size:26px;font-weight:900;color:#FF9500}
.cs-eid .cs-shift{display:grid;grid-template-columns:1fr 60px 1fr;align-items:stretch;margin-top:30px}
.cs-eid .cs-from,.cs-eid .cs-to{padding:26px 24px;border-radius:25px}
.cs-eid .cs-from{background:rgba(30,38,55,.5);border:1px dashed rgba(255,255,255,.2)}
.cs-eid .cs-to{border:2px solid rgba(255,149,0,.45);background:linear-gradient(135deg,rgba(255,149,0,.06),rgba(30,38,55,.7) 60%)}
.cs-eid .cs-from h3,.cs-eid .cs-to h3{margin:0 0 16px;font-size:13px;letter-spacing:2px;text-transform:uppercase}
.cs-eid .cs-from h3{color:#94A3B8}
.cs-eid .cs-to h3{color:#FF9500}
.cs-eid .cs-from ul{list-style:none;margin:0;padding:0;display:grid;gap:12px}
.cs-eid .cs-from li{display:flex;gap:12px;align-items:center;color:#cbd5e1;font-size:15px}
.cs-eid .cs-from li i{color:#64748b;width:18px;text-align:center}
.cs-eid .cs-to p{margin:0;font-size:18px;line-height:1.7;color:#fff;font-weight:600}
.cs-eid .cs-shift .cs-arr{display:flex;align-items:center;justify-content:center;color:#FF9500;font-size:22px}
.cs-eid .cs-engine{position:relative;display:grid;grid-template-columns:1fr 1fr;gap:28px 130px}
.cs-eid .cs-eng{padding:28px 26px;border-radius:25px;border:2px solid rgba(255,149,0,.45);background:linear-gradient(135deg,rgba(255,149,0,.05) 0%,rgba(30,38,55,.7) 50%,rgba(255,149,0,.05) 100%);box-shadow:0 10px 35px rgba(0,0,0,.4)}
.cs-eid .cs-eng .cs-ic{width:48px;height:48px;border-radius:14px;background:linear-gradient(135deg,#FF9500,#FFB340);color:#0A0E1A;display:flex;align-items:center;justify-content:center;font-size:20px;margin-bottom:16px}
.cs-eid .cs-eng h3{margin:0 0 10px;font-size:18px;font-weight:800;text-transform:uppercase;letter-spacing:1px}
.cs-eid .cs-eng p{margin:0;font-size:15px;line-height:1.75;color:#D0D0D0}
.cs-eid .cs-hub{position:absolute;left:50%;top:50%;transform:translate(-50%,-50%);width:112px;height:112px;border-radius:50%;background:#0A0E1A;border:3px solid #FF9500;box-shadow:0 0 40px rgba(255,149,0,.45);display:flex;flex-direction:column;align-items:center;justify-content:center;text-align:center;z-index:2}
.cs-eid .cs-hub strong{font-size:34px;font-weight:900;color:#FF9500;line-height:1}
.cs-eid .cs-hub span{font-size:10px;letter-spacing:1.5px;color:#D0D0D0;font-weight:700;margin-top:4px}
.cs-eid .cs-mgrid{display:grid;grid-template-columns:repeat(4,1fr);gap:16px;margin-bottom:46px}
.cs-eid .cs-m{padding:24px 18px;text-align:center;border-radius:22px;background:rgba(30,38,55,.55);border:1px solid rgba(255,149,0,.25)}
.cs-eid .cs-m strong{display:block;font-size:42px;font-weight:900;color:transparent;-webkit-text-stroke:2px #FF9500;line-height:1.05}
.cs-eid .cs-m span{display:block;margin-top:10px;font-size:12px;color:#D0D0D0;text-transform:uppercase;letter-spacing:1.5px;font-weight:600}
.cs-eid .cs-plat{display:grid;grid-template-columns:300px 1fr;gap:26px;align-items:center;padding:26px;border-radius:25px;background:rgba(30,38,55,.45);border:1px solid rgba(255,255,255,.08);margin-bottom:22px}
.cs-eid .cs-plat .cs-ph{display:flex;align-items:center;gap:12px;margin-bottom:12px}
.cs-eid .cs-plat .cs-ph i{width:44px;height:44px;border-radius:50%;display:inline-flex;align-items:center;justify-content:center;font-size:20px;background:rgba(255,255,255,.07);border:1px solid rgba(255,255,255,.15)}
.cs-eid .cs-plat .cs-ph b{font-size:20px;font-weight:800}
.cs-eid .cs-plat .cs-kpis{display:flex;flex-direction:column;gap:10px}
.cs-eid .cs-plat .cs-kpis div{display:flex;justify-content:space-between;gap:10px;padding:10px 14px;border-radius:12px;background:rgba(10,14,26,.55);font-size:14px;color:#D0D0D0}
.cs-eid .cs-plat .cs-kpis b{color:#FF9500;font-weight:800}
.cs-eid .cs-plat .cs-cap{font-size:13px;color:#94A3B8;margin-top:12px;line-height:1.6}
.cs-eid .cs-outcomes{display:grid;grid-template-columns:repeat(4,1fr);gap:16px;margin-top:24px}
.cs-eid .cs-oc{padding:22px 18px;border-radius:20px;background:rgba(30,38,55,.55);border:1px solid rgba(255,149,0,.25);text-align:center}
.cs-eid .cs-oc i{font-size:24px;color:#FF9500;margin-bottom:10px;display:block}
.cs-eid .cs-oc p{margin:0;font-size:15px;color:#E5E5E5;line-height:1.5;font-weight:500}
.cs-eid .cs-demo{display:flex;flex-wrap:wrap;gap:10px}
@media(max-width:900px) {
  .cs-eid .cs-brief{grid-template-columns:1fr 1fr}
  .cs-eid .cs-shift{grid-template-columns:1fr}
  .cs-eid .cs-shift .cs-arr{transform:rotate(90deg);padding:10px 0}
  .cs-eid .cs-engine{grid-template-columns:1fr}
  .cs-eid .cs-hub{position:static;transform:none;margin:0 auto}
  .cs-eid .cs-mgrid{grid-template-columns:1fr 1fr}
  .cs-eid .cs-m strong{font-size:32px}
  .cs-eid .cs-plat{grid-template-columns:1fr}
  .cs-eid .cs-outcomes{grid-template-columns:1fr 1fr}
}
.cs-eid .cs-m em{display:block;margin-top:6px;font-style:normal;font-size:11px;color:#94A3B8}
@media(max-width:900px) {
  .cs-eid .cs-m strong{font-size:26px!important;white-space:nowrap}
}
.cs-eid .cs-plats{display:grid;grid-template-columns:repeat(3,1fr);gap:20px}
.cs-eid .cs-plats .cs-plat{display:block;margin:0}
@media(max-width:900px) {
  .cs-eid .cs-plats{grid-template-columns:1fr}
}