.cs-urban-glo-v50{
  --purple:#8e2192;
  --purple-dark:#4f0f63;
  --purple-soft:#f5eaf7;
  --orange:#ff8c1a;
  --orange-dark:#f15c24;
  --orange-soft:#fff1e6;
  --ink:#101118;
  --muted:#6d7380;
  --line:#e9e4ec;
  --wash:#fbf9fc;
  --white:#ffffff;
  --black:#111015;
  --shadow:0 18px 50px rgba(39,20,46,.08);
  --shadow-lg:0 28px 80px rgba(39,20,46,.13);
  --max:1220px;
  --spring:cubic-bezier(.16,1,.3,1);
  --ease:cubic-bezier(.22,.75,.18,1);
}

.cs-urban-glo-v50 *{box-sizing:border-box}
.cs-urban-glo-v50{scroll-behavior:smooth}
.cs-urban-glo-v50{
  margin:0;
  background:#fff;
  color:var(--ink);
  font-family:"Satoshi",Arial,sans-serif;
  -webkit-font-smoothing:antialiased;
  overflow-x:hidden;
}
.cs-urban-glo-v50 a{color:inherit;text-decoration:none}
.cs-urban-glo-v50 img{display:block;max-width:100%}
.cs-urban-glo-v50 h1, .cs-urban-glo-v50 h2, .cs-urban-glo-v50 h3, .cs-urban-glo-v50 h4, .cs-urban-glo-v50 p{margin-top:0}
.cs-urban-glo-v50 h1, .cs-urban-glo-v50 h2, .cs-urban-glo-v50 h3, .cs-urban-glo-v50 h4{letter-spacing:-.045em}
.cs-urban-glo-v50 button{font:inherit}
.cs-urban-glo-v50 .wrap{width:min(var(--max),calc(100% - 42px));margin-inline:auto}
.cs-urban-glo-v50 .section{padding:100px 0}
.cs-urban-glo-v50 .grad{
  background:linear-gradient(90deg,var(--purple),#b92d88 48%,var(--orange) 78%,var(--orange-dark));
  -webkit-background-clip:text;background-clip:text;color:transparent;
}
.cs-urban-glo-v50 .eyebrow{
  display:inline-flex;align-items:center;gap:8px;
  padding:9px 14px;border-radius:999px;
  background:linear-gradient(90deg,#f7edf8,#fff0e4);
  color:var(--purple);
  font-size:10px;font-weight:900;letter-spacing:.16em;text-transform:uppercase;
}
.cs-urban-glo-v50 .section-head{max-width:820px;margin-bottom:44px}
.cs-urban-glo-v50 .section-head.center{text-align:center;margin-inline:auto}
.cs-urban-glo-v50 .section-head h2{font-size:clamp(46px,5vw,72px);line-height:.97;margin:16px 0}
.cs-urban-glo-v50 .section-head p{color:var(--muted);font-size:18px;line-height:1.65;margin:0}
.cs-urban-glo-v50 .scroll-progress{position:fixed;top:0;left:0;z-index:5000;width:0;height:3px;background:linear-gradient(90deg,var(--purple),var(--orange-dark))}

/* Header */
.cs-urban-glo-v50 .header-shell{
  position:sticky;top:0;z-index:1500;
  padding:18px 0 10px;
  background:linear-gradient(to bottom,rgba(255,255,255,.98),rgba(255,255,255,.86),rgba(255,255,255,0));
}
.cs-urban-glo-v50 .header{
  min-height:72px;
  display:grid;grid-template-columns:255px 1fr 215px;gap:24px;align-items:center;
  padding:8px 14px 8px 24px;border:1px solid rgba(34,18,42,.04);border-radius:999px;
  background:rgba(255,255,255,.96);backdrop-filter:blur(18px);
  box-shadow:0 12px 34px rgba(24,14,31,.08);
}
.cs-urban-glo-v50 .header-logo img{width:230px;height:48px;object-fit:contain;object-position:left center}
.cs-urban-glo-v50 .nav{display:flex;justify-content:center;gap:30px}
.cs-urban-glo-v50 .nav a{font-size:15px;font-weight:700;white-space:nowrap;position:relative}
.cs-urban-glo-v50 .nav a:after{content:"";position:absolute;left:0;right:100%;bottom:-8px;height:2px;background:linear-gradient(90deg,var(--purple),var(--orange));transition:right .28s ease}
.cs-urban-glo-v50 .nav a:hover:after, .cs-urban-glo-v50 .nav a.active:after{right:0}
.cs-urban-glo-v50 .btn{
  position:relative;overflow:hidden;isolation:isolate;
  min-height:48px;padding:0 20px;border-radius:999px;border:1px solid transparent;
  display:inline-flex;align-items:center;justify-content:center;gap:10px;
  font-size:14px;font-weight:900;cursor:pointer;
  transition:transform .28s var(--spring),box-shadow .28s ease,border-color .28s ease;
}
.cs-urban-glo-v50 .btn:after{
  content:"";position:absolute;z-index:-1;top:-110%;left:-45%;width:25%;height:320%;
  transform:rotate(20deg) translateX(-390%);
  background:linear-gradient(90deg,transparent,rgba(255,255,255,.68),transparent);
  transition:transform .75s var(--ease)
}
.cs-urban-glo-v50 .btn:hover:after{transform:rotate(20deg) translateX(720%)}
.cs-urban-glo-v50 .btn:hover{transform:translateY(-3px);box-shadow:0 18px 40px rgba(74,17,93,.18)}
.cs-urban-glo-v50 .btn-primary{
  color:#fff;background:linear-gradient(110deg,var(--purple-dark),var(--purple) 44%,#b93486 63%,var(--orange-dark));
  background-size:220% 220%;animation:btnGradient 8s ease infinite
}
.cs-urban-glo-v50 .btn-secondary{background:#fff;border-color:#ddc8df;color:var(--ink)}
.cs-urban-glo-v50 .btn-secondary:after{background:linear-gradient(90deg,transparent,rgba(142,33,146,.10),rgba(255,140,26,.14),transparent)}
@keyframes btnGradient{0%,100%{background-position:0 50%}50%{background-position:100% 50%}}
.cs-urban-glo-v50 .header .btn{width:200px;justify-self:end}

/* Chapter nav */
.cs-urban-glo-v50 .chapter-nav{
  position:fixed;left:18px;top:50%;transform:translateY(-50%);z-index:900;
  display:flex;flex-direction:column;gap:8px;
  padding:11px 9px;border:1px solid #eee8f0;border-radius:999px;background:rgba(255,255,255,.91);
  box-shadow:0 10px 28px rgba(33,18,40,.08);backdrop-filter:blur(10px)
}
.cs-urban-glo-v50 .chapter-nav a{width:8px;height:8px;border-radius:50%;background:#d9d2dc;transition:.25s ease}
.cs-urban-glo-v50 .chapter-nav a.active{background:var(--purple);transform:scale(1.35)}
.cs-urban-glo-v50 .chapter-nav a:hover{background:var(--orange)}

/* Hero */
.cs-urban-glo-v50 .hero{
  position:relative;padding:60px 0 96px;overflow:hidden;
  background:
    radial-gradient(circle at 8% 20%,rgba(142,33,146,.08),transparent 29%),
    radial-gradient(circle at 92% 22%,rgba(255,140,26,.09),transparent 30%),
    #fff;
}
.cs-urban-glo-v50 .hero:before{
  content:"";position:absolute;inset:0;opacity:.34;pointer-events:none;
  background-image:linear-gradient(#ede8ef 1px,transparent 1px),linear-gradient(90deg,#ede8ef 1px,transparent 1px);
  background-size:58px 58px;
  mask-image:linear-gradient(to bottom,#000,transparent 86%)
}
.cs-urban-glo-v50 .hero-grid{position:relative;z-index:2;display:grid;grid-template-columns:.92fr 1.08fr;gap:60px;align-items:center}
.cs-urban-glo-v50 .hero h1{font-size:clamp(60px,5.7vw,88px);line-height:.92;margin:22px 0 24px}
.cs-urban-glo-v50 .hero-copy>p{color:var(--muted);font-size:20px;line-height:1.62;max-width:650px;margin-bottom:26px}
.cs-urban-glo-v50 .hero-tags{display:flex;gap:9px;flex-wrap:wrap;margin-bottom:26px}
.cs-urban-glo-v50 .tag{padding:8px 12px;border:1px solid #e5dce7;border-radius:999px;background:#fff;font-size:11px;font-weight:800;color:#5f6571}
.cs-urban-glo-v50 .hero-actions{display:flex;gap:12px;flex-wrap:wrap}

.cs-urban-glo-v50 .hero-visual{
  position:relative;min-height:620px;border:1px solid #eee6ef;border-radius:32px;background:rgba(255,255,255,.82);
  box-shadow:var(--shadow-lg);overflow:hidden;backdrop-filter:blur(12px)
}
.cs-urban-glo-v50 .hero-visual:before{
  content:"";position:absolute;width:500px;height:500px;border:1px solid rgba(142,33,146,.12);
  border-radius:50%;right:-145px;top:-145px
}
.cs-urban-glo-v50 .hero-visual:after{
  content:"";position:absolute;width:330px;height:330px;border:1px solid rgba(241,92,36,.12);
  border-radius:50%;left:-120px;bottom:-125px
}
.cs-urban-glo-v50 .journey-label{position:absolute;left:30px;top:27px;z-index:3;color:#999da6;font-size:9px;font-weight:900;letter-spacing:.14em;text-transform:uppercase}
.cs-urban-glo-v50 .journey-flow{position:absolute;z-index:3;inset:78px 28px 30px;display:flex;flex-direction:column;justify-content:space-between}
.cs-urban-glo-v50 .journey-step{
  position:relative;min-height:90px;padding:15px 18px 15px 76px;border:1px solid #ebe5ee;border-radius:18px;background:#fff;box-shadow:var(--shadow)
}
.cs-urban-glo-v50 .journey-step:after{
  content:"";position:absolute;left:35px;top:100%;height:34px;width:2px;background:linear-gradient(var(--purple),var(--orange))
}
.cs-urban-glo-v50 .journey-step:last-child:after{display:none}
.cs-urban-glo-v50 .js-icon{
  position:absolute;left:14px;top:50%;transform:translateY(-50%);
  width:46px;height:46px;border-radius:14px;display:grid;place-items:center;background:var(--purple-soft);color:var(--purple)
}
.cs-urban-glo-v50 .journey-step:nth-child(even) .js-icon{background:var(--orange-soft);color:var(--orange-dark)}
.cs-urban-glo-v50 .js-icon svg{width:23px;height:23px}
.cs-urban-glo-v50 .journey-step small{display:block;font-size:8px;font-weight:900;letter-spacing:.11em;color:#999da6;text-transform:uppercase}
.cs-urban-glo-v50 .journey-step strong{display:block;margin-top:5px;font-size:18px;line-height:1.1}
.cs-urban-glo-v50 .journey-step p{margin:5px 0 0;color:var(--muted);font-size:10px}
.cs-urban-glo-v50 .revenue-badge{
  position:absolute;right:30px;bottom:28px;z-index:5;padding:17px 21px;border-radius:18px;color:#fff;
  background:linear-gradient(120deg,var(--purple-dark),var(--purple),var(--orange-dark));
  box-shadow:0 18px 35px rgba(88,21,105,.24)
}
.cs-urban-glo-v50 .revenue-badge small{display:block;font-size:8px;font-weight:900;letter-spacing:.12em;color:rgba(255,255,255,.72);text-transform:uppercase}
.cs-urban-glo-v50 .revenue-badge strong{display:block;margin-top:5px;font-size:26px}

/* Growth engine */
.cs-urban-glo-v50 .engine{background:var(--wash)}
.cs-urban-glo-v50 .engine-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:18px}
.cs-urban-glo-v50 .engine-card{
  min-height:465px;padding:24px;border:1px solid var(--line);border-radius:23px;background:#fff;box-shadow:var(--shadow);
  position:relative;overflow:hidden;transition:transform .35s var(--spring),box-shadow .35s ease
}
.cs-urban-glo-v50 .engine-card:hover{transform:translateY(-7px);box-shadow:var(--shadow-lg)}
.cs-urban-glo-v50 .engine-card:before{content:"";position:absolute;top:0;left:0;right:0;height:4px;background:var(--purple)}
.cs-urban-glo-v50 .engine-card:nth-child(2):before{background:var(--orange)}
.cs-urban-glo-v50 .engine-card:nth-child(3):before{background:linear-gradient(90deg,var(--purple),var(--orange))}
.cs-urban-glo-v50 .engine-top{display:flex;align-items:center;justify-content:space-between;margin-bottom:25px}
.cs-urban-glo-v50 .engine-index{font-size:12px;font-weight:900;letter-spacing:.14em;color:#a4a7af}
.cs-urban-glo-v50 .engine-label{padding:7px 10px;border-radius:999px;background:var(--purple-soft);color:var(--purple);font-size:9px;font-weight:900;letter-spacing:.1em}
.cs-urban-glo-v50 .engine-card:nth-child(2) .engine-label{background:var(--orange-soft);color:var(--orange-dark)}
.cs-urban-glo-v50 .engine-icon{width:62px;height:62px;border-radius:18px;background:var(--purple-soft);color:var(--purple);display:grid;place-items:center;margin-bottom:22px}
.cs-urban-glo-v50 .engine-card:nth-child(2) .engine-icon{background:var(--orange-soft);color:var(--orange-dark)}
.cs-urban-glo-v50 .engine-card:nth-child(3) .engine-icon{background:linear-gradient(145deg,#f2e5f4,#fff0e3);color:var(--purple)}
.cs-urban-glo-v50 .engine-icon svg{width:31px;height:31px}
.cs-urban-glo-v50 .engine-card h3{font-size:31px;line-height:1.03;margin:0 0 15px}
.cs-urban-glo-v50 .engine-card>p{font-size:14px;line-height:1.62;color:var(--muted);margin-bottom:24px}
.cs-urban-glo-v50 .engine-visual{
  min-height:96px;padding:15px;border:1px dashed #e4dce7;border-radius:16px;background:#fcfafc;
  display:flex;align-items:center;justify-content:center;gap:9px;font-size:10px;font-weight:800;color:#5f6470;text-align:center
}
.cs-urban-glo-v50 .engine-visual span{padding:8px 9px;border:1px solid #e8e1ea;border-radius:10px;background:#fff}
.cs-urban-glo-v50 .engine-visual b{color:var(--purple)}
.cs-urban-glo-v50 .metric-chip{
  margin-top:18px;padding:15px;border-radius:15px;background:linear-gradient(90deg,#f8eef9,#fff3e8)
}
.cs-urban-glo-v50 .metric-chip small{display:block;font-size:8px;font-weight:900;color:#989da6;letter-spacing:.11em;text-transform:uppercase}
.cs-urban-glo-v50 .metric-chip strong{display:block;margin-top:5px;font-size:20px;color:var(--purple)}

/* Conversion Journey */
.cs-urban-glo-v50 .conversion{background:#fff}
.cs-urban-glo-v50 .journey-bar{
  position:relative;display:grid;grid-template-columns:repeat(4,1fr);gap:22px;margin-top:32px
}
.cs-urban-glo-v50 .journey-bar:before{
  content:"";position:absolute;left:11%;right:11%;top:47px;height:3px;
  background:linear-gradient(90deg,var(--purple),#ba2b88 45%,var(--orange),var(--orange-dark));
  transform:scaleX(0);transform-origin:left;transition:transform 1.5s var(--spring)
}
.cs-urban-glo-v50 .journey-bar.in:before{transform:scaleX(1)}
.cs-urban-glo-v50 .journey-unit{position:relative;z-index:2;text-align:center}
.cs-urban-glo-v50 .journey-dot{
  width:94px;height:94px;margin:0 auto 18px;border-radius:50%;display:grid;place-items:center;
  background:#fff;border:1px solid #e6dfe8;box-shadow:var(--shadow)
}
.cs-urban-glo-v50 .journey-dot svg{width:38px;height:38px;color:var(--purple)}
.cs-urban-glo-v50 .journey-unit:nth-child(even) .journey-dot svg{color:var(--orange-dark)}
.cs-urban-glo-v50 .journey-unit small{font-size:9px;font-weight:900;letter-spacing:.12em;color:#9ba0a8}
.cs-urban-glo-v50 .journey-unit h3{font-size:25px;margin:7px 0 10px}
.cs-urban-glo-v50 .journey-unit p{color:var(--muted);font-size:13px;line-height:1.52;max-width:220px;margin:auto}
.cs-urban-glo-v50 .journey-close{
  margin:50px auto 0;max-width:780px;padding:25px 30px;border:1px solid #eadfea;border-radius:20px;
  background:linear-gradient(90deg,#f8eef9,#fff4ea);text-align:center;font-size:24px;font-weight:800;line-height:1.25
}

/* Performance */
.cs-urban-glo-v50 .performance{background:#111015;color:#fff}
.cs-urban-glo-v50 .performance .eyebrow{background:rgba(255,255,255,.07);border:1px solid rgba(255,255,255,.08);color:#f0b7eb}
.cs-urban-glo-v50 .performance .section-head p{color:rgba(255,255,255,.62)}
.cs-urban-glo-v50 .performance-grid{display:grid;grid-template-columns:1.35fr .8fr;gap:18px}
.cs-urban-glo-v50 .metric-main{
  min-height:470px;padding:30px;border:1px solid rgba(255,255,255,.10);border-radius:26px;
  background:
    radial-gradient(circle at 87% 10%,rgba(255,115,60,.18),transparent 32%),
    linear-gradient(145deg,#241526,#32172e);
  position:relative;overflow:hidden
}
.cs-urban-glo-v50 .metric-main:before{content:"";position:absolute;width:340px;height:340px;border-radius:50%;right:-120px;top:-120px;border:1px solid rgba(255,255,255,.07)}
.cs-urban-glo-v50 .metric-main small{font-size:9px;font-weight:900;letter-spacing:.14em;color:#e7b3e5;text-transform:uppercase}
.cs-urban-glo-v50 .metric-main .big{font-size:clamp(88px,10vw,145px);font-weight:900;letter-spacing:-.07em;line-height:.9;margin:60px 0 22px}
.cs-urban-glo-v50 .metric-main p{max-width:530px;color:rgba(255,255,255,.62);font-size:16px;line-height:1.62}
.cs-urban-glo-v50 .metric-main .path{
  position:absolute;left:30px;right:30px;bottom:28px;padding-top:20px;border-top:1px solid rgba(255,255,255,.1);
  display:flex;justify-content:space-between;align-items:flex-end
}
.cs-urban-glo-v50 .metric-main .path strong{font-size:24px}
.cs-urban-glo-v50 .metric-main .path span{font-size:11px;color:rgba(255,255,255,.48);text-align:right}
.cs-urban-glo-v50 .metric-side{display:grid;gap:18px}
.cs-urban-glo-v50 .metric-card{
  min-height:143px;padding:23px;border:1px solid rgba(255,255,255,.10);border-radius:21px;background:#221f24
}
.cs-urban-glo-v50 .metric-card b{display:block;font-size:42px;line-height:1;color:#d393dc}
.cs-urban-glo-v50 .metric-card:nth-child(2) b{color:#ff9255}
.cs-urban-glo-v50 .metric-card:nth-child(3) b{color:#fff}
.cs-urban-glo-v50 .metric-card strong{display:block;margin-top:12px;font-size:15px}
.cs-urban-glo-v50 .metric-card p{margin:7px 0 0;color:rgba(255,255,255,.5);font-size:11px;line-height:1.45}

/* Client Perspective */
.cs-urban-glo-v50 .client-proof{background:#fff}
.cs-urban-glo-v50 .proof-grid{display:grid;grid-template-columns:.83fr 1.17fr;gap:64px;align-items:center}
.cs-urban-glo-v50 .proof-copy blockquote{
  margin:28px 0 0;padding-left:24px;border-left:3px solid var(--purple);
  font-size:30px;font-weight:800;line-height:1.18;letter-spacing:-.03em
}
.cs-urban-glo-v50 .proof-note{margin-top:24px;color:var(--muted);font-size:13px;line-height:1.55}
.cs-urban-glo-v50 .evidence-card{
  min-height:520px;padding:24px;border:1px solid #e9e3eb;border-radius:26px;background:linear-gradient(145deg,#fff,#fffaf6);box-shadow:var(--shadow-lg)
}
.cs-urban-glo-v50 .evidence-placeholder{
  height:100%;min-height:470px;border:1px dashed #d7cddd;border-radius:21px;display:grid;place-items:center;text-align:center;padding:35px;
  background:
    radial-gradient(circle at 20% 20%,rgba(37,211,102,.06),transparent 28%),
    linear-gradient(145deg,#fbfafb,#fff);
}
.cs-urban-glo-v50 .evidence-placeholder svg{width:64px;height:64px;color:#25D366;margin:auto}
.cs-urban-glo-v50 .evidence-placeholder h3{font-size:26px;margin:18px 0 8px}
.cs-urban-glo-v50 .evidence-placeholder p{max-width:380px;color:var(--muted);font-size:13px;line-height:1.55}
.cs-urban-glo-v50 .evidence-placeholder code{display:inline-block;margin-top:16px;padding:8px 11px;border-radius:10px;background:#f5f1f6;font-size:11px;color:var(--purple)}

/* Video */
.cs-urban-glo-v50 .video-section{background:#fbf9fc}
.cs-urban-glo-v50 .video-grid{display:grid;grid-template-columns:.82fr 1.18fr;gap:62px;align-items:center}
.cs-urban-glo-v50 .video-card{
  position:relative;min-height:460px;border-radius:27px;overflow:hidden;
  background:
    radial-gradient(circle at 85% 20%,rgba(255,110,45,.25),transparent 30%),
    radial-gradient(circle at 18% 80%,rgba(142,33,146,.32),transparent 34%),
    #171019;
  box-shadow:var(--shadow-lg);border:1px solid #271b2a
}
.cs-urban-glo-v50 .video-card:before{
  content:"";position:absolute;inset:0;opacity:.16;
  background-image:linear-gradient(rgba(255,255,255,.12) 1px,transparent 1px),linear-gradient(90deg,rgba(255,255,255,.12) 1px,transparent 1px);
  background-size:42px 42px
}
.cs-urban-glo-v50 .play{
  position:absolute;left:50%;top:50%;transform:translate(-50%,-50%);
  width:88px;height:88px;border:0;border-radius:50%;display:grid;place-items:center;
  background:linear-gradient(135deg,var(--purple),var(--orange-dark));color:#fff;cursor:pointer;
  box-shadow:0 18px 42px rgba(0,0,0,.28)
}
.cs-urban-glo-v50 .play svg{width:31px;height:31px;margin-left:4px}
.cs-urban-glo-v50 .video-caption{position:absolute;left:28px;right:28px;bottom:24px;color:#fff}
.cs-urban-glo-v50 .video-caption small{font-size:9px;font-weight:900;letter-spacing:.14em;color:#eab2e5}
.cs-urban-glo-v50 .video-caption strong{display:block;margin-top:8px;font-size:20px}
.cs-urban-glo-v50 .video-copy h2{font-size:clamp(46px,4.8vw,66px);line-height:.98;margin:16px 0}
.cs-urban-glo-v50 .video-copy p{color:var(--muted);font-size:17px;line-height:1.62}
.cs-urban-glo-v50 .video-copy .upload-note{margin-top:20px;padding:14px;border:1px dashed #d9cedc;border-radius:14px;background:#fff;font-size:11px;color:#757b86}

/* Operating System */
.cs-urban-glo-v50 .operating{background:#fff}
.cs-urban-glo-v50 .os-layout{display:grid;grid-template-columns:.75fr 1.25fr;gap:60px;align-items:start}
.cs-urban-glo-v50 .os-copy{position:sticky;top:135px}
.cs-urban-glo-v50 .os-copy h2{font-size:clamp(48px,4.7vw,68px);line-height:.96;margin:15px 0}
.cs-urban-glo-v50 .os-copy p{color:var(--muted);font-size:17px;line-height:1.62}
.cs-urban-glo-v50 .os-grid{display:grid;grid-template-columns:1fr 1fr;gap:16px}
.cs-urban-glo-v50 .os-card{
  min-height:220px;padding:23px;border:1px solid #ebe5ed;border-radius:20px;background:#fff;box-shadow:var(--shadow);
  transition:transform .35s var(--spring),box-shadow .35s ease
}
.cs-urban-glo-v50 .os-card:hover{transform:translateY(-6px);box-shadow:var(--shadow-lg)}
.cs-urban-glo-v50 .os-icon{width:50px;height:50px;border-radius:15px;display:grid;place-items:center;background:var(--purple-soft);color:var(--purple)}
.cs-urban-glo-v50 .os-card:nth-child(even) .os-icon{background:var(--orange-soft);color:var(--orange-dark)}
.cs-urban-glo-v50 .os-icon svg{width:24px;height:24px}
.cs-urban-glo-v50 .os-card small{display:block;margin-top:22px;font-size:8px;font-weight:900;letter-spacing:.13em;color:#9ba0a8;text-transform:uppercase}
.cs-urban-glo-v50 .os-card h3{font-size:24px;margin:7px 0 10px}
.cs-urban-glo-v50 .os-card p{color:var(--muted);font-size:12px;line-height:1.5}

/* Outcome */
.cs-urban-glo-v50 .outcome{padding:110px 0;background:linear-gradient(135deg,#42105d,#82207f 45%,#d44556 78%,#f15c24);color:#fff;position:relative;overflow:hidden}
.cs-urban-glo-v50 .outcome:before{content:"";position:absolute;width:580px;height:580px;border-radius:50%;right:-140px;top:-180px;border:1px solid rgba(255,255,255,.12)}
.cs-urban-glo-v50 .outcome-grid{position:relative;z-index:2;display:grid;grid-template-columns:1fr 1fr;gap:60px;align-items:center}
.cs-urban-glo-v50 .outcome h2{font-size:clamp(58px,6.2vw,90px);line-height:.9;margin:16px 0 24px}
.cs-urban-glo-v50 .outcome-copy>p{max-width:620px;color:rgba(255,255,255,.72);font-size:17px;line-height:1.62}
.cs-urban-glo-v50 .outcome-statement{margin-top:30px;font-size:26px;font-weight:800;line-height:1.2}
.cs-urban-glo-v50 .outcome-metrics{display:grid;gap:16px}
.cs-urban-glo-v50 .outcome-card{padding:24px;border:1px solid rgba(255,255,255,.14);border-radius:21px;background:rgba(255,255,255,.08);backdrop-filter:blur(8px)}
.cs-urban-glo-v50 .outcome-card small{font-size:8px;font-weight:900;letter-spacing:.14em;color:rgba(255,255,255,.6);text-transform:uppercase}
.cs-urban-glo-v50 .outcome-card strong{display:block;margin-top:7px;font-size:40px}
.cs-urban-glo-v50 .outcome-card p{margin:7px 0 0;color:rgba(255,255,255,.62);font-size:11px}

/* CTA */
.cs-urban-glo-v50 .cta-wrap{padding:78px 0 92px}
.cs-urban-glo-v50 .cta{
  display:grid;grid-template-columns:1fr auto;gap:30px;align-items:center;
  padding:32px 34px;border-radius:25px;background:linear-gradient(105deg,#441063,#8c2086 54%,#f05a25);color:#fff;box-shadow:var(--shadow-lg)
}
.cs-urban-glo-v50 .cta h2{font-size:44px;line-height:.98;margin:0}
.cs-urban-glo-v50 .cta .btn{background:#fff;color:var(--purple-dark);box-shadow:none}

/* Footer */
.cs-urban-glo-v50 footer{padding:60px 0 0;background:#f8f0fb}
.cs-urban-glo-v50 .footer-grid{display:grid;grid-template-columns:1.3fr 1fr .9fr;gap:56px;padding-bottom:48px}
.cs-urban-glo-v50 .footer-logo{width:255px;margin-bottom:18px}
.cs-urban-glo-v50 .footer-note{max-width:420px;color:#737884;font-size:14px;line-height:1.6}
.cs-urban-glo-v50 .social{display:flex;gap:9px;margin-top:18px}
.cs-urban-glo-v50 .social a{width:34px;height:34px;border-radius:50%;display:grid;place-items:center;background:#fff;color:var(--purple);font-size:12px;font-weight:900}
.cs-urban-glo-v50 .footer-col h4{font-size:18px;margin-bottom:18px}
.cs-urban-glo-v50 .footer-links{display:grid;gap:11px;color:#6f7480;font-size:13px}
.cs-urban-glo-v50 .footer-bottom{background:linear-gradient(90deg,#421066,#8f2187 55%,#ef5b25);color:#fff;padding:18px 0}
.cs-urban-glo-v50 .footer-bottom .wrap{display:flex;justify-content:space-between;gap:20px;align-items:center}
.cs-urban-glo-v50 .footer-bottom span, .cs-urban-glo-v50 .footer-bottom a{font-size:10px;font-weight:700}
.cs-urban-glo-v50 .footer-bottom-links{display:flex;gap:14px}

/* Reveal + micro motion */
.cs-urban-glo-v50 .reveal{opacity:0;transform:translateY(30px) scale(.985);transition:opacity .8s var(--ease),transform .9s var(--spring)}
.cs-urban-glo-v50 .reveal.in{opacity:1;transform:none}
.cs-urban-glo-v50 .reveal-left{opacity:0;transform:translateX(-38px);transition:opacity .8s var(--ease),transform .9s var(--spring)}
.cs-urban-glo-v50 .reveal-right{opacity:0;transform:translateX(38px);transition:opacity .8s var(--ease),transform .9s var(--spring)}
.cs-urban-glo-v50 .reveal-left.in, .cs-urban-glo-v50 .reveal-right.in{opacity:1;transform:none}
.cs-urban-glo-v50 .engine-icon svg, .cs-urban-glo-v50 .js-icon svg, .cs-urban-glo-v50 .journey-dot svg, .cs-urban-glo-v50 .os-icon svg{transition:transform .35s var(--spring)}
.cs-urban-glo-v50 .engine-card:hover svg, .cs-urban-glo-v50 .os-card:hover svg{transform:translateY(-2px) scale(1.08) rotate(-2deg)}
.cs-urban-glo-v50 .journey-step{animation:float1 6s ease-in-out infinite}
.cs-urban-glo-v50 .journey-step:nth-child(even){animation-name:float2}
@keyframes float1{0%,100%{translate:0 0}50%{translate:0 -5px}}
@keyframes float2{0%,100%{translate:0 0}50%{translate:0 5px}}

@media(max-width:1080px){
  .cs-urban-glo-v50 .header{grid-template-columns:1fr auto}.cs-urban-glo-v50 .nav, .cs-urban-glo-v50 .header .btn{display:none}
  .cs-urban-glo-v50 .hero-grid, .cs-urban-glo-v50 .proof-grid, .cs-urban-glo-v50 .video-grid, .cs-urban-glo-v50 .os-layout, .cs-urban-glo-v50 .outcome-grid{grid-template-columns:1fr}
  .cs-urban-glo-v50 .engine-grid{grid-template-columns:1fr}
  .cs-urban-glo-v50 .journey-bar{grid-template-columns:1fr 1fr}.cs-urban-glo-v50 .journey-bar:before{display:none}
  .cs-urban-glo-v50 .performance-grid{grid-template-columns:1fr}
  .cs-urban-glo-v50 .os-copy{position:relative;top:auto}
  .cs-urban-glo-v50 .chapter-nav{display:none}
}
@media(max-width:720px){
  .cs-urban-glo-v50 .wrap{width:min(var(--max),calc(100% - 26px))}.cs-urban-glo-v50 .section{padding:72px 0}
  .cs-urban-glo-v50 .header-shell{padding-top:8px}.cs-urban-glo-v50 .header{min-height:58px;padding:6px 10px 6px 14px}.cs-urban-glo-v50 .header-logo img{width:165px;height:38px}
  .cs-urban-glo-v50 .hero{padding:38px 0 72px}.cs-urban-glo-v50 .hero h1{font-size:clamp(52px,14vw,72px)}.cs-urban-glo-v50 .hero-copy>p{font-size:17px}
  .cs-urban-glo-v50 .hero-visual{min-height:560px}.cs-urban-glo-v50 .journey-flow{inset:70px 16px 22px}.cs-urban-glo-v50 .journey-step{padding-left:68px}.cs-urban-glo-v50 .revenue-badge{right:16px;bottom:16px}
  .cs-urban-glo-v50 .journey-bar{grid-template-columns:1fr}.cs-urban-glo-v50 .journey-dot{width:80px;height:80px}
  .cs-urban-glo-v50 .metric-main{min-height:430px}.cs-urban-glo-v50 .metric-main .big{font-size:92px}
  .cs-urban-glo-v50 .proof-copy blockquote{font-size:24px}.cs-urban-glo-v50 .evidence-card{min-height:420px}.cs-urban-glo-v50 .evidence-placeholder{min-height:370px}
  .cs-urban-glo-v50 .video-card{min-height:390px}
  .cs-urban-glo-v50 .os-grid{grid-template-columns:1fr}
  .cs-urban-glo-v50 .cta{grid-template-columns:1fr;padding:26px}.cs-urban-glo-v50 .cta h2{font-size:35px}
  .cs-urban-glo-v50 .footer-grid{grid-template-columns:1fr;gap:28px}.cs-urban-glo-v50 .footer-bottom .wrap{flex-direction:column;align-items:flex-start}
}
@media(prefers-reduced-motion:reduce){
  .cs-urban-glo-v50 *, .cs-urban-glo-v50 *:before, .cs-urban-glo-v50 *:after{animation:none!important;transition:none!important}
  .cs-urban-glo-v50 .reveal, .cs-urban-glo-v50 .reveal-left, .cs-urban-glo-v50 .reveal-right{opacity:1!important;transform:none!important}
}


/* ============================================================
   URBAN GLO WORDPRESS / RESPONSIVE INTEGRATION — v5.0
============================================================ */
.cs-urban-glo-v50{
  --max:1220px;
  width:100%;
  overflow:hidden;
  background:#fff;
  color:#101118;
  font-family:"Satoshi",-apple-system,BlinkMacSystemFont,"Segoe UI",Arial,sans-serif !important;
}

.cs-urban-glo-v50 *,
.cs-urban-glo-v50 *::before,
.cs-urban-glo-v50 *::after{
  font-family:inherit !important;
}

.cs-urban-glo-v50 .wrap{
  width:min(1220px,calc(100% - 44px)) !important;
  margin-inline:auto !important;
}

/* WordPress global header/footer replace source embedded versions. */
.cs-urban-glo-v50 .header-shell,
.cs-urban-glo-v50 footer{
  display:none !important;
}

.cs-urban-glo-v50 section[id]{
  scroll-margin-top:calc(var(--cs-page-header-bottom,112px) + 16px);
}

.cs-urban-glo-v50 h1,
.cs-urban-glo-v50 h2,
.cs-urban-glo-v50 h3,
.cs-urban-glo-v50 p,
.cs-urban-glo-v50 strong,
.cs-urban-glo-v50 span{
  overflow-wrap:anywhere;
}

.cs-urban-glo-v50 .urban-client-proof-image{
  width:100%;
  height:100%;
  min-height:470px;
  object-fit:contain;
  object-position:center;
  border-radius:18px;
  background:#fff;
}

.cs-urban-glo-v50 .evidence-placeholder:has(.urban-client-proof-image) > div{
  display:none;
}

.cs-urban-glo-v50 .urban-client-video,
.cs-urban-glo-v50 .urban-client-video-poster{
  position:absolute;
  inset:0;
  z-index:2;
  width:100%;
  height:100%;
  object-fit:cover;
}

.cs-urban-glo-v50 .video-card:has(.urban-client-video) .play,
.cs-urban-glo-v50 .video-card:has(.urban-client-video-poster) .play{
  z-index:5;
}

.cs-urban-glo-v50 .video-card .video-caption{
  z-index:4;
}

.cs-urban-glo-v50 .video-card.is-playing .play,
.cs-urban-glo-v50 .video-card.is-playing .video-caption{
  opacity:0;
  pointer-events:none;
}

@media(max-width:1080px){
  .cs-urban-glo-v50 .hero-grid,
  .cs-urban-glo-v50 .proof-grid,
  .cs-urban-glo-v50 .video-grid,
  .cs-urban-glo-v50 .os-layout,
  .cs-urban-glo-v50 .outcome-grid{
    grid-template-columns:1fr !important;
  }

  .cs-urban-glo-v50 .hero-visual{
    width:min(800px,100%) !important;
    margin-inline:auto !important;
  }

  .cs-urban-glo-v50 .engine-grid{
    grid-template-columns:1fr !important;
  }

  .cs-urban-glo-v50 .performance-grid{
    grid-template-columns:1fr !important;
  }

  .cs-urban-glo-v50 .os-copy{
    position:static !important;
  }

  .cs-urban-glo-v50 .chapter-nav{
    display:none !important;
  }
}

@media(max-width:820px){
  .cs-urban-glo-v50 .journey-bar{
    grid-template-columns:1fr 1fr !important;
  }

  .cs-urban-glo-v50 .journey-bar::before{
    display:none !important;
  }

  .cs-urban-glo-v50 .os-grid{
    grid-template-columns:1fr !important;
  }
}

@media(max-width:720px){
  .cs-urban-glo-v50 .wrap{
    width:min(1220px,calc(100% - 26px)) !important;
  }

  .cs-urban-glo-v50 .section{
    padding:72px 0 !important;
  }

  .cs-urban-glo-v50 .hero{
    padding-bottom:68px !important;
  }

  .cs-urban-glo-v50 .hero h1{
    font-size:clamp(46px,13vw,64px) !important;
    line-height:.94 !important;
  }

  .cs-urban-glo-v50 .hero-copy>p{
    font-size:17px !important;
  }

  .cs-urban-glo-v50 .hero-actions{
    display:grid !important;
    grid-template-columns:1fr !important;
  }

  .cs-urban-glo-v50 .hero-actions .btn{
    width:100% !important;
  }

  .cs-urban-glo-v50 .hero-visual{
    min-height:560px !important;
    border-radius:24px !important;
  }

  .cs-urban-glo-v50 .journey-flow{
    inset:70px 16px 22px !important;
  }

  .cs-urban-glo-v50 .journey-step{
    padding-left:68px !important;
  }

  .cs-urban-glo-v50 .journey-bar{
    grid-template-columns:1fr !important;
  }

  .cs-urban-glo-v50 .metric-main{
    min-height:430px !important;
  }

  .cs-urban-glo-v50 .metric-main .big{
    font-size:clamp(76px,22vw,96px) !important;
  }

  .cs-urban-glo-v50 .metric-main .path{
    display:grid !important;
    grid-template-columns:1fr !important;
    gap:8px !important;
  }

  .cs-urban-glo-v50 .metric-main .path span{
    text-align:left !important;
  }

  .cs-urban-glo-v50 .proof-copy blockquote{
    font-size:24px !important;
  }

  .cs-urban-glo-v50 .evidence-card,
  .cs-urban-glo-v50 .evidence-placeholder{
    min-height:390px !important;
  }

  .cs-urban-glo-v50 .urban-client-proof-image{
    min-height:350px !important;
  }

  .cs-urban-glo-v50 .video-card{
    min-height:390px !important;
  }

  .cs-urban-glo-v50 .outcome{
    padding:82px 0 !important;
  }

  .cs-urban-glo-v50 .outcome h2{
    font-size:clamp(48px,13vw,68px) !important;
  }

  .cs-urban-glo-v50 .cta{
    grid-template-columns:1fr !important;
    padding:26px 22px !important;
  }

  .cs-urban-glo-v50 .cta .btn{
    width:100% !important;
  }
}

@media(max-width:520px){
  .cs-urban-glo-v50 .hero-visual{
    min-height:525px !important;
  }

  .cs-urban-glo-v50 .journey-step{
    min-height:86px !important;
  }

  .cs-urban-glo-v50 .revenue-badge{
    right:16px !important;
    bottom:16px !important;
    max-width:calc(100% - 32px);
  }

  .cs-urban-glo-v50 .engine-card{
    min-height:0 !important;
    padding:20px 17px !important;
  }

  .cs-urban-glo-v50 .engine-visual{
    flex-wrap:wrap !important;
  }

  .cs-urban-glo-v50 .metric-main{
    padding:24px 18px !important;
  }

  .cs-urban-glo-v50 .metric-card,
  .cs-urban-glo-v50 .os-card{
    min-height:0 !important;
  }

  .cs-urban-glo-v50 .evidence-card{
    padding:14px !important;
  }

  .cs-urban-glo-v50 .evidence-placeholder{
    padding:18px !important;
  }

  .cs-urban-glo-v50 .cta h2{
    font-size:34px !important;
  }
}

@media(max-width:370px){
  .cs-urban-glo-v50 .hero h1{
    font-size:40px !important;
  }

  .cs-urban-glo-v50 .hero-visual{
    min-height:500px !important;
  }
}


/* FINAL FEEDBACK v109 — Urban Glo hero heading: 3–4 lines, less aggressive weight. */
.cs-urban-glo-v50 .hero h1{font-size:clamp(46px,4.15vw,64px)!important;line-height:1.01!important;font-weight:650!important;letter-spacing:-.048em!important;max-width:720px}
.cs-urban-glo-v50 .hero h1 .grad{font-weight:650!important}
@media(max-width:720px){.cs-urban-glo-v50 .hero h1{font-size:clamp(40px,11vw,54px)!important}}


/* FINAL FEEDBACK v111 — Urban Glo statement hero: 3–4 lines on desktop. */
.cs-urban-glo-v50 .hero-grid{grid-template-columns:minmax(0,.94fr) minmax(430px,1.06fr)!important;gap:54px!important}
.cs-urban-glo-v50 .hero h1{
  max-width:800px!important;
  font-size:clamp(42px,3.65vw,56px)!important;
  line-height:1.04!important;
  font-weight:560!important;
  letter-spacing:-.042em!important;
}
.cs-urban-glo-v50 .hero h1 .grad,
.cs-urban-glo-v50 .hero h1 strong,
.cs-urban-glo-v50 .hero h1 b{font-weight:560!important}
@media(max-width:1100px){.cs-urban-glo-v50 .hero-grid{grid-template-columns:1fr!important}.cs-urban-glo-v50 .hero h1{max-width:880px!important}}
@media(max-width:720px){.cs-urban-glo-v50 .hero h1{font-size:clamp(38px,10vw,50px)!important;line-height:1.05!important}}

/* v143: WhatsApp image belongs in the client proof area; unfilled video stays empty. */
.cs-urban-glo-v50 .video-card:not(:has(.urban-client-video)){background:#f9f7fb!important}
.cs-urban-glo-v50 .video-card:not(:has(.urban-client-video))::before,
.cs-urban-glo-v50 .video-card:not(:has(.urban-client-video))::after{content:none!important}
.cs-urban-glo-v50 .video-card:not(:has(.urban-client-video)) .play,
.cs-urban-glo-v50 .video-card:not(:has(.urban-client-video)) .video-caption{display:none!important}