/* ITSelect Premium Public Layer - services / security / resources
   Visual-only layer: no business logic, no form/API changes. */

body.it-premium-public{
  overflow-x:hidden;
}

body.it-premium-public .site-nav{
  box-shadow:0 16px 42px rgba(4,8,18,.08);
}

body.it-premium-public .sap-main,
body.it-premium-public main{
  isolation:isolate;
}

body.it-premium-public .sap-hero,
body.it-premium-public .security-hero,
body.it-premium-public .res-hero{
  position:relative;
  overflow:hidden;
}

body.it-premium-public .sap-hero:before,
body.it-premium-public .security-hero:before,
body.it-premium-public .res-hero:before{
  content:"";
  position:absolute;
  inset:0;
  pointer-events:none;
  z-index:0;
  opacity:.36;
  background-image:
    linear-gradient(rgba(255,255,255,.055) 1px,transparent 1px),
    linear-gradient(90deg,rgba(255,255,255,.045) 1px,transparent 1px);
  background-size:72px 72px;
  -webkit-mask-image:linear-gradient(180deg,rgba(0,0,0,.96),rgba(0,0,0,.40) 68%,transparent 100%);
  mask-image:linear-gradient(180deg,rgba(0,0,0,.96),rgba(0,0,0,.40) 68%,transparent 100%);
}

body.it-premium-public .sap-hero:after,
body.it-premium-public .security-hero:after,
body.it-premium-public .res-hero:after{
  content:"";
  position:absolute;
  right:-170px;
  top:10%;
  width:520px;
  height:520px;
  border-radius:50%;
  pointer-events:none;
  z-index:0;
  background:radial-gradient(circle,rgba(214,181,109,.22),rgba(14,165,233,.08) 48%,transparent 70%);
  filter:blur(44px);
  animation:it-public-halo 11s ease-in-out infinite alternate;
}

body.it-premium-public .sap-hero > *,
body.it-premium-public .security-hero > *,
body.it-premium-public .res-hero .res-wrap{
  position:relative;
  z-index:1;
}

body.it-premium-public .sap-hero-panel,
body.it-premium-public .security-command-panel,
body.it-premium-public .res-hero-card{
  box-shadow:0 34px 100px rgba(0,0,0,.30),inset 0 1px 0 rgba(255,255,255,.14);
  transform-style:preserve-3d;
}

body.it-premium-public .sap-btn,
body.it-premium-public .security-btn,
body.it-premium-public .res-btn{
  transition:transform .22s cubic-bezier(.22,1,.36,1),box-shadow .22s cubic-bezier(.22,1,.36,1),border-color .22s cubic-bezier(.22,1,.36,1),background .22s cubic-bezier(.22,1,.36,1);
}

body.it-premium-public .sap-btn:hover,
body.it-premium-public .security-btn:hover,
body.it-premium-public .res-btn:hover{
  transform:translateY(-2px);
}

.it-public-proofrail{
  width:min(1180px,calc(100% - 36px));
  margin:clamp(18px,3vw,28px) auto clamp(22px,4vw,42px);
  display:grid;
  grid-template-columns:repeat(4,minmax(0,1fr));
  gap:12px;
  position:relative;
  z-index:4;
}

.it-public-proofrail.is-overlap{
  margin-top:clamp(-42px,-3vw,-18px);
}

.it-public-proofitem{
  min-height:126px;
  padding:20px;
  border-radius:24px;
  background:linear-gradient(145deg,rgba(255,255,255,.94),rgba(255,255,255,.82));
  border:1px solid rgba(15,23,42,.08);
  box-shadow:0 24px 70px rgba(15,23,42,.10);
  -webkit-backdrop-filter:blur(14px);
  backdrop-filter:blur(14px);
  overflow:hidden;
  position:relative;
}

