:root{color-scheme:dark;font-family:"Segoe UI",Arial,sans-serif;background:#080a0e;color:#eef3f8}
*{box-sizing:border-box}html,body{margin:0;min-height:100%}body{min-height:100svh;background:radial-gradient(ellipse at 50% 42%,#171f2c 0%,#0c111a 38%,#080a0e 72%);display:flex;flex-direction:column}
.stage{flex:1;min-height:calc(100svh - 78px);display:grid;place-items:center;padding:60px 24px 40px;overflow:hidden}
.identity{width:min(1060px,90vw);text-align:center;position:relative;transform:translateY(-10px)}
.identity:after{content:"";position:absolute;z-index:0;pointer-events:none;left:15%;right:15%;height:22px;bottom:84px;border-radius:50%;background:#000;filter:blur(22px);opacity:.45}
h1{position:relative;z-index:1;margin:0;font-size:0}.logo{display:block;width:100%;height:auto;max-height:58svh;object-fit:contain;filter:drop-shadow(0 22px 22px #0009)}
.taglines{position:relative;z-index:1;height:82px;margin:12px auto 0;font-size:clamp(25px,3.1vw,45px);font-weight:350;letter-spacing:.11em;white-space:nowrap;text-shadow:0 3px 12px #000;line-height:1.5}
.tagline{position:absolute;inset:0;display:flex;align-items:center;justify-content:center;gap:.35em;animation:signature 12s infinite both cubic-bezier(.22,.61,.36,1)}
.tagline em{font-style:normal;color:#219dda}.tagline-second{animation-delay:-6s}
@keyframes signature{0%,38%{opacity:1;transform:translateY(0);filter:blur(0)}46%,88%{opacity:0;transform:translateY(-10px);filter:blur(3px)}92%{opacity:0;transform:translateY(10px);filter:blur(3px)}100%{opacity:1;transform:translateY(0);filter:blur(0)}}
.brand-links{display:flex;align-items:center;justify-content:center;gap:16px;min-height:78px;padding:12px 20px 22px;flex-wrap:wrap}
.brand-links a{transition:opacity .2s,transform .2s;color:#98a4b2;text-decoration:none;opacity:.65}.brand-links a:hover{opacity:1;transform:translateY(-2px)}
.signature{display:block;line-height:0;width:112px;height:35px}.signature img{width:100%;height:100%;object-fit:contain}.project{font-size:11px;font-weight:650;letter-spacing:.02em;padding:9px 13px;border:1px solid #ffffff16;border-radius:8px;background:linear-gradient(#ffffff08,#ffffff02);box-shadow:inset 0 1px #ffffff08,0 4px 12px #0004}
a:focus-visible{outline:2px solid #219dda;outline-offset:5px}
@media(max-width:600px){.stage{padding:38px 12px 24px;min-height:calc(100svh - 108px)}.identity{width:96vw;transform:translateY(-12px)}.taglines{height:58px;margin-top:8px;font-size:clamp(18px,5.4vw,30px);letter-spacing:.06em}.brand-links{gap:10px;max-width:340px;margin:auto;min-height:108px;padding-bottom:18px}.signature{width:116px}.project{min-width:116px;text-align:center}.identity:after{bottom:50px}}
@media(prefers-reduced-motion:reduce){.tagline{animation:none}.tagline-second{display:none}.brand-links a{transition:none}}
.stage{min-height:100svh}.identity{transform:none}