:root{
  --navy:#0d1320;--navy-2:#121a2b;--black:#07090f;
  --silver:#c9ced6;--silver-2:#9aa3b2;--text:#e6e9ef;--muted:#a3abba;
  --red:#d42a2a;--blue:#1f6fe0;--violet:#7a3fd6;--line:#263049;
  --font:system-ui,-apple-system,"Segoe UI",Roboto,"Helvetica Neue",Arial,"Noto Sans",sans-serif;
}
*,*::before,*::after{box-sizing:border-box}
html{-webkit-text-size-adjust:100%;height:100%}
@media (prefers-reduced-motion:reduce){*{transition:none!important}}
body{margin:0;min-height:100%;display:flex;flex-direction:column;font-family:var(--font);font-size:1.0625rem;line-height:1.65;color:var(--text);
  background:radial-gradient(55% 60% at 12% 18%,rgba(31,111,224,.20),transparent 62%),
             radial-gradient(50% 60% at 90% 25%,rgba(212,42,42,.15),transparent 62%),
             radial-gradient(60% 55% at 50% 105%,rgba(122,63,214,.22),transparent 70%),var(--black);
  background-attachment:fixed}
img{max-width:100%;height:auto;display:block}
a{color:#8fb8ff;text-underline-offset:3px}
a:hover{color:#bcd4ff}
:focus-visible{outline:3px solid #8fb8ff;outline-offset:3px;border-radius:4px}
.skip{position:absolute;left:-999px;top:0;background:#fff;color:#000;padding:.6rem 1rem;z-index:100;border-radius:0 0 8px 0}
.skip:focus{left:0}
.soon-main{flex:1;display:grid;place-items:center;padding:clamp(2.5rem,7vh,5rem) 1.25rem}
.soon{max-width:40rem;text-align:center;display:flex;flex-direction:column;align-items:center}
.seal{width:clamp(170px,26vw,240px);margin:0 auto clamp(1.4rem,3.5vh,2.2rem);filter:drop-shadow(0 18px 48px rgba(0,0,0,.65))}
.brand-name{margin:0;text-transform:uppercase;letter-spacing:.22em;font-size:clamp(.82rem,1.6vw,.95rem);font-weight:700;color:var(--silver)}
.tagline{margin:.45rem 0 0;font-size:clamp(1rem,2vw,1.15rem);font-weight:600;
  background:linear-gradient(90deg,#ff6b6b,#b48cff 50%,#6aa8ff);-webkit-background-clip:text;background-clip:text;color:transparent}
.rule{display:flex;height:4px;width:96px;border-radius:4px;overflow:hidden;margin:clamp(1.6rem,4vh,2.4rem) auto}
.rule span{flex:1}.rule span:nth-child(1){background:var(--red)}.rule span:nth-child(2){background:var(--violet)}.rule span:nth-child(3){background:var(--blue)}
h1{margin:0 0 .35em;font-size:clamp(2.6rem,7vw,4.4rem);line-height:1.08;letter-spacing:-.02em;color:#fff}
.lead{margin:0;font-size:clamp(1.08rem,2.1vw,1.3rem);color:var(--muted)}
.contact{margin-top:clamp(1.8rem,4.5vh,2.6rem)}
.btn{display:inline-flex;align-items:center;justify-content:center;gap:.6rem;padding:.8rem 1.4rem;border-radius:10px;font-weight:650;text-decoration:none;min-height:44px;
  border:1px solid #3a4566;color:var(--text);background:rgba(255,255,255,.04);word-break:break-word}
.btn:hover{color:#fff;border-color:var(--silver-2);background:rgba(255,255,255,.07)}
.btn svg{width:20px;height:20px;flex:none;stroke:currentColor;fill:none;stroke-width:2;stroke-linecap:round;stroke-linejoin:round}
.contact-note{margin:.8rem 0 0;font-size:.92rem;color:var(--silver-2)}
.site-footer{border-top:1px solid var(--line);background:rgba(7,9,15,.7);padding:1.4rem 1.25rem;text-align:center;color:var(--silver-2);font-size:.92rem}
.site-footer p{margin:0}
.seal.small{width:clamp(140px,20vw,190px)}
