/* ===== CTR SUITE Index Upgrade V4 — visual cards, preview showcase, modern pricing ===== */
.ctr-home-left .hero-mini-badges{
  display:flex;
  flex-wrap:wrap;
  gap:10px;
  margin:18px 0 0;
}
.ctr-home-left .hero-mini-badges span{
  display:inline-flex;
  align-items:center;
  gap:8px;
  padding:9px 14px;
  border-radius:999px;
  background:rgba(13,23,43,.68);
  border:1px solid rgba(113,185,255,.18);
  color:#d8e7ff;
  font-size:.88rem;
  box-shadow:0 14px 30px rgba(2,12,33,.24);
}
.ctr-home-left .hero-proof-grid{
  display:grid;
  grid-template-columns:repeat(3,minmax(0,1fr));
  gap:16px;
  margin-top:26px;
}
.ctr-home-left .hero-proof-card{
  display:flex;
  align-items:flex-start;
  gap:14px;
  padding:18px 18px 17px;
  border-radius:24px;
  background:linear-gradient(180deg,rgba(9,19,37,.95),rgba(9,19,37,.75));
  border:1px solid rgba(113,185,255,.16);
  box-shadow:0 20px 40px rgba(2,12,33,.28);
}
.ctr-home-left .hero-proof-icon{
  width:46px;
  height:46px;
  border-radius:16px;
  display:grid;
  place-items:center;
  flex:0 0 46px;
  color:#7bc2ff;
  background:radial-gradient(circle at 30% 30%,rgba(113,185,255,.28),rgba(113,185,255,.08));
  border:1px solid rgba(113,185,255,.2);
}
.ctr-home-left .hero-proof-card strong{
  display:block;
  margin-bottom:6px;
  color:#f5fbff;
  font-size:.98rem;
}
.ctr-home-left .hero-proof-card p{
  margin:0;
  color:#adc1df;
  font-size:.9rem;
  line-height:1.65;
}

