header .brand,footer .brand{display:inline-flex;align-items:center;gap:10px;width:auto;height:auto;min-height:44px;padding:8px 14px;font-family:-apple-system,BlinkMacSystemFont,"Helvetica Neue",Arial,sans-serif;font-size:21px;font-weight:600;letter-spacing:-.7px;text-decoration:none;flex-shrink:0}
.brand .vortex-symbol{width:29px;height:29px;display:block;object-fit:contain;flex-shrink:0}
footer .brand span{font-size:21px}
.vortex-signature{display:flex;align-items:center;justify-content:center;gap:18px}
.vortex-signature .vortex-symbol{width:1.12em;height:1.12em;object-fit:contain;flex-shrink:0}
body.theme-dark .vortex-symbol{filter:invert(1)}
@media(max-width:560px){header .brand{font-size:18px;padding:8px;gap:7px}.brand .vortex-symbol{width:25px;height:25px}.vortex-signature{gap:12px}}

.landing-copy .vortex-dotted-heading{height:130px;line-height:1;margin:0 0 14px;display:flex;justify-content:center;align-items:center}
.vortex-dotted-logo{width:140px;height:140px;display:block}
.landing-hero .landing-copy{top:calc(50% - 338px)}
body.theme-dark .vortex-dotted-logo{filter:brightness(1.3)}
@media(max-width:560px){.landing-copy .vortex-dotted-heading{height:105px}.vortex-dotted-logo{width:115px;height:115px}.landing-hero .landing-copy{top:calc(50% - 292px)}}
/* Give the dotted brand mark more presence above the launch headline. */
.landing-copy .vortex-dotted-heading{height:220px;margin-bottom:18px}
.vortex-dotted-logo{width:240px;height:240px}
.landing-hero .landing-copy{top:calc(50% - 432px)}
@media(max-width:560px){.landing-copy .vortex-dotted-heading{height:165px;margin-bottom:14px}.vortex-dotted-logo{width:180px;height:180px}.landing-hero .landing-copy{top:calc(50% - 352px)}.launch-hero.landing-hero{min-height:710px}}
@media(min-width:561px) and (max-height:780px){.launch-hero.landing-hero{min-height:800px}}

.landing-copy .typing-caret{color:#e3cc00}
/* Keep the hero's visual hierarchy anchored to its central action. */
.landing-hero .landing-copy{top:auto;bottom:calc(50% + 62px);left:24px;right:24px}
.landing-copy .vortex-dotted-heading{height:clamp(180px,23svh,240px);margin:0 0 22px}
.vortex-dotted-logo{width:clamp(180px,23svh,240px);height:clamp(180px,23svh,240px)}
.landing-copy .pairing-prefix{font-size:clamp(16px,1.4vw,20px);line-height:1.4}
.landing-copy .pairing-rotation{font-size:clamp(28px,3vw,40px);height:48px;line-height:48px;margin:6px 0 8px;letter-spacing:-1px}
.landing-copy .pairing-example{font-size:13px;line-height:19px;min-height:38px;max-width:350px}
.launch-hero.landing-hero{min-height:600px}
@media(max-width:560px){.landing-hero .landing-copy{bottom:calc(50% + 50px);left:16px;right:16px}.landing-copy .vortex-dotted-heading{margin-bottom:16px}.landing-copy .pairing-rotation{font-size:29px;height:42px;line-height:42px}.landing-copy .pairing-example{font-size:12px;max-width:280px}.launch-hero.landing-hero{min-height:590px}}

@media(max-height:800px){.launch-hero.landing-hero{min-height:740px}}

/* Animated homepage mark keeps the established hero proportions. */
.vortex-3d-logo{display:block;width:clamp(180px,23svh,240px);height:clamp(180px,23svh,240px);margin:auto}
.vortex-3d-logo svg{display:block;width:100%;height:100%;fill:#171719}
.vortex-3d-logo canvas{width:100%;height:100%}