/* ==========================================================
   ICODE MEDIA · STUDIO WHITE V2
   Clear premium agency system: warm white + midnight + copper.
   Replaces Pearl V1 as the only final visual override layer.
   ========================================================== */

:root{
  --icode-bg:#F7F7F5!important;
  --icode-surface:#FFFFFF!important;
  --icode-soft:#EEF1F3!important;
  --icode-soft-2:#E4E8EA!important;
  --icode-ink:#101317!important;
  --icode-muted:#5B646C!important;
  --icode-midnight:#0E2733!important;
  --icode-midnight-2:#153743!important;
  --icode-copper:#C66F3D!important;
  --icode-copper-dark:#A9562C!important;
  --icode-line:rgba(16,19,23,.10)!important;
  --icode-shadow:0 24px 70px rgba(16,28,34,.08)!important;
  color-scheme:light!important;
}

*{box-sizing:border-box}

html{
  background:#F7F7F5!important;
  scroll-behavior:smooth;
  scroll-padding-top:106px;
}

body{
  margin:0!important;
  background:#F7F7F5!important;
  color:#101317!important;
  font-family:"Inter",-apple-system,BlinkMacSystemFont,"Segoe UI",Arial,sans-serif!important;
  font-size:16px!important;
  line-height:1.62!important;
  overflow-x:clip!important;
  -webkit-font-smoothing:antialiased;
  text-rendering:optimizeLegibility;
}

main{
  width:100%!important;
  max-width:100%!important;
  min-width:0!important;
  overflow:visible!important;
  background:#F7F7F5!important;
}

/* ---------------- TYPE SYSTEM ---------------- */

h1,h2,h3,h4,h5,h6,
.v5-hero h1,
.v5-section-head h2,
.section-head h2,
.service-detail-hero h1,
.portfolio-studio-hero h1,
.archive-head h1,
.about-premium h1,
.about-premium h2{
  margin-top:0;
  color:#101317!important;
  font-family:"Manrope","Inter",-apple-system,BlinkMacSystemFont,"Segoe UI",Arial,sans-serif!important;
  text-wrap:balance;
}

main p{
  color:#5B646C!important;
  font-size:clamp(15.5px,1vw,17px)!important;
  line-height:1.68!important;
}

.v5-hero h1{
  font-size:clamp(58px,5.5vw,86px)!important;
  line-height:.91!important;
  letter-spacing:-.06em!important;
  font-weight:800!important;
}

.v5-section-head h2,
.section-head h2{
  font-size:clamp(40px,3.65vw,58px)!important;
  line-height:1!important;
  letter-spacing:-.046em!important;
  font-weight:780!important;
}

.service-detail-hero h1,
.portfolio-studio-hero h1,
.archive-head h1,
.about-premium h1{
  font-size:clamp(44px,4.7vw,68px)!important;
  line-height:1!important;
  letter-spacing:-.052em!important;
  font-weight:800!important;
}

.v5-section-head>div>span,
.section-head>span,
.service-detail-hero>div>span,
.archive-head>span{
  color:#A9562C!important;
  font-size:11px!important;
  line-height:1.2!important;
  font-weight:800!important;
  letter-spacing:.11em!important;
}

.v5-section-head h2 em,
.section-head h2 em,
.v51-erp h2 em{
  color:#C66F3D!important;
  font-style:normal!important;
}

/* ---------------- REAL CONTENT GUTTERS ---------------- */
/* This is the bit that stops every sentence from trying to escape through the monitor edge. */

.v5-hero,
.v5-work,
.v66-work,
.v63-work,
.v5-partners,
.v51-erp,
.v5-insights,
.v5-contact,
.v2-start,
.service-detail-hero,
.service-detail-includes,
.service-process,
.service-faq,
.service-next,
.portfolio-studio-hero,
.archive-head,
.about-premium,
.page-v2,
.page-v1,
.article-v2,
.article-v1{
  min-width:0!important;
  height:auto!important;
  max-height:none!important;
  overflow:visible!important;
}

.v5-hero,
.v5-work,
.v66-work,
.v63-work,
.v5-partners,
.v51-erp,
.v5-insights,
.v5-contact,
.v2-start{
  padding-left:max(28px,calc((100vw - 1360px)/2))!important;
  padding-right:max(28px,calc((100vw - 1360px)/2))!important;
}

