/* Prime Creation // Receptor canonical Page 01
   PrimeLayout owns the viewport. Page 01 owns only its internal composition.
   Canon brand materials are Bg.png + Logo.png + Text.png delivered through /api/brand-material.
   Runtime may enhance them but may not own their visibility. */

body.prime-v2 #top.hero[data-prime-receptor="true"]{position:absolute!important;inset:0!important;display:grid!important;place-items:center!important;inline-size:100%!important;block-size:100%!important;min-inline-size:0!important;min-block-size:0!important;margin:0!important;padding:0!important;overflow:hidden!important;overscroll-behavior:none!important;touch-action:manipulation!important;background:#02050a!important;isolation:isolate!important;contain:layout style!important}
body.prime-v2 #top.hero[data-prime-receptor="true"][hidden]{display:none!important}
body.prime-v2 #top.hero[data-prime-receptor="true"]::before,body.prime-v2 #top.hero[data-prime-receptor="true"]::after{content:none!important;display:none!important}
html[data-prime-viewport-authority][data-prime-viewport-active="top"] body.prime-v2 #main[data-app-shell]>#top.hero[data-prime-receptor="true"]:not([hidden]){display:grid!important;content-visibility:visible!important;visibility:visible!important;opacity:1!important;pointer-events:auto!important}

body.prime-v2 #top.hero[data-prime-receptor="true"]>.receptor-background-box{position:absolute!important;inset:0!important;inline-size:100%!important;block-size:100%!important;margin:0!important;padding:0!important;overflow:hidden!important;background:#02050a!important;isolation:isolate!important;contain:layout style!important}
body.prime-v2 #top.hero[data-prime-receptor="true"] .receptor-background-art{position:absolute!important;inset:0!important;z-index:0!important;display:block!important;inline-size:100%!important;block-size:100%!important;max-inline-size:none!important;max-block-size:none!important;margin:0!important;padding:0!important;border:0!important;object-fit:cover!important;object-position:center!important;background:#02050a!important;pointer-events:none!important;user-select:none!important;opacity:1!important;visibility:visible!important;transition:opacity .18s linear!important}
body.prime-v2 #top.hero[data-prime-receptor="true"] .receptor-background-art[data-prime-material-state="ready"]{opacity:1!important;visibility:visible!important}

