:root { color-scheme: dark; font-family: Inter, ui-sans-serif, system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif; }
* { box-sizing: border-box; }
html, body { margin: 0; min-height: 100%; }
body { background: #170c33; color: #fff; }
.page { position: relative; isolation: isolate; display: flex; flex-direction: column; min-height: 100svh; padding: clamp(24px, 5vw, 70px); overflow: hidden; }
.page::before { content: ""; position: absolute; z-index: -1; width: min(70vw, 900px); aspect-ratio: 1; border-radius: 50%; right: -25%; top: -35%; background: radial-gradient(circle, rgba(130,78,255,.26), transparent 68%); pointer-events: none; }
.brand { display: flex; align-items: center; gap: 12px; font-size: 25px; font-weight: 750; letter-spacing: -.05em; }
.mark { position: relative; display: grid; place-items: center; width: 44px; height: 44px; border-radius: 13px; background: #7040e8; font-size: 28px; font-weight: 900; letter-spacing: -.09em; padding-right: 3px; }
.dot { position: absolute; width: 7px; height: 7px; right: 7px; bottom: 7px; border-radius: 50%; background: #b8a1ff; }
.content { max-width: 780px; margin: auto 0; padding: 95px 0; }
.eyebrow { display: inline-block; color: #bea8ff; font-size: 12px; font-weight: 700; letter-spacing: .19em; }
h1 { font-size: clamp(62px, 10vw, 132px); line-height: .98; letter-spacing: -.075em; margin: 28px 0; font-weight: 800; }
h1 span { color: #a886ff; }
p { max-width: 580px; color: #c8c0db; font-size: clamp(18px, 2vw, 23px); line-height: 1.6; margin: 0 0 36px; }
.contact { display: inline-flex; align-items: center; gap: 15px; padding: 15px 23px; border-radius: 12px; background: #8053f3; color: #fff; font-size: 15px; font-weight: 700; text-decoration: none; transition: background .2s, transform .2s; }
.contact:hover, .contact:focus-visible { background: #996fff; transform: translateY(-2px); }
footer { color: #9389ac; font-size: 13px; }
@media (max-width: 600px) { .content { padding: 80px 0; } .eyebrow { font-size: 10px; } h1 { margin: 22px 0; } }