/* App branding applied only to the header and opening section. */
.header,.hero{--app-font:"Bahnschrift","Agency FB","Segoe UI",sans-serif;--app-silver:#d8dce2;--app-highlight:#8de4ef}
.header .brand-icon-wrap{position:relative;display:block;flex:0 0 42px;width:42px;height:42px}
.header .brand-letter{display:block;width:100%;height:100%}
.header .brand-palette-ring{position:absolute;inset:6.4%;border-radius:50%;background:conic-gradient(from -90deg,#123bdb,#3820ab,#7514ab,#b51638,#bc5913,#078950,#086b83,#123bdb);-webkit-mask:radial-gradient(circle,transparent 62%,#000 64%);mask:radial-gradient(circle,transparent 62%,#000 64%);pointer-events:none}
.header .app-wordmark,.hero h1,.hero h1 em{font-family:var(--app-font);font-weight:700;font-stretch:semi-condensed;font-style:oblique 8deg;color:var(--app-silver);background:linear-gradient(180deg,#fff 0%,#e9edf2 25%,#b3bbc6 46%,#77818e 50%,#e2e6eb 64%,#b5bec9 100%);background-clip:text;-webkit-background-clip:text;-webkit-text-fill-color:transparent;filter:drop-shadow(0 1px 1px #000a)}
.header .app-wordmark{font-size:19px;letter-spacing:.13em;line-height:1.25;display:block}
.header nav,.header .owner-link,.header .brand-sub,.hero .eyebrow,.hero .hero-intro,.hero .hero-actions,.hero .hero-bottom,.hero .scene-switch button{font-family:var(--app-font);font-stretch:semi-condensed;color:var(--app-silver)}
.header nav a{font-weight:700;letter-spacing:.075em;text-transform:uppercase}
.header nav a:hover,.header .owner-link span{color:var(--app-highlight)}
.hero h1{letter-spacing:-.045em;font-weight:600}
.hero h1 em{font-weight:600}
.hero .eyebrow,.hero .hero-bottom{letter-spacing:.15em}
.hero .primary{background:linear-gradient(180deg,#f4f6f9,#b5bec9 49%,#dce2e9);color:#101521;box-shadow:0 0 35px #b5bec918}
.hero .primary:hover{box-shadow:0 5px 35px #b5bec940}
.hero .text-link span{color:var(--app-highlight)}
.hero .scene-switch button.active{color:#f2f5fa}
@media(max-width:700px){.header .brand-icon-wrap{flex-basis:36px;width:36px;height:36px}.header .app-wordmark{font-size:15px;letter-spacing:.1em}.header nav a{font-size:13px}}
@media(forced-colors:active){.header .app-wordmark,.hero h1,.hero h1 em{background:none;-webkit-text-fill-color:CanvasText;color:CanvasText;filter:none}.hero .primary{background:ButtonFace;color:ButtonText}}