body.prime-v2 #top.hero[data-prime-receptor="true"] .receptor-brand-group{--receptor-brand-inline:min(92vw,60rem);--receptor-wordmark-inline:min(90vw,57.5rem);--receptor-logo-inline:min(38vw,25rem);--receptor-logo-block:auto;--receptor-transparent-gap-collapse:0px;--receptor-visible-corridor:clamp(.28rem,.85dvh,.58rem);--receptor-lettering-bottom-trim:0px;--receptor-tagline-inline:var(--receptor-wordmark-inline);position:absolute!important;inset:0!important;z-index:10!important;display:flex!important;flex-direction:column!important;align-items:center!important;justify-content:center!important;gap:0!important;inline-size:var(--receptor-brand-inline)!important;block-size:100%!important;min-inline-size:0!important;min-block-size:0!important;max-inline-size:var(--receptor-brand-inline)!important;max-block-size:100%!important;margin:0 auto!important;padding:max(.5rem,var(--pf-safe-top,0px)) max(.5rem,var(--pf-safe-right,0px)) .5rem max(.5rem,var(--pf-safe-left,0px))!important;box-sizing:border-box!important;background:transparent!important;pointer-events:none!important;overflow:visible!important;transform-style:preserve-3d!important;container-type:inline-size!important}
body.prime-v2 #top.hero[data-prime-receptor="true"] :is(.receptor-logo-box,.receptor-lettering-box){position:relative!important;display:grid!important;place-items:center!important;flex:0 0 auto!important;min-inline-size:0!important;min-block-size:0!important;margin:0!important;padding:0!important;border:0!important;background:transparent!important;overflow:visible!important;box-shadow:none!important;pointer-events:none!important;line-height:0!important;transform-style:preserve-3d!important;backface-visibility:visible!important}
body.prime-v2 #top.hero[data-prime-receptor="true"] .receptor-logo-box{inline-size:var(--receptor-logo-inline)!important;block-size:var(--receptor-logo-block)!important;max-inline-size:100%!important;max-block-size:42dvh!important;filter:drop-shadow(0 0 22px rgba(137,220,255,.18))!important;isolation:auto!important}
body.prime-v2 #top.hero[data-prime-receptor="true"] .receptor-logo-cutout{position:relative!important;z-index:1!important;display:block!important;inline-size:100%!important;block-size:auto!important;max-inline-size:100%!important;max-block-size:42dvh!important;margin:0!important;padding:0!important;border:0!important;object-fit:contain!important;object-position:center!important;opacity:1!important;visibility:visible!important;background:transparent!important;pointer-events:none!important;transform-style:preserve-3d!important;backface-visibility:visible!important;transition:opacity .14s linear!important}
body.prime-v2 #top.hero[data-prime-receptor="true"] .receptor-logo-cutout[data-prime-material-state="ready"]{opacity:1!important;visibility:visible!important}
body.prime-v2 #top.hero[data-prime-receptor="true"] .receptor-lettering-box{inline-size:var(--receptor-wordmark-inline)!important;block-size:auto!important;max-inline-size:100%!important;margin-block-start:calc(var(--receptor-visible-corridor) - var(--receptor-transparent-gap-collapse))!important}
body.prime-v2 #top.hero[data-prime-receptor="true"] .receptor-lettering-art{display:block!important;inline-size:100%!important;block-size:auto!important;max-inline-size:100%!important;max-block-size:30dvh!important;margin:0!important;padding:0!important;border:0!important;object-fit:contain!important;object-position:center!important;opacity:1!important;visibility:visible!important;background:transparent!important;pointer-events:none!important;transform-style:preserve-3d!important;backface-visibility:visible!important;transition:opacity .14s linear!important}
body.prime-v2 #top.hero[data-prime-receptor="true"] .receptor-lettering-art[data-prime-material-state="ready"]{opacity:1!important;visibility:visible!important}
body.prime-v2 #top.hero[data-prime-receptor="true"] :is(.receptor-logo-cutout,.receptor-lettering-art)[hidden]{display:none!important}

html:not([data-prime-spatial-system-enabled="true"]) body.prime-v2 #top.hero[data-prime-receptor="true"] :is(.receptor-brand-group,.receptor-logo-box,.receptor-lettering-box,.receptor-logo-cutout,.receptor-lettering-art,.receptor-tagline-group)[data-prime-child-reactive="true"],html:not([data-prime-spatial-system-enabled="true"]) body.prime-v2 #top.hero[data-prime-receptor="true"] :is(.receptor-brand-group,.receptor-logo-box,.receptor-lettering-box,.receptor-logo-cutout,.receptor-lettering-art,.receptor-tagline-group)[data-prime-child-position="true"]{translate:none!important;rotate:none!important;scale:none!important}
body.prime-v2 #top.hero[data-prime-receptor="true"] :is(.pc-spatial-section-field,.pc-spatial-reader-field){display:none!important;visibility:hidden!important}
body.prime-v2 #top.hero[data-prime-receptor="true"] :is(.receptor-background-box,.receptor-background-art[data-prime-material-key="background"]){transform:none!important;rotate:none!important;scale:none!important;perspective:none!important}
html[data-prime-spatial-system-enabled="true"][data-prime-spatial-enabled="true"][data-prime-viewport-active="top"] body.prime-v2 #main[data-app-shell]>#top.hero[data-prime-receptor="true"]:not([hidden]){display:grid!important;content-visibility:visible!important;visibility:visible!important;opacity:1!important;contain:layout style!important}
html[data-prime-spatial-system-enabled="true"][data-prime-spatial-enabled="true"] body.prime-v2 #top.hero[data-prime-receptor="true"]>.receptor-background-box{contain:layout style!important}
html[data-prime-spatial-system-enabled="true"][data-prime-spatial-enabled="true"] body.prime-v2 #top.hero[data-prime-receptor="true"] :is(.receptor-brand-group,.receptor-logo-box,.receptor-lettering-box,.receptor-logo-cutout,.receptor-lettering-art){transform-style:preserve-3d!important;backface-visibility:visible!important}
body.prime-v2.prime-receptor-active #main[data-app-shell]>.topbar[data-header]{opacity:0!important;visibility:hidden!important;pointer-events:none!important}
body.prime-v2:not(.prime-receptor-active) #main[data-app-shell]>.topbar[data-header]{opacity:1!important;visibility:visible!important}

