:root{
  --orange:#EF5926;
  --mist:#E3E5E9;
  --slate:#495565;
}
*{box-sizing:border-box}
html,body{height:100%}
body{margin:0;font-family:'Figtree',system-ui,-apple-system,Segoe UI,Roboto,Helvetica,Arial,sans-serif;color:var(--slate);background:var(--mist)}

.hero{position:relative;min-height:100vh;display:flex;align-items:center;justify-content:center;overflow:hidden}
.bg{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;object-position:center;pointer-events:none;user-select:none}

.content{position:relative;text-align:center;width:100%;max-width:900px;padding:96px 24px 96px}

.brand{margin-bottom:16px}
.logo{height:clamp(24px,6vw,36px);display:inline-block;vertical-align:middle}

h1{margin:0;color:var(--orange);font-weight:400;font-size:clamp(28px,7.2vw,72px);line-height:1.08;letter-spacing:0}
@media (max-width:600px){ h1{line-height:1.12} }

.coming{margin:22px 0 18px;letter-spacing:.22em;font-weight:600;color:var(--orange)}

.cta{display:flex;justify-content:center}
.button-svg{display:block;width:clamp(120px,40vw,156px);height:auto}

.legal{position:absolute;left:0;right:0;bottom:0;text-align:center;padding:22px 16px 28px;color:var(--slate);opacity:.85;font-size:12px}