.v5-work>.v66-section-head,
.v5-work>.v66-work-machine,
.v5-work>.v66-section-foot,
.v5-partners>.v5-section-head,
.v5-partners>.v5-logo-mosaic,
.v5-insights>.v5-section-head,
.v5-insights>.v5-article-grid{
  width:100%!important;
  max-width:1240px!important;
  margin-left:auto!important;
  margin-right:auto!important;
}

.v5-section-head{
  margin-bottom:42px!important;
}

main img,
main video,
main iframe,
main canvas,
main svg{
  max-width:100%!important;
}

main img,
main video{
  height:auto;
}

main h1,main h2,main h3,main p,main li,main a,main span{
  overflow-wrap:anywhere;
}

/* ---------------- HEADER ---------------- */

.cinema-header{
  top:14px!important;
  left:50%!important;
  right:auto!important;
  transform:translateX(-50%)!important;
  width:min(1460px,calc(100% - 32px))!important;
  max-width:1460px!important;
  min-height:76px!important;
  grid-template-columns:150px minmax(0,1fr) auto!important;
  gap:16px!important;
  padding:9px 12px 9px 16px!important;
  background:rgba(255,255,255,.95)!important;
  border:1px solid rgba(16,19,23,.09)!important;
  border-radius:20px!important;
  box-shadow:0 14px 42px rgba(17,28,34,.09)!important;
  backdrop-filter:blur(18px) saturate(1.08)!important;
}

.cinema-header.scrolled{
  background:rgba(255,255,255,.98)!important;
}

.cinema-logo{
  min-width:0!important;
  padding:0!important;
}

.cinema-logo:after{display:none!important}

.cinema-logo img,
.mobile-scene-logo img{
  width:136px!important;
  max-width:136px!important;
  height:auto!important;
  opacity:1!important;
  filter:
    brightness(0)
    saturate(100%)
    invert(49%)
    sepia(54%)
    saturate(1000%)
    hue-rotate(337deg)
    brightness(94%)
    contrast(88%)!important;
}

.simple-main-nav{
  display:flex!important;
  justify-content:center!important;
  align-items:center!important;
  gap:clamp(10px,1vw,20px)!important;
}

.simple-main-nav>a{
  min-height:46px!important;
  padding:0!important;
  display:inline-flex!important;
  align-items:center!important;
  color:#2A3035!important;
  font-family:"Inter",sans-serif!important;
  font-size:12.4px!important;
  font-weight:750!important;
  letter-spacing:-.012em!important;
  text-decoration:none!important;
  white-space:nowrap!important;
}

.simple-main-nav>a:after{
  height:2px!important;
  bottom:2px!important;
  border-radius:999px!important;
  background:#C66F3D!important;
}

.simple-main-nav>a:hover,
.simple-main-nav>a:focus-visible{
  color:#A9562C!important;
}

.simple-main-nav .simple-erp-link,
.simple-main-nav .simple-erp-link span{
  color:#0E2733!important;
  font-size:inherit!important;
  font-weight:800!important;
}

.cinema-header-actions{
  display:flex!important;
  align-items:center!important;
  gap:8px!important;
}

.cinema-whatsapp-btn{
  width:46px!important;
  height:46px!important;
  border-radius:12px!important;
  background:#F1F4F5!important;
  border:1px solid rgba(14,39,51,.12)!important;
  color:#0E2733!important;
  box-shadow:none!important;
}

.cinema-whatsapp-btn:hover{
  transform:translateY(-2px)!important;
  background:#E7ECEE!important;
}

.cinema-project-btn{
  min-width:142px!important;
  height:48px!important;
  padding:0 16px!important;
  border-radius:12px!important;
  background:#101317!important;
  border:1px solid #101317!important;
  color:#fff!important;
  font-family:"Inter",sans-serif!important;
  font-size:11.5px!important;
  font-weight:800!important;
  box-shadow:none!important;
}

.cinema-project-btn:hover{
  background:#C66F3D!important;
  border-color:#C66F3D!important;
  transform:translateY(-2px)!important;
}

/* ---------------- MOBILE MENU ---------------- */

.mobile-scene{
  background:#F7F7F5!important;
  color:#101317!important;
}

.mobile-scene-top,
.mobile-scene-bottom,
.mobile-scene-link{
  border-color:rgba(16,19,23,.10)!important;
}