body.prime-v2 #top.hero[data-prime-receptor="true"]>.prime-visit-counter{position:absolute!important;z-index:14!important;inset-block-start:max(.7rem,calc(var(--pf-safe-top,0px) + .7rem))!important;inset-inline-end:max(.7rem,calc(var(--pf-safe-right,0px) + .7rem))!important;display:flex!important;align-items:center!important;gap:.48rem!important;margin:0!important;padding:.42rem .58rem!important;border:1px solid rgba(129,226,255,.28)!important;border-radius:999px!important;background:rgba(2,9,16,.52)!important;box-shadow:0 0 20px rgba(82,203,255,.08),inset 0 0 14px rgba(143,230,255,.035)!important;backdrop-filter:blur(10px) saturate(120%)!important;-webkit-backdrop-filter:blur(10px) saturate(120%)!important;color:#e9fbff!important;font:700 clamp(.58rem,1.2vw,.72rem)/1 ui-monospace,SFMono-Regular,Menlo,Consolas,monospace!important;letter-spacing:.12em!important;text-transform:uppercase!important;white-space:nowrap!important;pointer-events:none!important;user-select:none!important;opacity:.9!important;visibility:visible!important;transform:translateY(0)!important;transition:opacity .18s ease,transform .18s ease!important}
body.prime-v2 #top.hero[data-prime-receptor="true"]>.prime-visit-counter[data-state="loading"],body.prime-v2 #top.hero[data-prime-receptor="true"]>.prime-visit-counter[data-state="ready"],body.prime-v2 #top.hero[data-prime-receptor="true"]>.prime-visit-counter[data-state="degraded"]{opacity:.9!important;visibility:visible!important;transform:translateY(0)!important}
body.prime-v2 #top.hero[data-prime-receptor="true"]>.prime-visit-counter::before{content:""!important;inline-size:.42rem!important;block-size:.42rem!important;border-radius:50%!important;background:#9eeaff!important;box-shadow:0 0 10px rgba(158,234,255,.8)!important;flex:0 0 auto!important}
body.prime-v2 #top.hero[data-prime-receptor="true"]>.prime-visit-counter .prime-visit-label{opacity:.58!important}

@media(max-width:680px){body.prime-v2 #top.hero[data-prime-receptor="true"] .receptor-brand-group{--receptor-brand-inline:min(95vw,42rem)}body.prime-v2 #top.hero[data-prime-receptor="true"] .receptor-logo-box{max-block-size:30dvh!important}body.prime-v2 #top.hero[data-prime-receptor="true"] .receptor-lettering-art{max-block-size:25dvh!important}}
@media(max-height:430px) and (pointer:coarse){html[data-prime-orientation="landscape"] body.prime-v2 #top.hero[data-prime-receptor="true"] .receptor-brand-group{padding-block:.28rem!important}html[data-prime-orientation="landscape"] body.prime-v2 #top.hero[data-prime-receptor="true"] .receptor-logo-box{max-block-size:40dvh!important}html[data-prime-orientation="landscape"] body.prime-v2 #top.hero[data-prime-receptor="true"] .receptor-lettering-art{max-block-size:27dvh!important}}
@media(prefers-reduced-motion:reduce){body.prime-v2 #top.hero[data-prime-receptor="true"] :is(.receptor-background-art,.receptor-logo-cutout,.receptor-lettering-art){transition:none!important}}

/* Canonical Receptor composition.
   Portrait is the composition canon. Rotation changes only the available rectangle.
   Each form factor uses the same portrait logo-to-wordmark ratio in every orientation,
   then scales that single composition down only when landscape height requires it. */
html[data-prime-viewport-authority] body.prime-v2 #top.hero[data-prime-receptor="true"] .receptor-brand-group{
  --receptor-native-inline:var(--pf-live-width,100vw);
  --receptor-native-block:calc(var(--pf-live-height,100vh) - var(--prime-pill-system-reserve,68px));
  --receptor-wordmark-inline:min(calc(var(--receptor-native-inline) * .90),calc(var(--receptor-native-block) * 1.10),92rem)!important;
  --receptor-brand-inline:var(--receptor-wordmark-inline)!important;
  --receptor-tagline-inline:var(--receptor-wordmark-inline)!important;
  --receptor-logo-inline:min(calc(var(--receptor-native-inline) * .38),calc(var(--receptor-native-block) * .4645),38.85rem)!important;
  --receptor-logo-block:auto!important;
  --receptor-transparent-gap-collapse:clamp(.35rem,1.7vw,1.7rem)!important;
  --receptor-lettering-bottom-trim:clamp(0px,.7vw,.7rem)!important;
  padding:max(.5rem,var(--pf-safe-top,0px)) max(.5rem,var(--pf-safe-right,0px)) .5rem max(.5rem,var(--pf-safe-left,0px))!important
}

@supports(width:100dvw){
  html[data-prime-viewport-authority] body.prime-v2 #top.hero[data-prime-receptor="true"] .receptor-brand-group{
    --receptor-native-inline:var(--pf-live-width,100dvw);
    --receptor-native-block:calc(var(--pf-live-height,100dvh) - var(--prime-pill-system-reserve,68px))
  }
}

html[data-prime-form-factor="tablet"][data-prime-viewport-authority] body.prime-v2 #top.hero[data-prime-receptor="true"] .receptor-brand-group{
  --receptor-wordmark-inline:min(calc(var(--receptor-native-inline) * .92),calc(var(--receptor-native-block) * 1.10),86rem)!important;
  --receptor-logo-inline:min(calc(var(--receptor-native-inline) * .42),calc(var(--receptor-native-block) * .5022),39.27rem)!important
}

