/* XicoZoom v1.03: ENIAC background, XicoSys identity and compact room entry. */
body.xicozoom-landing {
    background: #061527;
    color: #d4e3ed;
}
.xicozoom-landing .body-wrap {
    min-height: 100vh;
    background: linear-gradient(90deg, rgba(3, 13, 26, .38), rgba(3, 13, 26, .05)),
        url('../images/eniac-background-v1.03.png') center top / cover no-repeat;
}
.xicozoom-landing .illustration-section-01::after { content: none; }
.xicozoom-landing .site-header { padding-top: 24px; pointer-events: none; }
.xicozoom-landing .site-header-inner { height: 0; align-items: flex-start; justify-content: flex-end; }
.xicozoom-landing .site-header .brand { pointer-events: auto; }
.xicozoom-landing .site-header .brand a { display: block; border-radius: 18px; }
.xicozoom-landing .site-header .brand img {
    width: 112px; height: 112px; border-radius: 18px;
    border: 1px solid rgba(164, 209, 224, .6);
    box-shadow: 0 12px 36px rgba(0, 0, 0, .28);
    filter: none; object-fit: contain; background: #fff;
}
.xicozoom-landing .site-header .brand a:focus-visible { outline: 3px solid #40dfc4; outline-offset: 5px; }
.xicozoom-landing .site-header + .site-content .section:first-of-type { padding-top: 36px; }
.xicozoom-landing .hero { padding-bottom: 0; }
.xicozoom-landing .hero .hero-inner { padding: 0 0 28px; }
.xicozoom-landing .hero .split-wrap { margin: 0; }
.xicozoom-landing .hero .split-wrap .split-item { min-height: 0; padding: 0; }
.xicozoom-landing .hero #appTitle { margin: 0 0 22px; font-size: clamp(32px, 4vw, 48px); }
.xicozoom-landing .hero #appTitle > h1 { margin: 0 0 28px; font-size: 40px; line-height: 1.2; }
.xicozoom-landing .hero #appDescription {
    margin: 0; color: #d4e3ed; max-width: 650px;
    text-shadow: 0 2px 12px #03101f;
}
.xicozoom-landing .hero + .cta { margin-top: 0; }
.xicozoom-landing .cta:not(#supportUs) .cta-inner {
    padding: 28px 32px; gap: 28px;
    background: linear-gradient(110deg, rgba(19, 56, 71, .94), rgba(10, 24, 40, .95));
    border: 1px solid rgba(135, 193, 211, .32); border-radius: 16px;
}
.xicozoom-landing .site-footer { background: rgba(3, 12, 24, .8); }
@media (min-width: 641px) and (max-width: 1000px) {
    .xicozoom-landing .hero #appTitle { max-width: calc(100vw - 205px); }
}
@media (max-width: 640px) {
    .xicozoom-landing .body-wrap {
        background-image: linear-gradient(90deg, rgba(3, 13, 26, .79), rgba(3, 13, 26, .36)), url('../images/eniac-background-v1.03.png');
        background-position: 66% top; background-size: auto 100%;
    }
    .xicozoom-landing .site-header { padding-top: 18px; }
    .xicozoom-landing .site-header .brand img { width: 72px; height: 72px; border-radius: 12px; }
    .xicozoom-landing .site-header + .site-content .section:first-of-type { padding-top: 30px; }
    .xicozoom-landing .hero #appTitle { font-size: 30px; line-height: 1.2; }
    .xicozoom-landing .hero #appTitle > h1 { font-size: 32px; margin-bottom: 40px; text-align: left; }
    .xicozoom-landing .hero .hero-inner { padding-bottom: 24px; }
    .xicozoom-landing .hero + .cta { margin-top: 0; }
    .xicozoom-landing .cta:not(#supportUs) .cta-inner { padding: 24px 20px; gap: 18px; }
}