:root{--itk-blue:#0f3a63;--itk-blue2:#1c5a95;--itk-navy:#001931;--itk-char:#2c2f34;--itk-ink:#081c31;--itk-muted:#697b8e;--itk-line:#dbe4ee;--itk-soft:#f4f8fc;--itk-radius:24px;--itk-shadow:0 22px 60px rgba(15,35,60,.10);--itk-gold:#dfa523;--itk-gold-2:#c78a0d}
body.itk2-brand-site{background:linear-gradient(180deg,#f7f9fc,#fff 26%,#f6f9fc)}
.itk2-brand-site .itk2-live-kicker,.itk2-sponsor-intel-head>div>span,.itk2-shp-kicker,.itk2-brand-kicker{font-size:11px;letter-spacing:.15em;font-weight:900;color:#6ea9e6}
.itk2-social-hub-pro{max-width:1220px;margin:30px auto;padding:0 16px}
.itk2-shp-hero{display:flex;justify-content:space-between;gap:25px;align-items:center;padding:30px;border-radius:30px;background:linear-gradient(135deg,#0b1625,#153c68);color:#fff;box-shadow:0 30px 80px rgba(11,28,50,.20)}
.itk2-shp-hero h1{font-size:38px;margin:6px 0}
.itk2-shp-hero p{margin:0;max-width:720px;color:#c8d6e5;font-size:14px;line-height:1.9}
.itk2-shp-actions{display:flex;gap:8px;margin-top:16px}
.itk2-shp-actions a{padding:9px 13px;border-radius:12px;background:#fff;color:var(--itk-navy);text-decoration:none;font-size:11px;font-weight:900}
.itk2-shp-hero-score{min-width:205px;padding:18px;border-radius:20px;background:rgba(255,255,255,.08);border:1px solid rgba(255,255,255,.12);text-align:center}
.itk2-shp-hero-score span,.itk2-shp-hero-score em{display:block;color:#aac3da;font-style:normal;font-size:10px}
.itk2-shp-hero-score strong{font-size:52px;margin:6px 2px}
.itk2-shp-hero-score small{font-size:12px;color:#aac3da}
.itk2-shp-kpis{display:grid;grid-template-columns:repeat(4,1fr);gap:12px;margin-top:15px}
.itk2-shp-kpis article,.itk2-shp-panel{background:#fff;border:1px solid var(--itk-line);border-radius:20px;box-shadow:0 12px 32px rgba(20,42,72,.06)}
.itk2-shp-kpis article{padding:16px}
.itk2-shp-kpis span,.itk2-shp-kpis small{display:block;color:var(--itk-muted);font-size:10px}
.itk2-shp-kpis strong{display:block;color:var(--itk-blue);font-size:27px;margin:5px 0}
.itk2-shp-analytics{display:grid;grid-template-columns:1.7fr 1fr;gap:15px;margin-top:15px}
.itk2-shp-panel{padding:20px}
.itk2-shp-panel-head{display:flex;justify-content:space-between;gap:12px}
.itk2-shp-panel-head span,.itk2-shp-accounts-head span{font-size:10px;letter-spacing:.14em;font-weight:900;color:var(--itk-blue)}
.itk2-shp-panel-head h2,.itk2-shp-accounts-head h2{margin:4px 0;font-size:24px;color:var(--itk-navy)}
.itk2-shp-panel-head small{font-size:9px;color:var(--itk-muted)}
.itk2-shp-bars{margin-top:18px}
.itk2-shp-bar-row{margin-bottom:13px}
.itk2-shp-bar-label{display:grid;grid-template-columns:40px 1fr auto;gap:8px;align-items:center;font-size:11px;margin-bottom:5px}
.itk2-shp-bar-label b{width:32px;height:28px;display:grid;place-items:center;border-radius:9px;background:#edf4fb;color:var(--itk-blue)}
.itk2-shp-bar-label span{color:var(--itk-muted);overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.itk2-shp-bar-label strong{color:var(--itk-ink)}
.itk2-shp-bar-track{height:9px;background:#edf2f7;border-radius:99px;overflow:hidden}
.itk2-shp-bar-track i{display:block;height:100%;background:linear-gradient(90deg,var(--itk-blue),var(--itk-blue2));border-radius:99px}
.itk2-shp-ring-wrap{display:flex;justify-content:center;gap:14px;margin-top:20px}
.itk2-shp-ring{width:118px;height:118px;border-radius:50%;background:#fff;border:10px solid #eaf1f7;display:grid;place-items:center;align-content:center;text-align:center}
.itk2-shp-ring span{display:block;color:var(--itk-blue);font-size:24px;font-weight:900}
.itk2-shp-ring small{display:block;color:var(--itk-muted);font-size:9px}
.itk2-shp-mini-grid{display:grid;grid-template-columns:1fr 1fr;gap:8px;margin-top:18px}
.itk2-shp-mini-grid div{padding:11px;border-radius:12px;background:#f7f9fb;text-align:center}
.itk2-shp-mini-grid span{display:block;font-size:9px;color:var(--itk-muted)}
.itk2-shp-mini-grid strong{display:block;margin-top:3px;color:var(--itk-ink)}
.itk2-shp-accounts-head{display:flex;justify-content:space-between;align-items:flex-end;gap:16px;margin:25px 0 10px}
.itk2-shp-accounts-head small{max-width:560px;font-size:10px;color:var(--itk-muted)}
.itk2-shp-account-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:15px}
.itk2-shp-account-card{background:#fff;border:1px solid var(--itk-line);border-radius:20px;padding:17px;box-shadow:0 14px 36px rgba(20,42,72,.06)}
.itk2-shp-ac-top{display:flex;align-items:center;gap:9px}
.itk2-shp-ac-icon{width:44px;height:44px;border-radius:13px;background:#edf4fb;color:var(--itk-blue);display:grid;place-items:center;font-size:11px;font-weight:900}
.itk2-shp-ac-meta{min-width:0;flex:1}
.itk2-shp-ac-meta strong{display:block;font-size:15px;color:var(--itk-navy);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.itk2-shp-ac-meta small{display:block;font-size:10px;color:var(--itk-muted);white-space:nowrap;overflow:hidden;text-overflow:ellipsis;margin-top:2px}
.itk2-shp-ac-status{font-size:10px;font-weight:900;color:#7d8c9b}
.itk2-shp-ac-status.live{color:#14874d}
.itk2-shp-ac-status.live:before{content:"";display:inline-block;width:7px;height:7px;border-radius:50%;background:#1db45d;margin-left:5px}
.itk2-shp-ac-energy{margin-top:15px}
.itk2-shp-ac-energy>div{display:flex;justify-content:space-between;font-size:10px;color:var(--itk-muted)}
.itk2-shp-ac-energy b{color:var(--itk-blue)}
.itk2-shp-ac-energy>i{display:block;height:8px;background:#edf2f7;border-radius:99px;overflow:hidden;margin-top:6px}
.itk2-shp-ac-energy em{display:block;height:100%;background:linear-gradient(90deg,var(--itk-blue),var(--itk-blue2));border-radius:99px}
.itk2-shp-ac-stats{display:grid;grid-template-columns:repeat(4,1fr);gap:7px;margin-top:13px}
.itk2-shp-ac-stats div{background:#f7f9fb;border-radius:11px;padding:8px 5px;text-align:center}
.itk2-shp-ac-stats span{display:block;font-size:8px;color:var(--itk-muted)}
.itk2-shp-ac-stats strong{display:block;font-size:11px;color:var(--itk-ink);margin-top:3px}
.itk2-shp-ac-foot{display:flex;justify-content:space-between;gap:10px;margin-top:12px;padding-top:10px;border-top:1px solid #edf2f6;font-size:9px;color:var(--itk-muted)}
.itk2-shp-ac-foot strong{color:var(--itk-blue)}
.itk2-shp-note{text-align:center;color:var(--itk-muted);font-size:10px;margin:16px 0}
.itk2-brand-site .itk2-clients-experience,.itk2-brand-site .itk2-visitor-command{max-width:1220px;margin:30px auto;padding:26px;border:1px solid var(--itk-line);border-radius:26px;background:#fff;box-shadow:var(--itk-shadow)}
.itk2-brand-site .itk2-client-logo-wrap{width:160px!important;height:82px!important;flex:0 0 160px!important;border:1px solid #e0e7ee!important;background:#fff!important;border-radius:12px!important}
.itk2-brand-site .itk2-client-logo-wrap img{width:100%!important;height:100%!important;object-fit:contain!important;padding:9px!important}
.itk2-brand-site .itk2-client-tile{min-height:112px!important}
@media(max-width:1050px){
  .itk2-brand-site .itk2-campaign-grid,.itk2-shp-account-grid{grid-template-columns:repeat(2,minmax(0,1fr))}
  .itk2-shp-kpis{grid-template-columns:repeat(2,1fr)}
  .itk2-shp-analytics{grid-template-columns:1fr}
  .itk2-brand-site .clients-grid{grid-template-columns:repeat(2,minmax(0,1fr))}
}
@media(max-width:720px){
  .itk2-brand-site .itk2-live-summary,.itk2-brand-site .itk2-live-social-list,.itk2-brand-site .itk2-campaign-grid,.itk2-shp-account-grid{grid-template-columns:1fr}
  .itk2-shp-hero{flex-direction:column;align-items:stretch}
  .itk2-shp-hero-score{min-width:0}
  .itk2-shp-kpis{grid-template-columns:1fr 1fr}
  .itk2-shp-hero h1{font-size:30px}
  .itk2-brand-site .clients-grid{grid-template-columns:1fr}
  .itk2-brand-site .itk2-visitor-kpis{grid-template-columns:1fr 1fr}
  .itk2-brand-site .itk2-visitor-countries{grid-template-columns:1fr}
}
@media(max-width:480px){
  .itk2-shp-kpis,.itk2-brand-site .itk2-visitor-kpis{grid-template-columns:1fr}
  .itk2-shp-ac-stats{grid-template-columns:repeat(2,1fr)}
  .itk2-brand-site .itk2-client-logo-wrap{width:130px!important;flex-basis:130px!important}
}
/* ITKUWAITI v5.0.1 contrast and logo polish */
body.itk2-brand-site{
  background:linear-gradient(180deg,#eef4f9 0%,#f7fafc 18%,#eef4f9 100%) !important;
  color:var(--itk-ink) !important;
}
body.itk2-brand-site .site-main{
  color:var(--itk-ink);
}
body.itk2-brand-site .site-main h1,
body.itk2-brand-site .site-main h2,
body.itk2-brand-site .site-main h3,
body.itk2-brand-site .site-main h4,
body.itk2-brand-site .site-main h5,
body.itk2-brand-site .site-main h6{
  color:#0a1626 !important;
  opacity:1 !important;
}
body.itk2-brand-site .site-main p,
body.itk2-brand-site .site-main li,
body.itk2-brand-site .site-main label{
  color:#50657a !important;
  opacity:1 !important;
}
body.itk2-brand-site .site-main a:not(.button):not(.btn):not(.wp-element-button){
  color:#0b4fa8;
}
body.itk2-brand-site .site-main strong,
body.itk2-brand-site .site-main b{
  color:#142235;
  opacity:1 !important;
}
body.itk2-brand-site .entry-content > *{
  position:relative;
}
/* Soft section surfaces so white text never sits on white */
body.itk2-brand-site .entry-content > .wp-block-group,
body.itk2-brand-site .entry-content > .wp-block-columns,
body.itk2-brand-site .entry-content > .wp-block-cover,
body.itk2-brand-site .entry-content > section{
  border-radius:26px;
}
/* Header logo: use the brand mark cleanly on a light plate */
body.itk2-brand-site .site-header .custom-logo-link,
body.itk2-brand-site .site-branding .custom-logo-link,
body.itk2-brand-site .site-logo .custom-logo-link{
  display:inline-flex;
  align-items:center;
  justify-content:center;
  padding:7px 10px;
  background:#fff;
  border:1px solid #dce5ee;
  border-radius:14px;
  box-shadow:0 10px 28px rgba(15,35,60,.12);
}
body.itk2-brand-site .site-header .custom-logo,
body.itk2-brand-site .site-branding .custom-logo,
body.itk2-brand-site .site-logo .custom-logo{
  display:block;
  width:138px;
  max-width:138px;
  height:auto;
  max-height:82px;
  object-fit:contain;
}
/* Buttons retain strong ITKUWAITI blue */
body.itk2-brand-site .site-main .wp-element-button,
body.itk2-brand-site .site-main .button,
body.itk2-brand-site .site-main .btn{
  background:#0b4fa8;
  border-color:#0b4fa8;
  color:#fff !important;
}
body.itk2-brand-site .site-main .wp-element-button:hover,
body.itk2-brand-site .site-main .button:hover,
body.itk2-brand-site .site-main .btn:hover{
  background:#083f88;
  border-color:#083f88;
  color:#fff !important;
}
/* Keep plugin-built dark sections intentionally white */
body.itk2-brand-site .itk2-live-premium,
body.itk2-brand-site .itk2-shp-hero{color:#fff !important;}
body.itk2-brand-site .itk2-live-premium h1,
body.itk2-brand-site .itk2-shp-hero h1{color:#fff !important;}
body.itk2-brand-site .itk2-live-premium p,
body.itk2-brand-site .itk2-shp-hero p{color:#c9d7e6 !important;}
@media(max-width:720px){
  body.itk2-brand-site .site-header .custom-logo,
  body.itk2-brand-site .site-branding .custom-logo,
  body.itk2-brand-site .site-logo .custom-logo{width:112px;max-width:112px;max-height:68px;}
}
/* ITKUWAITI v5.0.2 FINAL CONTRAST FIX */
:root{
  --itk-blue:#0f3a63;
  --itk-blue2:#1c5a95;
  --itk-navy:#001931;
  --itk-char:#2d333b;
  --itk-ink:#081c31;
  --itk-muted:#53687e;
  --itk-line:#cfdbe7;
  --itk-soft:#edf4fa;
  --itk-gold:#dfa523;
  --itk-gold-2:#c78a0d;
}
/* Remove theme wash-out and guarantee readable contrast */
body.itk2-brand-site,
body.itk2-brand-site .site-main,
body.itk2-brand-site .entry-content{
  opacity:1 !important;
  filter:none !important;
}
body.itk2-brand-site .site-main *{
  opacity:1 !important;
  filter:none !important;
}
body.itk2-brand-site .site-main h1,
body.itk2-brand-site .site-main h2,
body.itk2-brand-site .site-main h3,
body.itk2-brand-site .site-main h4,
body.itk2-brand-site .site-main h5,
body.itk2-brand-site .site-main h6{
  color:#0b1728 !important;
  text-shadow:none !important;
}
body.itk2-brand-site .site-main p,
body.itk2-brand-site .site-main li,
body.itk2-brand-site .site-main span,
body.itk2-brand-site .site-main small,
body.itk2-brand-site .site-main label,
body.itk2-brand-site .site-main dt,
body.itk2-brand-site .site-main dd{
  color:#41576d !important;
  text-shadow:none !important;
}
body.itk2-brand-site .site-main a{
  color:#0b56b5;
}
body.itk2-brand-site .site-main a:hover{
  color:#073f87;
}
/* Hero / dark sections keep intentional white text */
body.itk2-brand-site .itk2-live-premium,
body.itk2-brand-site .itk2-shp-hero{
  background:linear-gradient(135deg,#0a1524 0%,#12375e 58%,#174f82 100%) !important;
  color:#fff !important;
}
body.itk2-brand-site .itk2-live-premium h1,
body.itk2-brand-site .itk2-live-premium h2,
body.itk2-brand-site .itk2-live-premium h3,
body.itk2-brand-site .itk2-live-premium p,
body.itk2-brand-site .itk2-live-premium span,
body.itk2-brand-site .itk2-live-premium small,
body.itk2-brand-site .itk2-shp-hero h1,
body.itk2-brand-site .itk2-shp-hero h2,
body.itk2-brand-site .itk2-shp-hero h3,
body.itk2-brand-site .itk2-shp-hero p,
body.itk2-brand-site .itk2-shp-hero span,
body.itk2-brand-site .itk2-shp-hero small{
  color:#fff !important;
}
body.itk2-brand-site .itk2-live-premium p,
body.itk2-brand-site .itk2-shp-hero p{
  color:#d7e5f3 !important;
}
body.itk2-brand-site .itk2-live-kicker,
body.itk2-brand-site .itk2-shp-kicker,
body.itk2-brand-site .itk2-brand-kicker,
body.itk2-brand-site .itk2-sponsor-intel-head>div>span,
body.itk2-brand-site .itk2-panel-label{
  color:#b77a0a !important;
  font-weight:900 !important;
}
/* Header/logo: crisp logo on white plate */
body.itk2-brand-site .site-header,
body.itk2-brand-site .site-header *{
  opacity:1 !important;
}
body.itk2-brand-site .site-header .custom-logo-link,
body.itk2-brand-site .site-branding .custom-logo-link,
body.itk2-brand-site .site-logo .custom-logo-link{
  background:#fff !important;
  border:1px solid #c7d4e1 !important;
  box-shadow:0 8px 24px rgba(8,27,48,.20) !important;
  padding:8px 11px !important;
  border-radius:14px !important;
}
body.itk2-brand-site .site-header .custom-logo,
body.itk2-brand-site .site-branding .custom-logo,
body.itk2-brand-site .site-logo .custom-logo{
  opacity:1 !important;
  filter:none !important;
  width:132px !important;
  max-width:132px !important;
  height:auto !important;
  max-height:76px !important;
  object-fit:contain !important;
}
/* Header navigation */
body.itk2-brand-site .site-header nav a,
body.itk2-brand-site .main-navigation a,
body.itk2-brand-site .primary-menu a{
  color:#eef5fb !important;
  font-weight:800 !important;
  text-shadow:none !important;
}
body.itk2-brand-site .site-header nav a:hover,
body.itk2-brand-site .main-navigation a:hover,
body.itk2-brand-site .primary-menu a:hover{
  color:#6fb0ee !important;
}
/* White sections: stronger text */
body.itk2-brand-site .itk2-sponsor-intelligence,
body.itk2-brand-site .itk2-shp-kpis article,
body.itk2-brand-site .itk2-shp-panel,
body.itk2-brand-site .itk2-shp-account-card,
body.itk2-brand-site .itk2-clients-experience,
body.itk2-brand-site .itk2-visitor-command{
  background:#ffffff !important;
  border-color:#cfdbe7 !important;
}
body.itk2-brand-site .itk2-sponsor-intel-head h2,
body.itk2-brand-site .itk2-shp-panel-head h2,
body.itk2-brand-site .itk2-shp-accounts-head h2,
body.itk2-brand-site .itk2-clients-experience h1,
body.itk2-brand-site .itk2-clients-experience h2,
body.itk2-brand-site .itk2-visitor-command h2,
body.itk2-brand-site .itk2-visitor-command h3{
  color:#0b1728 !important;
}
body.itk2-brand-site .itk2-sponsor-intel-head p,
body.itk2-brand-site .itk2-shp-panel-head small,
body.itk2-brand-site .itk2-shp-accounts-head small,
body.itk2-brand-site .itk2-sponsor-total small,
body.itk2-brand-site .itk2-sponsor-total span{
  color:#53687e !important;
}
/* Cards and metrics */
body.itk2-brand-site .itk2-shp-kpis strong,
body.itk2-brand-site .itk2-sponsor-total strong,
body.itk2-brand-site .itk2-shp-bar-label strong,
body.itk2-brand-site .itk2-shp-ac-energy b,
body.itk2-brand-site .itk2-shp-ac-foot strong{
  color:#0b56b5 !important;
}
body.itk2-brand-site .itk2-shp-kpis span,
body.itk2-brand-site .itk2-shp-kpis small,
body.itk2-brand-site .itk2-shp-bar-label span,
body.itk2-brand-site .itk2-shp-ring small,
body.itk2-brand-site .itk2-shp-ac-meta small,
body.itk2-brand-site .itk2-shp-ac-status,
body.itk2-brand-site .itk2-shp-ac-energy>div,
body.itk2-brand-site .itk2-shp-ac-foot,
body.itk2-brand-site .itk2-sponsor-chart-row span,
body.itk2-brand-site .itk2-sponsor-chart-more{
  color:#53687e !important;
}
/* Social cards */
body.itk2-brand-site .itk2-shp-ac-meta strong,
body.itk2-brand-site .itk2-unified-slcc-name strong,
body.itk2-brand-site .itk2-unified-slcc-title{
  color:#0b2440 !important;
}
body.itk2-brand-site .itk2-shp-ac-icon,
body.itk2-brand-site .itk2-unified-slcc-icon,
body.itk2-brand-site .itk2-shp-bar-label b{
  background:#e8f2fc !important;
  color:#0b56b5 !important;
  border:1px solid #c9dff3 !important;
}
/* Visitor section, map/list and country flags */
body.itk2-brand-site .itk2-visitor-head,
body.itk2-brand-site .itk2-visitor-kpis,
body.itk2-brand-site .itk2-country-panel,
body.itk2-brand-site .itk2-country-feature{
  color:#182536 !important;
}
body.itk2-brand-site .itk2-country-row strong,
body.itk2-brand-site .itk2-feature-flag,
body.itk2-brand-site .itk2-visitor-live strong{
  color:#0b56b5 !important;
}
/* Clients */
body.itk2-brand-site .itk2-client-info strong{
  color:#0b2440 !important;
}
body.itk2-brand-site .itk2-client-info span{
  color:#53687e !important;
}
/* WhatsApp floating button: high contrast and unmistakable */
body.itk2-brand-site .whatsapp-float,
body.itk2-brand-site .itk2-whatsapp-float,
body.itk2-brand-site .whatsapp-button,
body.itk2-brand-site a[href*="wa.me"],
body.itk2-brand-site a[href*="whatsapp.com"]{
  opacity:1 !important;
  filter:none !important;
}
body.itk2-brand-site .whatsapp-float,
body.itk2-brand-site .itk2-whatsapp-float,
body.itk2-brand-site .whatsapp-button{
  background:#1dbf63 !important;
  color:#fff !important;
  border:3px solid #fff !important;
  box-shadow:0 10px 30px rgba(16,79,44,.30) !important;
}
/* Prevent light text from disappearing on the pale page background */
body.itk2-brand-site .site-main [style*="color:#fff"],
body.itk2-brand-site .site-main [style*="color: #fff"],
body.itk2-brand-site .site-main [style*="color:white"],
body.itk2-brand-site .site-main [style*="color: white"]{
  color:#0b1728 !important;
}
body.itk2-brand-site .itk2-live-premium [style*="color:#fff"],
body.itk2-brand-site .itk2-live-premium [style*="color: #fff"],
body.itk2-brand-site .itk2-shp-hero [style*="color:#fff"],
body.itk2-brand-site .itk2-shp-hero [style*="color: #fff"]{
  color:#fff !important;
}
@keyframes itk2-premium-live-pulse{
  0%,100%{transform:scale(1);opacity:1}
  50%{transform:scale(.72);opacity:.65}
}
/* Header logo, full-color supplied brand mark */
body.itk2-brand-site header .itk2-site-logo-holder,.itk2-brand-site .itk2-site-logo-holder{background:#fff!important;border-radius:14px!important;padding:5px 10px!important;display:inline-flex!important;align-items:center!important;box-shadow:0 8px 24px rgba(0,0,0,.16)!important}
body.itk2-brand-site header img.itk2-site-logo-fixed,.itk2-brand-site .site-header img.itk2-site-logo-fixed,.itk2-brand-site .site-branding img.itk2-site-logo-fixed{width:auto!important;max-width:150px!important;height:auto!important;max-height:58px!important;opacity:1!important;filter:none!important;object-fit:contain!important}
/* Client carousel dots and lightbox */
body.itk2-brand-site .itk2-carousel-dots{display:flex!important;justify-content:center!important;align-items:center!important;gap:7px!important;margin:12px 0 2px!important}
body.itk2-brand-site .itk2-carousel-dot{width:8px!important;height:8px!important;padding:0!important;border:0!important;border-radius:999px!important;background:#cbd6e2!important;cursor:pointer!important;transition:.2s ease!important}
body.itk2-brand-site .itk2-carousel-dot.is-active{width:24px!important;background:#0b56b5!important}
body.itk2-brand-site .itk2-client-lightbox{position:fixed!important;inset:0!important;z-index:999999!important;display:flex!important;align-items:center!important;justify-content:center!important;padding:24px!important;opacity:0!important;visibility:hidden!important;pointer-events:none!important;transition:.2s ease!important}
body.itk2-brand-site .itk2-client-lightbox.is-open{opacity:1!important;visibility:visible!important;pointer-events:auto!important}
body.itk2-brand-site .itk2-client-lightbox-backdrop{position:absolute!important;inset:0!important;background:rgba(4,13,27,.86)!important;backdrop-filter:blur(8px)!important}
body.itk2-brand-site .itk2-client-lightbox-dialog{position:relative!important;z-index:1!important;max-width:min(92vw,1100px)!important;max-height:90vh!important;padding:12px!important;background:#fff!important;border-radius:24px!important;box-shadow:0 30px 100px rgba(0,0,0,.45)!important}
body.itk2-brand-site .itk2-client-lightbox-image{display:block!important;max-width:calc(92vw - 24px)!important;max-height:calc(90vh - 24px)!important;width:auto!important;height:auto!important;object-fit:contain!important;border-radius:16px!important}
body.itk2-brand-site .itk2-client-lightbox-close{position:absolute!important;top:-15px!important;left:-15px!important;width:42px!important;height:42px!important;border:0!important;border-radius:50%!important;background:#fff!important;color:#0b1728!important;font-size:29px!important;line-height:1!important;cursor:pointer!important;box-shadow:0 10px 28px rgba(0,0,0,.28)!important}
body.itk2-lightbox-open{overflow:hidden!important}
/* Modern mission / intro message box */
body.itk2-brand-site .itk2-modern-intro-box{position:relative!important;max-width:1080px!important;margin:30px auto!important;padding:34px 42px!important;border-radius:26px!important;background:linear-gradient(135deg,#0b1d35 0%,#183b68 55%,#0e5aa7 100%)!important;color:#fff!important;border:1px solid rgba(74,155,255,.35)!important;box-shadow:0 24px 60px rgba(9,34,64,.20)!important;overflow:hidden!important;isolation:isolate!important;line-height:2!important}
body.itk2-brand-site .itk2-modern-intro-box:before{content:""!important;position:absolute!important;inset:0!important;z-index:-1!important;background:radial-gradient(circle at 12% 20%,rgba(54,148,255,.18),transparent 28%),radial-gradient(circle at 90% 80%,rgba(33,206,132,.10),transparent 25%)!important;pointer-events:none!important}
body.itk2-brand-site .itk2-modern-intro-box p,body.itk2-brand-site .itk2-modern-intro-box div,body.itk2-brand-site .itk2-modern-intro-box span{color:#f7fbff!important;text-shadow:none!important}
body.itk2-brand-site .itk2-modern-intro-box strong,body.itk2-brand-site .itk2-modern-intro-box b{color:#fff!important;font-weight:850!important}
body.itk2-brand-site .itk2-modern-intro-box:after{content:"ITKUWAITI"!important;position:absolute!important;top:16px!important;left:24px!important;font-size:10px!important;letter-spacing:.18em!important;font-weight:900!important;color:rgba(255,255,255,.25)!important}
@media(max-width:700px){
  body.itk2-brand-site .itk2-modern-intro-box{padding:25px 22px!important;border-radius:20px!important}
}
@keyframes itk2LivePulse{
  0%,100%{transform:scale(1);box-shadow:0 0 0 3px rgba(25,185,92,.13)}
  50%{transform:scale(1.18);box-shadow:0 0 0 6px rgba(25,185,92,.03)}
}
/* v5.1.5: Mobile-first safety layer. Desktop rules remain unchanged. */
@media (max-width: 767px){
  html,body{max-width:100%;overflow-x:hidden!important;}
  body.itk2-brand-site .site-main,
  body.itk2-brand-site .entry-content{width:100%;max-width:100%;overflow-x:clip!important;}
  body.itk2-brand-site img,
  body.itk2-brand-site video,
  body.itk2-brand-site iframe,
  body.itk2-brand-site svg{max-width:100%;height:auto;}
  body.itk2-brand-site input,
  body.itk2-brand-site select,
  body.itk2-brand-site textarea,
  body.itk2-brand-site button{max-width:100%;font-size:16px;}
  body.itk2-brand-site .itk2-live-premium,
  body.itk2-brand-site .itk2-sponsor-intelligence,
  body.itk2-brand-site .itk2-social-hub-pro,
  body.itk2-brand-site .itk2-clients-experience,
  body.itk2-brand-site .itk2-visitor-command,
  body.itk2-brand-site .itk2-modern-intro-box{width:calc(100% - 24px)!important;max-width:none!important;margin-left:auto!important;margin-right:auto!important;box-sizing:border-box!important;}

  body.itk2-brand-site .itk2-live-premium{padding:20px 16px!important;border-radius:22px!important;margin-top:18px!important;}
  body.itk2-brand-site .itk2-live-head{align-items:stretch!important;gap:14px!important;}
  body.itk2-brand-site .itk2-live-head h1{font-size:30px!important;line-height:1.2!important;}
  body.itk2-brand-site .itk2-live-counter{min-width:0!important;width:100%!important;padding:14px!important;}
  body.itk2-brand-site .itk2-live-counter strong{font-size:30px!important;}
  body.itk2-brand-site .itk2-live-summary{grid-template-columns:1fr!important;gap:9px!important;}
  body.itk2-brand-site .itk2-live-social-list{grid-template-columns:1fr!important;}
  body.itk2-brand-site .itk2-live-social-pill{min-width:0!important;}

  body.itk2-brand-site .itk2-sponsor-intelligence{padding:18px 14px!important;border-radius:22px!important;}
  body.itk2-brand-site .itk2-sponsor-intel-head{align-items:stretch!important;gap:12px!important;}
  body.itk2-brand-site .itk2-sponsor-total{min-width:0!important;width:100%!important;box-sizing:border-box!important;}
  body.itk2-brand-site .itk2-campaign-grid{grid-template-columns:1fr!important;gap:14px!important;margin-top:14px!important;}
  body.itk2-brand-site .itk2-premium-card{border-radius:20px!important;}
  body.itk2-brand-site .itk2-premium-media{height:auto!important;aspect-ratio:16/10!important;min-height:170px!important;}
  body.itk2-brand-site .itk2-premium-body{padding:15px!important;}
  body.itk2-brand-site .itk2-premium-body h3{font-size:19px!important;}
  body.itk2-brand-site .itk2-spend-block{padding:12px!important;}

  body.itk2-brand-site .itk2-date-grid{grid-template-columns:1fr!important;gap:8px!important;}
  body.itk2-brand-site .itk2-date-arrow{display:none!important;}
  body.itk2-brand-site .itk2-date-point{padding:10px!important;}
  body.itk2-brand-site .itk2-date-point b,
  body.itk2-brand-site .itk2-date-point small{white-space:normal!important;word-break:normal!important;}
  body.itk2-brand-site .itk2-date-duration{flex-wrap:wrap!important;line-height:1.5!important;}
  body.itk2-brand-site .itk2-date-duration b{margin-inline-start:0!important;}

  body.itk2-brand-site .itk2-social-hub-pro{padding:0 0 10px!important;margin-top:18px!important;}
  body.itk2-brand-site .itk2-shp-hero{padding:20px 16px!important;border-radius:22px!important;gap:16px!important;}
  body.itk2-brand-site .itk2-shp-hero h1{font-size:28px!important;line-height:1.2!important;}
  body.itk2-brand-site .itk2-shp-hero p{font-size:13px!important;line-height:1.8!important;}
  body.itk2-brand-site .itk2-shp-actions{flex-wrap:wrap!important;}
  body.itk2-brand-site .itk2-shp-actions a{min-height:42px!important;display:inline-flex!important;align-items:center!important;justify-content:center!important;}
  body.itk2-brand-site .itk2-shp-hero-score{width:100%!important;box-sizing:border-box!important;min-width:0!important;}
  body.itk2-brand-site .itk2-shp-kpis{grid-template-columns:1fr 1fr!important;gap:9px!important;}
  body.itk2-brand-site .itk2-shp-kpis article{min-width:0!important;padding:13px!important;}
  body.itk2-brand-site .itk2-shp-kpis strong{font-size:23px!important;}
  body.itk2-brand-site .itk2-shp-analytics{grid-template-columns:1fr!important;gap:12px!important;}
  body.itk2-brand-site .itk2-shp-panel{padding:15px!important;min-width:0!important;}
  body.itk2-brand-site .itk2-shp-panel-head{flex-direction:column!important;align-items:stretch!important;}
  body.itk2-brand-site .itk2-shp-panel-head h2,
  body.itk2-brand-site .itk2-shp-accounts-head h2{font-size:21px!important;}
  body.itk2-brand-site .itk2-shp-bar-label{grid-template-columns:34px minmax(0,1fr) auto!important;gap:6px!important;}
  body.itk2-brand-site .itk2-shp-bar-label span{min-width:0!important;}
  body.itk2-brand-site .itk2-shp-accounts-head{flex-direction:column!important;align-items:stretch!important;gap:6px!important;}
  body.itk2-brand-site .itk2-shp-account-grid{grid-template-columns:1fr!important;}
  body.itk2-brand-site .itk2-shp-account-card{min-width:0!important;}
  body.itk2-brand-site .itk2-shp-ac-top{min-width:0!important;}
  body.itk2-brand-site .itk2-shp-ac-status{white-space:nowrap!important;}
  body.itk2-brand-site .itk2-shp-ac-stats{grid-template-columns:1fr 1fr!important;}
  body.itk2-brand-site .itk2-shp-ring-wrap{flex-wrap:wrap!important;}

  body.itk2-brand-site .itk2-clients-experience,
  body.itk2-brand-site .itk2-visitor-command{padding:18px 14px!important;border-radius:22px!important;}
  body.itk2-brand-site .itk2-section-hero.clients-hero{flex-direction:column!important;align-items:stretch!important;gap:14px!important;}
  body.itk2-brand-site .itk2-section-hero.clients-hero h1{font-size:27px!important;line-height:1.2!important;}
  body.itk2-brand-site .itk2-rating-summary{width:100%!important;box-sizing:border-box!important;}
  body.itk2-brand-site .itk2-client-carousel{min-width:0!important;}
  body.itk2-brand-site .clients-grid{grid-template-columns:1fr!important;min-width:0!important;}
  body.itk2-brand-site .itk2-client-tile{min-width:0!important;width:100%!important;box-sizing:border-box!important;}
  body.itk2-brand-site .itk2-client-logo-wrap{width:120px!important;flex-basis:120px!important;height:76px!important;}
  body.itk2-brand-site .itk2-review-heading{flex-direction:column!important;align-items:stretch!important;gap:12px!important;}
  body.itk2-brand-site .itk2-review-layout{grid-template-columns:1fr!important;gap:12px!important;}
  body.itk2-brand-site .itk2-review-form-card,
  body.itk2-brand-site .itk2-review-list{min-width:0!important;width:100%!important;box-sizing:border-box!important;}
  body.itk2-brand-site .itk2-star-picker{display:flex!important;flex-wrap:wrap!important;}
  body.itk2-brand-site .itk2-form-actions{flex-direction:column!important;align-items:stretch!important;gap:8px!important;}
  body.itk2-brand-site .itk2-review-submit{width:100%!important;min-height:46px!important;}

  body.itk2-brand-site .itk2-visitor-head{flex-direction:column!important;align-items:stretch!important;gap:12px!important;}
  body.itk2-brand-site .itk2-visitor-live{width:100%!important;box-sizing:border-box!important;}
  body.itk2-brand-site .itk2-visitor-kpis{grid-template-columns:1fr 1fr!important;gap:9px!important;}
  body.itk2-brand-site .itk2-visitor-countries{grid-template-columns:1fr!important;gap:12px!important;}
  body.itk2-brand-site .itk2-country-panel,
  body.itk2-brand-site .itk2-country-feature{min-width:0!important;}

}
@media (max-width: 480px){
  body.itk2-brand-site .itk2-live-premium,
  body.itk2-brand-site .itk2-sponsor-intelligence,
  body.itk2-brand-site .itk2-social-hub-pro,
  body.itk2-brand-site .itk2-clients-experience,
  body.itk2-brand-site .itk2-visitor-command,
  body.itk2-brand-site .itk2-modern-intro-box{width:calc(100% - 16px)!important;}
  body.itk2-brand-site .itk2-shp-kpis,
  body.itk2-brand-site .itk2-visitor-kpis{grid-template-columns:1fr!important;}
  body.itk2-brand-site .itk2-shp-hero h1{font-size:26px!important;}
  body.itk2-brand-site .itk2-shp-hero-score strong{font-size:42px!important;}
  body.itk2-brand-site .itk2-client-logo-wrap{width:108px!important;flex-basis:108px!important;height:70px!important;}
}
/* v5.1.6: Cross-device responsive hardening. Desktop rules remain untouched. */
@media (max-width: 1024px){
  body.itk2-brand-site .itk2-brand-site,
  body.itk2-brand-site .itk2-live-premium,
  body.itk2-brand-site .itk2-sponsor-intelligence,
  body.itk2-brand-site .itk2-social-hub-pro,
  body.itk2-brand-site .itk2-clients-experience,
  body.itk2-brand-site .itk2-visitor-command{max-width:100%;}
  body.itk2-brand-site .itk2-live-head,
  body.itk2-brand-site .itk2-sponsor-intel-head,
  body.itk2-brand-site .itk2-section-hero,
  body.itk2-brand-site .itk2-review-heading,
  body.itk2-brand-site .itk2-visitor-head{min-width:0;}
  body.itk2-brand-site [class*="itk2-"]{box-sizing:border-box;}
  body.itk2-brand-site [class*="itk2-"]>*{min-width:0;}
  body.itk2-brand-site .itk2-table-wrap{width:100%;max-width:100%;overflow-x:auto;-webkit-overflow-scrolling:touch;}
  body.itk2-brand-site .itk2-table-wrap table{min-width:720px;}
}
@media (max-width: 767px){
  body.itk2-brand-site{font-size:16px;}
  body.itk2-brand-site .elementor-widget-container{min-width:0;max-width:100%;}
  body.itk2-brand-site .elementor-container,
  body.itk2-brand-site .elementor-column,
  body.itk2-brand-site .elementor-widget-wrap{max-width:100%;min-width:0;}
  body.itk2-brand-site .elementor-section,
  body.itk2-brand-site .elementor-section-boxed > .elementor-container{width:100%;max-width:100%;}
  body.itk2-brand-site .itk2-live-head h1,
  body.itk2-brand-site .itk2-shp-hero h1,
  body.itk2-brand-site .itk2-section-hero h1,
  body.itk2-brand-site .section-heading h1{overflow-wrap:anywhere;}
  body.itk2-brand-site .itk2-premium-body,
  body.itk2-brand-site .itk2-shp-panel,
  body.itk2-brand-site .itk2-review-form-card,
  body.itk2-brand-site .itk2-review-list{overflow-wrap:anywhere;}
  body.itk2-brand-site .itk2-unified-slcc-grid{grid-template-columns:1fr!important;}
  body.itk2-brand-site .itk2-unified-slcc-card{min-width:0!important;}
  body.itk2-brand-site .winners-grid{grid-template-columns:1fr!important;gap:14px!important;}
  body.itk2-brand-site .winner-card{min-width:0!important;}
  body.itk2-brand-site .winner-head{gap:8px!important;flex-wrap:wrap!important;}
  body.itk2-brand-site .candidate-avatar img{max-width:100%!important;height:auto!important;}
  body.itk2-brand-site .itk2-actions,
  body.itk2-brand-site .itk2-form-actions,
  body.itk2-brand-site .itk2-row-actions{display:flex!important;flex-wrap:wrap!important;gap:8px!important;}
  body.itk2-brand-site .itk2-actions a,
  body.itk2-brand-site .itk2-form-actions>*{max-width:100%!important;}
  body.itk2-brand-site input[type="url"],
  body.itk2-brand-site input[type="text"],
  body.itk2-brand-site input[type="email"],
  body.itk2-brand-site input[type="number"],
  body.itk2-brand-site input[type="datetime-local"],
  body.itk2-brand-site select,
  body.itk2-brand-site textarea{width:100%!important;box-sizing:border-box!important;}
  body.itk2-brand-site button,
  body.itk2-brand-site a.button{touch-action:manipulation;}
}
@media (max-width: 390px){
  body.itk2-brand-site .itk2-live-premium,
  body.itk2-brand-site .itk2-sponsor-intelligence,
  body.itk2-brand-site .itk2-clients-experience,
  body.itk2-brand-site .itk2-visitor-command{width:calc(100% - 12px)!important;}
  body.itk2-brand-site .itk2-sponsor-intelligence,
  body.itk2-brand-site .itk2-clients-experience,
  body.itk2-brand-site .itk2-visitor-command{padding:14px 11px!important;}
  body.itk2-brand-site .itk2-shp-hero{padding:17px 13px!important;}
}
/* v5.1.7: final mobile layout repair. Keep desktop layout intact. */
@media (max-width: 767px){
  html,body{max-width:100%;overflow-x:hidden!important;}
  body.itk2-brand-site{width:100%;overflow-x:hidden!important;}


  /* Prevent theme hero copy from becoming faint on the light mobile background. */
  body.itk2-brand-site p:not([class*="itk2-"]){color:#52677d!important;}
  body.itk2-brand-site .elementor-widget-text-editor,
  body.itk2-brand-site .elementor-widget-text-editor p,
  body.itk2-brand-site .elementor-text-editor{color:#52677d!important;}
  body.itk2-brand-site h1:not([class*="itk2-"]),
  body.itk2-brand-site h2:not([class*="itk2-"]),
  body.itk2-brand-site h3:not([class*="itk2-"]){color:#142235!important;}

  /* Hero/buttons/images must scale to the viewport, never force horizontal overflow. */
  body.itk2-brand-site img{max-width:100%;height:auto;}
  body.itk2-brand-site .elementor-widget,
  body.itk2-brand-site .elementor-widget-container,
  body.itk2-brand-site .elementor-column,
  body.itk2-brand-site .elementor-widget-wrap{min-width:0!important;}
  body.itk2-brand-site .elementor-button{max-width:100%!important;box-sizing:border-box!important;white-space:normal!important;}
}
/* ==========================================================================
   ITKUWAITI v5.4 — TOP NAVIGATION + CLIENTS CAROUSEL
   Single source of truth. Every earlier patch layer (v5.0.8 / v5.1.0 /
   v5.1.1 / v5.1.5-nav / v5.1.7 / v5.1.8 / v5.1.9 / v5.2.0 / v5.2.1 /
   v5.2.2 / v5.3) has been deleted from this file rather than overridden,
   so nothing below is competing with an older rule for the same property.

   Top bar: one row on desktop, a five-column icon grid on phones. Nothing
   scrolls sideways and nothing is clipped, so all five items are visible
   and tappable at any width down to 320px.

   Clients: one horizontal scroller with CSS scroll-snap. Swiping works
   natively on touch; the arrows and dots drive the same scroller.
   ========================================================================== */

/* ---------- Top navigation bar ---------- */

:root{
  --itk-nav-h: 72px;
  --itk-nav-bg: #001931;
}
/* v5.8.5: the theme's own header duplicates everything this bar already
   does (logo, nav, WhatsApp CTA) and, on phones, showed up as a stray
   floating logo box with a non-functional hamburger button. It is fully
   redundant now that the logo lives inside #itk2-real-header-menu below. */
body.itk2-brand-site .site-header{ display:none !important; }
#itk2-real-header-menu{
  position: fixed !important;
  top: 0 !important; left: 0 !important; right: 0 !important;
  width: 100% !important;
  height: var(--itk-nav-h) !important;
  margin: 0 !important;
  padding: 0 12px !important;
  box-sizing: border-box !important;
  display: flex !important;
  align-items: center !important;
  justify-content: space-between !important;
  gap: 10px !important;
  background: var(--itk-nav-bg) !important;
  direction: rtl !important;
  z-index: 999999 !important;
  isolation: isolate !important;
  pointer-events: auto !important;
}
#itk2-real-header-menu *{ pointer-events: auto !important; }
#itk2-real-header-menu .itk2-real-logo{
  flex: 0 0 auto !important;
  display: flex !important;
  align-items: center !important;
  height: 100% !important;
  padding: 8px 0 !important;
  box-sizing: border-box !important;
}
#itk2-real-header-menu .itk2-real-logo img{
  height: 100% !important;
  max-height: 42px !important;
  width: auto !important;
  object-fit: contain !important;
  display: block !important;
}
/* Push the page down by exactly the bar height, at every breakpoint. */
body.itk2-brand-site{ padding-top: var(--itk-nav-h) !important; }
body.admin-bar #itk2-real-header-menu{ top: 32px !important; }
body.admin-bar.itk2-brand-site{ padding-top: calc(var(--itk-nav-h) + 32px) !important; }
@media (max-width: 782px){
  body.admin-bar #itk2-real-header-menu{ top: 46px !important; }
  body.admin-bar.itk2-brand-site{ padding-top: calc(var(--itk-nav-h) + 46px) !important; }
}
#itk2-real-header-menu .itk2-real-header-nav{
  display: block !important;
  flex: 1 1 auto !important;
  min-width: 0 !important;
  max-width: 1100px !important;
  margin: 0 !important;
  padding: 0 !important;
  box-sizing: border-box !important;
}
#itk2-real-header-menu .itk2-real-header-list{
  display: flex !important;
  align-items: center !important;
  justify-content: center !important;
  gap: 6px !important;
  width: 100% !important;
  height: auto !important;
  margin: 0 !important;
  padding: 0 !important;
  list-style: none !important;
  direction: rtl !important;
}
#itk2-real-header-menu .itk2-real-header-item{
  display: flex !important;
  flex: 0 1 auto !important;
  min-width: 0 !important;
  height: auto !important;
  margin: 0 !important;
  padding: 0 !important;
  list-style: none !important;
}
#itk2-real-header-menu .itk2-real-header-item > a{
  display: flex !important;
  flex-direction: row !important;
  align-items: center !important;
  justify-content: center !important;
  gap: 6px !important;
  width: auto !important;
  height: auto !important;
  min-height: 44px !important;
  padding: 10px 13px !important;
  border: 0 !important;
  border-radius: 12px !important;
  box-sizing: border-box !important;
  color: #f7f9fb !important;
  background: transparent !important;
  text-decoration: none !important;
  font-family: inherit !important;
  font-size: 14px !important;
  font-weight: 800 !important;
  line-height: 1.2 !important;
  white-space: nowrap !important;
  cursor: pointer !important;
  touch-action: manipulation !important;
  -webkit-tap-highlight-color: rgba(255,255,255,.15) !important;
  -webkit-user-select: none !important; user-select: none !important;
  transition: background .18s ease !important;
}
#itk2-real-header-menu .itk2-real-header-item > a:hover{ background: rgba(255,255,255,.10) !important; color: #fff !important; }
#itk2-real-header-menu .itk2-real-header-item > a:active{ background: rgba(255,255,255,.16) !important; }
#itk2-real-header-menu .itk2-real-header-item > a:focus-visible{ outline: 2px solid #72b5f3 !important; outline-offset: -2px !important; }
#itk2-real-header-menu .itk2-real-home > a{ background: rgba(255,255,255,.08) !important; }
#itk2-real-header-menu .itk2-real-cta > a{
  background: linear-gradient(135deg,#0b6fe0,#1685ed) !important;
  border: 1px solid rgba(255,255,255,.16) !important;
  box-shadow: 0 8px 18px rgba(0,0,0,.16) !important;
}
#itk2-real-header-menu .itk2-real-icon{
  display: inline-flex !important;
  align-items: center !important;
  justify-content: center !important;
  flex: 0 0 auto !important;
  font-size: 15px !important;
  line-height: 1 !important;
}
/* Two labels ship in the markup; the layout picks one. */
#itk2-real-header-menu .itk2-real-label{ display: inline !important; }
#itk2-real-header-menu .itk2-real-short{ display: none !important; }
@media (max-width: 1024px){
  #itk2-real-header-menu .itk2-real-header-item > a{ font-size: 13px !important; padding: 10px 10px !important; }
  #itk2-real-header-menu .itk2-real-header-list{ gap: 3px !important; }
}
/* Phones: five equal columns, icon over a short label. No sideways scroll,
   no clipping, and every hit area is a full column wide. */
@media (max-width: 860px){
  :root{ --itk-nav-h: 62px; }
  #itk2-real-header-menu{ padding: 0 6px !important; gap: 6px !important; }
  #itk2-real-header-menu .itk2-real-logo img{ max-height: 34px !important; }
  #itk2-real-header-menu .itk2-real-header-nav{ max-width: none !important; }
  #itk2-real-header-menu .itk2-real-header-list{
    display: grid !important;
    grid-template-columns: repeat(6, minmax(0, 1fr)) !important;
    align-items: stretch !important;
    gap: 2px !important;
  }
  #itk2-real-header-menu .itk2-real-header-item{ display: block !important; width: 100% !important; }
  #itk2-real-header-menu .itk2-real-header-item > a{
    flex-direction: column !important;
    gap: 3px !important;
    width: 100% !important;
    min-height: 54px !important;
    padding: 6px 2px !important;
    border-radius: 10px !important;
    font-size: 10.5px !important;
    font-weight: 700 !important;
    line-height: 1.15 !important;
    white-space: normal !important;
    text-align: center !important;
    overflow-wrap: anywhere !important;
  }
  #itk2-real-header-menu .itk2-real-icon{ font-size: 19px !important; }
  #itk2-real-header-menu .itk2-real-label{ display: none !important; }
  #itk2-real-header-menu .itk2-real-short{ display: block !important; width: 100% !important; }
  #itk2-real-header-menu .itk2-real-cta > a{ box-shadow: none !important; }
}
@media (max-width: 390px){
  #itk2-real-header-menu .itk2-real-logo img{ max-height: 28px !important; }
}
@media (max-width: 360px){
  #itk2-real-header-menu{ padding: 0 3px !important; gap: 4px !important; }
  #itk2-real-header-menu .itk2-real-logo img{ max-height: 24px !important; }
  #itk2-real-header-menu .itk2-real-header-list{ gap: 1px !important; }
  #itk2-real-header-menu .itk2-real-header-item > a{ font-size: 9px !important; padding: 4px 1px !important; }
  #itk2-real-header-menu .itk2-real-icon{ font-size: 15px !important; }
}
/* ---------- Clients: scroll-snap carousel ---------- */

/* Desktop and tablet: the arrows are real items in a flex row flanking the
   strip, not absolutely positioned overlays. Absolute + physical left/right is
   what let both buttons resolve to the same spot in this RTL container. In an
   RTL flex row the first child (prev) lands on the right on its own, so there
   is no left/right guessing left to get wrong. The dots take a full-width line
   so they wrap underneath. Scoped to >=768px: the phone layout further down is
   a separate, already-correct block and this can never reach it. */
@media (min-width: 768px){
  body.itk2-brand-site .itk2-clients-experience .itk2-client-carousel{
    position: relative !important;
    display: flex !important;
    flex-direction: row !important;
    flex-wrap: wrap !important;
    align-items: center !important;
    gap: 14px !important;
    width: 100% !important;
    max-width: 1220px !important;
    margin: 22px auto 0 !important;
    padding: 0 !important;
    box-sizing: border-box !important;
  }
  body.itk2-brand-site .itk2-clients-experience .itk2-client-track{ flex: 1 1 0 !important; min-width: 0 !important; width: auto !important; }
  body.itk2-brand-site .itk2-clients-experience .itk2-carousel-dots{ flex: 0 0 100% !important; order: 9 !important; margin: 0 !important; }
}
body.itk2-brand-site .itk2-clients-experience .itk2-client-track{
  display: flex !important;
  flex-direction: row !important;
  align-items: stretch !important;
  gap: 16px !important;
  width: 100% !important;
  margin: 0 !important;
  padding: 4px 0 !important;
  box-sizing: border-box !important;
  overflow-x: auto !important;
  overflow-y: hidden !important;
  scroll-snap-type: x mandatory !important;
  scroll-behavior: smooth !important;
  overscroll-behavior-x: contain !important;
  -webkit-overflow-scrolling: touch !important;
  scrollbar-width: none !important;
  -ms-overflow-style: none !important;
}
body.itk2-brand-site .itk2-clients-experience .itk2-client-track::-webkit-scrollbar{ display: none !important; width: 0 !important; height: 0 !important; }
body.itk2-brand-site .itk2-clients-experience .itk2-client-tile{
  display: flex !important;
  flex: 0 0 calc((100% - 32px) / 3) !important;
  width: calc((100% - 32px) / 3) !important;
  min-width: 0 !important;
  height: 220px !important;
  flex-direction: column !important;
  align-items: center !important;
  justify-content: center !important;
  gap: 12px !important;
  padding: 18px !important;
  margin: 0 !important;
  box-sizing: border-box !important;
  scroll-snap-align: start !important;
  border: 1px solid #d6e1ec !important;
  border-radius: 20px !important;
  background: #fff !important;
  color: #0b2440 !important;
  text-decoration: none !important;
  box-shadow: 0 12px 30px rgba(20,55,90,.07) !important;
  overflow: hidden !important;
}
/* A swipe in progress is a drag, not a tap. The click itself is cancelled in
   front.js; this only stops text from being selected mid-swipe. */
body.itk2-brand-site .itk2-clients-experience .itk2-client-track.is-dragging{ -webkit-user-select: none !important; user-select: none !important; }
/* With one page of logos there is nothing to navigate, so the controls go
   away. These need !important to beat the display rules below. */
body.itk2-brand-site .itk2-clients-experience .itk2-carousel-btn[hidden],
body.itk2-brand-site .itk2-clients-experience .itk2-carousel-dots[hidden]{ display: none !important; }
body.itk2-brand-site .itk2-clients-experience .itk2-client-logo-wrap{
  display: flex !important;
  align-items: center !important;
  justify-content: center !important;
  width: 100% !important;
  max-width: 220px !important;
  height: 92px !important;
  flex: 0 0 92px !important;
  box-sizing: border-box !important;
  border: 1px solid #e0e7ee !important;
  border-radius: 14px !important;
  background: #fff !important;
  overflow: hidden !important;
}
body.itk2-brand-site .itk2-clients-experience .itk2-client-logo-wrap img{
  display: block !important;
  width: 100% !important; height: 100% !important;
  object-fit: contain !important;
  padding: 10px !important;
  margin: 0 !important;
  box-sizing: border-box !important;
}
body.itk2-brand-site .itk2-clients-experience .itk2-client-logo-fallback{ font-size: 18px !important; font-weight: 900 !important; color: #0b56b5 !important; text-align: center !important; padding: 8px !important; }
body.itk2-brand-site .itk2-clients-experience .itk2-client-info{ width: 100% !important; text-align: center !important; }
body.itk2-brand-site .itk2-clients-experience .itk2-client-info strong{ display: block !important; color: #0b2440 !important; font-size: 16px !important; line-height: 1.45 !important; overflow-wrap: anywhere !important; }
body.itk2-brand-site .itk2-clients-experience .itk2-client-info span{ display: block !important; margin-top: 4px !important; color: #53687e !important; font-size: 12px !important; line-height: 1.6 !important; overflow-wrap: anywhere !important; }
body.itk2-brand-site .itk2-clients-experience .itk2-client-tile > i{ display: none !important; }
body.itk2-brand-site .itk2-clients-experience .itk2-carousel-btn{
  position: static !important;
  transform: none !important;
  z-index: 5 !important;
  flex: 0 0 auto !important;
  width: 44px !important; height: 44px !important;
  padding: 0 !important; margin: 0 !important;
  display: grid !important;
  place-items: center !important;
  border: 1px solid #d6e1ec !important;
  border-radius: 50% !important;
  background: #fff !important;
  color: #174668 !important;
  font-size: 28px !important;
  line-height: 1 !important;
  box-shadow: 0 10px 25px rgba(20,55,90,.12) !important;
  cursor: pointer !important;
  touch-action: manipulation !important;
}
body.itk2-brand-site .itk2-clients-experience .itk2-carousel-btn.prev{ grid-area: prev !important; }
body.itk2-brand-site .itk2-clients-experience .itk2-carousel-btn.next{ grid-area: next !important; }
body.itk2-brand-site .itk2-clients-experience .itk2-carousel-btn:disabled{ opacity: .35 !important; cursor: default !important; }
body.itk2-brand-site .itk2-clients-experience .itk2-carousel-btn:focus-visible{ outline: 2px solid #0b56b5 !important; outline-offset: 2px !important; }
body.itk2-brand-site .itk2-clients-experience .itk2-carousel-dots{
  display: flex !important;
  align-items: center !important;
  justify-content: center !important;
  gap: 7px !important;
  width: 100% !important;
  margin: 14px 0 0 !important;
  padding: 0 !important;
}
body.itk2-brand-site .itk2-clients-experience .itk2-carousel-dot{
  width: 9px !important; height: 9px !important;
  padding: 0 !important; margin: 0 !important;
  border: 0 !important;
  border-radius: 99px !important;
  background: #b9c7d6 !important;
  cursor: pointer !important;
  touch-action: manipulation !important;
  transition: width .2s ease, background .2s ease !important;
}
body.itk2-brand-site .itk2-clients-experience .itk2-carousel-dot.is-active{ width: 26px !important; background: #0b56b5 !important; }
@media (max-width: 1050px){
  body.itk2-brand-site .itk2-clients-experience .itk2-client-tile{
    flex-basis: calc((100% - 16px) / 2) !important;
    width: calc((100% - 16px) / 2) !important;
  }
}
/* Phones: one logo per screen, full width. The arrows move down beside the
   dots so the tile keeps the whole width instead of losing 88px to gutters. */
@media (max-width: 767px){
  body.itk2-brand-site .itk2-clients-experience{ padding: 18px 12px !important; border-radius: 24px !important; }
  body.itk2-brand-site .itk2-clients-experience .itk2-client-carousel{
    display: grid !important;
    grid-template-columns: auto minmax(0, 1fr) auto !important;
    grid-template-areas: "track track track" "prev dots next" !important;
    align-items: center !important;
    gap: 12px 8px !important;
    /* Repeated here so the phone layout does not depend on the desktop block
       above, which is now behind a min-width query. */
    position: relative !important;
    width: 100% !important;
    max-width: 100% !important;
    box-sizing: border-box !important;
    padding: 0 !important;
    margin: 18px 0 0 !important;
  }
  body.itk2-brand-site .itk2-clients-experience .itk2-client-track{ grid-area: track !important; gap: 12px !important; min-width: 0 !important; }
  body.itk2-brand-site .itk2-clients-experience .itk2-client-tile{
    flex-basis: 100% !important;
    width: 100% !important;
    height: 214px !important;
    padding: 16px 14px !important;
    border-radius: 18px !important;
    scroll-snap-align: center !important;
  }
  body.itk2-brand-site .itk2-clients-experience .itk2-client-logo-wrap{ max-width: 240px !important; height: 88px !important; flex-basis: 88px !important; }
  body.itk2-brand-site .itk2-clients-experience .itk2-carousel-btn{
    position: static !important;
    transform: none !important;
    width: 40px !important; height: 40px !important;
    font-size: 24px !important;
  }
  body.itk2-brand-site .itk2-clients-experience .itk2-carousel-btn.prev{ grid-area: prev !important; }
  body.itk2-brand-site .itk2-clients-experience .itk2-carousel-btn.next{ grid-area: next !important; }
  body.itk2-brand-site .itk2-clients-experience .itk2-carousel-dots{ grid-area: dots !important; margin: 0 !important; }
}
@media (max-width: 390px){
  body.itk2-brand-site .itk2-clients-experience{ padding: 15px 10px !important; }
  body.itk2-brand-site .itk2-clients-experience .itk2-client-tile{ height: 200px !important; }
  body.itk2-brand-site .itk2-clients-experience .itk2-client-logo-wrap{ height: 80px !important; flex-basis: 80px !important; }
}
@media (prefers-reduced-motion: reduce){
  body.itk2-brand-site .itk2-clients-experience .itk2-client-track{ scroll-behavior: auto !important; }
  #itk2-real-header-menu .itk2-real-header-item > a{ transition: none !important; }
}
/* ==========================================================================
   ITKUWAITI v5.4.2 — REVIEW FORM
   The star picker and the result message had no styling of their own, so the
   selected state had nothing to show and the message box was invisible. Scoped
   to the review card only; nothing here touches the header or the carousel.
   ========================================================================== */

body.itk2-brand-site .itk2-star-picker{
  display: flex !important;
  align-items: center !important;
  gap: 4px !important;
  direction: rtl !important;
}
body.itk2-brand-site .itk2-star{
  -webkit-appearance: none !important; appearance: none !important;
  background: transparent !important;
  border: 0 !important;
  padding: 2px 4px !important;
  margin: 0 !important;
  font-size: 30px !important;
  line-height: 1 !important;
  color: #63748a !important;
  cursor: pointer !important;
  touch-action: manipulation !important;
  -webkit-tap-highlight-color: transparent !important;
  -webkit-user-select: none !important; user-select: none !important;
  transition: color .15s ease, transform .12s ease !important;
}
body.itk2-brand-site .itk2-star.is-on{ color: #ffb020 !important; }
body.itk2-brand-site .itk2-star:hover{ transform: scale(1.12) !important; }
body.itk2-brand-site .itk2-star:active{ transform: scale(.94) !important; }
body.itk2-brand-site .itk2-star:focus{ outline: none !important; }
body.itk2-brand-site .itk2-star:focus-visible{ outline: 2px solid #ffb020 !important; outline-offset: 2px !important; border-radius: 6px !important; }
/* The submit button and the privacy note were sitting on top of each other. */
body.itk2-brand-site .itk2-form-actions{
  display: flex !important;
  flex-wrap: wrap !important;
  align-items: center !important;
  justify-content: space-between !important;
  gap: 10px 14px !important;
  width: 100% !important;
}
body.itk2-brand-site .itk2-form-actions > small{
  flex: 1 1 auto !important;
  min-width: 0 !important;
  margin: 0 !important;
  line-height: 1.6 !important;
}
body.itk2-brand-site .itk2-review-submit{ flex: 0 0 auto !important; }
/* Result message. Stays out of the layout until it actually has something to
   say, so it never leaves an empty gap under the button. */
body.itk2-brand-site .itk2-review-message{
  width: 100% !important;
  margin: 12px 0 0 !important;
  padding: 12px 14px !important;
  box-sizing: border-box !important;
  border-radius: 12px !important;
  border: 1px solid transparent !important;
  font-size: 14px !important;
  font-weight: 700 !important;
  line-height: 1.7 !important;
}
body.itk2-brand-site .itk2-review-message:empty{ display: none !important; }
body.itk2-brand-site .itk2-review-message.is-ok{
  color: #7ef0b6 !important;
  background: rgba(31,190,120,.14) !important;
  border-color: rgba(31,190,120,.42) !important;
}
body.itk2-brand-site .itk2-review-message.is-error{
  color: #ffb3b3 !important;
  background: rgba(226,74,74,.14) !important;
  border-color: rgba(226,74,74,.42) !important;
}
@media (max-width: 767px){
  body.itk2-brand-site .itk2-star{ font-size: 34px !important; padding: 4px 5px !important; }
  body.itk2-brand-site .itk2-form-actions{ justify-content: center !important; }
  body.itk2-brand-site .itk2-form-actions > small{ flex: 0 0 100% !important; text-align: center !important; }
}

/* ==========================================================================
   ITKUWAITI v5.5 — LIVE ACTIVE WORK + SHARED SECTION SHELL
   Single design layer. The 87 rules that previously styled these sections
   were spread across 26 blocks in this file (v5.0.3, v5.0.4, v5.1.3 and
   later patches); they were removed rather than overridden, so nothing here
   is competing with an older rule for the same property.

   Layout is flexbox throughout, not grid — every rule below was rendered and
   checked at 1400 / 1100 / 900 / 768 / 390 / 360px.

   No markup, PHP call, class name or data attribute was changed, so the Meta
   spend sync, the social token wiring and the energy scores keep feeding
   exactly the same elements they fed before.
   ========================================================================== */

body.itk2-brand-site{
  --itk-ink:#081c31;
  --itk-navy:#001931;
  --itk-navy-2:#123a5e;
  --itk-blue:#0f3a63;
  --itk-blue-soft:#eaf0f7;
  --itk-gold:#dfa523;
  --itk-gold-2:#c78a0d;
  --itk-green:#19a65a;
  --itk-muted:#5c7189;
  --itk-line:#dde6f1;
  --itk-line-dark:rgba(255,255,255,.14);
  --itk-on-dark:#eaf1f9;
  --itk-on-dark-2:#9fb3c9;
  --itk-r-lg:22px;
  --itk-r-md:16px;
  --itk-r-sm:12px;
}

/* ---------- shared section shell ---------- */

body.itk2-brand-site .itk2-brand-kicker{
  display:inline-flex; align-items:center; gap:8px;
  margin:0 0 10px; padding:0;
  font-size:11px; font-weight:800; letter-spacing:.18em;
  color:var(--itk-blue); text-transform:uppercase;
}
body.itk2-brand-site .itk2-brand-kicker span{
  width:22px; height:2px; border-radius:2px;
  background:var(--itk-gold); display:inline-block;
}
body.itk2-brand-site .itk2-section-hero{
  display:flex; flex-wrap:wrap; align-items:flex-end; justify-content:space-between;
  gap:18px 24px; margin:0 0 6px;
}
body.itk2-brand-site .itk2-section-hero > div{ flex:1 1 320px; min-width:0; }
body.itk2-brand-site .itk2-section-hero h1{
  margin:0; font-size:34px; line-height:1.25; font-weight:800; color:var(--itk-ink);
  max-width:100%; overflow-wrap:anywhere;
}
body.itk2-brand-site .itk2-section-hero p{
  margin:10px 0 0; font-size:15px; line-height:1.8; color:var(--itk-muted);
}

/* ---------- Live Active Work: hero panel ---------- */

body.itk2-brand-site .itk2-live-premium{
  direction:rtl;
  position:relative;
  margin:0 0 20px;
  padding:26px;
  box-sizing:border-box;
  border-radius:var(--itk-r-lg);
  background:var(--itk-navy);
  color:var(--itk-on-dark);
  overflow:hidden;
}
body.itk2-brand-site .itk2-live-premium *{ box-sizing:border-box; }

body.itk2-brand-site .itk2-live-head{
  display:flex; flex-wrap:wrap; align-items:flex-start; justify-content:space-between;
  gap:18px 24px;
}
body.itk2-brand-site .itk2-live-head > div:first-child{ flex:1 1 320px; min-width:0; }
body.itk2-brand-site .itk2-live-kicker{
  display:inline-flex; align-items:center; gap:8px;
  font-size:11px; font-weight:800; letter-spacing:.18em; color:var(--itk-gold);
}
body.itk2-brand-site .itk2-live-kicker span{
  width:7px; height:7px; border-radius:50%; background:var(--itk-green);
  box-shadow:0 0 0 4px rgba(25,166,90,.22);
}
body.itk2-brand-site .itk2-live-head h1{
  margin:10px 0 0; font-size:30px; line-height:1.3; font-weight:800; color:#fff;
  max-width:100%; overflow-wrap:anywhere;
}
body.itk2-brand-site .itk2-live-head p{
  margin:8px 0 0; font-size:14px; line-height:1.8; color:var(--itk-on-dark-2);
}
body.itk2-brand-site .itk2-live-counter{
  flex:0 0 auto;
  display:flex; flex-direction:column; align-items:center; justify-content:center;
  min-width:112px; padding:14px 18px;
  border:1px solid var(--itk-line-dark); border-radius:var(--itk-r-md);
  background:rgba(255,255,255,.05);
}
body.itk2-brand-site .itk2-live-counter strong{
  font-size:32px; font-weight:800; line-height:1; color:var(--itk-gold);
}
body.itk2-brand-site .itk2-live-counter span{
  margin-top:6px; font-size:12px; color:var(--itk-on-dark-2); white-space:nowrap;
}

/* ---------- summary chips ---------- */

body.itk2-brand-site .itk2-live-summary{
  display:flex; flex-wrap:wrap; gap:12px; margin:22px 0 0;
}
body.itk2-brand-site .itk2-summary-chip{
  flex:1 1 190px; min-width:0;
  display:flex; flex-direction:column; gap:4px;
  padding:14px 16px;
  border:1px solid var(--itk-line-dark); border-radius:var(--itk-r-md);
  background:rgba(255,255,255,.05);
}
body.itk2-brand-site .itk2-summary-chip span{
  font-size:11px; font-weight:700; letter-spacing:.04em; color:var(--itk-on-dark-2);
}
body.itk2-brand-site .itk2-summary-chip strong{
  font-size:22px; font-weight:800; line-height:1.2; color:#fff; overflow-wrap:anywhere;
}
body.itk2-brand-site .itk2-summary-chip em{
  font-style:normal; font-size:11px; color:var(--itk-on-dark-2);
}
body.itk2-brand-site .itk2-summary-chip.live{
  border-color:rgba(25,166,90,.45); background:rgba(25,166,90,.12);
}
body.itk2-brand-site .itk2-summary-chip.live strong{ color:#6ff0ab; letter-spacing:.08em; }
body.itk2-brand-site .itk2-summary-chip.live em{ display:flex; align-items:center; gap:6px; color:#8fe8b8; }
body.itk2-brand-site .itk2-summary-chip.live em i{
  width:7px; height:7px; border-radius:50%; background:#38d67f; display:inline-block; flex:0 0 auto;
}

/* ---------- connected accounts strip ---------- */

body.itk2-brand-site .itk2-live-social-strip{
  margin:22px 0 0; padding:16px;
  border:1px solid var(--itk-line-dark); border-radius:var(--itk-r-md);
  background:rgba(255,255,255,.04);
}
body.itk2-brand-site .itk2-live-social-head{
  display:flex; flex-wrap:wrap; align-items:center; justify-content:space-between; gap:10px 16px;
  margin:0 0 14px;
}
body.itk2-brand-site .itk2-live-social-head span{
  display:block; font-size:10px; font-weight:800; letter-spacing:.16em; color:var(--itk-on-dark-2);
}
body.itk2-brand-site .itk2-live-social-head strong{
  display:block; margin-top:4px; font-size:15px; font-weight:700; color:#fff;
}
body.itk2-brand-site .itk2-live-social-head a{
  flex:0 0 auto;
  padding:8px 14px; border-radius:999px;
  border:1px solid var(--itk-line-dark);
  color:var(--itk-on-dark)!important; background:rgba(255,255,255,.06);
  font-size:12px; font-weight:700; text-decoration:none!important; white-space:nowrap;
}
body.itk2-brand-site .itk2-live-social-list{
  display:flex; flex-wrap:wrap; gap:10px;
}
body.itk2-brand-site .itk2-live-social-pill{
  flex:1 1 210px; min-width:0;
  display:flex; align-items:center; gap:9px;
  padding:11px 13px; border-radius:var(--itk-r-sm);
  border:1px solid var(--itk-line-dark); background:rgba(255,255,255,.05);
  color:var(--itk-on-dark)!important; text-decoration:none!important;
}
body.itk2-brand-site .itk2-live-social-dot{
  flex:0 0 auto; width:8px; height:8px; border-radius:50%; background:#7d8ea1;
}
body.itk2-brand-site .itk2-live-social-dot.is-live{
  background:#38d67f; box-shadow:0 0 0 4px rgba(56,214,127,.18);
}
body.itk2-brand-site .itk2-live-social-pill b{
  flex:0 0 auto; font-size:11px; font-weight:800; letter-spacing:.06em; color:var(--itk-gold);
}
body.itk2-brand-site .itk2-live-social-pill > span:not(.itk2-live-social-dot){
  flex:1 1 auto; min-width:0; font-size:13px; color:#fff;
  white-space:nowrap; overflow:hidden; text-overflow:ellipsis;
}
body.itk2-brand-site .itk2-live-social-pill em{
  flex:0 0 auto; font-style:normal; font-size:12px; font-weight:800; color:#7fc4ff;
}

/* ---------- sponsor intelligence ---------- */

body.itk2-brand-site .itk2-sponsor-intelligence{
  direction:rtl; margin:0 0 20px; padding:22px;
  border:1px solid var(--itk-line); border-radius:var(--itk-r-lg);
  background:#fff;
}
body.itk2-brand-site .itk2-sponsor-intelligence *{ box-sizing:border-box; }
body.itk2-brand-site .itk2-sponsor-intel-head{
  display:flex; flex-wrap:wrap; align-items:center; justify-content:space-between; gap:14px 18px;
  margin:0 0 18px;
}
body.itk2-brand-site .itk2-sponsor-intel-head > div:first-child{ flex:1 1 260px; min-width:0; }
body.itk2-brand-site .itk2-sponsor-intel-head span{
  display:block; font-size:10px; font-weight:800; letter-spacing:.16em; color:var(--itk-blue);
}
body.itk2-brand-site .itk2-sponsor-intel-head h2{
  margin:6px 0 0; font-size:22px; font-weight:800; color:var(--itk-ink);
}
body.itk2-brand-site .itk2-sponsor-live-now{
  flex:0 0 auto; display:flex; align-items:center; gap:8px;
  padding:9px 14px; border-radius:999px;
  border:1px solid rgba(25,166,90,.3); background:rgba(25,166,90,.09);
}
body.itk2-brand-site .itk2-live-dot{
  width:8px; height:8px; border-radius:50%; background:var(--itk-green);
  box-shadow:0 0 0 4px rgba(25,166,90,.16); flex:0 0 auto;
}
body.itk2-brand-site .itk2-sponsor-live-now strong{ font-size:12px; font-weight:800; color:#12854a; }
body.itk2-brand-site .itk2-sponsor-live-now small{ font-size:11px; color:#4d7d64; }
body.itk2-brand-site .itk2-sponsor-total{
  flex:0 0 auto; text-align:left; padding:12px 16px;
  border:1px solid var(--itk-line); border-radius:var(--itk-r-md); background:#f7fafd;
}
body.itk2-brand-site .itk2-sponsor-total small{ display:block; font-size:11px; color:var(--itk-muted); }
body.itk2-brand-site .itk2-sponsor-total strong{
  display:block; margin-top:3px; font-size:22px; font-weight:800; color:var(--itk-ink);
}
body.itk2-brand-site .itk2-sponsor-total span{ display:block; margin-top:2px; font-size:11px; color:var(--itk-muted); }

body.itk2-brand-site .itk2-sponsor-chart{ display:flex; flex-direction:column; gap:14px; }
body.itk2-brand-site .itk2-sponsor-chart-row{ display:block; }
body.itk2-brand-site .itk2-sponsor-chart-row > div{
  display:flex; align-items:baseline; justify-content:space-between; gap:12px; margin:0 0 7px;
}
body.itk2-brand-site .itk2-sponsor-chart-row > div span{
  flex:1 1 auto; min-width:0; font-size:13px; font-weight:700; color:var(--itk-ink);
  white-space:nowrap; overflow:hidden; text-overflow:ellipsis;
}
body.itk2-brand-site .itk2-sponsor-chart-row > div strong{
  flex:0 0 auto; font-size:13px; font-weight:800; color:var(--itk-blue);
}
body.itk2-brand-site .itk2-sponsor-chart-row > i{
  display:block; height:9px; border-radius:99px; background:#eaf0f7; overflow:hidden;
}
body.itk2-brand-site .itk2-sponsor-chart-row > i > em{
  display:block; height:100%; border-radius:99px; background:var(--itk-blue); min-width:4px;
}
body.itk2-brand-site .itk2-sponsor-chart-more{
  margin:6px 0 0; font-size:12px; line-height:1.8; color:var(--itk-muted);
}

/* ---------- campaign cards ---------- */

body.itk2-brand-site .itk2-campaign-grid{
  display:flex; flex-wrap:wrap; align-items:stretch; gap:18px;
  margin:0; padding:0; direction:rtl;
}
body.itk2-brand-site .itk2-premium-card{
  flex:1 1 300px; min-width:0; max-width:100%;
  display:flex; flex-direction:column;
  border:1px solid var(--itk-line); border-radius:var(--itk-r-lg);
  background:#fff; overflow:hidden;
}
body.itk2-brand-site .itk2-premium-media{
  position:relative; width:100%; height:180px; flex:0 0 180px;
  background:#eef3f9; overflow:hidden;
}
body.itk2-brand-site .itk2-premium-media img{
  display:block; width:100%; height:100%; object-fit:cover;
}
body.itk2-brand-site .itk2-premium-media.is-empty{
  display:flex; align-items:center; justify-content:center;
  background:var(--itk-navy);
}
body.itk2-brand-site .itk2-premium-media.is-empty span{
  font-size:15px; font-weight:800; letter-spacing:.16em; color:rgba(255,255,255,.55);
}
body.itk2-brand-site .itk2-media-fade{
  position:absolute; inset:auto 0 0 0; height:56px;
  background:linear-gradient(180deg,rgba(16,43,71,0),rgba(16,43,71,.55));
}
body.itk2-brand-site .itk2-live-badge{
  position:absolute; top:12px; inset-inline-start:12px; z-index:2;
  display:inline-flex; align-items:center; gap:6px;
  padding:6px 11px; border-radius:999px;
  background:rgba(9,26,44,.82); color:#fff;
  font-size:11px; font-weight:800; letter-spacing:.04em;
}
body.itk2-brand-site .itk2-live-badge i{
  width:6px; height:6px; border-radius:50%; background:#38d67f; display:inline-block;
}

body.itk2-brand-site .itk2-premium-body{
  flex:1 1 auto; display:flex; flex-direction:column; gap:12px; padding:18px;
}
body.itk2-brand-site .itk2-premium-body h3{
  margin:0; font-size:17px; line-height:1.5; font-weight:800; color:var(--itk-ink);
  overflow-wrap:anywhere;
}
body.itk2-brand-site .itk2-card-client{
  align-self:flex-start;
  padding:5px 11px; border-radius:999px;
  background:var(--itk-blue-soft); color:#0b56b5;
  font-size:12px; font-weight:700;
}
body.itk2-brand-site .itk2-card-line{
  display:flex; align-items:center; justify-content:space-between; gap:12px;
  padding:11px 13px; border-radius:var(--itk-r-sm); background:#f6f9fc;
}
body.itk2-brand-site .itk2-card-line span{ font-size:12px; color:var(--itk-muted); }
body.itk2-brand-site .itk2-card-line strong{ font-size:13px; font-weight:800; color:var(--itk-ink); }

body.itk2-brand-site .itk2-card-date{
  padding:13px; border:1px solid var(--itk-line); border-radius:var(--itk-r-sm); background:#fbfdff;
}
body.itk2-brand-site .itk2-date-head{
  display:flex; align-items:center; gap:7px; margin:0 0 11px;
}
body.itk2-brand-site .itk2-date-icon{ font-size:14px; color:var(--itk-blue); }
body.itk2-brand-site .itk2-date-head strong{ font-size:12px; font-weight:800; color:var(--itk-ink); }
body.itk2-brand-site .itk2-date-grid{
  display:flex; flex-wrap:wrap; align-items:stretch; gap:8px;
}
body.itk2-brand-site .itk2-date-point{
  flex:1 1 110px; min-width:0;
  display:flex; flex-direction:column; gap:3px;
  padding:9px 10px; border-radius:10px; background:#fff; border:1px solid var(--itk-line);
}
body.itk2-brand-site .itk2-date-label{ font-size:10px; font-weight:700; color:var(--itk-muted); }
body.itk2-brand-site .itk2-date-point b{ font-size:13px; font-weight:800; color:var(--itk-ink); }
body.itk2-brand-site .itk2-date-point small{ font-size:11px; color:var(--itk-muted); }
body.itk2-brand-site .itk2-date-arrow{
  flex:0 0 auto; display:flex; align-items:center; justify-content:center;
  width:22px; color:var(--itk-blue); font-size:15px;
}
body.itk2-brand-site .itk2-date-duration{
  display:flex; align-items:center; gap:7px; margin:10px 0 0; padding:9px 11px;
  border-radius:10px; background:var(--itk-blue-soft);
}
body.itk2-brand-site .itk2-date-duration span{ flex:0 0 auto; font-size:11px; color:#0b56b5; }
body.itk2-brand-site .itk2-date-duration span:nth-child(2){ flex:1 1 auto; min-width:0; }
body.itk2-brand-site .itk2-date-duration b{ flex:0 0 auto; font-size:13px; font-weight:800; color:#0b56b5; }

body.itk2-brand-site .itk2-spend-block{
  margin-top:auto;
  display:flex; flex-direction:column; gap:4px;
  padding:13px 15px; border-radius:var(--itk-r-sm);
  background:var(--itk-navy); color:#fff;
}
body.itk2-brand-site .itk2-spend-block span{ font-size:11px; color:var(--itk-on-dark-2); }
body.itk2-brand-site .itk2-spend-block strong{ font-size:20px; font-weight:800; color:var(--itk-gold); }

body.itk2-brand-site .itk2-live-empty{
  padding:22px; border:1px dashed var(--itk-line); border-radius:var(--itk-r-md);
  background:#fff; color:var(--itk-muted); text-align:center; font-size:14px;
}

/* ---------- social command center (overrides its inline <style>) ---------- */

body.itk2-brand-site .itk2-unified-slcc{
  background:#fff!important;
  border:1px solid var(--itk-line)!important;
  border-radius:var(--itk-r-lg)!important;
  box-shadow:none!important;
  padding:22px!important;
}
body.itk2-brand-site .itk2-unified-slcc-title{ font-size:22px!important; font-weight:800!important; color:var(--itk-ink)!important; }
body.itk2-brand-site .itk2-unified-slcc-kicker{ color:var(--itk-blue)!important; letter-spacing:.16em!important; }
body.itk2-brand-site .itk2-unified-slcc-sub{ color:var(--itk-muted)!important; }
body.itk2-brand-site .itk2-unified-slcc-chip{
  border-radius:999px!important; border:1px solid var(--itk-line)!important;
  background:#f7fafd!important; color:var(--itk-ink)!important;
}
body.itk2-brand-site .itk2-unified-slcc-grid{
  display:flex!important; flex-wrap:wrap!important; gap:14px!important;
}
body.itk2-brand-site .itk2-unified-slcc-card{
  flex:1 1 260px!important; min-width:0!important;
  border-radius:var(--itk-r-md)!important;
  border:1px solid var(--itk-line)!important;
  box-shadow:none!important;
  background:#fff!important;
}
body.itk2-brand-site .itk2-unified-slcc-icon{
  background:var(--itk-blue-soft)!important; color:#0b56b5!important; border-radius:12px!important;
}
body.itk2-brand-site .itk2-unified-slcc-bar i{ background:var(--itk-blue)!important; }
body.itk2-brand-site .itk2-unified-slcc-link{
  background:var(--itk-blue)!important; border-radius:var(--itk-r-sm)!important;
}

/* ---------- responsive ---------- */

@media (max-width: 1100px){
  body.itk2-brand-site .itk2-section-hero h1{ font-size:29px; }
  body.itk2-brand-site .itk2-live-head h1{ font-size:26px; }
  body.itk2-brand-site .itk2-premium-card{ flex-basis:calc(50% - 9px); }
}

@media (max-width: 767px){
  body.itk2-brand-site .itk2-live-premium{ padding:18px; border-radius:18px; }
  body.itk2-brand-site .itk2-sponsor-intelligence{ padding:16px; border-radius:18px; }
  body.itk2-brand-site .itk2-section-hero h1{ font-size:25px; }
  body.itk2-brand-site .itk2-live-head h1{ font-size:23px; }
  body.itk2-brand-site .itk2-live-head p,
  body.itk2-brand-site .itk2-section-hero p{ font-size:14px; }
  body.itk2-brand-site .itk2-live-head > div:first-child,
  body.itk2-brand-site .itk2-section-hero > div,
  body.itk2-brand-site .itk2-sponsor-intel-head > div:first-child{ flex:1 1 100%; }

  /* The counter reads as a stat, not a badge, once it is full width. */
  body.itk2-brand-site .itk2-live-counter{
    flex:1 1 100%; flex-direction:row; align-items:baseline; justify-content:flex-start;
    gap:10px; padding:12px 14px;
  }
  body.itk2-brand-site .itk2-live-counter strong{ font-size:26px; }

  body.itk2-brand-site .itk2-summary-chip{ flex:1 1 100%; }
  body.itk2-brand-site .itk2-live-social-pill{ flex:1 1 100%; }
  body.itk2-brand-site .itk2-live-social-head a{ flex:1 1 100%; text-align:center; }

  body.itk2-brand-site .itk2-sponsor-total{ flex:1 1 100%; text-align:right; }
  body.itk2-brand-site .itk2-sponsor-live-now{ flex:1 1 100%; justify-content:center; }

  body.itk2-brand-site .itk2-campaign-grid{ gap:14px; }
  body.itk2-brand-site .itk2-premium-card{ flex:1 1 100%; border-radius:18px; }
  body.itk2-brand-site .itk2-premium-media{ height:172px; flex-basis:172px; }
  body.itk2-brand-site .itk2-premium-body{ padding:15px; }

  body.itk2-brand-site .itk2-unified-slcc{ padding:16px!important; border-radius:18px!important; }
  body.itk2-brand-site .itk2-unified-slcc-card{ flex:1 1 100%!important; }
}

@media (max-width: 390px){
  body.itk2-brand-site .itk2-live-premium{ padding:15px; }
  body.itk2-brand-site .itk2-live-head h1{ font-size:21px; }
  body.itk2-brand-site .itk2-section-hero h1{ font-size:22px; }
  body.itk2-brand-site .itk2-summary-chip strong{ font-size:19px; }
  /* Start and end stack instead of squeezing either date onto two lines. */
  body.itk2-brand-site .itk2-date-point{ flex:1 1 100%; }
  body.itk2-brand-site .itk2-date-arrow{ width:100%; transform:rotate(-90deg); }
}

/* v5.5.1 — floating WhatsApp button.
   Only styles the element front.js positively identified as the theme's
   pinned WhatsApp link, so nothing else on the page is affected. */
body.itk2-brand-site a.itk2-wa-fab{
  display:inline-flex!important;
  align-items:center!important;
  justify-content:center!important;
  color:#fff!important;
  text-decoration:none!important;
  line-height:0!important;
  font-size:0!important;
}
body.itk2-brand-site a.itk2-wa-fab svg{
  width:26px!important; height:26px!important;
  display:block!important; flex:0 0 auto!important;
}
@media (max-width:767px){
  body.itk2-brand-site a.itk2-wa-fab svg{ width:24px!important; height:24px!important; }
}

/* ==========================================================================
   ITKUWAITI v5.6 — CONTESTS
   Flexbox throughout so it renders identically down to 320px. Uses the same
   design tokens as the Live Active Work layer above.
   ========================================================================== */

body.itk2-brand-site .itk2-contest{ direction:rtl; display:block; }
body.itk2-brand-site .itk2-contest *{ box-sizing:border-box; }

body.itk2-brand-site .itk2-contest-hero{ margin:0 0 18px; }
body.itk2-brand-site .itk2-contest-kicker{
  display:inline-flex; align-items:center; gap:8px; margin:0 0 10px;
  font-size:11px; font-weight:800; letter-spacing:.18em; color:var(--itk-blue);
}
body.itk2-brand-site .itk2-contest-kicker span{ width:22px; height:2px; border-radius:2px; background:var(--itk-gold); }
body.itk2-brand-site .itk2-contest-hero h1{
  margin:0; font-size:32px; line-height:1.3; font-weight:800; color:var(--itk-ink);
  max-width:100%; overflow-wrap:anywhere;
}
body.itk2-brand-site .itk2-contest-intro{
  margin:10px 0 0; font-size:15px; line-height:1.9; color:var(--itk-muted); max-width:760px;
}

body.itk2-brand-site .itk2-contest-empty{
  display:flex; flex-direction:column; gap:6px; padding:26px;
  border:1px dashed var(--itk-line); border-radius:var(--itk-r-lg);
  background:#fff; text-align:center;
}
body.itk2-brand-site .itk2-contest-empty strong{ font-size:17px; color:var(--itk-ink); }
body.itk2-brand-site .itk2-contest-empty span{ font-size:14px; color:var(--itk-muted); }

body.itk2-brand-site .itk2-contest-card{
  display:block; margin:0 0 18px; padding:24px;
  border-radius:var(--itk-r-lg); background:var(--itk-navy); color:var(--itk-on-dark);
}
body.itk2-brand-site .itk2-contest-top{
  display:flex; flex-wrap:wrap; align-items:flex-start; justify-content:space-between; gap:14px 20px;
}
body.itk2-brand-site .itk2-contest-top > div:first-child{ flex:1 1 300px; min-width:0; }
body.itk2-brand-site .itk2-contest-state{
  display:inline-flex; align-items:center; gap:7px; padding:6px 13px; border-radius:999px;
  font-size:11px; font-weight:800; letter-spacing:.04em;
}
body.itk2-brand-site .itk2-contest-state.is-live{ background:rgba(25,166,90,.16); color:#6ff0ab; }
body.itk2-brand-site .itk2-contest-state.is-done{ background:rgba(255,255,255,.10); color:var(--itk-on-dark-2); }
body.itk2-brand-site .itk2-contest-top h2{
  margin:10px 0 0; font-size:26px; line-height:1.35; font-weight:800; color:#fff;
  max-width:100%; overflow-wrap:anywhere;
}
body.itk2-brand-site .itk2-contest-duration{
  flex:0 0 auto; padding:12px 16px; border:1px solid var(--itk-line-dark);
  border-radius:var(--itk-r-md); background:rgba(255,255,255,.05); text-align:center;
}
body.itk2-brand-site .itk2-contest-duration small{ display:block; font-size:11px; color:var(--itk-on-dark-2); }
body.itk2-brand-site .itk2-contest-duration strong{ display:block; margin-top:4px; font-size:16px; font-weight:800; color:var(--itk-gold); }

body.itk2-brand-site .itk2-contest-goal{ margin:20px 0 0; }
body.itk2-brand-site .itk2-contest-goal h3,
body.itk2-brand-site .itk2-contest-rules h3{
  margin:0 0 8px; font-size:13px; font-weight:800; letter-spacing:.06em; color:var(--itk-gold);
}
body.itk2-brand-site .itk2-contest-goal p{ margin:0; font-size:15px; line-height:1.9; color:var(--itk-on-dark); }

body.itk2-brand-site .itk2-contest-dates{ display:flex; flex-wrap:wrap; gap:12px; margin:20px 0 0; }
body.itk2-brand-site .itk2-contest-dates > div{
  flex:1 1 180px; min-width:0; padding:12px 14px;
  border:1px solid var(--itk-line-dark); border-radius:var(--itk-r-md); background:rgba(255,255,255,.05);
}
body.itk2-brand-site .itk2-contest-dates small{ display:block; font-size:11px; color:var(--itk-on-dark-2); }
body.itk2-brand-site .itk2-contest-dates b{ display:block; margin-top:3px; font-size:15px; color:#fff; }
body.itk2-brand-site .itk2-contest-dates span{ display:block; font-size:11px; color:var(--itk-on-dark-2); }

body.itk2-brand-site .itk2-contest-countdown{ display:flex; flex-wrap:wrap; gap:10px; margin:20px 0 0; }
body.itk2-brand-site .itk2-contest-countdown > div{
  flex:1 1 76px; min-width:0; padding:12px 8px; text-align:center;
  border:1px solid var(--itk-line-dark); border-radius:var(--itk-r-md); background:rgba(255,255,255,.05);
}
body.itk2-brand-site .itk2-contest-countdown strong{
  display:block; font-size:24px; font-weight:800; line-height:1; color:var(--itk-gold);
  font-variant-numeric:tabular-nums;
}
body.itk2-brand-site .itk2-contest-countdown span{ display:block; margin-top:5px; font-size:11px; color:var(--itk-on-dark-2); }
body.itk2-brand-site .itk2-contest-countdown.is-ended strong{ color:var(--itk-on-dark-2); }

body.itk2-brand-site .itk2-contest-rules{
  margin:20px 0 0; padding:16px; border-radius:var(--itk-r-md);
  border:1px solid var(--itk-line-dark); background:rgba(255,255,255,.04);
}
body.itk2-brand-site .itk2-contest-rules div{ font-size:14px; line-height:2; color:var(--itk-on-dark); }

body.itk2-brand-site .itk2-contest-winner{
  display:flex; flex-wrap:wrap; align-items:center; gap:18px; position:relative;
  margin:0 0 18px; padding:22px;
  border:2px solid var(--itk-gold); border-radius:var(--itk-r-lg); background:#fffdf6;
}
body.itk2-brand-site .itk2-winner-badge{
  position:absolute; top:-13px; inset-inline-start:22px;
  padding:5px 14px; border-radius:999px; background:var(--itk-gold);
  font-size:12px; font-weight:800; color:#3d2a00;
}
body.itk2-brand-site .itk2-winner-photo{
  flex:0 0 auto; width:96px; height:96px; border-radius:18px; overflow:hidden;
  border:1px solid var(--itk-line); background:#fff;
}
body.itk2-brand-site .itk2-winner-photo img{ display:block; width:100%; height:100%; object-fit:cover; }
body.itk2-brand-site .itk2-winner-body{ flex:1 1 240px; min-width:0; }
body.itk2-brand-site .itk2-winner-body strong{ display:block; font-size:21px; font-weight:800; color:var(--itk-ink); overflow-wrap:anywhere; }
body.itk2-brand-site .itk2-winner-body p{ margin:7px 0 0; font-size:14px; line-height:1.9; color:var(--itk-muted); }
body.itk2-brand-site .itk2-winner-body a{
  display:inline-block; margin-top:11px; padding:9px 16px; border-radius:var(--itk-r-sm);
  background:var(--itk-ink); color:#fff!important; font-size:13px; font-weight:700; text-decoration:none!important;
}

body.itk2-brand-site .itk2-entrant-grid{ display:flex; flex-wrap:wrap; align-items:stretch; gap:18px; }
body.itk2-brand-site .itk2-entrant{
  flex:1 1 300px; min-width:0; display:flex; flex-direction:column;
  border:1px solid var(--itk-line); border-radius:var(--itk-r-lg); background:#fff; overflow:hidden;
}
body.itk2-brand-site .itk2-entrant-media{
  position:relative; width:100%; height:210px; flex:0 0 210px;
  display:flex; align-items:center; justify-content:center; background:#eef3f9;
}
body.itk2-brand-site .itk2-entrant-media img{ display:block; width:100%; height:100%; object-fit:cover; }
body.itk2-brand-site .itk2-entrant-fallback{ font-size:34px; font-weight:800; color:#8ba3bd; }
body.itk2-brand-site .itk2-entrant-rank{
  position:absolute; top:12px; inset-inline-start:12px;
  padding:5px 11px; border-radius:999px; background:rgba(9,26,44,.82);
  font-size:12px; font-weight:800; color:#fff;
}
body.itk2-brand-site .itk2-entrant-body{ flex:1 1 auto; display:flex; flex-direction:column; gap:10px; padding:18px; }
body.itk2-brand-site .itk2-entrant-body h3{ margin:0; font-size:18px; font-weight:800; color:var(--itk-ink); overflow-wrap:anywhere; }
body.itk2-brand-site .itk2-entrant-handle{ font-size:13px; color:var(--itk-blue); }
body.itk2-brand-site .itk2-entrant-desc{ margin:0; font-size:14px; line-height:1.85; color:var(--itk-muted); }
body.itk2-brand-site .itk2-entrant-link{ align-self:flex-start; font-size:13px; font-weight:700; color:var(--itk-blue)!important; }

body.itk2-brand-site .itk2-entrant-score{ display:flex; flex-direction:column; gap:7px; }
body.itk2-brand-site .itk2-entrant-bar{ height:8px; border-radius:99px; background:#eaf0f7; overflow:hidden; }
body.itk2-brand-site .itk2-entrant-bar i{ display:block; height:100%; border-radius:99px; background:var(--itk-blue); }
body.itk2-brand-site .itk2-entrant-count{ display:flex; align-items:baseline; gap:6px; }
body.itk2-brand-site .itk2-entrant-count strong{ font-size:19px; font-weight:800; color:var(--itk-ink); }
body.itk2-brand-site .itk2-entrant-count span{ font-size:12px; color:var(--itk-muted); }
body.itk2-brand-site .itk2-entrant-count em{ margin-inline-start:auto; font-style:normal; font-size:12px; font-weight:800; color:var(--itk-blue); }

body.itk2-brand-site .itk2-like-btn{
  display:flex; align-items:center; justify-content:center; gap:8px;
  width:100%; min-height:46px; padding:11px 16px; margin:0;
  border:1px solid var(--itk-line); border-radius:var(--itk-r-sm);
  background:#fff; color:var(--itk-ink); font-size:15px; font-weight:800;
  cursor:pointer; touch-action:manipulation;
}
body.itk2-brand-site .itk2-like-btn .itk2-like-heart{ color:#e2444a; font-size:18px; line-height:1; }
body.itk2-brand-site .itk2-like-btn:hover{ border-color:var(--itk-blue); color:var(--itk-blue); }
body.itk2-brand-site .itk2-like-btn:disabled{ cursor:default; }
body.itk2-brand-site .itk2-like-btn.is-liked{ background:#e8f7ee; border-color:#8fdcb0; color:#12854a; }
body.itk2-brand-site .itk2-like-btn.is-done{ background:#f4f7fa; color:var(--itk-muted); font-size:13px; font-weight:700; }

body.itk2-brand-site .itk2-entrant-comments{
  padding-top:12px; border-top:1px solid var(--itk-line);
  display:flex; flex-direction:column; gap:10px;
}
body.itk2-brand-site .itk2-entrant-comments h4{ margin:0; font-size:12px; font-weight:800; color:var(--itk-muted); }
body.itk2-brand-site .itk2-entrant-comment{ padding:10px 12px; border-radius:10px; background:#f6f9fc; }
body.itk2-brand-site .itk2-entrant-comment strong{ display:block; font-size:13px; font-weight:800; color:var(--itk-ink); }
body.itk2-brand-site .itk2-entrant-comment p{ margin:3px 0 0; font-size:13px; line-height:1.8; color:var(--itk-muted); overflow-wrap:anywhere; }

body.itk2-brand-site .itk2-comment-form{ display:flex; flex-direction:column; gap:8px; padding-top:12px; border-top:1px solid var(--itk-line); }
body.itk2-brand-site .itk2-comment-form input,
body.itk2-brand-site .itk2-comment-form textarea{
  width:100%; padding:10px 12px; border:1px solid var(--itk-line); border-radius:10px;
  background:#fbfdff; font-family:inherit; font-size:14px; color:var(--itk-ink);
}
body.itk2-brand-site .itk2-comment-form textarea{ resize:vertical; min-height:64px; }
body.itk2-brand-site .itk2-comment-form button{
  align-self:flex-start; padding:10px 18px; border:0; border-radius:10px;
  background:var(--itk-blue); color:#fff; font-size:13px; font-weight:800; cursor:pointer;
}
body.itk2-brand-site .itk2-comment-msg{ font-size:13px; line-height:1.7; font-weight:700; }
body.itk2-brand-site .itk2-comment-msg:empty{ display:none; }
body.itk2-brand-site .itk2-comment-msg.is-ok{ color:#12854a; }
body.itk2-brand-site .itk2-comment-msg.is-error{ color:#b3282d; }

@media (max-width: 1100px){
  body.itk2-brand-site .itk2-entrant{ flex-basis:calc(50% - 9px); }
}
@media (max-width: 767px){
  body.itk2-brand-site .itk2-contest-hero h1{ font-size:25px; }
  body.itk2-brand-site .itk2-contest-card{ padding:18px; border-radius:18px; }
  body.itk2-brand-site .itk2-contest-top h2{ font-size:21px; }
  body.itk2-brand-site .itk2-contest-top > div:first-child{ flex:1 1 100%; }
  body.itk2-brand-site .itk2-contest-duration{ flex:1 1 100%; text-align:right; }
  body.itk2-brand-site .itk2-contest-dates > div{ flex:1 1 100%; }
  body.itk2-brand-site .itk2-contest-countdown > div{ flex:1 1 calc(50% - 5px); }
  body.itk2-brand-site .itk2-entrant{ flex:1 1 100%; border-radius:18px; }
  body.itk2-brand-site .itk2-entrant-media{ height:200px; flex-basis:200px; }
  body.itk2-brand-site .itk2-contest-winner{ padding:18px; }
  body.itk2-brand-site .itk2-winner-photo{ width:76px; height:76px; }
  body.itk2-brand-site .itk2-comment-form button{ align-self:stretch; text-align:center; }
}

/* ==========================================================================
   ITKUWAITI v5.7 — APPLY BOX + LIVE CHAT + FIXED ENTRANT IMAGE FRAME
   ========================================================================== */

/* Every entrant photo is framed to the same 4:3 box. Server-side the image is
   also served at the registered 800x600 crop, so a banner and a square logo
   both land in the grid at identical proportions. */
body.itk2-brand-site .itk2-entrant-media{ overflow:hidden !important; }
body.itk2-brand-site .itk2-entrant-media .itk2-entrant-img{
  display:block !important;
  width:100% !important; height:100% !important;
  object-fit:cover !important; object-position:center !important;
  margin:0 !important; max-width:none !important;
}
body.itk2-brand-site .itk2-winner-photo{ overflow:hidden; }
body.itk2-brand-site .itk2-winner-photo .itk2-entrant-img{
  display:block; width:100%; height:100%; object-fit:cover; object-position:center;
}

body.itk2-brand-site .itk2-apply{
  margin:0 0 18px; padding:20px;
  border:1px solid var(--itk-line); border-radius:var(--itk-r-lg); background:#fff;
}
body.itk2-brand-site .itk2-apply-head{
  display:flex; flex-wrap:wrap; align-items:center; justify-content:space-between; gap:12px 18px;
}
body.itk2-brand-site .itk2-apply-head > div{ flex:1 1 280px; min-width:0; }
body.itk2-brand-site .itk2-apply-head h3{ margin:0; font-size:19px; font-weight:800; color:var(--itk-ink); }
body.itk2-brand-site .itk2-apply-head p{ margin:6px 0 0; font-size:14px; line-height:1.8; color:var(--itk-muted); }
body.itk2-brand-site .itk2-apply-toggle{
  flex:0 0 auto; padding:12px 22px; min-height:44px; border:0; border-radius:var(--itk-r-sm);
  background:var(--itk-blue); color:#fff; font-size:14px; font-weight:800; cursor:pointer;
}
body.itk2-brand-site .itk2-apply-form{ display:flex; flex-direction:column; gap:10px; margin:16px 0 0; padding-top:16px; border-top:1px solid var(--itk-line); }
body.itk2-brand-site .itk2-apply-form[hidden]{ display:none; }
body.itk2-brand-site .itk2-apply-row{ display:flex; flex-wrap:wrap; gap:10px; }
body.itk2-brand-site .itk2-apply-row > *{ flex:1 1 200px; min-width:0; }
body.itk2-brand-site .itk2-apply-form input,
body.itk2-brand-site .itk2-apply-form textarea{
  width:100%; padding:11px 13px; border:1px solid var(--itk-line); border-radius:10px;
  background:#fbfdff; font-family:inherit; font-size:14px; color:var(--itk-ink);
}
body.itk2-brand-site .itk2-apply-form textarea{ resize:vertical; min-height:84px; }
body.itk2-brand-site .itk2-apply-form > button{
  align-self:flex-start; padding:12px 24px; min-height:44px; border:0; border-radius:10px;
  background:var(--itk-ink); color:#fff; font-size:14px; font-weight:800; cursor:pointer;
}
body.itk2-brand-site .itk2-apply-msg{ font-size:14px; line-height:1.7; font-weight:700; }
body.itk2-brand-site .itk2-apply-msg:empty{ display:none; }
body.itk2-brand-site .itk2-apply-msg.is-ok{ color:#12854a; }
body.itk2-brand-site .itk2-apply-msg.is-error{ color:#b3282d; }

body.itk2-brand-site .itk2-chat{
  margin:18px 0 0; border-radius:var(--itk-r-lg);
  background:var(--itk-navy); color:var(--itk-on-dark); overflow:hidden;
}
body.itk2-brand-site .itk2-chat[hidden]{ display:none; }
body.itk2-brand-site .itk2-chat-head{
  display:flex; flex-wrap:wrap; align-items:center; justify-content:space-between; gap:8px 16px;
  padding:16px 20px; border-bottom:1px solid var(--itk-line-dark);
}
body.itk2-brand-site .itk2-chat-head > div{ display:flex; align-items:center; gap:9px; }
body.itk2-brand-site .itk2-chat-head strong{ font-size:16px; font-weight:800; color:#fff; }
body.itk2-brand-site .itk2-chat-head small{ font-size:12px; color:var(--itk-on-dark-2); }
body.itk2-brand-site .itk2-chat-dot{
  width:9px; height:9px; border-radius:50%; background:#38d67f;
  box-shadow:0 0 0 4px rgba(56,214,127,.18); flex:0 0 auto;
}
body.itk2-brand-site .itk2-chat-log{
  height:320px; overflow-y:auto; padding:16px 20px;
  display:flex; flex-direction:column; gap:10px;
  overscroll-behavior:contain;
}
body.itk2-brand-site .itk2-chat-loading{ margin:auto; font-size:14px; color:var(--itk-on-dark-2); text-align:center; }
body.itk2-brand-site .itk2-chat-line{
  display:flex; flex-wrap:wrap; align-items:baseline; gap:4px 8px;
  padding:9px 12px; border-radius:12px; background:rgba(255,255,255,.06);
}
body.itk2-brand-site .itk2-chat-line strong{ flex:0 0 auto; font-size:13px; font-weight:800; color:var(--itk-gold); }
body.itk2-brand-site .itk2-chat-line span{ flex:1 1 100%; font-size:14px; line-height:1.7; color:#fff; overflow-wrap:anywhere; }
body.itk2-brand-site .itk2-chat-line em{ flex:0 0 auto; font-style:normal; font-size:11px; color:var(--itk-on-dark-2); }

body.itk2-brand-site .itk2-chat-form{ display:flex; flex-direction:column; gap:9px; padding:14px 20px 18px; border-top:1px solid var(--itk-line-dark); }
body.itk2-brand-site .itk2-chat-inputrow{ display:flex; flex-wrap:wrap; align-items:stretch; gap:8px; }
body.itk2-brand-site .itk2-chat-form input,
body.itk2-brand-site .itk2-chat-form textarea{
  padding:11px 13px; border:1px solid var(--itk-line-dark); border-radius:10px;
  background:rgba(255,255,255,.07); color:#fff; font-family:inherit; font-size:14px;
}
body.itk2-brand-site .itk2-chat-form input::placeholder,
body.itk2-brand-site .itk2-chat-form textarea::placeholder{ color:var(--itk-on-dark-2); }
body.itk2-brand-site .itk2-chat-form input{ width:100%; max-width:260px; }
body.itk2-brand-site .itk2-chat-form textarea{ flex:1 1 200px; min-width:0; resize:vertical; min-height:44px; }
body.itk2-brand-site .itk2-chat-emoji-btn,
body.itk2-brand-site .itk2-chat-send{
  flex:0 0 auto; min-height:44px; padding:0 16px; border-radius:10px; cursor:pointer;
  font-size:14px; font-weight:800; border:1px solid var(--itk-line-dark);
}
body.itk2-brand-site .itk2-chat-emoji-btn{ background:rgba(255,255,255,.07); color:#fff; font-size:19px; padding:0 13px; }
body.itk2-brand-site .itk2-chat-send{ background:var(--itk-blue); color:#fff; border-color:transparent; }
body.itk2-brand-site .itk2-chat-emojis{ display:flex; flex-wrap:wrap; gap:6px; }
body.itk2-brand-site .itk2-chat-emojis[hidden]{ display:none; }
body.itk2-brand-site .itk2-chat-emojis button{
  width:38px; height:38px; padding:0; border-radius:9px; cursor:pointer;
  border:1px solid var(--itk-line-dark); background:rgba(255,255,255,.06); font-size:19px; line-height:1;
}
body.itk2-brand-site .itk2-chat-msg{ font-size:13px; font-weight:700; }
body.itk2-brand-site .itk2-chat-msg:empty{ display:none; }
body.itk2-brand-site .itk2-chat-msg.is-error{ color:#ffb3b3; }
body.itk2-brand-site .itk2-chat-blocked{
  margin:0; padding:16px 20px; border-top:1px solid var(--itk-line-dark);
  background:rgba(226,74,74,.14); color:#ffb3b3; font-size:14px; font-weight:700; text-align:center;
}

@media (max-width: 767px){
  body.itk2-brand-site .itk2-apply{ padding:16px; border-radius:18px; }
  body.itk2-brand-site .itk2-apply-toggle{ flex:1 1 100%; }
  body.itk2-brand-site .itk2-apply-form > button{ align-self:stretch; text-align:center; }
  body.itk2-brand-site .itk2-chat-log{ height:270px; padding:14px; }
  body.itk2-brand-site .itk2-chat-head,
  body.itk2-brand-site .itk2-chat-form{ padding-left:14px; padding-right:14px; }
  body.itk2-brand-site .itk2-chat-form input{ max-width:none; }
  body.itk2-brand-site .itk2-chat-send{ flex:1 1 100%; }
}

/* ==========================================================================
   v5.8 — FESTIVE CONTEST DESIGN, LANGUAGE SWITCHER, IN-CHAT MODERATION
   ========================================================================== */

/* --- language switcher ---------------------------------------------------- */
.itk2-lang-switch{ display:inline-flex; gap:2px; padding:3px; border-radius:999px; background:rgba(255,255,255,.7); border:1px solid var(--itk-line); box-shadow:0 4px 14px rgba(15,35,60,.08); }
.itk2-lang-switch a{ display:inline-block; padding:6px 14px; border-radius:999px; font-size:11px; font-weight:900; letter-spacing:.05em; text-decoration:none!important; color:var(--itk-muted); transition:all .18s ease; }
.itk2-lang-switch a.is-active{ background:linear-gradient(135deg,#001931,#123a5e); color:#ffd873!important; }
.itk2-lang-switch a:not(.is-active):hover{ color:var(--itk-ink); }
.itk2-lang-switch-compact a{ padding:5px 10px; font-size:10px; }
body.itk2-brand-site .itk2-real-header-item.itk2-real-lang .itk2-real-icon{ filter:none; }

/* --- festive hero / confetti ------------------------------------------------ */
body.itk2-brand-site .itk2-contest-festive{ position:relative; overflow:hidden; }
body.itk2-brand-site .itk2-confetti{ position:absolute; inset:0 0 auto 0; height:140px; pointer-events:none; overflow:hidden; z-index:0; }
body.itk2-brand-site .itk2-confetti span{ position:absolute; top:-40px; font-size:22px; opacity:.55; animation:itk2-fall 9s linear infinite; }
body.itk2-brand-site .itk2-confetti span:nth-child(1){ left:4%; animation-delay:0s; }
body.itk2-brand-site .itk2-confetti span:nth-child(2){ left:18%; animation-delay:1.2s; font-size:16px; }
body.itk2-brand-site .itk2-confetti span:nth-child(3){ left:36%; animation-delay:2.4s; font-size:26px; }
body.itk2-brand-site .itk2-confetti span:nth-child(4){ left:58%; animation-delay:.6s; font-size:18px; }
body.itk2-brand-site .itk2-confetti span:nth-child(5){ left:76%; animation-delay:3.1s; font-size:20px; }
body.itk2-brand-site .itk2-confetti span:nth-child(6){ left:92%; animation-delay:1.8s; font-size:24px; }
@keyframes itk2-fall{ 0%{ transform:translateY(-20px) rotate(0deg); opacity:0; } 10%{ opacity:.6; } 100%{ transform:translateY(180px) rotate(220deg); opacity:0; } }
@media (prefers-reduced-motion: reduce){ body.itk2-brand-site .itk2-confetti span{ animation:none; opacity:.25; } }

body.itk2-brand-site .itk2-contest-hero{ position:relative; z-index:1; }
body.itk2-brand-site .itk2-contest-hero-top{ display:flex; align-items:center; justify-content:space-between; gap:14px; flex-wrap:wrap; }
body.itk2-brand-site .itk2-contest-festive .itk2-contest-hero h1{
  background:linear-gradient(90deg,#001931,#123a5e 45%,#dfa523 100%);
  -webkit-background-clip:text; background-clip:text; color:transparent;
  letter-spacing:-.01em;
}
body.itk2-brand-site .itk2-contest-kicker{
  padding:6px 14px; border-radius:999px; background:linear-gradient(90deg,#001931,#123a5e); color:#ffd873;
}
body.itk2-brand-site .itk2-contest-kicker span{ background:#dfa523; }

/* --- playful contest card + entrants --------------------------------------- */
body.itk2-brand-site .itk2-contest-card{
  background:linear-gradient(160deg,#001931 0%,#123a5e 65%,#001931 100%);
  box-shadow:0 26px 60px rgba(15,33,56,.28);
}
body.itk2-brand-site .itk2-contest-state.is-live{
  background:linear-gradient(90deg,rgba(224,165,39,.22),rgba(25,166,90,.22));
  color:#ffe19a; animation:itk2-pulse-badge 1.8s ease-in-out infinite;
}
@keyframes itk2-pulse-badge{ 0%,100%{ box-shadow:0 0 0 0 rgba(224,165,39,.35); } 50%{ box-shadow:0 0 0 6px rgba(224,165,39,0); } }

body.itk2-brand-site .itk2-entrant{
  border-radius:24px; transition:transform .22s ease, box-shadow .22s ease;
}
body.itk2-brand-site .itk2-entrant:hover{ transform:translateY(-6px) rotate(-.3deg); box-shadow:0 22px 46px rgba(15,35,60,.16); }
body.itk2-brand-site .itk2-entrant-fallback{
  width:100%; height:100%; display:flex; align-items:center; justify-content:center;
  color:#fff; font-weight:900; font-size:38px; letter-spacing:.02em;
}
body.itk2-brand-site .itk2-entrant-rank{
  background:linear-gradient(135deg,#dfa523,#c78a0d); color:#241505; font-weight:900;
}

body.itk2-brand-site .itk2-like-btn{
  border-radius:999px; font-weight:800; transition:transform .15s ease;
}
body.itk2-brand-site .itk2-like-btn:hover{ transform:scale(1.04); }
body.itk2-brand-site .itk2-like-btn:active{ transform:scale(.96); }
body.itk2-brand-site .itk2-like-btn .itk2-like-heart{ display:inline-block; animation:itk2-heartbeat 1.6s ease-in-out infinite; }
@keyframes itk2-heartbeat{ 0%,100%{ transform:scale(1); } 50%{ transform:scale(1.18); } }
body.itk2-brand-site .itk2-like-btn.is-liked .itk2-like-heart{ animation:none; }

body.itk2-brand-site .itk2-winner-badge{
  background:linear-gradient(90deg,#dfa523,#c78a0d); color:#241505; font-weight:900;
}
body.itk2-brand-site .itk2-contest-winner{
  background:linear-gradient(135deg,#fff7e6,#fff); border:1px solid #f1dba0;
}

/* --- pop-in entrance for the apply box -------------------------------------- */
body.itk2-brand-site .itk2-pop-in{ animation:itk2-pop-in .5s cubic-bezier(.2,.9,.25,1.2) both; }
@keyframes itk2-pop-in{ 0%{ opacity:0; transform:translateY(10px) scale(.98); } 100%{ opacity:1; transform:none; } }
body.itk2-brand-site .itk2-apply{ border:1px solid rgba(224,165,39,.35); box-shadow:0 18px 40px rgba(15,35,60,.12); }
body.itk2-brand-site .itk2-apply-toggle{
  background:linear-gradient(90deg,#001931,#123a5e); border-color:transparent; color:#ffd873!important;
}

/* --- chat: fixed Admin identity + role badges ------------------------------- */
body.itk2-brand-site .itk2-chat-head{ position:relative; flex-wrap:wrap; gap:6px; }
body.itk2-brand-site .itk2-chat-role-pill{
  flex-basis:100%; display:inline-block; margin-top:2px; padding:3px 10px; border-radius:999px;
  font-size:10px; font-weight:800; letter-spacing:.06em; width:fit-content;
  background:rgba(224,165,39,.18); color:#ffd873; border:1px solid rgba(224,165,39,.4);
}
body.itk2-brand-site .itk2-chat-admin-name{ display:flex; align-items:center; gap:8px; }
body.itk2-brand-site .itk2-chat-admin-badge{
  padding:5px 12px; border-radius:999px; font-weight:900; font-size:13px;
  background:linear-gradient(90deg,#dfa523,#c78a0d); color:#241505;
}
body.itk2-brand-site .itk2-chat-admin-name small{ font-size:11px; color:var(--itk-on-dark-2); }

body.itk2-brand-site .itk2-chat-line.is-admin-line strong,
body.itk2-brand-site .itk2-chat-line.is-admin-line .itk2-chat-name-btn{ color:#ffd873!important; }
body.itk2-brand-site .itk2-chat-line.is-assistant-line strong,
body.itk2-brand-site .itk2-chat-line.is-assistant-line .itk2-chat-name-btn{ color:#9fe0c8!important; }

body.itk2-brand-site .itk2-chat-name-btn{
  flex:0 0 auto; background:transparent; border:0; padding:0; cursor:pointer;
  font-size:13px; font-weight:800; color:var(--itk-gold); text-decoration:underline dotted;
}
body.itk2-brand-site .itk2-chat-name-btn:hover{ color:#fff; }

/* the popover is appended to <body>, so it is styled without the
   .itk2-brand-site scope (it is not a descendant of it in the DOM). */
.itk2-chat-modmenu{
  z-index:99999; min-width:170px; max-width:240px; padding:6px;
  background:#001931; border:1px solid rgba(224,165,39,.4); border-radius:12px;
  box-shadow:0 18px 40px rgba(0,0,0,.35); display:flex; flex-direction:column; gap:2px;
  font-family:inherit;
}
.itk2-chat-modmenu-head{ padding:6px 10px 2px; font-size:10px; font-weight:800; letter-spacing:.08em; color:#ffd873; text-transform:uppercase; }
.itk2-chat-modmenu button{
  text-align:start; padding:8px 10px; border-radius:8px; border:0; background:transparent;
  color:#eaf1f9; font-size:13px; font-weight:700; cursor:pointer;
}
.itk2-chat-modmenu button:hover{ background:rgba(255,255,255,.08); }
.itk2-chat-modmenu button.is-danger{ color:#ff9d9d; }
.itk2-chat-modmenu button.is-danger:hover{ background:rgba(255,80,80,.14); }

@media (max-width:640px){
  body.itk2-brand-site .itk2-contest-hero-top{ flex-direction:column; align-items:flex-start; }
}