:root { color-scheme: light; font-family: Inter, ui-sans-serif, system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif; color: #17304f; background: #f7fbff; font-synthesis: none; }
* { box-sizing: border-box; }
body { margin: 0; background: radial-gradient(circle at 18% 15%, rgb(65 189 226 / 18%), transparent 34rem), radial-gradient(circle at 84% 82%, rgb(119 61 204 / 16%), transparent 30rem), #f7fbff; }
main { min-height: 100vh; min-height: 100svh; display: flex; flex-direction: column; align-items: center; justify-content: center; padding: 3rem 1.5rem; text-align: center; }
.brand-icon { position: relative; width: 6rem; height: 6rem; display: grid; place-items: center; border-radius: 1.8rem; background: linear-gradient(135deg, #167baf, #6b4dcc); color: white; font-size: 4rem; font-weight: 700; box-shadow: 0 1rem 3rem rgb(67 68 166 / 18%); }
.brand-icon span { position: absolute; right: -.4rem; bottom: -.3rem; display: grid; place-items: center; width: 2rem; height: 2rem; font-size: 1.2rem; background: #167866; border: 3px solid #f7fbff; border-radius: 50%; }
h1 { font-size: clamp(3.5rem, 12vw, 6rem); font-weight: 750; letter-spacing: -.065em; line-height: 1.1; margin: 1.8rem 0 .8rem; }
h1 span { color: #6850bd; }
p { line-height: 1.6; }
.tagline { font-size: clamp(1.1rem, 3vw, 1.4rem); margin: 0; }
.coming-soon { max-width: 28rem; color: #596b80; margin: 1.5rem 0 2rem; }
.contact { display: inline-flex; flex-wrap: wrap; justify-content: center; gap: .4rem .8rem; padding: .9rem 1.4rem; border: 1px solid rgb(54 103 181 / 24%); border-radius: 2rem; color: #173c79; background: rgb(255 255 255 / 80%); box-shadow: 0 .75rem 2rem rgb(46 88 151 / 10%); font-weight: 650; line-height: 1.5; text-decoration: none; }
.contact span { color: #6846b7; }
.contact:hover { border-color: #6850bd; background: white; }
.contact:focus-visible { outline: 3px solid #7350d4; outline-offset: 5px; }