:root{--bg:#080808;--fg:#f0f0f0;--fg-2:#a0a0a0;--border:#222;color-scheme:dark}
:root[data-theme="light"]{--bg:#f5f5f7;--fg:#171719;--fg-2:#606066;--border:#dedee3;color-scheme:light}
*,*::before,*::after{box-sizing:border-box;margin:0;padding:0}
html,body,#root{min-height:100%}body{background:var(--bg);color:var(--fg);font-family:-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif}a{color:inherit;text-decoration:none}img{max-width:100%}
.home-page,.sub-page{padding-top:72px;overflow:hidden}.hero{min-height:calc(100svh - 72px);display:flex;align-items:center;justify-content:center;padding:6rem 1.25rem;text-align:center}.hero-content{max-width:820px;width:100%}.hero-brand{display:flex;align-items:center;justify-content:center;gap:.45rem;margin-bottom:2.5rem}.hero-brand img{width:56px;height:56px;object-fit:contain}.hero-brand>span{font-size:2.2rem;font-weight:700}.hero-brand b{color:#4a8fe8}.hero h1{font-size:clamp(2.2rem,6.5vw,5.2rem);line-height:1.1;letter-spacing:-.04em}.typing-word{color:#777b83}.hero-copy{margin:1.5rem auto 0;max-width:540px;color:var(--fg-2);font-size:clamp(.9rem,1.6vw,1.1rem);line-height:1.8}.hero-actions{display:flex;justify-content:center;flex-wrap:wrap;gap:.75rem;margin-top:2.5rem}.button{min-height:48px;padding:0 1.3rem;border-radius:999px;display:inline-flex;align-items:center;justify-content:center;gap:.55rem;font-size:.92rem;font-weight:600}.button-primary{background:#f5f5f7;color:#090909}.button-secondary{border:1px solid var(--border)}
@media(max-width:768px){.hero{padding:5rem 1rem}.hero-brand{margin-bottom:2rem}.hero-brand img{width:48px;height:48px}.hero-brand>span{font-size:1.9rem}}