.it-public-proofitem:before{
  content:"";
  position:absolute;
  inset:0 0 auto;
  height:3px;
  background:linear-gradient(90deg,#0ea5e9,#f2d994);
  opacity:.9;
}

.it-public-proofitem strong{
  display:block;
  color:#071427;
  font-size:clamp(2rem,4vw,3.2rem);
  line-height:.95;
  letter-spacing:-.06em;
  font-weight:950;
  font-variant-numeric:tabular-nums;
}

.it-public-proofitem strong .it-public-count{
  display:inline-flex;
  align-items:baseline;
  white-space:nowrap;
}

.it-public-proofitem span{
  display:block;
  margin-top:10px;
  color:#475569;
  font-weight:850;
  line-height:1.35;
}

.it-public-proofitem small{
  display:block;
  margin-top:8px;
  color:#64748b;
  line-height:1.45;
  font-weight:650;
}

body.it-premium-public .sap-card,
body.it-premium-public .security-tool-card,
body.it-premium-public .security-pack-card,
body.it-premium-public .security-evidence-card,
body.it-premium-public .security-group,
body.it-premium-public .res-card{
  transition:transform .42s cubic-bezier(.22,1,.36,1),box-shadow .42s cubic-bezier(.22,1,.36,1),border-color .42s cubic-bezier(.22,1,.36,1);
  will-change:transform;
}

body.it-premium-public .sap-card:hover,
body.it-premium-public .security-tool-card:hover,
body.it-premium-public .security-pack-card:hover,
body.it-premium-public .security-evidence-card:hover,
body.it-premium-public .res-card:hover{
  transform:translateY(-7px);
  border-color:rgba(214,181,109,.42);
  box-shadow:0 34px 96px rgba(15,23,42,.16);
}

body.it-premium-public .security-tool-card .security-card-link,
body.it-premium-public .res-link,
body.it-premium-public .sap-card a{
  transition:transform .22s cubic-bezier(.22,1,.36,1),color .22s ease,background .22s ease;
}

body.it-premium-public .security-tool-card:hover .security-card-link,
body.it-premium-public .res-card:hover .res-link,
body.it-premium-public .sap-card:hover a{
  transform:translateX(3px);
}

body.it-premium-public [data-premium-reveal]{
  opacity:0;
  transform:translate3d(0,24px,0);
  transition:opacity .75s cubic-bezier(.22,1,.36,1),transform .75s cubic-bezier(.22,1,.36,1);
  transition-delay:var(--reveal-delay,0ms);
}

body.it-premium-public [data-premium-reveal].is-visible{
  opacity:1;
  transform:translate3d(0,0,0);
}

body.it-premium-public .it-public-proofitem[data-premium-reveal]{
  transform:translate3d(0,18px,0) scale(.985);
}

body.it-premium-public .it-public-proofitem[data-premium-reveal].is-visible{
  transform:translate3d(0,0,0) scale(1);
}

@keyframes it-public-halo{
  from{transform:translate3d(0,0,0) scale(1)}
  to{transform:translate3d(-26px,30px,0) scale(1.08)}
}

@media(max-width:1040px){
  .it-public-proofrail{grid-template-columns:repeat(2,minmax(0,1fr))}
}

@media(max-width:700px){
  .it-public-proofrail{grid-template-columns:1fr;width:min(100% - 32px,520px);margin-top:20px}
  .it-public-proofrail.is-overlap{margin-top:20px}
  .it-public-proofitem{min-height:auto;padding:18px;border-radius:20px}
  body.it-premium-public .sap-hero:before,
  body.it-premium-public .security-hero:before,
  body.it-premium-public .res-hero:before{background-size:52px 52px;opacity:.24}
}

@media(prefers-reduced-motion:reduce){
  body.it-premium-public *,
  body.it-premium-public *:before,
  body.it-premium-public *:after{
    animation:none!important;
    transition:none!important;
    scroll-behavior:auto!important;
  }
  body.it-premium-public [data-premium-reveal]{opacity:1!important;transform:none!important}
}


/* Service detail pages extension - visual only */
body.it-premium-public .projects-hero,
body.it-premium-public .hero{
  position:relative;
  overflow:hidden;
}

body.it-premium-public .projects-hero:before{
  content:"";
  position:absolute;
  inset:0;
  pointer-events:none;
  opacity:.30;
  background-image:
    linear-gradient(rgba(255,255,255,.055) 1px,transparent 1px),
    linear-gradient(90deg,rgba(255,255,255,.045) 1px,transparent 1px);
  background-size:72px 72px;
  -webkit-mask-image:linear-gradient(180deg,rgba(0,0,0,.90),transparent 88%);
  mask-image:linear-gradient(180deg,rgba(0,0,0,.90),transparent 88%);
}

body.it-premium-public .projects-hero:after{
  content:"";
  position:absolute;
  right:-140px;
  top:8%;
  width:470px;
  height:470px;
  border-radius:50%;
  pointer-events:none;
  background:radial-gradient(circle,rgba(214,181,109,.23),rgba(14,165,233,.10) 46%,transparent 72%);
  filter:blur(42px);
  animation:it-public-halo 11s ease-in-out infinite alternate;
}

body.it-premium-public .projects-hero .wrap,
body.it-premium-public .hero-wrap{
  position:relative;
  z-index:1;
}

body.it-premium-public .client-logo-card,
body.it-premium-public .case-card,
body.it-premium-public .method-card,
body.it-premium-public .projects-kpi-panel,
body.it-premium-public .projects-cta,
body.it-premium-public .feature-card,
body.it-premium-public .benefit-card,
body.it-premium-public .offer-card,
body.it-premium-public .tool-card{
  transition:transform .42s cubic-bezier(.22,1,.36,1),box-shadow .42s cubic-bezier(.22,1,.36,1),border-color .42s cubic-bezier(.22,1,.36,1),background .42s ease;
  will-change:transform;
}

body.it-premium-public .client-logo-card:hover,
body.it-premium-public .case-card:hover,
body.it-premium-public .method-card:hover,
body.it-premium-public .projects-kpi-panel:hover,
body.it-premium-public .feature-card:hover,
body.it-premium-public .benefit-card:hover,
body.it-premium-public .offer-card:hover,
body.it-premium-public .tool-card:hover{
  transform:translateY(-6px);
  box-shadow:0 34px 96px rgba(15,23,42,.15);
}

body.it-premium-public .projects-actions .btn,
body.it-premium-public .btn,
body.it-premium-public .cta,
body.it-premium-public .button{
  transition:transform .22s cubic-bezier(.22,1,.36,1),box-shadow .22s cubic-bezier(.22,1,.36,1),background .22s ease,border-color .22s ease;
}

body.it-premium-public .projects-actions .btn:hover,
body.it-premium-public .btn:hover,
body.it-premium-public .cta:hover,
body.it-premium-public .button:hover{
  transform:translateY(-2px);
}