/* Phase 15: final visual cleanup only. Stabilizes critical text/reveal states and removes remaining low-contrast artifacts. */

/* Critical section headings must never be captured mid-reveal or appear as ghost duplicates in full-page screenshots. */
.tech-home-premium .tech-section-head.tech-reveal,
.tech-home-premium .tech-arch-copy.tech-reveal,
.tech-home-premium .tech-custom-grid > div.tech-reveal:first-child,
.tech-home-premium .tech-principles .tech-section-head.tech-reveal{
  opacity:1!important;
  transform:none!important;
  filter:none!important;
  transition:none!important;
  animation:none!important;
  will-change:auto!important;
}

/* Keep lower-page content fully legible even while subtle transforms are running. */
.tech-home-premium .tech-real .tech-reveal,
.tech-home-premium .tech-custom .tech-reveal,
.tech-home-premium .tech-principles .tech-reveal{
  opacity:1!important;
  filter:none!important;
}

/* Progressive enhancement baseline: content is visible unless JS explicitly enables motion. */
.tech-home-premium .tech-reveal{
  opacity:1;
  transform:none;
}
html.js-motion .tech-home-premium .tech-reveal:not(.is-visible){
  opacity:0;
  transform:translateY(18px);
  transition:opacity .72s ease,transform .72s cubic-bezier(.2,.72,.2,1);
}
html.js-motion .tech-home-premium .tech-reveal.is-visible{
  opacity:1;
  transform:none;
}

/* Light section headings: restore full production contrast. */
.tech-home-premium .tech-section-soft .tech-section-head h2,
.tech-home-premium .tech-architecture .tech-arch-copy h2,
.tech-home-premium .tech-real .tech-section-head h2,
.tech-home-premium .tech-principles .tech-section-head h2{
  color:#0c1528!important;
  opacity:1!important;
  text-shadow:none!important;
}

/* Avoid headings sitting too close to section boundaries after responsive scaling. */
.tech-home-premium .tech-section-soft,
.tech-home-premium .tech-architecture,
.tech-home-premium .tech-real,
.tech-home-premium .tech-principles{
  scroll-margin-top:90px;
}
.tech-home-premium .tech-section-soft > .tech-shell,
.tech-home-premium .tech-architecture > .tech-shell,
.tech-home-premium .tech-real > .tech-shell,
.tech-home-premium .tech-principles > .tech-shell{
  position:relative;
}

/* FEATURED WORK: improve left-side reading comfort without changing the approved layout. */
.tech-home-premium #rad .tech-section-head{
  margin-bottom:clamp(48px,5vw,70px);
}
.tech-home-premium .tech-case-flagship .tech-case-lead{
  font-size:1.08rem;
  line-height:1.6;
}
.tech-home-premium .tech-case-flagship .tech-case-facts dd{
  font-size:.98rem;
  line-height:1.62;
}
.tech-home-premium .tech-case-flagship .tech-case-copy{
  padding-inline:clamp(30px,3.5vw,46px);
}

/* ECOSYSTEM: only a small contrast lift for outer labels and rings; no layout changes. */
.tech-home-premium .tech-ecosystem .ecosystem-node{
  border-color:rgba(145,178,242,.58);
  background:rgba(14,31,57,.9);
  box-shadow:0 10px 28px rgba(3,11,25,.14);
}
.tech-home-premium .tech-ecosystem .ecosystem-node b{
  color:#fff;
  font-weight:700;
}
.tech-home-premium .tech-ecosystem .ecosystem-node span{
  color:rgba(239,244,255,.92);
}
.tech-home-premium .tech-ecosystem .ecosystem-ring{
  border-color:rgba(139,172,236,.46);
}

/* PROCESS: more breathing room above the connected workflow, while keeping the same structure. */
.tech-home-premium .tech-process .tech-section-head{
  margin-bottom:clamp(54px,5vw,78px);
}
.tech-home-premium .tech-process .engineering-flow article{
  background:rgba(14,30,55,.9);
  border-color:rgba(132,164,224,.28);
}
.tech-home-premium .tech-process .engineering-flow strong{
  color:#fff;
}
.tech-home-premium .tech-process .engineering-flow small{
  color:rgba(229,236,250,.8);
}

/* CAPABILITIES: no card should read as disabled or unfinished. */
.tech-home-premium .tech-cap{
  opacity:1!important;
  filter:none!important;
  border-color:rgba(81,108,165,.18);
}
.tech-home-premium .tech-cap h3{
  color:#111a2d;
  opacity:1!important;
}
.tech-home-premium .tech-cap p{
  color:#66758f;
  opacity:1!important;
}
.tech-home-premium .tech-cap > span{
  color:#6678a5;
  opacity:.9;
}
.tech-home-premium .tech-cap-dark h3,
.tech-home-premium .tech-cap-dark p,
.tech-home-premium .tech-cap-dark > span{
  color:#fff;
}
.tech-home-premium .tech-cap-dark p{color:rgba(232,238,250,.78)}