.mobile-scene-top button{
  background:#EEF1F3!important;
  border-color:rgba(16,19,23,.10)!important;
  color:#101317!important;
}

.mobile-scene-label{
  color:#A9562C!important;
}

.simple-mobile-nav .mobile-scene-link>span{
  color:#101317!important;
  font-family:"Manrope","Inter",sans-serif!important;
  font-size:24px!important;
  font-weight:750!important;
}

.simple-mobile-nav .mobile-scene-link>b{
  color:#889198!important;
}

.simple-mobile-nav .mobile-scene-link>i{
  color:#C66F3D!important;
}

.mobile-scene-bottom{
  background:linear-gradient(180deg,rgba(247,247,245,0),#F7F7F5 20%)!important;
}

.mobile-scene-bottom>a{
  background:#fff!important;
  border-color:rgba(16,19,23,.10)!important;
  color:#353D43!important;
}

.mobile-scene-bottom .mobile-start{
  background:#101317!important;
  border-color:#101317!important;
  color:#fff!important;
}

/* ---------------- HERO: CLEAN, NOT A GAME ---------------- */

.v5-hero{
  min-height:760px!important;
  padding-top:132px!important;
  padding-bottom:82px!important;
  display:grid!important;
  grid-template-columns:minmax(0,.88fr) minmax(440px,1.12fr)!important;
  gap:clamp(42px,5vw,78px)!important;
  align-items:center!important;
  background:
    radial-gradient(circle at 86% 5%,rgba(14,39,51,.055),transparent 26%),
    #F7F7F5!important;
}

.v5-hero-grid,
.v5-hero-aura{
  opacity:.22!important;
}

.v5-hero-copy{
  max-width:670px!important;
}

.v5-hero h1,
.v5-hero h1 span{
  color:#101317!important;
}

.v5-hero h1 .accent{
  color:#C66F3D!important;
}

.v5-hero-copy>p{
  max-width:590px!important;
  margin-top:25px!important;
  color:#5B646C!important;
  font-size:17px!important;
}

.v5-hero-kicker{
  color:#A9562C!important;
}

.v5-hero-kicker>span{
  background:#C66F3D!important;
}

.v5-hero-actions{
  gap:9px!important;
  margin-top:30px!important;
}

.v5-primary,
.v5-secondary{
  min-height:50px!important;
  border-radius:12px!important;
}

.v5-primary{
  background:#101317!important;
  border-color:#101317!important;
  color:#fff!important;
}

.v5-primary:hover{
  background:#C66F3D!important;
  border-color:#C66F3D!important;
}

.v5-secondary{
  background:#fff!important;
  border-color:rgba(16,19,23,.10)!important;
  color:#101317!important;
}

.v5-secondary:hover{
  color:#A9562C!important;
  border-color:rgba(198,111,61,.36)!important;
}

.v5-hero-proof{
  color:#747D84!important;
  font-size:9px!important;
}

.v5-hero-proof i{
  background:#B8BEC2!important;
}

/* Replace the floating playground appearance with a neat capability panel. */
.v5-hero-stage{
  position:relative!important;
  inset:auto!important;
  transform:none!important;
  width:100%!important;
  min-width:0!important;
  max-width:720px!important;
  min-height:0!important;
  height:auto!important;
  margin-left:auto!important;
  padding:28px!important;
  display:flex!important;
  flex-direction:column!important;
  gap:18px!important;
  background:
    radial-gradient(circle at 90% 0,rgba(198,111,61,.18),transparent 28%),
    #0E2733!important;
  border:1px solid rgba(255,255,255,.06)!important;
  border-radius:28px!important;
  box-shadow:0 30px 80px rgba(14,39,51,.18)!important;
  overflow:hidden!important;
}

.hero-stage-ring,
.v68-service-lines,
.v681-play-hint,
.v681-reset,
.v5-scroll-cue{
  display:none!important;
}

.hero-stage-center{
  position:relative!important;
  inset:auto!important;
  transform:none!important;
  width:auto!important;
  height:auto!important;
  min-height:0!important;
  align-self:flex-start!important;
  padding:14px 17px!important;
  border-radius:14px!important;
  display:flex!important;
  align-items:center!important;
  gap:9px!important;
  background:rgba(255,255,255,.075)!important;
  border:1px solid rgba(255,255,255,.10)!important;
  box-shadow:none!important;
}

.hero-stage-center small{
  color:#E6A27B!important;
  font-size:9px!important;
}

.hero-stage-center b{
  color:#fff!important;
  font-size:17px!important;
  line-height:1.05!important;
}

.v68-service-field{
  position:relative!important;
  inset:auto!important;
  transform:none!important;
  width:100%!important;
  height:auto!important;
  min-height:0!important;
  display:grid!important;
  grid-template-columns:repeat(2,minmax(0,1fr))!important;
  gap:10px!important;
}

.v68-service-node{
  position:relative!important;
  inset:auto!important;
  top:auto!important;
  right:auto!important;
  bottom:auto!important;
  left:auto!important;
  transform:none!important;
  width:auto!important;
  height:auto!important;
  min-width:0!important;
  min-height:80px!important;
  padding:14px!important;
  display:flex!important;
  flex-direction:column!important;
  justify-content:center!important;
  gap:6px!important;
  background:rgba(255,255,255,.07)!important;
  border:1px solid rgba(255,255,255,.09)!important;
  border-radius:15px!important;
  box-shadow:none!important;
  color:#fff!important;
  cursor:pointer!important;
  touch-action:auto!important;
}

.v68-service-node:before,
.v68-service-node:after{
  display:none!important;
}

.v68-service-node small{
  color:#93AAB1!important;
  font-size:8px!important;
}

.v68-service-node strong{
  color:#F8FBFC!important;
  font-family:"Manrope","Inter",sans-serif!important;
  font-size:14px!important;
  line-height:1.22!important;
  text-shadow:none!important;
}

.v68-service-node>span{
  display:none!important;
}

.v68-service-node:hover{
  transform:translateY(-2px)!important;
  background:rgba(255,255,255,.105)!important;
  border-color:rgba(230,162,123,.35)!important;
}

.v5-signal-strip,
.v62-signal-strip{
  display:none!important;
}

/* ---------------- HOME SECTIONS ---------------- */

.v5-work,
.v66-work,
.v63-work{
  padding-top:92px!important;
  padding-bottom:92px!important;
  background:#FFFFFF!important;
}

.v66-work-machine,
.v63-work-machine{
  min-width:0!important;
  max-width:1240px!important;
  margin-left:auto!important;
  margin-right:auto!important;
  overflow:visible!important;
}

.v66-work-stage,
.v63-work-stage{
  min-width:0!important;
  overflow:visible!important;
}

.v66-work-card,
.v63-work-feature{
  border-color:rgba(16,19,23,.10)!important;
  box-shadow:0 22px 58px rgba(17,28,34,.10)!important;
}

.v66-work-image img,
.v63-work-media img{
  filter:none!important;
  opacity:1!important;
}

.v66-work-tab{
  background:#F3F5F6!important;
  border-color:rgba(16,19,23,.08)!important;
  color:#101317!important;
}

.v66-work-tab:hover,
.v66-work-tab.active{
  background:#fff!important;
  border-color:rgba(198,111,61,.35)!important;
}

.v66-work-tab small{color:#899198!important}
.v66-work-tab i{color:#C66F3D!important}

.v66-section-foot{
  background:#F2F4F5!important;
  border-color:rgba(16,19,23,.08)!important;
}

.v66-section-foot a{color:#A9562C!important}

.v5-partners{
  padding-top:88px!important;
  padding-bottom:88px!important;
  background:#EEF1F3!important;
}

.v5-logo-mosaic{
  grid-template-columns:repeat(5,minmax(0,1fr))!important;
  gap:12px!important;
}

.v5-logo-mosaic figure{
  min-width:0!important;
  min-height:116px!important;
  background:#fff!important;
  border:1px solid rgba(16,19,23,.08)!important;
  border-radius:16px!important;
  box-shadow:none!important;
}

.v5-logo-mosaic figure:hover{
  border-color:rgba(198,111,61,.30)!important;
  box-shadow:0 14px 32px rgba(17,28,34,.06)!important;
}

.v5-logo-mosaic figure img{
  max-width:100%!important;
  max-height:68px!important;
  width:auto!important;
  height:auto!important;
  object-fit:contain!important;
  filter:none!important;
  opacity:1!important;
}

.v51-erp{
  padding-top:94px!important;
  padding-bottom:94px!important;
  display:grid!important;
  grid-template-columns:minmax(0,.85fr) minmax(0,1.15fr)!important;
  gap:clamp(38px,5vw,68px)!important;
  align-items:center!important;
  background:
    radial-gradient(circle at 100% 0,rgba(198,111,61,.18),transparent 28%),
    #0E2733!important;
  color:#F6FAFB!important;
}

.v51-erp h2,
.v51-erp h3{
  color:#F6FAFB!important;
}

.v51-erp-intro>span,
.v51-erp h2 em{
  color:#E7A37C!important;
}

.v51-erp-intro>p{
  color:#B7C8CD!important;
}

.v51-erp-capabilities span,
.erp-home-industry-launch a{
  background:rgba(255,255,255,.065)!important;
  border-color:rgba(255,255,255,.10)!important;
  color:#E7EEF0!important;
}

.erp-home-industry-launch a:hover{
  background:#C66F3D!important;
  border-color:#C66F3D!important;
  color:#fff!important;
}

.v51-demo-btn{
  background:rgba(255,255,255,.07)!important;
  border-color:rgba(255,255,255,.12)!important;
  color:#fff!important;
}

.v51-demo-btn small{
  background:#C66F3D!important;
  color:#fff!important;
}

.v51-os-window{
  min-width:0!important;
  max-width:100%!important;
  background:#F5F7F7!important;
  border-color:rgba(255,255,255,.14)!important;
  box-shadow:0 28px 72px rgba(3,18,24,.25)!important;
}

.os-window-shell{
  min-width:0!important;
}

.os-window-shell aside{
  background:#102D37!important;
}

.os-window-main{
  min-width:0!important;
  background:#F7F9F9!important;
}

.os-kpi-row article,
.os-chart-card,
.os-flow-card{
  min-width:0!important;
  background:#fff!important;
  border-color:rgba(16,19,23,.08)!important;
}

.v5-insights{
  padding-top:90px!important;
  padding-bottom:90px!important;
  background:#F7F7F5!important;
}

.v5-article-grid{
  display:grid!important;
  grid-template-columns:repeat(3,minmax(0,1fr))!important;
  gap:14px!important;
}

.v5-article-grid>a{
  min-width:0!important;
  background:#fff!important;
  border-color:rgba(16,19,23,.08)!important;
  border-radius:17px!important;
}

.v5-article-grid>a:hover{
  border-color:rgba(198,111,61,.30)!important;
  box-shadow:0 14px 34px rgba(17,28,34,.06)!important;
}

.v5-contact{
  padding-top:92px!important;
  padding-bottom:92px!important;
  display:grid!important;
  grid-template-columns:minmax(0,.82fr) minmax(0,1.18fr)!important;
  gap:clamp(38px,5vw,72px)!important;
  align-items:start!important;
  background:#EEF1F3!important;
}

.v5-contact-form{
  min-width:0!important;
  background:#fff!important;
  border:1px solid rgba(16,19,23,.08)!important;
  border-radius:20px!important;
  box-shadow:0 18px 46px rgba(17,28,34,.065)!important;
}

.v5-contact input,
.v5-contact select,
.v5-contact textarea{
  width:100%!important;
  min-width:0!important;
  background:#F7F8F8!important;
  border-color:rgba(16,19,23,.10)!important;
  color:#101317!important;
  font-size:15px!important;
}

.v5-contact-form button{
  min-height:50px!important;
  border-radius:11px!important;
  background:#101317!important;
  border-color:#101317!important;
  color:#fff!important;
}

/* ---------------- SERVICE / INTERNAL PAGE REPAIR ---------------- */

.service-detail-hero,
.service-detail-includes,
.service-process,
.service-faq,
.service-next,
.portfolio-studio-hero,
.archive-head{
  width:min(1360px,calc(100% - 56px))!important;
  max-width:1360px!important;
  margin-left:auto!important;
  margin-right:auto!important;
  padding-left:0!important;
  padding-right:0!important;
}

.service-detail-hero{
  min-height:600px!important;
  padding-top:132px!important;
  padding-bottom:74px!important;
  display:grid!important;
  grid-template-columns:minmax(0,1.08fr) minmax(320px,.92fr)!important;
  gap:clamp(34px,5vw,72px)!important;
  align-items:center!important;
  background:#F7F7F5!important;
}

.service-detail-hero>div{
  min-width:0!important;
}

.service-detail-hero>div>p{
  max-width:680px!important;
  font-size:17px!important;
}

.service-detail-hero aside{
  min-width:0!important;
  height:auto!important;
  max-height:none!important;
  overflow:visible!important;
  padding:28px!important;
  background:#fff!important;
  border:1px solid rgba(16,19,23,.08)!important;
  border-radius:20px!important;
  box-shadow:0 18px 44px rgba(17,28,34,.055)!important;
}

.service-detail-includes,
.service-faq{
  padding-top:74px!important;
  padding-bottom:74px!important;
}

.service-process,
.service-next{
  padding-top:74px!important;
  padding-bottom:74px!important;
}

.service-detail-includes>div:last-child{
  display:grid!important;
  grid-template-columns:repeat(4,minmax(0,1fr))!important;
  gap:10px!important;
}

.service-detail-includes>div:last-child span{
  min-width:0!important;
  padding:14px 15px!important;
  background:#F2F4F5!important;
  border:1px solid rgba(16,19,23,.08)!important;
  color:#343C42!important;
  border-radius:11px!important;
}

.process-grid{
  display:grid!important;
  grid-template-columns:repeat(4,minmax(0,1fr))!important;
  gap:12px!important;
}

.process-grid article{
  min-width:0!important;
  height:auto!important;
  max-height:none!important;
  overflow:visible!important;
  padding:22px!important;
  background:#fff!important;
  border:1px solid rgba(16,19,23,.08)!important;
  border-radius:16px!important;
}

.faq-list details{
  height:auto!important;
  max-height:none!important;
  overflow:visible!important;
  background:#fff!important;
  border-color:rgba(16,19,23,.08)!important;
}

/* Generic cards on archive / services / portfolio / about pages */
.service-index-grid,
.portfolio-hub-grid,
.industry-cards,
.blog-grid,
.archive-grid,
.about-pillar-grid,
.about-capability-board{
  min-width:0!important;
  max-width:100%!important;
}

.service-index-grid>a,
.portfolio-hub-grid>a,
.industry-cards>a,
.blog-grid>a,
.archive-card,
.portfolio-service-card,
.about-node,
.about-pillar-grid article,
.about-capability-board>a{
  min-width:0!important;
  height:auto!important;
  max-height:none!important;
  overflow:visible!important;
  background:#fff!important;
  border-color:rgba(16,19,23,.08)!important;
  color:#101317!important;
  box-shadow:0 12px 30px rgba(17,28,34,.04)!important;
}

.portfolio-studio-hero,
.archive-head{
  padding-top:132px!important;
  padding-bottom:70px!important;
}

.about-premium{
  width:100%!important;
  padding-left:max(28px,calc((100vw - 1360px)/2))!important;
  padding-right:max(28px,calc((100vw - 1360px)/2))!important;
  background:#F7F7F5!important;
}

.about-premium section{
  height:auto!important;
  max-height:none!important;
  overflow:visible!important;
}

.about-system{
  height:auto!important;
  min-height:500px!important;
  max-height:none!important;
  overflow:visible!important;
}

/* Articles */
.article-v2,
.article-v1,
.page-v2,
.page-v1{
  width:min(1180px,calc(100% - 56px))!important;
  max-width:1180px!important;
  margin-left:auto!important;
  margin-right:auto!important;
}

.article-v2,
.article-v1{
  padding-top:126px!important;
  padding-bottom:82px!important;
}

.article-v2 header,
.article-v1 header{
  height:auto!important;
  max-height:none!important;
  overflow:visible!important;
}

.legacy-content{
  width:min(860px,100%)!important;
  max-width:860px!important;
  margin-left:auto!important;
  margin-right:auto!important;
}

/* ---------------- FOOTER ---------------- */

.v2-footer{
  background:#10171B!important;
  color:#D9E0E3!important;
  border-top:1px solid rgba(255,255,255,.06)!important;
}

.v2-footer>section,
.footer-grid,
.footer-bottom{
  width:min(1240px,calc(100% - 56px))!important;
  max-width:1240px!important;
  margin-left:auto!important;
  margin-right:auto!important;
}

.v2-footer h2,
.footer-grid b{
  color:#fff!important;
}

.footer-grid a,
.footer-grid span,
.footer-bottom{
  color:#9CA7AC!important;
}

.footer-grid a:hover,
.v2-footer>section>a{
  color:#E2A078!important;
}

/* ---------------- RESPONSIVE ---------------- */

@media(max-width:1180px){
  .cinema-header{
    grid-template-columns:135px minmax(0,1fr) auto!important;
    gap:10px!important;
  }
  .cinema-logo img{
    width:124px!important;
    max-width:124px!important;
  }
  .simple-main-nav{
    gap:8px!important;
  }
  .simple-main-nav>a{
    font-size:11px!important;
  }
  .cinema-project-btn{
    min-width:126px!important;
    padding:0 12px!important;
    font-size:10.6px!important;
  }
  .process-grid,
  .service-detail-includes>div:last-child{
    grid-template-columns:repeat(2,minmax(0,1fr))!important;
  }
  .v5-logo-mosaic{
    grid-template-columns:repeat(3,minmax(0,1fr))!important;
  }
}

@media(max-width:920px){
  .cinema-header{
    width:calc(100% - 24px)!important;
    min-height:70px!important;
    grid-template-columns:1fr auto!important;
    padding:9px 10px 9px 14px!important;
  }
  .cinema-logo img{
    width:142px!important;
    max-width:142px!important;
  }

  .v5-hero,
  .v51-erp,
  .v5-contact,
  .service-detail-hero{
    grid-template-columns:1fr!important;
  }

  .v5-hero-stage{
    margin-left:0!important;
    max-width:100%!important;
  }

  .v51-erp{
    gap:36px!important;
  }

  .v5-article-grid{
    grid-template-columns:1fr 1fr!important;
  }

  .os-window-shell{
    overflow-x:auto!important;
  }
}

@media(max-width:700px){
  .v5-hero,
  .v5-work,
  .v66-work,
  .v63-work,
  .v5-partners,
  .v51-erp,
  .v5-insights,
  .v5-contact,
  .v2-start{
    padding-left:18px!important;
    padding-right:18px!important;
  }

  .v5-hero{
    min-height:0!important;
    padding-top:108px!important;
    padding-bottom:56px!important;
    gap:30px!important;
  }

  .v5-hero h1{
    font-size:clamp(46px,13vw,60px)!important;
  }

  .v5-hero-actions{
    display:grid!important;
    grid-template-columns:1fr!important;
  }

  .v5-hero-actions>a{
    width:100%!important;
  }

  .v5-hero-stage{
    padding:18px!important;
    border-radius:22px!important;
  }

  .v68-service-field{
    grid-template-columns:1fr 1fr!important;
    gap:8px!important;
  }

  .v68-service-node{
    min-height:72px!important;
    padding:12px!important;
  }

  .v68-service-node strong{
    font-size:12px!important;
  }

  .v5-section-head h2,
  .section-head h2{
    font-size:clamp(34px,9.5vw,43px)!important;
  }

  .service-detail-hero h1,
  .portfolio-studio-hero h1,
  .archive-head h1,
  .about-premium h1{
    font-size:clamp(37px,10vw,48px)!important;
  }

  .v5-logo-mosaic{
    grid-template-columns:repeat(2,minmax(0,1fr))!important;
    gap:9px!important;
  }

  .v5-article-grid{
    grid-template-columns:1fr!important;
  }

  .process-grid,
  .service-detail-includes>div:last-child{
    grid-template-columns:1fr!important;
  }

  .service-detail-hero,
  .service-detail-includes,
  .service-process,
  .service-faq,
  .service-next,
  .portfolio-studio-hero,
  .archive-head,
  .article-v2,
  .article-v1,
  .page-v2,
  .page-v1{
    width:calc(100% - 36px)!important;
  }

  .service-detail-hero,
  .portfolio-studio-hero,
  .archive-head{
    padding-top:108px!important;
  }

  .about-premium{
    padding-left:18px!important;
    padding-right:18px!important;
  }

  .v2-footer>section,
  .footer-grid,
  .footer-bottom{
    width:calc(100% - 36px)!important;
  }
}

@media(prefers-reduced-motion:reduce){
  *,*:before,*:after{
    scroll-behavior:auto!important;
    animation-duration:.01ms!important;
    animation-iteration-count:1!important;
    transition-duration:.01ms!important;
  }
}