/* A shared optical-glass finish. Highlights are inert and never intercept taps. */
:root{
 --glass-fill:rgba(16,25,36,.67);
 --glass-top:rgba(235,246,255,.20);
 --glass-ink:#f8fbff;
}
:is(.brand.pill,.navigation.pill,.contact,.hero-cta,.workflow-cta,.back-home,.panel-contact,.showcase-close,.method-controls button){
 position:relative;isolation:isolate;
 color:var(--glass-ink);border:1px solid transparent;
 background:linear-gradient(160deg,var(--glass-top),transparent 39%,rgba(255,255,255,.07) 73%,rgba(224,235,255,.18)) padding-box,
   linear-gradient(var(--glass-fill),var(--glass-fill)) padding-box,
   linear-gradient(120deg,rgba(239,228,255,.7),rgba(236,247,255,.14) 25%,rgba(255,255,255,.65) 50%,rgba(255,223,196,.38) 83%,rgba(218,230,255,.7)) border-box;
 background-color:var(--glass-fill);
 box-shadow:var(--glass-shadow,inset 0 -3px 8px #00000028,0 6px 18px #060e182e);
 -webkit-backdrop-filter:blur(18px) saturate(135%);backdrop-filter:blur(18px) saturate(135%);
 transition:box-shadow .35s ease,background-color .35s ease,transform .35s var(--ease);
}
:is(.brand.pill,.navigation.pill,.contact,.hero-cta,.workflow-cta,.back-home,.panel-contact,.showcase-close,.method-controls button)::before{
 content:"";position:absolute;inset:1px;border-radius:inherit;pointer-events:none;
 border:0;
 background:linear-gradient(110deg,transparent 32%,#ffffff06 40%,#ffffff55 49%,#ffffff12 54%,transparent 64%) no-repeat;
 background-size:250% 100%;background-position:180% 0;
 animation:glass-reflection 8s ease-in-out infinite;animation-delay:var(--glass-delay,0s);
 z-index:-1;
}
:is(.brand.pill,.navigation.pill,.contact,.hero-cta,.workflow-cta,.back-home,.panel-contact)::after{
 content:none;
}
@keyframes glass-reflection{0%,52%{background-position:180% 0;opacity:0}60%{opacity:.65}84%{opacity:.65}94%,100%{background-position:-80% 0;opacity:0}}
.navigation.pill{--glass-delay:-2.4s}.contact{--glass-delay:-4.8s}.hero-cta,.workflow-cta{--glass-delay:-1.2s}
html.page-away :is(.brand.pill,.navigation.pill,.contact,.hero-cta,.workflow-cta,.back-home,.panel-contact,.showcase-close,.method-controls button)::before{animation-play-state:paused}
.navigation.pill{padding:6px;gap:5px;--glass-fill:rgba(14,24,34,.72)}
.navigation a{position:relative;color:#edf3fb;border:1px solid transparent;transition:background .3s,border-color .3s,box-shadow .3s}
.navigation a[aria-current="page"]{background:linear-gradient(160deg,#ffffff24,#ffffff09);border-color:transparent;box-shadow:none;color:#fff}
.contact,.hero-intro .hero-cta,.workflow-cta,.panel-contact{
 --glass-fill:rgba(242,247,255,.74);--glass-top:rgba(255,255,255,.62);--glass-ink:#101d2c;--glass-rim:#9ab2ce38;
 --glass-shadow:inset 0 -3px 9px #8a9bbd30,inset 3px 0 9px #c3a1ff22,inset -3px 0 9px #ffd4ae33,0 7px 22px #05122533;
 text-shadow:0 1px 0 #ffffff99;
}
.hero-intro .hero-cta{left:auto;top:auto}
.back-home{border-radius:999px;padding:10px 18px;min-height:46px;--glass-fill:rgba(15,27,45,.54)}
.sky-page .back-home{color:#f7faff}
.method-controls button{--glass-fill:rgba(235,248,255,.62);--glass-top:rgba(255,255,255,.75);--glass-ink:#12384b}
.paper-pagination button[aria-current="step"]{--glass-fill:#f3faff;box-shadow:inset 0 1px 2px white,inset 0 -2px 4px #829faf4d,0 4px 14px #18436033}
.showcase-dialog .showcase-close{position:absolute;--glass-fill:rgba(7,15,24,.68);font-size:25px}
.channel-emblem{box-shadow:inset 0 2px 3px #fff9,inset 0 -3px 8px #07325445,0 10px 22px #08344935;border:1px solid #ffffff70}
.channel-emblem:after{inset:1px;border:0;background:linear-gradient(160deg,#ffffff35,transparent 42%,transparent 75%,#ffffff15)}
@media(hover:hover) and (pointer:fine){
 :is(.brand.pill,.contact,.hero-intro .hero-cta,.workflow-cta,.back-home,.panel-contact):hover{
  background-color:var(--glass-fill);
  box-shadow:inset 0 -3px 9px #acbdde28,-3px 0 12px #c7a5ff1f,3px 0 12px #ffd5ab26,0 10px 25px #05122542;
  transform:translateY(-2px);
 }
 .navigation a:hover{background:#ffffff21;border-color:transparent;box-shadow:none;color:#fff}
 .method-controls button:not(:disabled):hover{background-color:#f3faff;transform:translateY(-2px)}
 .showcase-close:hover{background-color:rgba(38,49,64,.84)}
}
:is(.brand.pill,.contact,.hero-cta,.workflow-cta,.back-home,.panel-contact,.showcase-close,.method-controls button):active{box-shadow:inset 0 2px 5px #04122538,inset 0 -1px 1px #ffffff8a;transition-duration:.12s}
.method-controls button:disabled{opacity:.35;cursor:default}
:is(.brand.pill,.contact,.hero-cta,.workflow-cta,.back-home,.panel-contact,.showcase-close,.method-controls button,.navigation a):focus-visible{outline:2px solid #fff;outline-offset:5px}
@media(max-width:680px){.navigation.pill{padding:5px;gap:3px}.back-home{padding:10px 14px;font-size:13px}.service-header .back-home,.service-header .contact{min-height:46px}}
@media(prefers-reduced-motion:reduce){:is(.brand.pill,.contact,.hero-cta,.workflow-cta,.back-home,.panel-contact,.showcase-close,.method-controls button,.navigation a){transition:none}}
@media(prefers-reduced-motion:reduce){:is(.brand.pill,.navigation.pill,.contact,.hero-cta,.workflow-cta,.back-home,.panel-contact,.showcase-close,.method-controls button)::before{animation:none;opacity:.18;background-position:50% 0}}
@media(forced-colors:active){:is(.brand.pill,.navigation.pill,.contact,.hero-cta,.workflow-cta,.back-home,.panel-contact,.showcase-close,.method-controls button){border:1px solid ButtonText;background:ButtonFace;color:ButtonText;box-shadow:none}:is(.brand.pill,.navigation.pill,.contact,.hero-cta,.workflow-cta,.back-home,.panel-contact)::before,:is(.brand.pill,.navigation.pill,.contact,.hero-cta,.workflow-cta,.back-home,.panel-contact)::after{display:none}}