:root{color-scheme:dark;--background:#12100b;--foreground:#f5f6f8;--muted:#a0a6b1;--blue:#005dfb;--line:#252a32;font-family:Montserrat,"Avenir Next",Avenir,"Segoe UI",Arial,sans-serif;font-synthesis:none}
*{box-sizing:border-box}
body{margin:0;background:var(--background);color:var(--foreground);-webkit-font-smoothing:antialiased}
a{color:inherit;text-decoration:none}
a:focus-visible{outline:2px solid #84acff;outline-offset:6px}
.page{width:min(1200px,100%);min-height:100svh;margin:auto;padding:0 56px;display:flex;flex-direction:column}
.header{display:flex;align-items:center;justify-content:space-between;padding:38px 0}
.brand{display:block;padding:8px 0;background:transparent}.brand img{display:block;width:160px;height:auto}
.technology{font-size:11px;letter-spacing:.2em;color:var(--muted)}
main{display:flex;flex:1;align-items:center;justify-content:center}
.hero{width:100%;text-align:center;padding:20px 0 68px}
.isotype-slot{width:132px;height:135px;margin:0 auto 26px}
.isotype-slot img{display:block;width:100%;height:100%;object-fit:contain}
h1{max-width:940px;margin:0 auto;font-size:clamp(38px,5.1vw,66px);line-height:1.08;font-weight:600;letter-spacing:-.052em;text-wrap:balance}
h1 span{color:var(--blue)}
.intro{max-width:535px;margin:25px auto 0;color:var(--muted);font-size:16px;line-height:1.75;text-wrap:pretty}
.coming{margin:40px auto 0}
.coming p{margin:0;font-size:14px;line-height:1.8}
.coming .muted{color:var(--muted);font-size:13px;margin-top:3px}
.actions{display:flex;flex-wrap:wrap;justify-content:center;gap:12px;margin-top:25px}
.button{min-height:48px;padding:14px 21px;display:inline-flex;align-items:center;justify-content:center;gap:20px;font-size:13px;font-weight:600;border:1px solid var(--line);border-radius:4px;transition:background .15s,border-color .15s}
.primary{background:#005dfb;border-color:#005dfb;color:white}
.primary:hover{background:#1e51c4;border-color:#1e51c4}
.secondary:hover{background:#151920;border-color:#4a5260}
.button span{font-size:17px;font-weight:400}
footer{border-top:1px solid var(--line);display:flex;justify-content:space-between;gap:20px;padding:25px 0 29px;font-size:11px;letter-spacing:.035em;color:var(--muted)}
footer a:hover{color:var(--foreground)}
@media(min-width:1500px){.hero{padding-top:48px;padding-bottom:96px}}
@media(max-width:600px){.page{padding:0 24px}.header{padding:27px 0}.brand{font-size:17px}.technology{font-size:10px}.hero{padding:10px 0 44px}.isotype-slot{width:108px;height:110px;margin-bottom:22px}h1{font-size:clamp(34px,9.1vw,48px);letter-spacing:-.045em;line-height:1.12}.intro{font-size:14px;line-height:1.75;margin-top:22px;max-width:340px}.coming{margin-top:30px}.coming p{font-size:13px}.actions{margin-top:22px;gap:10px}.button{width:100%;max-width:340px}footer{padding:22px 0;font-size:10px;gap:12px}}
@media(prefers-reduced-motion:reduce){.button{transition:none}}