html[data-prime-form-factor="phone"][data-prime-viewport-authority] body.prime-v2 #top.hero[data-prime-receptor="true"] .receptor-brand-group{
  --receptor-wordmark-inline:min(calc(var(--receptor-native-inline) * .94),calc(var(--receptor-native-block) * 1.10),80rem)!important;
  --receptor-logo-inline:min(calc(var(--receptor-native-inline) * .48),calc(var(--receptor-native-block) * .5617),40.86rem)!important
}

html[data-prime-viewport-authority] body.prime-v2 #top.hero[data-prime-receptor="true"] :is(.receptor-logo-box,.receptor-logo-cutout,.receptor-lettering-art){max-block-size:none!important}

@media(orientation:landscape) and (max-height:600px){
  html[data-prime-viewport-authority] body.prime-v2 #top.hero[data-prime-receptor="true"] .receptor-brand-group{
    --receptor-wordmark-inline:min(calc(var(--receptor-native-inline) * .58),calc(var(--receptor-native-block) * .92),44rem)!important;
    --receptor-brand-inline:var(--receptor-wordmark-inline)!important;
    --receptor-tagline-inline:var(--receptor-wordmark-inline)!important;
    --receptor-logo-inline:min(calc(var(--receptor-native-inline) * .26),calc(var(--receptor-native-block) * .42),18rem)!important;
    --receptor-logo-block:auto!important;
    --receptor-transparent-gap-collapse:0px!important;
    --receptor-lettering-bottom-trim:0px!important;
    --receptor-visible-corridor:clamp(.22rem,.8dvh,.38rem)!important;
    padding-block-start:max(.28rem,var(--pf-safe-top,0px))!important;
    padding-block-end:.28rem!important
  }
  html[data-prime-viewport-authority] body.prime-v2 #top.hero[data-prime-receptor="true"] .receptor-lettering-box{margin-block-start:var(--receptor-visible-corridor)!important}
  html[data-prime-viewport-authority] body.prime-v2 #top.hero[data-prime-receptor="true"] .receptor-brand-group>.receptor-tagline-group{margin-block-start:clamp(.18rem,.6dvh,.3rem)!important}
}

/* Canonical logo shine. This is a material highlight on the real Receptor logo host,
   masked by the exact logo asset through the canonical brand-material endpoint. It inherits host Spatial motion and also follows the
   canonical glint pose so the sweep feels attached to the chrome instead of the viewport. */
