/* Tui-inspired restraint: compact navigation, soft blue actions, quiet navy. */
:root{--blue:#86a7ff;--ink:#eef0f9;--muted:#a1a9be;--line:#ffffff16}body{background:#10172a;color:#eef0f9}.site-header,.site-header.is-scrolled{max-width:1280px;inset:20px 28px auto;min-height:62px;padding:10px 18px;border:1px solid #a4baff0e;border-radius:40px;background:#0e1939cc;box-shadow:0 8px 25px #02071938;backdrop-filter:blur(18px);-webkit-backdrop-filter:blur(18px)}.site-header.is-scrolled{background:#0e1939f2}.wordmark{font-size:16px;width:160px;padding-left:47px;min-height:40px}.wordmark>span{font-size:14px}.wordmark>img{width:37px;height:37px;top:1px}.desktop-links a,.nav-more>button{font-size:13px;color:#b4bed3}.desktop-links>a[aria-current=page]{text-decoration:none;color:#f4f6ff}.desktop-links{gap:23px}.header-join{font-size:12px;color:#0c1731;background:#86a7ff;padding:7px 8px 7px 16px;border-radius:30px;gap:12px}.site-header .arrow-box,.site-header:not(.is-scrolled) .arrow-box{border-radius:50%;width:28px;height:28px;font-size:18px;background:#0d1c3b;color:#c1d4ff}.more-menu,.mobile-nav{background:#111e3af5;border-color:#92aef72b}.film{border-radius:0 0 36px 36px}.intro p{font-size:clamp(29px,3.1vw,46px);line-height:1.35;letter-spacing:-.035em}.intro{padding-top:100px;padding-bottom:90px}.section-title h2{font-weight:500;letter-spacing:-.035em}.community .section-title h2{letter-spacing:-.025em}.footer{background:#0b1223}.brand-strip{display:block;width:100%;max-width:none;height:auto;margin:0;border-radius:0;opacity:1}.footer>.wrap{max-width:1400px}.footer-statement{font-size:clamp(40px,5vw,65px)}.custom-cursor{border-color:#a2bcff;background:#8baaff0d}
/* Soft reveal without an overlay, timer gate or interruption. */
@media(prefers-reduced-motion:no-preference){.site-header{animation:nav-arrive 700ms cubic-bezier(.23,1,.32,1) both}.film>video{animation:film-arrive 1100ms ease-out both}@keyframes nav-arrive{from{opacity:0;transform:translateY(-8px)}to{opacity:1;transform:translateY(0)}}@keyframes film-arrive{from{opacity:.35}to{opacity:1}}}
@media(max-width:800px){.site-header,.site-header.is-scrolled{inset:16px 18px auto;padding:12px 16px}.wordmark{width:168px}.film{border-radius:0 0 25px 25px}.intro{padding-top:65px;padding-bottom:65px}}
@media(prefers-reduced-transparency:reduce),(prefers-contrast:more){.site-header,.site-header.is-scrolled{background:#0e1939;backdrop-filter:none;-webkit-backdrop-filter:none}}
/* Direct Tui-style opening: one headline, context and action, no splash screen. */
.tui-opening{min-height:92svh;display:flex;flex-direction:column;justify-content:center;align-items:center;text-align:center;padding:165px 24px 95px;max-width:1300px;margin:auto}
.opening-label{font-size:10px;letter-spacing:.09em;color:#b9bec9;padding:9px 15px;border:1px solid #ffffff21;border-radius:30px;margin-bottom:30px}
.tui-opening h1{font-size:clamp(42px,5.8vw,82px);font-weight:500;line-height:1.07;letter-spacing:-.055em;margin:0;max-width:1100px}.tui-opening h1>span{color:#eef0f9}
.opening-description{font-size:16px;line-height:1.75;max-width:565px;color:#a8afbe;margin-top:28px;letter-spacing:0}
.opening-join{display:inline-flex;align-items:center;gap:20px;background:#dedede;color:#1b1e24;padding:8px 9px 8px 20px;min-height:45px;border-radius:30px;margin-top:30px;font-size:14px;font-weight:600}.opening-join>span{display:grid;place-items:center;width:30px;height:30px;background:#2c3038;color:#eee;border-radius:50%;font-size:19px}
.opening-note{font-size:12px;color:#8e97aa;margin-top:18px}
.film{width:calc(100% - 64px);max-width:1440px;margin:0 auto;height:auto;min-height:0;aspect-ratio:16/9;border-radius:16px}.film>video{position:absolute;inset:0;width:100%;height:100%;object-fit:cover}
@media(prefers-reduced-motion:no-preference){.opening-label{animation:opening-reveal 850ms ease both}.tui-opening h1{animation:opening-reveal 1000ms cubic-bezier(.23,1,.32,1) 120ms both}.opening-description{animation:opening-reveal 900ms ease 230ms both}.opening-join,.opening-note{animation:opening-reveal 900ms ease 330ms both}@keyframes opening-reveal{from{opacity:0;transform:translateY(14px)}to{opacity:1;transform:translateY(0)}}}
@media(max-width:700px){.tui-opening{min-height:85svh;padding:155px 24px 75px}.tui-opening h1{font-size:clamp(39px,8vw,57px);letter-spacing:-.045em}.opening-description{font-size:15px}.film{width:calc(100% - 32px);border-radius:10px}}

/* Video is the opening, directly under the floating navigation. */
.film{width:100%;max-width:none;height:100svh;min-height:560px;aspect-ratio:auto;margin:0;border-radius:0}.film>video{width:100%;height:100%;object-fit:cover;filter:none}.film-shade{background:linear-gradient(180deg,#06172a20,transparent 35%,transparent 80%,#06172a30)}