/* ARCHITECTURE: stronger engineering presence and readable labels. */
.tech-home-premium .tech-architecture .architecture-system{
  transform:scale(1.16);
  transform-origin:center right;
}
.tech-home-premium .architecture-main span,
.tech-home-premium .architecture-services span{
  color:#1c2b45;
  border-color:rgba(62,91,152,.27);
  font-weight:600;
}
.tech-home-premium .architecture-main .is-active{
  color:#fff;
}
.tech-home-premium .architecture-system svg path,
.tech-home-premium .architecture-system svg line{
  opacity:1;
  stroke-width:2.15;
}

/* REAL SOFTWARE: stronger readable hierarchy without changing the module set. */
.tech-home-premium .software-modules{
  gap:14px;
}
.tech-home-premium .software-module{
  opacity:1!important;
  color:#111a2d;
  border-color:rgba(74,101,158,.2);
  background:#fff;
  min-height:138px;
}
.tech-home-premium .software-module.module-calendar,
.tech-home-premium .software-module.module-message,
.tech-home-premium .software-module.module-payment{
  min-height:172px;
  background:linear-gradient(180deg,#fff,#f9fbff);
  border-color:rgba(67,101,181,.28);
  box-shadow:0 14px 34px rgba(36,55,95,.06);
}
.tech-home-premium .software-module.module-calendar strong,
.tech-home-premium .software-module.module-message strong,
.tech-home-premium .software-module.module-payment strong{
  font-size:1.08rem;
}
.tech-home-premium .software-module > span{
  color:#60739a;
  opacity:1;
}
.tech-home-premium .software-module strong{
  color:#0d172b;
  opacity:1;
}
.tech-home-premium .software-module small,
.tech-home-premium .software-module p{
  color:#5d6f90;
  opacity:1;
}

/* DARK PROBLEM: headline and scenario copy should stay calm but never washed out. */
.tech-home-premium .tech-custom{
  padding-top:clamp(118px,9vw,150px)!important;
  padding-bottom:clamp(118px,9vw,150px)!important;
}
.tech-home-premium .tech-custom h2{
  color:#fff!important;
  opacity:1!important;
}
.tech-home-premium .tech-custom-copy,
.tech-home-premium .tech-custom-copy li{
  opacity:1!important;
}
.tech-home-premium .tech-custom-copy li{
  color:rgba(236,241,252,.9)!important;
}

/* PRINCIPLES: preserve editorial feel while restoring readable borders/text. */
.tech-home-premium .tech-principle-grid{
  gap:12px;
}
.tech-home-premium .tech-principle-grid article{
  opacity:1!important;
  border-color:rgba(75,100,150,.23)!important;
  background:rgba(255,255,255,.78);
  padding:clamp(24px,2.6vw,34px);
}
.tech-home-premium .tech-principle-grid article span{
  color:#4c67c9;
  opacity:.95;
}
.tech-home-premium .tech-principle-grid article h3{
  color:#111a2c;
  opacity:1;
  line-height:1.28;
}

/* FINAL CTA: pull the approved gradient back toward JP blue, away from purple. */
.tech-home-premium .tech-closing{
  background:linear-gradient(135deg,#4267f2 0%,#375fe9 52%,#3156dc 100%)!important;
}
.tech-home-premium .tech-closing .tech-kicker{
  color:rgba(255,255,255,.82)!important;
}

/* Keep the conceptual MyRent UI honest without competing with the product proof. */
.tech-home-premium .tech-product-ui-white{
  position:relative;
}
.tech-home-premium .tech-product-note{
  position:absolute;
  top:14px;
  right:18px;
  z-index:2;
  color:#6b7890;
  font-size:10px;
  font-weight:600;
  letter-spacing:.08em;
  line-height:1.2;
  text-transform:uppercase;
}

/* Keep card language consistent and prevent accidental clipping. */
.tech-home-premium .tech-case,
.tech-home-premium .tech-cap,
.tech-home-premium .software-module,
.tech-home-premium .tech-principle-grid article{
  overflow:hidden;
}

/* Final desktop polish: preserve the approved composition while improving balance at large widths. */
@media (min-width:1200px){
  .tech-home-premium .tech-architecture .tech-arch-visual{
    padding-inline:clamp(10px,1.6vw,26px) 0;
  }
  .tech-home-premium .tech-principles{
    padding-top:clamp(106px,8vw,132px);
    padding-bottom:clamp(110px,8vw,138px);
  }
}

/* Tablet/mobile cleanup: maintain breathing room and readable headings. */
@media (max-width:768px){
  .tech-home-premium .tech-section-soft,
  .tech-home-premium .tech-architecture,
  .tech-home-premium .tech-real,
  .tech-home-premium .tech-principles{
    padding-top:72px!important;
    padding-bottom:72px!important;
  }
  .tech-home-premium .tech-section-head{
    margin-bottom:34px;
  }
  .tech-home-premium .tech-real .tech-section-head h2,
  .tech-home-premium .tech-principles .tech-section-head h2,
  .tech-home-premium .tech-architecture .tech-arch-copy h2{
    line-height:1!important;
  }
  .tech-home-premium .tech-product-note{
    top:10px;
    right:12px;
    font-size:9px;
  }
  .tech-home-premium .tech-architecture .architecture-system{
    transform:scale(1.04);
    transform-origin:center;
  }
  .tech-home-premium .tech-ecosystem .ecosystem-node b{
    font-size:1.02em;
  }
  .tech-home-premium .software-module,
  .tech-home-premium .software-module.module-calendar,
  .tech-home-premium .software-module.module-message,
  .tech-home-premium .software-module.module-payment{
    min-height:140px;
  }
}

@media (max-width:420px){
  .tech-home-premium .tech-section-soft,
  .tech-home-premium .tech-architecture,
  .tech-home-premium .tech-real,
  .tech-home-premium .tech-principles{
    padding-top:62px!important;
    padding-bottom:62px!important;
  }
  .tech-home-premium .tech-section-head{
    margin-bottom:30px;
  }
  .tech-home-premium .tech-architecture .architecture-system{
    transform:none;
  }
  .tech-home-premium .software-module,
  .tech-home-premium .tech-principle-grid article{
    min-height:auto!important;
  }
  .tech-home-premium .tech-product-note{
    position:static;
    display:block;
    margin:0 0 10px;
    text-align:right;
  }
  .tech-home-premium .tech-principle-grid article{
    padding:22px;
  }
}

@media (prefers-reduced-motion:reduce){
  html.js-motion .tech-home-premium .tech-reveal,
  .tech-home-premium .tech-section-head.tech-reveal,
  .tech-home-premium .tech-arch-copy.tech-reveal,
  .tech-home-premium .tech-custom .tech-reveal,
  .tech-home-premium .tech-real .tech-reveal,
  .tech-home-premium .tech-principles .tech-reveal{
    opacity:1!important;
    transform:none!important;
    transition:none!important;
    animation:none!important;
  }
}

/* FINAL MICRO POLISH: readability and scale only. No structural changes. */
.tech-home-premium .tech-network .tech-node strong{
  font-size:1.06em;
}
.tech-home-premium .tech-network .tech-node span{
  color:#657490;
  font-size:1.03em;
}
.tech-home-premium .tech-network .tech-core{
  box-shadow:0 12px 34px rgba(67,99,235,.14);
}

.tech-home-premium .tech-case-flagship .tech-case-copy{
  padding-right:clamp(34px,4vw,54px);
}
.tech-home-premium .tech-case-flagship .tech-case-lead,
.tech-home-premium .tech-case-flagship .tech-case-facts dd{
  max-width:34ch;
}

.tech-home-premium .tech-ecosystem .ecosystem-core{
  transform:scale(1.07);
  box-shadow:0 0 0 10px rgba(62,96,214,.035),0 16px 42px rgba(0,0,0,.16);
}
.tech-home-premium .tech-ecosystem .ecosystem-node b{
  font-size:1.06em;
}
.tech-home-premium .tech-ecosystem .ecosystem-node span{
  font-size:1.02em;
}

.tech-home-premium .architecture-main span,
.tech-home-premium .architecture-services span{
  font-size:1.04em;
}

.tech-home-premium .software-module.module-calendar,
.tech-home-premium .software-module.module-message,
.tech-home-premium .software-module.module-payment{
  transform:translateY(-2px);
  box-shadow:0 16px 40px rgba(36,55,95,.075);
}
.tech-home-premium .software-module.module-calendar strong,
.tech-home-premium .software-module.module-message strong,
.tech-home-premium .software-module.module-payment strong{
  font-size:1.12rem;
}

.tech-home-premium .tech-principle-grid article h3{
  font-size:1.03rem;
}

@media (max-width:768px){
  .tech-home-premium .tech-network .tech-node strong,
  .tech-home-premium .tech-network .tech-node span,
  .tech-home-premium .tech-ecosystem .ecosystem-node b,
  .tech-home-premium .tech-ecosystem .ecosystem-node span,
  .tech-home-premium .architecture-main span,
  .tech-home-premium .architecture-services span{
    font-size:inherit;
  }
  .tech-home-premium .tech-ecosystem .ecosystem-core,
  .tech-home-premium .software-module.module-calendar,
  .tech-home-premium .software-module.module-message,
  .tech-home-premium .software-module.module-payment{
    transform:none;
  }
}