.ctr-home-left .showcase-section{position:relative;}
.ctr-home-left .showcase-shell{
  display:grid;
  grid-template-columns:minmax(0,320px) minmax(0,1fr);
  gap:24px;
  align-items:start;
  margin-top:30px;
}
.ctr-home-left .showcase-tabs{
  display:grid;
  gap:12px;
}
.ctr-home-left .showcase-tab{
  appearance:none;
  width:100%;
  text-align:left;
  display:flex;
  align-items:center;
  gap:14px;
  padding:16px 17px;
  border-radius:22px;
  border:1px solid rgba(113,185,255,.14);
  background:rgba(8,18,35,.72);
  color:#d8e7ff;
  cursor:pointer;
  transition:.25s ease;
  box-shadow:0 16px 34px rgba(2,12,33,.22);
}
.ctr-home-left .showcase-tab:hover,
.ctr-home-left .showcase-tab.is-active{
  transform:translateY(-2px);
  border-color:rgba(113,185,255,.36);
  background:linear-gradient(180deg,rgba(12,25,48,.95),rgba(9,20,39,.88));
  box-shadow:0 24px 48px rgba(2,12,33,.3);
}
.ctr-home-left .showcase-tab-icon{
  width:48px;
  height:48px;
  flex:0 0 48px;
  border-radius:16px;
  display:grid;
  place-items:center;
  color:#7bc2ff;
  background:radial-gradient(circle at 30% 30%,rgba(113,185,255,.24),rgba(113,185,255,.08));
  border:1px solid rgba(113,185,255,.18);
}
.ctr-home-left .showcase-tab strong,
.ctr-home-left .showcase-tab small{display:block;}
.ctr-home-left .showcase-tab strong{font-size:.98rem;color:#f7fbff;}
.ctr-home-left .showcase-tab small{margin-top:4px;color:#9db2d2;font-size:.83rem;}

.ctr-home-left .showcase-panel{
  display:grid;
  grid-template-columns:minmax(0,1fr) minmax(0,1.08fr);
  gap:24px;
  padding:26px;
  border-radius:30px;
  border:1px solid rgba(113,185,255,.14);
  background:linear-gradient(180deg,rgba(9,18,35,.96),rgba(8,17,33,.8));
  box-shadow:0 26px 60px rgba(2,12,33,.34);
}
.ctr-home-left .showcase-chip{
  display:inline-flex;
  align-items:center;
  gap:8px;
  padding:8px 12px;
  border-radius:999px;
  background:rgba(113,185,255,.12);
  color:#86c8ff;
  font-weight:700;
  font-size:.78rem;
  text-transform:uppercase;
  letter-spacing:.06em;
}
.ctr-home-left .showcase-panel h3{
  margin:14px 0 10px;
  color:#f7fbff;
  font-size:2rem;
  line-height:1.18;
}
.ctr-home-left .showcase-panel p{
  margin:0;
  color:#b2c4df;
  line-height:1.76;
}
.ctr-home-left .showcase-feature-list{
  list-style:none;
  padding:0;
  margin:18px 0 0;
  display:grid;
  gap:10px;
}
.ctr-home-left .showcase-feature-list li{
  display:flex;
  gap:10px;
  align-items:flex-start;
  color:#e5f2ff;
}
.ctr-home-left .showcase-feature-list i{color:#78c6ff;margin-top:3px;}
.ctr-home-left .showcase-stats{
  display:grid;
  grid-template-columns:repeat(2,minmax(0,1fr));
  gap:12px;
  margin-top:20px;
}
.ctr-home-left .showcase-stat{
  padding:14px 16px;
  border-radius:18px;
  background:rgba(255,255,255,.03);
  border:1px solid rgba(113,185,255,.12);
}
.ctr-home-left .showcase-stat strong,
.ctr-home-left .showcase-stat span{display:block;}
.ctr-home-left .showcase-stat strong{color:#fff;font-size:.94rem;}
.ctr-home-left .showcase-stat span{color:#9fb4d2;font-size:.83rem;margin-top:5px;line-height:1.55;}
.ctr-home-left .showcase-actions{
  display:flex;
  flex-wrap:wrap;
  gap:12px;
  margin-top:22px;
}
.ctr-home-left .showcase-preview-shell{
  position:relative;
  overflow:hidden;
  min-height:100%;
  padding:16px;
  border-radius:24px;
  background:linear-gradient(180deg,rgba(255,255,255,.06),rgba(255,255,255,.02));
  border:1px solid rgba(255,255,255,.08);
}
.ctr-home-left .showcase-preview-top{
  display:flex;
  justify-content:space-between;
  gap:16px;
  align-items:center;
  margin-bottom:14px;
  color:#d7ebff;
  font-size:.83rem;
}
.ctr-home-left .showcase-preview-top span:first-child{
  font-weight:700;
  display:inline-flex;
  align-items:center;
  gap:8px;
}
.ctr-home-left .showcase-preview-media{
  position:relative;
  overflow:hidden;
  border-radius:18px;
  background:#061122;
  border:1px solid rgba(113,185,255,.14);
  min-height:280px;
}
.ctr-home-left .showcase-preview-media img{
  display:block;
  width:100%;
  height:100%;
  object-fit:cover;
}
.ctr-home-left .showcase-floating-note{
  position:absolute;
  right:18px;
  bottom:18px;
  max-width:220px;
  padding:14px 15px;
  border-radius:18px;
  background:rgba(9,18,35,.92);
  border:1px solid rgba(113,185,255,.22);
  backdrop-filter:blur(8px);
  box-shadow:0 18px 40px rgba(3,12,32,.35);
}
.ctr-home-left .showcase-floating-note strong,
.ctr-home-left .showcase-floating-note span{display:block;}
.ctr-home-left .showcase-floating-note strong{color:#f8fbff;font-size:.88rem;}
.ctr-home-left .showcase-floating-note span{margin-top:5px;color:#afc2dd;font-size:.8rem;line-height:1.5;}

.ctr-home-left .services-grid-modern{margin-top:28px;}
.ctr-home-left .service-card-modern{
  position:relative;
  display:flex;
  flex-direction:column;
  gap:14px;
  padding:22px 22px 20px;
  border-radius:26px;
  border:1px solid rgba(113,185,255,.14);
  background:linear-gradient(180deg,rgba(10,20,37,.94),rgba(9,18,35,.8));
  box-shadow:0 20px 46px rgba(2,12,33,.26);
}
.ctr-home-left .service-card-modern:hover{transform:translateY(-4px);border-color:rgba(113,185,255,.28);}
.ctr-home-left .service-card-top{
  display:flex;
  align-items:center;
  justify-content:space-between;
  gap:12px;
}
.ctr-home-left .service-badge{
  display:inline-flex;
  align-items:center;
  padding:8px 12px;
  border-radius:999px;
  background:rgba(113,185,255,.1);
  color:#8ccaff;
  font-size:.76rem;
  font-weight:700;
  letter-spacing:.05em;
  text-transform:uppercase;
}
.ctr-home-left .service-card-modern h3{
  margin:0;
  color:#f7fbff;
  font-size:1.18rem;
}
.ctr-home-left .service-card-modern p{
  margin:0;
  color:#afc1dc;
  line-height:1.72;
}
.ctr-home-left .service-points{
  list-style:none;
  padding:0;
  margin:0;
  display:grid;
  gap:8px;
}
.ctr-home-left .service-points li{
  position:relative;
  padding-left:18px;
  color:#e0edff;
  font-size:.92rem;
}
.ctr-home-left .service-points li::before{
  content:"";
  width:7px;
  height:7px;
  border-radius:50%;
  position:absolute;
  left:0;
  top:.56em;
  background:#79c7ff;
  box-shadow:0 0 0 5px rgba(121,199,255,.12);
}
.ctr-home-left .service-foot{
  margin-top:auto;
  padding-top:12px;
  display:flex;
  justify-content:space-between;
  gap:16px;
  align-items:flex-end;
  border-top:1px solid rgba(113,185,255,.1);
}
.ctr-home-left .service-foot span{
  color:#8fa8cb;
  font-size:.82rem;
  line-height:1.6;
}
.ctr-home-left .service-foot a{
  color:#88cfff;
  font-weight:700;
  white-space:nowrap;
}
.ctr-home-left .service-card-highlight{
  background:linear-gradient(180deg,rgba(9,25,48,.98),rgba(10,20,37,.88));
  border-color:rgba(113,185,255,.28);
}

.ctr-home-left .portfolio-metrics{
  display:grid;
  grid-template-columns:repeat(4,minmax(0,1fr));
  gap:12px;
  margin-top:18px;
}
.ctr-home-left .portfolio-metrics article{
  padding:16px 18px;
  border-radius:20px;
  background:rgba(255,255,255,.035);
  border:1px solid rgba(113,185,255,.12);
}
.ctr-home-left .portfolio-metrics strong,
.ctr-home-left .portfolio-metrics span{display:block;}
.ctr-home-left .portfolio-metrics strong{color:#fff;font-size:1.02rem;}
.ctr-home-left .portfolio-metrics span{color:#99afcf;font-size:.82rem;margin-top:6px;line-height:1.55;}

.ctr-home-left .pricing-summary-band{
  display:flex;
  flex-wrap:wrap;
  gap:12px;
  margin-top:18px;
}
.ctr-home-left .pricing-summary-band span{
  display:inline-flex;
  align-items:center;
  gap:9px;
  padding:11px 14px;
  border-radius:999px;
  border:1px solid rgba(113,185,255,.14);
  background:rgba(255,255,255,.04);
  color:#d7e9ff;
  font-size:.88rem;
}
.ctr-home-left .pricing-summary-band strong{color:#fff;}
.ctr-home-left .price-usecase{
  display:flex;
  flex-wrap:wrap;
  gap:8px;
  margin-top:12px;
}
.ctr-home-left .price-usecase span,
.ctr-home-left .why-card-badge{
  display:inline-flex;
  align-items:center;
  padding:8px 12px;
  border-radius:999px;
  background:rgba(113,185,255,.1);
  color:#8ecbff;
  font-size:.76rem;
  font-weight:700;
}
.ctr-home-left .why-card-badge{margin-bottom:10px;}

@media (max-width: 1100px){
  .ctr-home-left .showcase-shell,
  .ctr-home-left .showcase-panel{grid-template-columns:1fr;}
  .ctr-home-left .showcase-preview-media{min-height:250px;}
}
@media (max-width: 960px){
  .ctr-home-left .hero-proof-grid,
  .ctr-home-left .portfolio-metrics{grid-template-columns:1fr 1fr;}
}
@media (max-width: 820px){
  .ctr-home-left .hero-proof-grid{margin-top:20px;}
  .ctr-home-left .hero-proof-card{padding:16px; border-radius:20px;}
  .ctr-home-left .showcase-shell{gap:16px; margin-top:24px;}
  .ctr-home-left .showcase-tab{padding:14px 15px; border-radius:18px;}
  .ctr-home-left .showcase-panel{padding:18px; border-radius:22px;}
  .ctr-home-left .showcase-panel h3{font-size:1.45rem;}
  .ctr-home-left .showcase-stats{grid-template-columns:1fr;}
  .ctr-home-left .services-grid-modern{gap:16px;}
  .ctr-home-left .service-card-modern{padding:18px; border-radius:20px;}
  .ctr-home-left .service-card-top{align-items:flex-start; flex-direction:column;}
  .ctr-home-left .service-foot{flex-direction:column; align-items:flex-start;}
}
@media (max-width: 640px){
  .ctr-home-left .hero-mini-badges{gap:8px;}
  .ctr-home-left .hero-mini-badges span,
  .ctr-home-left .pricing-summary-band span{width:100%; justify-content:flex-start;}
  .ctr-home-left .hero-proof-grid,
  .ctr-home-left .portfolio-metrics{grid-template-columns:1fr;}
  .ctr-home-left .showcase-tabs{grid-template-columns:1fr;}
  .ctr-home-left .showcase-tab-icon{width:42px; height:42px; flex-basis:42px;}
  .ctr-home-left .showcase-preview-top{flex-direction:column; align-items:flex-start;}
  .ctr-home-left .showcase-preview-media{min-height:220px;}
  .ctr-home-left .showcase-floating-note{position:static; max-width:none; margin-top:12px;}
}

/* Cache-proofed V4 visual overrides against legacy mobile !important rules. */
.ctr-home-left .showcase-panel[hidden] { display:none !important; }
.ctr-home-left .showcase-shell, .ctr-home-left .showcase-tabs, .ctr-home-left .showcase-panels { min-width:0; }
.ctr-home-left .hero-proof-grid { position:relative; width:100%; }
.ctr-home-left .service-card-modern{ text-align:left !important; min-height:0 !important; padding:22px 22px 20px !important; border-radius:26px !important; }
.ctr-home-left .service-card-modern .service-icon{ margin:0 !important; }
.ctr-home-left .service-card-modern h3{ margin:0 !important; font-size:1.16rem !important; line-height:1.28 !important; }
.ctr-home-left .service-card-modern p{ font-size:.92rem !important; line-height:1.7 !important; }
.ctr-home-left .services-grid-modern{ gap:16px !important; }
.ctr-home-left .showcase-panel{ display:grid; }
.ctr-home-left .showcase-preview-media img{ aspect-ratio:16/10; object-fit:cover; }
@media(max-width:820px){
 .ctr-home-left .hero-proof-grid{ display:grid; grid-template-columns:1fr !important; }
 .ctr-home-left .services-grid-modern{ grid-template-columns:repeat(2,minmax(0,1fr)) !important; gap:12px !important; }
 .ctr-home-left .service-card-modern{ padding:16px !important; border-radius:18px !important; }
 .ctr-home-left .service-card-modern p{ font-size:.85rem !important; }
 .ctr-home-left .service-card-modern .service-icon{ width:42px !important; height:42px !important; }
 .ctr-home-left .service-foot{ flex-wrap:wrap; }
 .ctr-home-left .portfolio-metrics{ grid-template-columns:repeat(2,minmax(0,1fr)); }
}
@media(max-width:560px){
 .ctr-home-left .services-grid-modern{ grid-template-columns:1fr !important; gap:12px !important; }
 .ctr-home-left .service-card-modern{ padding:18px !important; }
 .ctr-home-left .showcase-tab{ transform:none !important; }
 .ctr-home-left .showcase-panel h3{ font-size:1.42rem !important; overflow-wrap:anywhere; }
 .ctr-home-left .showcase-preview-top span:last-child{ display:none; }
 .ctr-home-left .portfolio-metrics{ grid-template-columns:1fr 1fr; }
 .ctr-home-left .pricing-summary-band span{ border-radius:15px; }
}
@media(max-width:360px){
 .ctr-home-left .showcase-panel{ padding:13px; }
 .ctr-home-left .showcase-stat{ padding:12px; }
 .ctr-home-left .service-foot a{ white-space:normal; }
 .ctr-home-left .portfolio-metrics{ grid-template-columns:1fr; }
}
@media (max-width:560px){
  .ctr-home-left #services .services-grid.services-grid-modern{grid-template-columns:minmax(0,1fr)!important;gap:12px!important;}
}
@media (min-width:561px) and (max-width:820px){
  .ctr-home-left #services .services-grid.services-grid-modern{grid-template-columns:repeat(2,minmax(0,1fr))!important;gap:12px!important;}
}

/* ===== CTR SUITE Index Upgrade V5 — dynamic themed showcase, no generic BG image ===== */
.ctr-home-left .showcase-shell{
  position:relative;
  transition:filter .25s ease, transform .25s ease;
}
.ctr-home-left .showcase-shell[data-active-theme="pos"] .showcase-tab.is-active{
  border-color:rgba(89,193,255,.42);
}
.ctr-home-left .showcase-shell[data-active-theme="inventory"] .showcase-tab.is-active{
  border-color:rgba(68,214,160,.42);
}
.ctr-home-left .showcase-shell[data-active-theme="finance"] .showcase-tab.is-active{
  border-color:rgba(255,183,77,.42);
}
.ctr-home-left .showcase-shell[data-active-theme="dashboard"] .showcase-tab.is-active{
  border-color:rgba(186,132,255,.42);
}
.ctr-home-left .showcase-panel{
  position:relative;
  isolation:isolate;
  overflow:hidden;
}
.ctr-home-left .showcase-panel::before,
.ctr-home-left .showcase-panel::after{
  content:"";
  position:absolute;
  inset:auto;
  z-index:-1;
  border-radius:999px;
  filter:blur(12px);
  opacity:.9;
}
.ctr-home-left .showcase-panel::before{
  width:260px;
  height:260px;
  top:-80px;
  right:-70px;
}
.ctr-home-left .showcase-panel::after{
  width:220px;
  height:220px;
  left:-80px;
  bottom:-80px;
  opacity:.65;
}
.ctr-home-left .showcase-panel--pos{
  background:linear-gradient(180deg,rgba(7,20,39,.97),rgba(7,18,34,.88));
}
.ctr-home-left .showcase-panel--pos::before{background:radial-gradient(circle,rgba(47,161,255,.30),rgba(47,161,255,0));}
.ctr-home-left .showcase-panel--pos::after{background:radial-gradient(circle,rgba(111,194,255,.18),rgba(111,194,255,0));}

.ctr-home-left .showcase-panel--inventory{
  background:linear-gradient(180deg,rgba(8,24,28,.97),rgba(7,18,27,.88));
  border-color:rgba(91,219,165,.18);
}
.ctr-home-left .showcase-panel--inventory::before{background:radial-gradient(circle,rgba(75,214,160,.28),rgba(75,214,160,0));}
.ctr-home-left .showcase-panel--inventory::after{background:radial-gradient(circle,rgba(45,167,126,.22),rgba(45,167,126,0));}
.ctr-home-left .showcase-panel--inventory .showcase-chip,
.ctr-home-left .showcase-panel--inventory .showcase-feature-list i{color:#71deb0;background:rgba(113,222,176,.12);}

.ctr-home-left .showcase-panel--finance{
  background:linear-gradient(180deg,rgba(28,21,8,.97),rgba(22,18,10,.9));
  border-color:rgba(255,189,87,.18);
}
.ctr-home-left .showcase-panel--finance::before{background:radial-gradient(circle,rgba(255,189,87,.30),rgba(255,189,87,0));}
.ctr-home-left .showcase-panel--finance::after{background:radial-gradient(circle,rgba(255,157,66,.18),rgba(255,157,66,0));}
.ctr-home-left .showcase-panel--finance .showcase-chip,
.ctr-home-left .showcase-panel--finance .showcase-feature-list i{color:#ffcb73;background:rgba(255,203,115,.12);}

.ctr-home-left .showcase-panel--dashboard{
  background:linear-gradient(180deg,rgba(19,12,34,.97),rgba(16,13,27,.9));
  border-color:rgba(187,143,255,.18);
}
.ctr-home-left .showcase-panel--dashboard::before{background:radial-gradient(circle,rgba(187,143,255,.30),rgba(187,143,255,0));}
.ctr-home-left .showcase-panel--dashboard::after{background:radial-gradient(circle,rgba(118,93,255,.18),rgba(118,93,255,0));}
.ctr-home-left .showcase-panel--dashboard .showcase-chip,
.ctr-home-left .showcase-panel--dashboard .showcase-feature-list i{color:#caa8ff;background:rgba(202,168,255,.12);}

.ctr-home-left .showcase-preview-shell{
  background:linear-gradient(180deg,rgba(255,255,255,.06),rgba(255,255,255,.02));
}
.ctr-home-left .showcase-preview-media{
  background:
    linear-gradient(180deg,rgba(255,255,255,.04),rgba(255,255,255,.01)),
    radial-gradient(circle at top left,rgba(255,255,255,.06),rgba(255,255,255,0) 40%),
    #071321;
}
.ctr-home-left .showcase-preview-media::before{
  content:"";
  position:absolute;
  inset:0;
  pointer-events:none;
  background:linear-gradient(180deg,rgba(255,255,255,.06),transparent 26%, transparent 70%, rgba(0,0,0,.12));
}
.ctr-home-left .showcase-preview-media img{
  aspect-ratio:16/10;
  object-fit:cover;
  object-position:top center;
}
.ctr-home-left .showcase-panel--inventory .showcase-preview-media{
  background:
    linear-gradient(180deg,rgba(113,222,176,.05),rgba(113,222,176,0)),
    radial-gradient(circle at top left,rgba(113,222,176,.10),rgba(113,222,176,0) 42%),
    #07151b;
}
.ctr-home-left .showcase-panel--finance .showcase-preview-media{
  background:
    linear-gradient(180deg,rgba(255,203,115,.05),rgba(255,203,115,0)),
    radial-gradient(circle at top left,rgba(255,203,115,.10),rgba(255,203,115,0) 42%),
    #17120a;
}
.ctr-home-left .showcase-panel--dashboard .showcase-preview-media{
  background:
    linear-gradient(180deg,rgba(202,168,255,.05),rgba(202,168,255,0)),
    radial-gradient(circle at top left,rgba(202,168,255,.10),rgba(202,168,255,0) 42%),
    #120f1c;
}
.ctr-home-left .showcase-preview-top,
.ctr-home-left .showcase-floating-note{
  transition:all .25s ease;
}
.ctr-home-left .showcase-panel--inventory .showcase-floating-note{
  border-color:rgba(113,222,176,.25);
}
.ctr-home-left .showcase-panel--finance .showcase-floating-note{
  border-color:rgba(255,203,115,.24);
}
.ctr-home-left .showcase-panel--dashboard .showcase-floating-note{
  border-color:rgba(202,168,255,.24);
}
@media (max-width:820px){
  .ctr-home-left .showcase-panel::before{width:180px;height:180px;top:-60px;right:-50px;}
  .ctr-home-left .showcase-panel::after{width:150px;height:150px;left:-50px;bottom:-50px;}
}

/* ===================================================================
   CTR SUITE — PUBLIC INDEX V6
   Hero / modular interactive previews / portfolio / conversion actions
   Pure CSS theme, no generic CTR brand background image.
   =================================================================== */
.ctr-home-left .showcase-panel[hidden]{display:none!important}
.ctr-home-left .showcase-panel.is-active{animation:ctrV6PanelIn .38s cubic-bezier(.2,.78,.24,1) both}
@keyframes ctrV6PanelIn{from{opacity:.01;transform:translateY(12px);filter:blur(3px)}to{opacity:1;transform:translateY(0);filter:blur(0)}}
.ctr-home-left .showcase-panel .showcase-panel-copy > *{min-width:0}
.ctr-home-left .showcase-panel .showcase-preview{min-width:0;display:flex;align-items:stretch}
.ctr-home-left .showcase-panel .showcase-browser{width:100%;min-width:0;padding:14px;display:flex;flex-direction:column;gap:12px;min-height:432px;border-radius:23px;background:linear-gradient(155deg,rgba(255,255,255,.10),rgba(255,255,255,.018));border:1px solid rgba(224,239,255,.16)}
.ctr-home-left .showcase-browser .showcase-preview-top{margin:0;display:flex;min-height:31px;align-items:center;gap:8px;flex-wrap:wrap}
.ctr-home-left .showcase-browser .showcase-preview-top > span:first-child{font-size:11.5px;white-space:normal}
.ctr-home-left .preview-simulation{color:#91aecd;font-size:9px;font-weight:750;letter-spacing:.075em;border:1px solid rgba(198,216,246,.2);border-radius:7px;padding:5px 7px;white-space:nowrap}
.ctr-home-left .showcase-browser .showcase-preview-media{min-height:0;flex:1;border:1px solid rgba(176,213,253,.15);border-radius:14px;overflow:hidden}
.ctr-home-left .showcase-browser .showcase-preview-pos img{width:100%;height:100%;min-height:300px;max-height:480px;object-fit:cover;object-position:top center;aspect-ratio:1.5}
.ctr-home-left .showcase-preview-bottom{display:flex;justify-content:space-between;align-items:center;flex-wrap:wrap;gap:8px;min-width:0;color:#9db6d4;font-size:10px;line-height:1.4}
.ctr-home-left .showcase-preview-bottom>span:first-child{color:#d8e8f9;font-weight:700}
.ctr-home-left .showcase-preview-bottom i{color:#63dcb2;margin-right:5px}
.ctr-home-left .module-screen{--module-accent:#62bbf9;--module-surface:#0e2538;--module-text:#e4f7ff;flex:1;min-height:345px;min-width:0;padding:16px;border-radius:15px;border:1px solid rgba(166,217,247,.16);background:radial-gradient(ellipse 100% 80% at 90% 0,rgba(50,172,205,.13),transparent 65%),linear-gradient(155deg,#0b2033,#081627 85%);box-shadow:inset 0 1px 0 rgba(255,255,255,.045)}
.ctr-home-left .module-screen--inventory{--module-accent:#5de0b8;--module-surface:#10352f;--module-text:#d8fff3;background:radial-gradient(ellipse 100% 80% at 90% 0,rgba(56,200,160,.16),transparent 65%),linear-gradient(155deg,#0c282b,#081d25 85%)}
.ctr-home-left .module-screen--finance{--module-accent:#f8c478;--module-surface:#3b2c22;--module-text:#fff3e0;background:radial-gradient(ellipse 100% 80% at 90% 0,rgba(255,185,95,.15),transparent 65%),linear-gradient(155deg,#2e211e,#181a29 85%)}
.ctr-home-left .module-screen--dashboard{--module-accent:#c2a2ff;--module-surface:#2b2548;--module-text:#eee8ff;background:radial-gradient(ellipse 100% 80% at 90% 0,rgba(155,119,252,.18),transparent 65%),linear-gradient(155deg,#201d3b,#16182c 85%)}
.ctr-home-left .module-screen *{box-sizing:border-box;min-width:0}
.ctr-home-left .module-topline{display:flex;justify-content:space-between;align-items:flex-start;gap:9px}
.ctr-home-left .module-eyebrow{display:block;color:var(--module-accent);font-size:9px;font-weight:800;letter-spacing:.13em;line-height:1.3}
.ctr-home-left .module-topline h4{color:#f5faff;font-size:clamp(15px,1.3vw,19px);line-height:1.2;letter-spacing:-.03em;margin:5px 0 0;font-weight:760}
.ctr-home-left .module-ui-pill{display:inline-flex;align-items:center;justify-content:center;gap:5px;padding:7px 9px;border-radius:999px;border:1px solid rgba(255,255,255,.12);background:rgba(255,255,255,.045);color:#d1e2f0;font-size:9px;white-space:nowrap}
.ctr-home-left .module-ui-pill i{color:var(--module-accent)}
.ctr-home-left .module-kpis{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:9px;margin-top:15px}
.ctr-home-left .module-kpis--finance{grid-template-columns:repeat(2,minmax(0,1fr))}
.ctr-home-left .module-kpi{display:flex;flex-direction:column;gap:7px;padding:12px 10px;border:1px solid rgba(204,236,255,.13);border-radius:11px;background:rgba(255,255,255,.045)}
.ctr-home-left .module-kpi small{color:#b6c9d8;font-size:10px;line-height:1.2}
.ctr-home-left .module-kpi strong{color:var(--module-text);font-size:clamp(16px,1.9vw,24px);letter-spacing:-.04em;line-height:1.1}
.ctr-home-left .module-kpi span{display:flex;align-items:center;gap:4px;color:#8eacbd;font-size:9px;line-height:1.3}
.ctr-home-left .module-kpi span i{color:var(--module-accent)}
.ctr-home-left .module-table,.ctr-home-left .module-finance-chart,.ctr-home-left .module-dashboard-rows{margin-top:12px;border:1px solid rgba(204,236,255,.13);background:rgba(1,13,23,.23);border-radius:12px;padding:12px}
.ctr-home-left .module-table-header{display:flex;align-items:center;justify-content:space-between;gap:8px;margin-bottom:8px}
.ctr-home-left .module-table-header strong{color:#edf9ff;font-size:11px;font-weight:750}
.ctr-home-left .module-table-header>span{color:#7395a8;font-size:8px;font-weight:800;letter-spacing:.1em}
.ctr-home-left .module-table-row{display:grid;grid-template-columns:24px minmax(52px,1fr) minmax(20px,54px) auto;gap:8px;align-items:center;border-top:1px solid rgba(204,236,255,.07);padding:7px 0;color:#dceaf4}
.ctr-home-left .module-avatar{width:24px;height:24px;display:grid;place-items:center;background:var(--module-surface);color:var(--module-accent);border:1px solid rgba(255,255,255,.09);border-radius:7px;font-size:8px;font-weight:800}
.ctr-home-left .module-table-row b,.ctr-home-left .module-table-row small{display:block;line-height:1.35}
.ctr-home-left .module-table-row b{font-size:10px}.ctr-home-left .module-table-row small{font-size:8px;color:#87a0b1;margin-top:1px}
.ctr-home-left .module-mini-bar{display:block;height:4px;border-radius:99px;background:rgba(223,255,245,.13);overflow:hidden}
.ctr-home-left .module-mini-bar i{display:block;height:100%;border-radius:99px;background:var(--module-accent)}
.ctr-home-left .module-status{font-style:normal;font-size:8px;font-weight:800;padding:4px 6px;border-radius:6px;white-space:nowrap}
.ctr-home-left .module-status.ok{background:rgba(65,195,154,.13);color:#81e2b9}.ctr-home-left .module-status.low{background:rgba(253,188,94,.14);color:#ffca83}
.ctr-home-left .module-screen-footer{display:flex;flex-wrap:wrap;justify-content:space-between;gap:8px;margin-top:12px;color:#adc1ce;font-size:9px}
.ctr-home-left .module-screen-footer span{display:flex;gap:5px;align-items:center}.ctr-home-left .module-screen-footer i{color:var(--module-accent)}
.ctr-home-left .module-chart-bars{height:125px;display:grid;grid-template-columns:repeat(7,minmax(0,1fr));align-items:end;gap:8px;padding:12px 10px 0;border-bottom:1px solid rgba(254,219,162,.16);background:repeating-linear-gradient(to top,transparent 0,transparent 25%,rgba(255,255,255,.055) calc(25% + 1px),transparent calc(25% + 2px));background-size:100% 100%}
.ctr-home-left .module-chart-bars>span{height:100%;display:flex;justify-content:center;align-items:flex-end;gap:3px;min-width:0}
.ctr-home-left .module-chart-bars i,.ctr-home-left .module-chart-bars b{display:block;width:8px;max-width:46%;height:var(--a);background:linear-gradient(180deg,#ffd38d,#e2a04e);border-radius:5px 5px 0 0}
.ctr-home-left .module-chart-bars b{height:var(--b);background:linear-gradient(180deg,#73859c,#526273)}
.ctr-home-left .module-chart-legend{display:flex;justify-content:center;gap:16px;margin-top:8px;color:#aeb7c8;font-size:9px}
.ctr-home-left .module-chart-legend span{display:flex;align-items:center;gap:6px}.ctr-home-left .module-chart-legend i{width:6px;height:6px;border-radius:2px;background:#f2b96b}.ctr-home-left .module-chart-legend span+span i{background:#75859b}
.ctr-home-left .module-dashboard-row{display:flex;align-items:center;justify-content:space-between;gap:8px;border-top:1px solid rgba(204,236,255,.08);padding:10px 0;color:#e9e9fa;font-size:10px}
.ctr-home-left .module-dashboard-row:last-child{padding-bottom:0}
.ctr-home-left .module-dashboard-row span{display:flex;gap:7px;align-items:center}.ctr-home-left .module-dashboard-row i{color:var(--module-accent)}
.ctr-home-left .module-dashboard-row b{padding:5px 7px;font-size:8px;border-radius:99px;background:rgba(189,158,250,.12);color:#d8c5ff;white-space:nowrap}
/* Hero refinement: subdued glow and informative floating UI elements */
.ctr-home-left #home .hero-grid{position:relative;isolation:isolate}
.ctr-home-left #home .hero-copy{position:relative;z-index:3}
.ctr-home-left .hero-meta{display:flex;align-items:center;flex-wrap:wrap;gap:8px;margin-top:17px;color:#91a9ce;font-weight:800;font-size:10px;letter-spacing:.085em}
.ctr-home-left .hero-meta span:first-child{padding:6px 10px;border-radius:99px;border:1px solid rgba(111,193,255,.24);background:rgba(111,193,255,.075);color:#9bd4ff}
.ctr-home-left .hero-meta i{margin-right:5px;color:#48dfb9;font-size:9px}
.ctr-home-left #home .hero-copy h1{max-width:760px;letter-spacing:-.065em;line-height:1.04;margin:19px 0 18px;font-size:clamp(36px,4.35vw,72px);text-wrap:balance}
.ctr-home-left #home .hero-copy h1 .accent{background-image:linear-gradient(105deg,#9dd9ff 0%,#57a9ff 46%,#8e9bff 100%);filter:none}
.ctr-home-left #home .hero-copy > p{font-size:clamp(14px,1.04vw,17px);line-height:1.76;max-width:650px;color:#b9cae3}
.ctr-home-left #home .badge-line{font-size:10px;letter-spacing:.08em}
.ctr-home-left #home .hero-visual{filter:drop-shadow(0 12px 36px rgba(0,63,152,.10))}
.ctr-home-left #home .hero-orbit-tag{position:absolute;z-index:5;display:flex;align-items:center;gap:10px;padding:10px 13px;background:rgba(10,27,49,.92);border:1px solid rgba(134,189,251,.28);border-radius:16px;color:#f0f8ff;box-shadow:0 20px 48px rgba(0,6,24,.45);backdrop-filter:blur(14px);pointer-events:none}
.ctr-home-left #home .hero-orbit-tag>i{font-size:17px;color:#71c7ff;padding:8px;border-radius:10px;background:rgba(74,154,245,.12)}
.ctr-home-left #home .hero-orbit-tag strong,.ctr-home-left #home .hero-orbit-tag small{display:block;white-space:nowrap}
.ctr-home-left #home .hero-orbit-tag strong{font-size:11px;line-height:1.4}.ctr-home-left #home .hero-orbit-tag small{color:#94aecf;font-size:9px;margin-top:3px}
.ctr-home-left #home .hero-orbit-tag--top{right:0;top:70px}.ctr-home-left #home .hero-orbit-tag--bottom{left:13px;bottom:22px}
.ctr-home-left #home .hero-proof-card{background:linear-gradient(155deg,rgba(14,34,58,.82),rgba(8,22,38,.84));border:1px solid rgba(134,187,237,.16);box-shadow:0 18px 40px rgba(0,9,29,.19);transition:border-color .22s ease,transform .22s ease}
.ctr-home-left #home .hero-proof-card:hover{transform:translateY(-3px);border-color:rgba(134,187,237,.34)}
/* Product and portfolio visual system share a consistent surface and radius */
.ctr-home-left #portfolio .portfolio-grid-unified{gap:17px}
.ctr-home-left #portfolio .portfolio-card.portfolio-card-v6{--project-accent:#70baff;display:flex;flex-direction:column;gap:0;padding:11px!important;border:1px solid rgba(166,206,255,.18)!important;border-radius:22px!important;background:linear-gradient(160deg,rgba(17,37,62,.96),rgba(8,21,38,.97))!important;box-shadow:0 24px 50px rgba(0,7,23,.27)!important;transition:border-color .26s ease,box-shadow .26s ease,translate .26s ease;translate:0 0}
.ctr-home-left #portfolio .portfolio-card-v6.portfolio-case--saiwana{--project-accent:#eec98c}
.ctr-home-left #portfolio .portfolio-card-v6.portfolio-case--wara{--project-accent:#8ee4c1}
.ctr-home-left #portfolio .portfolio-card-v6.portfolio-case--cafe{--project-accent:#e4b38e}
.ctr-home-left #portfolio .portfolio-card-v6.portfolio-case--dini{--project-accent:#a6d7d1}
.ctr-home-left #portfolio .portfolio-card-v6:hover{border-color:color-mix(in srgb,var(--project-accent) 44%,transparent)!important;box-shadow:0 30px 60px rgba(0,7,23,.38)!important;translate:0 -3px}
.ctr-home-left #portfolio .portfolio-card-v6 .portfolio-showcase{border-radius:15px!important;border:1px solid rgba(179,211,250,.13)!important;overflow:hidden}
.ctr-home-left #portfolio .portfolio-card-v6 .portfolio-showcase-top{color:#e4eeff}
.ctr-home-left #portfolio .portfolio-card-v6 .portfolio-showcase-top>span:first-child i{color:var(--project-accent)}
.ctr-home-left #portfolio .portfolio-card-v6 .portfolio-showcase-category{color:var(--project-accent);border-color:rgba(215,232,255,.19);background:rgba(7,19,36,.83)}
.ctr-home-left #portfolio .portfolio-card-v6 .portfolio-case-content{flex:1;padding:15px 5px 5px}
.ctr-home-left #portfolio .portfolio-card-v6 .portfolio-case-type{color:var(--project-accent);letter-spacing:.1em;margin-bottom:8px}
.ctr-home-left #portfolio .portfolio-card-v6 h3{color:#f5faff;font-size:clamp(15px,1.2vw,18px)!important;line-height:1.33}
.ctr-home-left #portfolio .portfolio-card-v6 .portfolio-tags span{background:rgba(126,178,231,.075);border-color:rgba(167,203,241,.16);color:#c5d8ec}
.ctr-home-left #portfolio .portfolio-card-v6 .portfolio-result{background:rgba(8,24,42,.7)!important;border:1px solid rgba(167,203,241,.11);border-radius:14px;padding:12px!important}
.ctr-home-left #portfolio .portfolio-card-v6 .portfolio-case-actions{margin-top:12px;gap:8px}
.ctr-home-left #portfolio .portfolio-card-v6 .portfolio-case-preview,.ctr-home-left #portfolio .portfolio-card-v6 .portfolio-case-link{min-height:41px;padding:9px 8px;border-radius:10px;font-size:10px;line-height:1.35}
.ctr-home-left #portfolio .portfolio-card-v6 .portfolio-case-preview{background:rgba(38,85,123,.15);border:1px solid rgba(166,208,254,.21);color:#dbeaff}
.ctr-home-left #portfolio .portfolio-card-v6 .portfolio-case-link{background:linear-gradient(110deg,#257acb,#336cea);border-color:rgba(131,195,255,.26)}
.ctr-home-left #portfolio .portfolio-card-v6 .portfolio-case-link:hover{background:linear-gradient(110deg,#3290e6,#447cfa)}
.ctr-home-left #portfolio .portfolio-card-v6.portfolio-case-cta .portfolio-showcase{background:radial-gradient(ellipse at 70% 20%,rgba(71,153,248,.22),transparent 60%),linear-gradient(145deg,#0e2540,#0a172b)}
.ctr-home-left #portfolio .portfolio-card-v6.portfolio-case-cta .portfolio-cta-mark{color:#9dd9ff}
.ctr-home-left #portfolio .portfolio-head .section-desc{max-width:680px}
.ctr-home-left #portfolio .portfolio-metrics{margin-top:21px}
/* CTA system: consistent hierarchy across hero, showcase, services and closing */
.ctr-home-left #home .hero-actions .btn-primary,.ctr-home-left #showcase .showcase-actions .btn-primary,.ctr-home-left .public-cta-actions .btn-primary{background:linear-gradient(110deg,#137dcf,#376df1)!important;border-color:rgba(148,207,255,.35);box-shadow:0 16px 32px rgba(2,62,146,.22);font-weight:760}
.ctr-home-left #home .hero-actions .btn-secondary,.ctr-home-left #showcase .showcase-actions .btn-secondary,.ctr-home-left .public-cta-actions .btn-secondary{background:rgba(11,30,54,.85);border-color:rgba(156,197,241,.23);font-weight:740}
.ctr-home-left #showcase .showcase-actions a{min-width:0;white-space:normal;text-align:center;line-height:1.3;padding:11px 15px;font-size:12px}
.ctr-home-left #services .service-foot a{display:inline-flex;align-items:center;gap:8px;color:#92d2ff;font-size:12px}
.ctr-home-left #services .service-foot a:hover{color:#fff}
.ctr-home-left :is(.showcase-tab,.showcase-actions a,.hero-actions a,.portfolio-case,.portfolio-case-actions a,.service-foot a):focus-visible{outline:2px solid #9edcff;outline-offset:4px}
@media (max-width:1100px){.ctr-home-left .showcase-panel .showcase-browser{min-height:0}}
@media (max-width:820px){
 .ctr-home-left #home .hero-copy h1{font-size:clamp(32px,7.4vw,48px);letter-spacing:-.055em}
 .ctr-home-left #home .hero-orbit-tag--top{top:12px;right:4px}
 .ctr-home-left #home .hero-orbit-tag--bottom{left:4px;bottom:10px}
 .ctr-home-left #home .hero-orbit-tag{padding:7px 9px;border-radius:11px;gap:6px}
 .ctr-home-left #home .hero-orbit-tag>i{font-size:12px;padding:5px}
 .ctr-home-left #home .hero-orbit-tag strong{font-size:9px}
 .ctr-home-left #home .hero-orbit-tag small{font-size:8px}
 .ctr-home-left #portfolio .portfolio-card.portfolio-card-v6{border-radius:18px!important}
}
@media (max-width:560px){
 .ctr-home-left #home .hero-orbit-tag{display:none}
 .ctr-home-left #home .hero-copy h1{font-size:clamp(32px,9vw,42px)}
 .ctr-home-left .showcase-panel .showcase-browser{padding:10px;border-radius:17px;gap:10px}
 .ctr-home-left .showcase-browser .showcase-preview-top{justify-content:flex-start}
 .ctr-home-left .module-screen{padding:10px;min-height:0}
 .ctr-home-left .module-topline h4{font-size:15px}
 .ctr-home-left .module-ui-pill{font-size:8px;padding:6px}
 .ctr-home-left .module-kpis{gap:5px;margin-top:10px}
 .ctr-home-left .module-kpi{padding:9px 6px;gap:5px;border-radius:8px}
 .ctr-home-left .module-kpi strong{font-size:17px}
 .ctr-home-left .module-kpi small{font-size:9px}.ctr-home-left .module-kpi span{font-size:8px}
 .ctr-home-left .module-table,.ctr-home-left .module-finance-chart,.ctr-home-left .module-dashboard-rows{padding:9px;margin-top:9px}
 .ctr-home-left .module-table-row{grid-template-columns:21px minmax(48px,1fr) minmax(16px,34px) auto;gap:5px}
 .ctr-home-left .module-avatar{width:21px;height:21px}
 .ctr-home-left .module-table-row b{font-size:9px}.ctr-home-left .module-table-row small{font-size:7px}.ctr-home-left .module-status{font-size:7px;padding:3px 4px}
 .ctr-home-left .module-chart-bars{height:100px}
 .ctr-home-left .showcase-preview-bottom{font-size:9px}
 .ctr-home-left #portfolio .portfolio-card-v6 .portfolio-case-actions{gap:7px}
 .ctr-home-left #portfolio .portfolio-card-v6 .portfolio-case-preview,.ctr-home-left #portfolio .portfolio-card-v6 .portfolio-case-link{font-size:10px;min-height:39px}
}
@media (max-width:360px){
 .ctr-home-left .module-screen{padding:8px}
 .ctr-home-left .module-topline{flex-wrap:wrap}
 .ctr-home-left .module-table-row{grid-template-columns:18px minmax(43px,1fr) minmax(12px,25px) auto;gap:4px}
 .ctr-home-left .module-avatar{width:18px;height:18px;font-size:7px}
 .ctr-home-left .module-status{font-size:6px;padding:3px}
 .ctr-home-left .showcase-browser .showcase-preview-top>span:first-child{font-size:10px}
}
@media (prefers-reduced-motion:reduce){
 .ctr-home-left .showcase-panel.is-active{animation:none!important}
 .ctr-home-left #home .hero-proof-card:hover,.ctr-home-left #portfolio .portfolio-card-v6:hover{transform:none!important;translate:0 0!important}
}

/* V6 final: more legible case studies and compact mobile module navigation */
@media (min-width:1101px){
  .ctr-home-left #portfolio .portfolio-grid-unified{grid-template-columns:repeat(3,minmax(0,1fr))!important}
  .ctr-home-left #portfolio .portfolio-card-v6 .portfolio-case-description{font-size:12px!important;line-height:1.65!important}
  .ctr-home-left #portfolio .portfolio-card-v6 .portfolio-result p{font-size:11.5px!important;line-height:1.6!important}
  .ctr-home-left #portfolio .portfolio-card-v6 .portfolio-case-preview,.ctr-home-left #portfolio .portfolio-card-v6 .portfolio-case-link{font-size:11px;min-height:43px}
  .ctr-home-left #portfolio .portfolio-card-v6 .portfolio-showcase{aspect-ratio:1.62}
}
@media (max-width:640px){
  .ctr-home-left .showcase-tabs{grid-template-columns:repeat(2,minmax(0,1fr));gap:9px}
  .ctr-home-left .showcase-tab{min-height:91px;flex-direction:column;align-items:flex-start;justify-content:center;gap:7px;padding:11px 12px;border-radius:16px}
  .ctr-home-left .showcase-tab-icon{width:32px;height:32px;flex:0 0 32px;border-radius:10px;font-size:12px}
  .ctr-home-left .showcase-tab strong{font-size:12px;line-height:1.25}
  .ctr-home-left .showcase-tab small{font-size:10px;line-height:1.3;margin-top:2px}
}