/* 1440MM v3.00 GLOBAL COMPONENT / SECTION STANDARDIZATION
   Canonical visual standard for repeated section components.
   This layer standardizes recurring component appearance; it does not change text, forms, analytics or header/chrome logic. */

:root{
  --component-bg-a:rgba(255,255,255,.045);
  --component-bg-b:rgba(255,255,255,.024);
  --component-bg-card:linear-gradient(180deg,rgba(31,35,40,.92),rgba(17,20,24,.96));
  --component-bg-card-soft:linear-gradient(180deg,rgba(255,255,255,.055),rgba(255,255,255,.022));
  --component-border:rgba(255,255,255,.115);
  --component-border-strong:rgba(255,141,5,.24);
  --component-shadow:0 20px 58px rgba(0,0,0,.24), inset 0 1px 0 rgba(255,255,255,.045);
  --component-shadow-soft:0 14px 40px rgba(0,0,0,.18), inset 0 1px 0 rgba(255,255,255,.035);
  --component-radius:24px;
  --component-radius-lg:30px;
  --component-pad:clamp(18px,2.2vw,28px);
  --component-pad-lg:clamp(22px,2.9vw,36px);
  --component-gap:clamp(14px,1.8vw,22px);
}

.section-head{
  max-width:var(--layout-shell-max,1180px);
}
.section-head .eyebrow,
.section-head .kicker,
.eyebrow,
.kicker{
  color:#FF8D05;
}
.section-head p{
  max-width:720px;
}

