/* PressDesign.pro V7 — clear content rhythms and premium hero motion.
   Explicit section classes on all 13 pages preserve the intended first-white / second-tinted order. */

:root{--pd-surface-line:rgba(31,73,111,.085);--pd-section-cool:#edf9fc;--pd-section-warm:#fdf3f9;}
main > section.pd-surface{position:relative;isolation:isolate;}
main > section.pd-surface > .container{position:relative;z-index:1;}
/* White, quiet first section after hero/title. No needless colored strip. */
main > section.pd-section-base{background:#fff!important;}
/* Subtle blended tones keep content distinct while still professional, not loud. */
main > section.pd-section-tinted{
  background-color:#f5f8fe!important;
  background-image:radial-gradient(ellipse 900px 470px at 0% 0%,rgba(22,189,212,.095),transparent 72%),
                   radial-gradient(ellipse 720px 500px at 100% 100%,rgba(219,48,141,.07),transparent 78%),
                   linear-gradient(125deg,#f2f9fd 0%,#f7f8ff 54%,#fff7fb 100%)!important;
  box-shadow:inset 0 1px 0 var(--pd-surface-line),inset 0 -1px 0 rgba(43,74,109,.055);
}
main > section.pd-section-warm{
  background-image:radial-gradient(ellipse 880px 560px at 95% 0%,rgba(241,56,143,.095),transparent 74%),
                   radial-gradient(ellipse 620px 430px at 0% 100%,rgba(255,190,74,.085),transparent 72%),
                   linear-gradient(125deg,#fff8fa 0%,#f8f6ff 55%,#f1fafe 100%)!important;
}
/* Minimal organic accents, clipped to their own band rather than crossing boundaries. */
main > section.pd-section-tinted:before{
  content:"";pointer-events:none;position:absolute;right:-240px;top:-300px;
  width:590px;height:590px;border-radius:44% 56% 63% 37% / 44% 48% 52% 56%;
  border:75px solid rgba(51,189,207,.038);transform:rotate(-24deg);z-index:0;
}
main > section.pd-section-warm:before{right:auto;left:-300px;top:auto;bottom:-335px;border-color:rgba(231,70,141,.035);}
/* White cards lift from alternating background while keeping typography contrast. */
.pd-section-tinted .feature-card,.pd-section-tinted .service-card,
.pd-section-tinted .mission-card,.pd-section-tinted .industry,.pd-section-tinted .info-panel,
.pd-section-tinted .input-card{box-shadow:0 16px 45px rgba(27,52,83,.055);}
/* Full-width CTA already has its own dark photo-led panel; use a contrasting outer band. */
main > .pd-cta-section{
  background:linear-gradient(180deg,#f5f9fd 0%,#eef5fa 100%)!important;
  border-top:1px solid rgba(24,63,107,.055);
}
/* Five hero slides share the same grid cell so opacity can genuinely crossfade.
   Override Bootstrap display:none, floats and transform slide transitions. */
.hero.pd-slider-ready .pd-carousel .carousel-inner{
  display:grid!important;align-items:stretch;overflow:hidden;isolation:isolate;
}
.hero.pd-slider-ready .pd-carousel .carousel-item{
  grid-area:1 / 1!important;position:relative!important;display:block!important;
  float:none!important;margin:0!important;width:100%!important;
  transform:none!important;
  opacity:0;visibility:hidden;pointer-events:none;z-index:0;
  transition:opacity 1.12s cubic-bezier(.22,.65,.25,1),visibility 0s linear 1.12s!important;
  animation:none!important;
  will-change:opacity;
}
.hero.pd-slider-ready .pd-carousel .carousel-item.active{
  opacity:1;visibility:visible;pointer-events:auto;z-index:2;
  transition:opacity 1.12s cubic-bezier(.22,.65,.25,1),visibility 0s linear 0s!important;
  animation:none!important;
}
/* Delay a gentle text/media reveal for incoming slides; outgoing image fades cleanly. */
.hero.pd-slider-ready .carousel-item.active .hero-content > *{
  animation:pd7-rise-in .9s cubic-bezier(.19,.72,.28,1) both;
}
.hero.pd-slider-ready .carousel-item.active .hero-content > :nth-child(2){animation-delay:.11s;}
.hero.pd-slider-ready .carousel-item.active .hero-content > :nth-child(3){animation-delay:.19s;}
.hero.pd-slider-ready .carousel-item.active .hero-content > :nth-child(n+4){animation-delay:.26s;}
.hero.pd-slider-ready .carousel-item.active .hero-img-wrap{
  animation:pd7-image-in 1.32s cubic-bezier(.2,.74,.26,1) both;
}
@keyframes pd7-rise-in{from{opacity:0;transform:translate3d(0,18px,0)}to{opacity:1;transform:translate3d(0,0,0)}}
@keyframes pd7-image-in{from{opacity:.55;transform:translate3d(15px,0,0) scale(1.018)}to{opacity:1;transform:translate3d(0,0,0) scale(1)}}
.hero .hero-navigation button,.hero .carousel-indicators button{transition:background-color .28s,border-color .28s,transform .28s,width .35s ease!important;}
.hero .hero-navigation button:hover{transform:translateY(-2px);}
@media(max-width:767px){
 main > section.pd-section-tinted:before{width:360px;height:360px;right:-270px;top:-230px;border-width:52px;}
 .hero.pd-slider-ready .carousel-item.active .hero-img-wrap{animation-duration:.9s;}
}
@media(prefers-reduced-motion:reduce){
 .hero.pd-slider-ready .pd-carousel .carousel-item,
 .hero.pd-slider-ready .pd-carousel .carousel-item.active{transition:none!important;will-change:auto!important;}
 .hero.pd-slider-ready .carousel-item.active .hero-content > *,
 .hero.pd-slider-ready .carousel-item.active .hero-img-wrap{animation:none!important;}
 .hero .hero-navigation button:hover{transform:none;}
}
/* Decorative ellipses must not widen the document or create a sideways scrollbar. */
main > section.pd-section-tinted{overflow:clip;}
@supports not (overflow:clip){main > section.pd-section-tinted{overflow:hidden;}}