/* SkyDibia PE1 — Public Experience Normalization
   Scoped to body.pe1-public. Commerce, customer portal, policies, Admin and the homepage are excluded. */
.pe1-public{
  --pe1-ink:#0b1f3a;
  --pe1-text:#263d56;
  --pe1-muted:#5f7185;
  --pe1-line:#d6e0e8;
  --pe1-soft:#f5f8fb;
  --pe1-soft-2:#eef4f8;
  --pe1-white:#fff;
  --pe1-accent:#173b65;
}
.pe1-public main{background:#fff;color:var(--pe1-text)}
.pe1-public main h1,.pe1-public main h2,.pe1-public main h3{color:var(--pe1-ink)}
.pe1-public main .eyebrow{color:#486783;font-size:11px;line-height:1.4;font-weight:700;letter-spacing:.16em;text-transform:uppercase}

/* One compact contextual introduction family. */
.pe1-public main>.w6-hero,
.pe1-public main>.w7-hero,
.pe1-public main>.sol-hero,
.pe1-public main>.ap-hero,
.pe1-public main>.sp-hero,
.pe1-public main>.exp-hero,
.pe1-public main>.page-hero,
.pe1-public main>.sd-hotspot-hero,
.pe1-public main>.sd-platform-hero{
  background:var(--pe1-soft)!important;
  color:var(--pe1-ink)!important;
  border-bottom:1px solid var(--pe1-line)!important;
  overflow:hidden;
}
.pe1-public .w6-hero-grid,
.pe1-public .w7-hero-grid,
.pe1-public .sol-hero-grid,
.pe1-public .ap-hero-grid,
.pe1-public .sp-hero-grid,
.pe1-public .exp-hero-grid,
.pe1-public .page-hero-grid,
.pe1-public .sd-hotspot-hero>.hero-grid,
.pe1-public .sd-platform-hero>.hero-grid{
  width:min(1180px,calc(100% - 72px))!important;
  margin-inline:auto!important;
  padding:52px 0 48px!important;
  min-height:0!important;
}
/* Legacy decorative diagrams no longer drive the first viewport. */
.pe1-public .w7-hero-grid,
.pe1-public .sol-hero-grid,
.pe1-public .ap-hero-grid,
.pe1-public .sp-hero-grid,
.pe1-public .exp-hero-grid{
  display:block!important;
}
.pe1-public .w7-hero-grid>div:first-child,
.pe1-public .sol-hero-grid>div:first-child,
.pe1-public .ap-hero-grid>div:first-child,
.pe1-public .sp-hero-grid>div:first-child,
.pe1-public .exp-hero-grid>div:first-child{
  max-width:850px;
}
.pe1-public .w7-visual,
.pe1-public .sol-motif,
.pe1-public .ap-motif,
.pe1-public .sp-motif,
.pe1-public .exp-motif{display:none!important}

.pe1-public main>.w6-hero h1,
.pe1-public main>.w7-hero h1,
.pe1-public main>.sol-hero h1,
.pe1-public main>.ap-hero h1,
.pe1-public main>.sp-hero h1,
.pe1-public main>.exp-hero h1,
.pe1-public main>.page-hero h1,
.pe1-public main>.sd-hotspot-hero h1,
.pe1-public main>.sd-platform-hero h1{
  max-width:880px!important;
  margin-top:12px!important;
  color:var(--pe1-ink)!important;
  font-size:clamp(38px,4vw,52px)!important;
  line-height:1.06!important;
  letter-spacing:-1.8px!important;
  font-weight:650!important;
}
.pe1-public .w6-lead,
.pe1-public .w7-lead,
.pe1-public .sol-hero-lead,
.pe1-public .ap-hero-lead,
.pe1-public .sp-lead,
.pe1-public .page-lead,
.pe1-public .sd-hotspot-hero .hero-description,
.pe1-public .sd-platform-hero .hero-description{
  max-width:790px!important;
  margin-top:20px!important;
  color:var(--pe1-muted)!important;
  font-size:17px!important;
  line-height:1.65!important;
}
.pe1-public .w6-hero .actions,
.pe1-public .w7-hero .actions,
.pe1-public .sol-hero .actions,
.pe1-public .ap-hero .actions,
.pe1-public .sp-hero .actions,
.pe1-public .exp-hero .actions,
.pe1-public .page-hero .actions,
.pe1-public .sd-hotspot-hero .actions,
.pe1-public .sd-platform-hero .actions{
  display:flex!important;
  flex-wrap:wrap!important;
  gap:10px!important;
  margin-top:27px!important;
}
.pe1-public main>.w6-hero .button,
.pe1-public main>.w7-hero .button,
.pe1-public main>.sol-hero .button,
.pe1-public main>.ap-hero .button,
.pe1-public main>.sp-hero .button,
.pe1-public main>.exp-hero .button,
.pe1-public main>.page-hero .button,
.pe1-public main>.sd-hotspot-hero .button,
.pe1-public main>.sd-platform-hero .button{
  display:inline-flex!important;
  align-items:center!important;
  justify-content:space-between!important;
  gap:20px!important;
  min-height:46px!important;
  padding:11px 16px!important;
  border-radius:6px!important;
  border:1px solid #9fb0c1!important;
  background:#fff!important;
  color:var(--pe1-ink)!important;
  font-size:13px!important;
  font-weight:650!important;
  box-shadow:none!important;
}
.pe1-public main>.w6-hero .button.light,
.pe1-public main>.w7-hero .button.light,
.pe1-public main>.sol-hero .button.light,
.pe1-public main>.ap-hero .button.light,
.pe1-public main>.sp-hero .button.light,
.pe1-public main>.exp-hero .button.light,
.pe1-public main>.page-hero .button.light,
.pe1-public main>.sd-hotspot-hero .button.light,
.pe1-public main>.sd-platform-hero .button.light{
  border-color:var(--pe1-ink)!important;
  background:var(--pe1-ink)!important;
  color:#fff!important;
}
.pe1-public main>.w6-hero .button:hover,
.pe1-public main>.w7-hero .button:hover,
.pe1-public main>.sol-hero .button:hover,
.pe1-public main>.ap-hero .button:hover,
.pe1-public main>.sp-hero .button:hover,
.pe1-public main>.exp-hero .button:hover,
.pe1-public main>.page-hero .button:hover,
.pe1-public main>.sd-hotspot-hero .button:hover,
.pe1-public main>.sd-platform-hero .button:hover{transform:none!important;filter:none!important;border-color:#66809b!important}

/* Notes stay subordinate to the primary action. */
.pe1-public .w6-hero-note,
.pe1-public .w7-hero-note,
.pe1-public .sol-hero-note,
.pe1-public .ap-hero-note,
.pe1-public .sp-note,
.pe1-public .exp-note,
.pe1-public .hero-note,
.pe1-public .platform-hero-note{
  max-width:790px!important;
  margin-top:17px!important;
  color:#6b7d8e!important;
  font-size:12px!important;
  line-height:1.6!important;
}

/* Useful route rails remain visible, but become supporting navigation rather than a second hero. */
.pe1-public .ap-hero-rail,
.pe1-public .sp-hero-rail,
.pe1-public .sol-hero-rail,
.pe1-public .hotspot-proof{
  width:min(1180px,calc(100% - 72px))!important;
  margin:0 auto!important;
  padding:0 0 22px!important;
  background:transparent!important;
  border:0!important;
}
.pe1-public .ap-hero-rail a,
.pe1-public .sp-hero-rail a,
.pe1-public .sol-hero-rail a{
  min-height:44px!important;
  color:var(--pe1-accent)!important;
}

/* Product/platform demonstrations are meaningful, so keep them—but smaller than the task copy. */
.pe1-public .sd-platform-hero>.hero-grid,
.pe1-public .sd-hotspot-hero>.hero-grid,
.pe1-public .page-hero-grid{
  display:grid!important;
  grid-template-columns:minmax(0,1.12fr) minmax(320px,.88fr)!important;
  gap:44px!important;
  align-items:center!important;
}
.pe1-public .sd-platform-hero .product-window,
.pe1-public .sd-hotspot-hero .hotspot-motif,
.pe1-public .page-hero-grid>aside{
  margin:0!important;
  max-height:360px;
  overflow:hidden;
  border:1px solid var(--pe1-line)!important;
  border-radius:8px!important;
  box-shadow:none!important;
}
.pe1-public .sd-hotspot-hero .hotspot-motif{padding:12px;background:#102a47}
.pe1-public .sd-hotspot-hero .hotspot-motif svg{max-height:300px}
.pe1-public .page-hero-grid>aside{padding:22px!important;background:#fff!important;color:var(--pe1-text)!important}
.pe1-public .page-hero-grid>aside h2{color:var(--pe1-ink)!important}

/* Normalize body rhythm without flattening page-specific information architecture. */
.pe1-public .w6-section,
.pe1-public .w7-section,
.pe1-public .sol-section,
.pe1-public .ap-section,
.pe1-public .sp-section,
.pe1-public main>.section{
  padding-top:62px!important;
  padding-bottom:62px!important;
}
.pe1-public .w6-section.alt,
.pe1-public .w7-section.alt,
.pe1-public .sol-mist,
.pe1-public .sol-cool,
.pe1-public .ap-mist,
.pe1-public .ap-cool,
.pe1-public .sp-mist,
.pe1-public .sp-cool,
.pe1-public .cap-cluster-section.alt{
  background:var(--pe1-soft)!important;
  border-color:var(--pe1-line)!important;
}
.pe1-public .w6-wrap,
.pe1-public .w7-wrap,
.pe1-public .sol-section.wrap,
.pe1-public .ap-section.wrap,
.pe1-public .sp-section.wrap,
.pe1-public main>.section>.wrap{
  width:min(1180px,calc(100% - 72px))!important;
  margin-inline:auto!important;
}
.pe1-public .w6-heading,
.pe1-public .w7-heading,
.pe1-public .sol-heading,
.pe1-public .ap-heading,
.pe1-public .sp-heading{
  gap:30px!important;
  margin-bottom:34px!important;
}
.pe1-public main section:not(:first-child) h2{
  letter-spacing:-.8px;
}

/* Consistent restrained surfaces. */
.pe1-public main .card,
.pe1-public main [class*="-card"],
.pe1-public main [class*="-tile"]{
  box-shadow:none!important;
}
.pe1-public main a:focus-visible,
.pe1-public main button:focus-visible,
.pe1-public main input:focus-visible,
.pe1-public main select:focus-visible,
.pe1-public main textarea:focus-visible,
.pe1-public main summary:focus-visible{
  outline:3px solid #2d6da8!important;
  outline-offset:3px!important;
}

@media(max-width:900px){
  .pe1-public .w6-hero-grid,
  .pe1-public .w7-hero-grid,
  .pe1-public .sol-hero-grid,
  .pe1-public .ap-hero-grid,
  .pe1-public .sp-hero-grid,
  .pe1-public .exp-hero-grid,
  .pe1-public .page-hero-grid,
  .pe1-public .sd-hotspot-hero>.hero-grid,
  .pe1-public .sd-platform-hero>.hero-grid,
  .pe1-public .ap-hero-rail,
  .pe1-public .sp-hero-rail,
  .pe1-public .sol-hero-rail,
  .pe1-public .hotspot-proof,
  .pe1-public .w6-wrap,
  .pe1-public .w7-wrap,
  .pe1-public .sol-section.wrap,
  .pe1-public .ap-section.wrap,
  .pe1-public .sp-section.wrap,
  .pe1-public main>.section>.wrap{width:calc(100% - 48px)!important}
  .pe1-public .sd-platform-hero>.hero-grid,
  .pe1-public .sd-hotspot-hero>.hero-grid,
  .pe1-public .page-hero-grid{grid-template-columns:1fr!important;gap:28px!important}
  .pe1-public .sd-platform-hero .product-window,
  .pe1-public .sd-hotspot-hero .hotspot-motif,
  .pe1-public .page-hero-grid>aside{max-width:720px;max-height:none}
}

@media(max-width:560px){
  .pe1-public .w6-hero-grid,
  .pe1-public .w7-hero-grid,
  .pe1-public .sol-hero-grid,
  .pe1-public .ap-hero-grid,
  .pe1-public .sp-hero-grid,
  .pe1-public .exp-hero-grid,
  .pe1-public .page-hero-grid,
  .pe1-public .sd-hotspot-hero>.hero-grid,
  .pe1-public .sd-platform-hero>.hero-grid{
    width:calc(100% - 40px)!important;
    padding:34px 0 32px!important;
  }
  .pe1-public .ap-hero-rail,
  .pe1-public .sp-hero-rail,
  .pe1-public .sol-hero-rail,
  .pe1-public .hotspot-proof,
  .pe1-public .w6-wrap,
  .pe1-public .w7-wrap,
  .pe1-public .sol-section.wrap,
  .pe1-public .ap-section.wrap,
  .pe1-public .sp-section.wrap,
  .pe1-public main>.section>.wrap{width:calc(100% - 40px)!important}
  .pe1-public main>.w6-hero h1,
  .pe1-public main>.w7-hero h1,
  .pe1-public main>.sol-hero h1,
  .pe1-public main>.ap-hero h1,
  .pe1-public main>.sp-hero h1,
  .pe1-public main>.exp-hero h1,
  .pe1-public main>.page-hero h1,
  .pe1-public main>.sd-hotspot-hero h1,
  .pe1-public main>.sd-platform-hero h1{
    font-size:34px!important;
    line-height:1.08!important;
    letter-spacing:-1.15px!important;
  }
  .pe1-public .w6-lead,
  .pe1-public .w7-lead,
  .pe1-public .sol-hero-lead,
  .pe1-public .ap-hero-lead,
  .pe1-public .sp-lead,
  .pe1-public .page-lead,
  .pe1-public .sd-hotspot-hero .hero-description,
  .pe1-public .sd-platform-hero .hero-description{font-size:15px!important;line-height:1.6!important;margin-top:17px!important}
  .pe1-public .w6-hero .actions,
  .pe1-public .w7-hero .actions,
  .pe1-public .sol-hero .actions,
  .pe1-public .ap-hero .actions,
  .pe1-public .sp-hero .actions,
  .pe1-public .exp-hero .actions,
  .pe1-public .page-hero .actions,
  .pe1-public .sd-hotspot-hero .actions,
  .pe1-public .sd-platform-hero .actions{display:grid!important;grid-template-columns:1fr!important;width:100%!important;margin-top:23px!important}
  .pe1-public main>.w6-hero .button,
  .pe1-public main>.w7-hero .button,
  .pe1-public main>.sol-hero .button,
  .pe1-public main>.ap-hero .button,
  .pe1-public main>.sp-hero .button,
  .pe1-public main>.exp-hero .button,
  .pe1-public main>.page-hero .button,
  .pe1-public main>.sd-hotspot-hero .button,
  .pe1-public main>.sd-platform-hero .button{width:100%!important;min-height:48px!important}
  .pe1-public .sd-platform-hero .product-window,
  .pe1-public .sd-hotspot-hero .hotspot-motif{display:none!important}
  .pe1-public .page-hero-grid>aside{padding:18px!important}
  .pe1-public .w6-section,
  .pe1-public .w7-section,
  .pe1-public .sol-section,
  .pe1-public .ap-section,
  .pe1-public .sp-section,
  .pe1-public main>.section{padding-top:48px!important;padding-bottom:48px!important}
}

@media(prefers-reduced-motion:reduce){
  .pe1-public *{scroll-behavior:auto!important;transition:none!important;animation:none!important}
}

/* Current-route indication is semantic and restrained. */
.pe1-public .u1-header .u1-nav a[aria-current="page"]{color:var(--pe1-ink);font-weight:750}
.pe1-public .u1-header .u1-panel a[aria-current="page"]{background:#eef4f8;color:var(--pe1-ink)}
.pe1-public .ap-hero-rail,.pe1-public .sol-hero-rail,.pe1-public .hotspot-proof{border-top:1px solid var(--pe1-line)!important}
.pe1-public .ap-hero-rail a,.pe1-public .sol-hero-rail a,.pe1-public .hotspot-proof>div{border-color:var(--pe1-line)!important}
.pe1-public .hotspot-proof strong{color:var(--pe1-ink)!important}
.pe1-public .hotspot-proof span{color:var(--pe1-muted)!important}
.pe1-public .ap-hero-rail a:hover,.pe1-public .sol-hero-rail a:hover{color:var(--pe1-ink)!important}

/* PE1.1.1 — Contrast correction
   Restores the intended light/dark foreground relationship after PE1 moved
   legacy hero families onto light surfaces. Layout and application behaviour
   are intentionally unchanged. */
.pe1-public{
  --pe111-kicker:#365b7d;
  --pe111-dark-heading:#ffffff;
  --pe111-dark-text:#d6e0ea;
  --pe111-dark-kicker:#b9cce0;
}

/* Normalized public heroes are light surfaces. Legacy hero-specific rules used
   pale text for the former navy background, so force a readable public kicker. */
.pe1-public main>.w6-hero .eyebrow,
.pe1-public main>.w7-hero .eyebrow,
.pe1-public main>.sol-hero .eyebrow,
.pe1-public main>.ap-hero .eyebrow,
.pe1-public main>.sp-hero .eyebrow,
.pe1-public main>.exp-hero .eyebrow,
.pe1-public main>.page-hero .eyebrow,
.pe1-public main>.sd-hotspot-hero .eyebrow,
.pe1-public main>.sd-platform-hero .eyebrow{
  color:var(--pe111-kicker)!important;
}

/* Hero notes remain subordinate, but no longer fall below normal-text contrast
   against the normalized pale background. */
.pe1-public .w6-hero-note,
.pe1-public .w7-hero-note,
.pe1-public .sol-hero-note,
.pe1-public .ap-hero-note,
.pe1-public .sp-note,
.pe1-public .exp-note,
.pe1-public .hero-note,
.pe1-public .platform-hero-note{
  color:var(--pe1-muted)!important;
}

/* Solution quick routes were designed for a dark hero. PE1 makes the hero
   light, so the rail must use the same dark-on-light vocabulary as the other
   normalized supporting navigation. */
.pe1-public main>.sp-hero .sp-rail{
  border-top:1px solid var(--pe1-line)!important;
}
.pe1-public main>.sp-hero .sp-rail a{
  color:var(--pe1-accent)!important;
  border-color:var(--pe1-line)!important;
}
.pe1-public main>.sp-hero .sp-rail a:hover,
.pe1-public main>.sp-hero .sp-rail a:focus-visible{
  color:var(--pe1-ink)!important;
}

/* PE1's global heading colour is correct on light surfaces but must not override
   components whose own surface is navy. Keep those sections explicitly
   light-on-dark so headings cannot disappear through selector precedence. */
.pe1-public main :is(
  .sp-boundary,
  .sp-cta,
  .platform-flow,
  .license-process,
  .control-panel,
  .platform-panel,
  .platform-mini,
  .w7-principle-main,
  .w6-boundary,
  .cta-band,
  .ap-final,
  .sol-final
){
  color:var(--pe111-dark-heading);
}
.pe1-public main :is(
  .sp-boundary,
  .sp-cta,
  .platform-flow,
  .license-process,
  .control-panel,
  .platform-panel,
  .platform-mini,
  .w7-principle-main,
  .w6-boundary,
  .cta-band,
  .ap-final,
  .sol-final
) :is(h1,h2,h3){
  color:var(--pe111-dark-heading)!important;
}
.pe1-public main :is(
  .sp-boundary,
  .sp-cta,
  .platform-flow,
  .license-process,
  .control-panel,
  .platform-panel,
  .platform-mini,
  .w7-principle-main,
  .w6-boundary,
  .cta-band,
  .ap-final,
  .sol-final
) .eyebrow{
  color:var(--pe111-dark-kicker)!important;
}

/* The platform flow uses small supporting copy on navy. Preserve its hierarchy
   while making every heading/step label readable. */
.pe1-public .platform-flow .flow-step h3{color:var(--pe111-dark-heading)!important}
.pe1-public .platform-flow .section-heading>p,
.pe1-public .platform-flow .flow-step p{color:var(--pe111-dark-text)!important}