.hero-signals{
  align-items:stretch;
}
.signal-card,
.hero-signals .signal-card{
  display:flex;
  flex-direction:column;
  justify-content:flex-start;
  gap:8px;
  min-height:96px;
  border:1px solid var(--component-border)!important;
  border-radius:20px!important;
  background:var(--component-bg-card-soft)!important;
  box-shadow:var(--component-shadow-soft);
  color:inherit;
  text-decoration:none;
}
.signal-card b,
.signal-card strong{
  display:block;
  color:var(--text-primary,#F5F7FA);
}
.signal-card span,
.signal-card p{
  display:block;
  color:var(--text-secondary,#A7ADB4);
  margin:0;
}
.signal-card:hover,
.signal-card:focus-visible{
  border-color:rgba(255,141,5,.34)!important;
  outline:none;
}

.prikaz-panel{
  border:1px solid var(--component-border)!important;
  border-radius:var(--component-radius-lg)!important;
  background:radial-gradient(circle at 90% 10%,rgba(255,141,5,.12),rgba(255,141,5,0) 28%),var(--component-bg-card)!important;
  box-shadow:var(--component-shadow)!important;
}
.prikaz-panel .kicker,
.prikaz-panel .eyebrow{
  color:#FF8D05!important;
}
.prikaz-panel img{
  border-radius:20px!important;
  border:1px solid rgba(255,255,255,.10)!important;
  box-shadow:0 16px 40px rgba(0,0,0,.22);
}
.prikaz-step{
  border:1px solid rgba(255,255,255,.10)!important;
  background:rgba(255,255,255,.035)!important;
  border-radius:18px!important;
}

.card-grid,
.link-grid,
.service-grid,
.benefit-grid,
.feature-grid,
.scenario-grid,
.reference-grid,
.price-grid{
  align-items:stretch;
}
.card-grid > *,
.link-grid > *,
.service-grid > *,
.benefit-grid > *,
.feature-grid > *,
.scenario-grid > *,
.reference-grid > *,
.price-grid > *{
  height:100%;
}

.card,
.info-card,
.risk-card,
.link-card,
.process-card,
.reference-card,
.price-card,
.scenario,
.feature-card,
.benefit-card,
.mm-std-card,
.content-depth-card-std1{
  border:1px solid var(--component-border)!important;
  border-radius:var(--component-radius)!important;
  background:var(--component-bg-card-soft)!important;
  box-shadow:var(--component-shadow-soft);
  min-width:0;
}
.card:hover,
.info-card:hover,
.risk-card:hover,
.link-card:hover,
.process-card:hover,
.reference-card:hover,
.price-card:hover,
.scenario:hover,
.feature-card:hover,
.benefit-card:hover{
  border-color:rgba(255,141,5,.30)!important;
}

.link-card,
.related-links .link-card{
  display:flex;
  flex-direction:column;
  justify-content:space-between;
  gap:12px;
  text-decoration:none;
  color:inherit;
}
.link-card b,
.link-card strong,
.info-card h3,
.risk-card h3,
.process-card h3,
.reference-card h3,
.price-card h3,
.scenario h3{
  color:var(--text-primary,#F5F7FA);
}
.link-card span,
.link-card p,
.info-card p,
.risk-card p,
.process-card p,
.reference-card p,
.price-card p,
.scenario p{
  color:var(--text-secondary,#A7ADB4);
}

.info-panel,
.content-flow{
  border:1px solid var(--component-border)!important;
  border-radius:var(--component-radius)!important;
  background:var(--component-bg-card-soft)!important;
  box-shadow:var(--component-shadow-soft);
}

.two-col{
  align-items:start;
}
.two-col .info-panel,
.two-col .risk-stack,
.two-col .card-grid,
.two-col .content-flow{
  min-width:0;
}

.risk-stack{
  align-content:start;
}
.risk-stack > * + *{
  margin-top:0!important;
}

.pwa-inline-card,
.precision-pwa-card{
  border:1px solid var(--component-border-strong)!important;
  border-radius:var(--component-radius-lg)!important;
  background:radial-gradient(circle at 88% 12%,rgba(255,141,5,.12),rgba(255,141,5,0) 30%),var(--component-bg-card)!important;
  box-shadow:var(--component-shadow)!important;
}
.pwa-benefits{
  align-items:stretch;
}
.pwa-benefits span{
  border:1px solid rgba(255,255,255,.11)!important;
  border-radius:18px!important;
  background:rgba(255,255,255,.035)!important;
}

.qr-premium-card,
.qr-card,
.qr-frame{
  border-color:var(--component-border)!important;
}
.qr-premium-card{
  display:grid;
  grid-template-columns:minmax(0,1fr) auto;
  gap:var(--component-gap);
  align-items:center;
  border:1px solid var(--component-border)!important;
  border-radius:var(--component-radius)!important;
  background:var(--component-bg-card-soft)!important;
  box-shadow:var(--component-shadow-soft);
}
.qr-frame{
  border-radius:20px!important;
  background:rgba(255,255,255,.04)!important;
}

.footer-std-cta{
  border:1px solid var(--component-border-strong)!important;
  border-radius:var(--component-radius)!important;
  background:radial-gradient(circle at left top,rgba(255,141,5,.13),transparent 38%),var(--component-bg-card-soft)!important;
  box-shadow:var(--component-shadow-soft)!important;
}
.footer-std-cta-copy span{
  color:#FF8D05!important;
}
.footer-std-cta-actions a,
.footer-std-cta-actions button{
  border-radius:999px!important;
  border:1px solid rgba(255,255,255,.14)!important;
  background:rgba(255,255,255,.045)!important;
  color:var(--text-primary,#F5F7FA)!important;
  text-decoration:none!important;
}
.footer-std-cta-actions .footer-std-primary,
.footer-std-cta-actions a:first-child{
  border-color:rgba(255,141,5,.38)!important;
  background:linear-gradient(135deg,#FF8D05,#FFB15A)!important;
  color:#101215!important;
}

.scope-edu-card,
.guide-card,
.trust-card,
.standard-card{
  border:1px solid var(--component-border)!important;
  border-radius:var(--component-radius-lg)!important;
  background:var(--component-bg-card-soft)!important;
  box-shadow:var(--component-shadow-soft);
}

@media(max-width:980px){
  .qr-premium-card{
    grid-template-columns:1fr;
  }
  .qr-frame{
    justify-self:start;
  }
}

@media(max-width:760px){
  .signal-card,
  .hero-signals .signal-card{
    min-height:0;
  }
  .qr-premium-card,
  .pwa-inline-card,
  .precision-pwa-card,
  .prikaz-panel,
  .footer-std-cta{
    border-radius:22px!important;
  }
  .footer-std-cta-actions{
    display:grid!important;
    grid-template-columns:1fr;
  }
}