/* YZInfra identity redrawn from the user-provided logo reference. */
:root{--brand-blue:#2854D9}
.brand{gap:11px}
.brand-mark{width:43px;height:43px;flex-shrink:0;color:#fff}
.brand-word{gap:4px}
.brand-word strong{font-family:"Arial Black","Segoe UI",Arial,sans-serif;font-size:27px;font-weight:900;letter-spacing:-1.3px;line-height:1.04;color:#fff}
.brand-word>span{font-size:12px;font-weight:650;letter-spacing:3.2px;line-height:1.25;color:#e3e7ef}
.site-header.on-light-surface .brand-mark{color:var(--brand-blue)}
.site-header.on-light-surface .brand-word strong,.site-header.on-light-surface .brand-word>span{color:#12191f}
.sphere-hub svg{color:#fff;width:43px;height:43px}
.sphere-hub span{font-size:8px;font-weight:600;letter-spacing:1px;color:#e9efff}
.scene-center{letter-spacing:1px;font-weight:600}
@media(max-width:800px){.brand-mark{width:37px;height:37px}.brand-word strong{font-size:25px}.brand-word>span{font-size:11px;letter-spacing:2.8px}.sphere-hub svg{width:33px;height:33px}.sphere-hub span{font-size:7px;letter-spacing:.7px}}
@media(max-width:480px){.brand{gap:8px}.brand-mark{width:32px;height:32px}.brand-word{gap:3px}.brand-word strong{font-size:22px;letter-spacing:-1px}.brand-word>span{font-size:10px;letter-spacing:2.3px}.sphere-hub svg{width:29px;height:29px}.sphere-hub span{font-size:6px;letter-spacing:.65px}}
@media(max-width:360px){.site-header .brand-mark{width:29px;height:29px}.site-header .brand-word strong{font-size:20px}.site-header .button-nav{gap:6px;padding-inline:8px}}

/* Brand palette: blue accents, white content and black framing. */
:root{--brand-blue:#2854D9;--brand-blue-hover:#1d42b4;--purple:var(--brand-blue);--purple-light:#9bbaff;--bg:#080c14;--panel:#111827;--text:#f8fafc;--muted:#a0aec0;--line:#243044;--content-ink:#243248;--content-secondary:#4b5d73;--content-accent:var(--brand-blue)}
body{color:#111827;background:#fff}
html{scrollbar-gutter:stable;scroll-padding-top:var(--header-offset,88px)}
::selection{background:var(--brand-blue);color:#fff}
main>section:not(.hero){--text:#111827;--line:#e4e9f2;--muted:var(--content-secondary)}
main>section:not(.hero) .section-title{color:#101827}
main>section:not(.hero) .muted-title{color:var(--brand-blue)}
main>section:not(.hero) .section-description{color:var(--content-ink)}
main>section:not(.hero) .text-link{color:var(--brand-blue);border-color:#cbd8fa}
main>section:not(.hero) .text-link:hover{color:var(--brand-blue-hover);border-color:var(--brand-blue)}
main>section:not(.hero) .section-dot{background:var(--brand-blue)}
.hero{background:radial-gradient(ellipse at 74% 45%,#132952 0,#0b1527 34%,#080c14 72%);min-height:800px;height:100dvh}
.hero:after{background:linear-gradient(transparent,#080c14)}
.hero h1{color:#f8fafc;font-size:clamp(72px,6vw,80px);line-height:1.12}.hero h1 span{background-image:linear-gradient(105deg,#eef5ff,#8fb4ff 62%,#477cff)}
.hero-description{color:#bfcbdd;font-size:18px;line-height:1.85;max-width:520px}.hero-eyebrow{color:#a7b8d4;font-size:14px;letter-spacing:.8px;margin-bottom:20px}.hero-footnote,.hero-footnote a{color:#9aaec9}
.hero .button-primary,main .button-primary,.modal .button-primary{background:var(--brand-blue);color:#fff;box-shadow:0 8px 28px #2854d924}
.hero .button-primary:hover,main .button-primary:hover,.modal .button-primary:hover{background:var(--brand-blue-hover)}
.hero-buttons>.button{min-width:168px;justify-content:space-between;font-size:16px}
.hero-buttons .button-outline{padding-inline:22px;border-color:#8ca1c180;background:#ffffff05;color:#f1f5fb}
.hero-buttons .button-outline:hover{border-color:#c6d7f0;background:#ffffff0f}
@media(max-width:480px){.hero-buttons>.button{min-width:0;flex:1;padding-inline:10px;gap:8px}.hero-buttons>.button .icon{width:16px;height:16px}}
.sphere-aura{background:radial-gradient(ellipse,#2462d32b,transparent 65%)}
.sphere-hub{background:radial-gradient(circle at 25% 10%,#3b70cb,#152744 75%);border-color:#7797d56b;box-shadow:inset 0 0 20px #72a4ff1c,0 10px 35px #020b2059}
.sphere-hub span{color:#e5efff}.sphere-coordinate{color:#98add0}.sphere-coordinate-bottom{color:#97abc9}
.brand-disc{background:radial-gradient(circle at 35% 25%,#263d61eb,#101a2ff5 72%);border-color:#7595cb66;box-shadow:inset 0 0 14px #8eafff16,0 8px 22px #0003}
.brand-node:focus-visible .brand-disc,.brand-node:hover .brand-disc{border-color:#a4c4ff}
.site-header:not(.on-light-surface){background:#080c14e8;border-color:#26344980}
.site-header:not(.on-light-surface) .main-nav a{color:#bdc8d9}
.site-header:not(.on-light-surface) .main-nav a:hover,.site-header:not(.on-light-surface) .main-nav a.active{color:#a8c7ff}
.site-header.on-light-surface .main-nav a{color:#334155}
.site-header.on-light-surface .main-nav a:hover,.site-header.on-light-surface .main-nav a.active{color:var(--brand-blue)}
.site-header.on-light-surface .main-nav a:after{background:var(--brand-blue)}
.site-header.on-light-surface .button-nav{border-color:#d4deef;color:#111827}
.site-header.on-light-surface .button-nav:hover{color:var(--brand-blue);background:#f3f7ff;border-color:#9bb5ff}
.site-header.on-light-surface .menu-button span{background:#152033}
.scene-inquiry{color:var(--brand-blue)}
@media(max-width:800px){html{scroll-padding-top:var(--header-offset,75px)}}

@media(max-width:800px){.hero h1{font-size:clamp(40px,10vw,48px);line-height:1.12;max-width:100%;letter-spacing:-1.2px}}

.site-header .button-nav{font-size:14px}
@media(max-width:800px){.hero-content{padding-top:32px}}

@media(max-width:800px){.site-header:not(.on-light-surface){background:#080c14}}