body.prime-v2 #top.hero[data-prime-receptor="true"] .receptor-logo-box::after{
  content:""!important;
  position:absolute!important;
  inset:0!important;
  z-index:6!important;
  display:block!important;
  margin:0!important;
  padding:0!important;
  pointer-events:none!important;
  opacity:0!important;
  background-image:linear-gradient(108deg,transparent 0 46.625%,rgba(203,245,255,.18) 48.125%,rgba(255,255,255,.98) 49.5%,rgba(154,228,255,.54) 50.375%,transparent 52.375% 100%)!important;
  background-size:240% 100%!important;
  background-position:180% 50%;
  -webkit-mask-image:url('/api/brand-material?role=logo')!important;
  mask-image:url('/api/brand-material?role=logo')!important;
  -webkit-mask-repeat:no-repeat!important;
  mask-repeat:no-repeat!important;
  -webkit-mask-position:center!important;
  mask-position:center!important;
  -webkit-mask-size:contain!important;
  mask-size:contain!important;
  mix-blend-mode:screen!important;
  filter:drop-shadow(0 0 2.75px rgba(190,242,255,.22))!important;
  transform:translate3d(var(--pc-spatial-glint-x,0px),var(--pc-spatial-glint-y,0px),28px)!important;
  transform-style:preserve-3d!important;
  backface-visibility:hidden!important;
  will-change:auto!important;
  animation:none!important
}

html[data-prime-receptor-post-init="true"] body.prime-v2 #top.hero[data-prime-receptor="true"] .receptor-logo-box::after{
  opacity:.9!important;
  will-change:background-position!important;
  animation:receptorLogoShine 2.3s cubic-bezier(.2,.72,.2,1) infinite!important;
}
@keyframes receptorLogoShine{
  0%{background-position:180% 50%}
  38%,100%{background-position:-90% 50%}
}

/* Receptor social links are independent post-initialization actors.
   Higher specificity intentionally overrides the runtime safety animation shorthand
   without creating a second state owner. */
html body.prime-v2 #top.hero[data-prime-receptor="true"] .receptor-social-link[data-social="facebook"][data-prime-fly-state="entering"]{
  animation:primeReceptorFacebookCanonicalRollIn .92s cubic-bezier(.14,.84,.18,1) both!important;
  will-change:transform,opacity,filter!important
}
html body.prime-v2 #top.hero[data-prime-receptor="true"] .receptor-social-link[data-social="instagram"][data-prime-fly-state="entering"]{
  animation:primeReceptorInstagramCanonicalRollIn .96s cubic-bezier(.14,.84,.18,1) both!important;
  will-change:transform,opacity,filter!important
}
@keyframes primeReceptorFacebookCanonicalRollIn{
  0%{opacity:0;filter:blur(3px) brightness(.72);transform:translate3d(48vw,-.2rem,0) rotate(540deg) scale(.84)}
  72%{opacity:1;filter:none;transform:translate3d(-.28rem,.02rem,0) rotate(-12deg) scale(1.035)}
  88%{transform:translate3d(.08rem,0,0) rotate(4deg) scale(.995)}
  100%{opacity:1;filter:none;transform:translate3d(0,0,0) rotate(0) scale(1)}
}
@keyframes primeReceptorInstagramCanonicalRollIn{
  0%{opacity:0;filter:blur(3px) brightness(.70);transform:translate3d(-48vw,.2rem,0) rotate(-540deg) scale(.84)}
  72%{opacity:1;filter:none;transform:translate3d(.28rem,-.02rem,0) rotate(12deg) scale(1.035)}
  88%{transform:translate3d(-.08rem,0,0) rotate(-4deg) scale(.995)}
  100%{opacity:1;filter:none;transform:translate3d(0,0,0) rotate(0) scale(1)}
}

@media(prefers-reduced-motion:reduce){
  html[data-prime-receptor-post-init="true"] body.prime-v2 #top.hero[data-prime-receptor="true"] .receptor-logo-box::after{
    animation:none!important;
    background-position:50% 50%!important;
    opacity:.9!important
  }
  html body.prime-v2 #top.hero[data-prime-receptor="true"] .receptor-social-link[data-prime-fly-state="entering"]{animation:none!important;opacity:1!important;filter:none!important;transform:none!important}
}