@charset "utf-8";
/* CSS Document */

{
--background: #f7f8fa;
--text: #111827;
--muted: #6b7280;
--accent: #5b5ce2;
--accent-light: #8586ed;
--border: rgba(17, 24, 39, 0.08);
}

{
box-sizing: border-box;
margin: 0;
padding: 0;
}

html,
body {
min-height: 100%;
}

body {
font-family:
Inter,
-apple-system,
BlinkMacSystemFont,
"Segoe UI",
Roboto,
Helvetica,
Arial,
sans-serif;
background: var(--background);
color: var(--text);
-webkit-font-smoothing: antialiased;
}

.hero {
min-height: 100vh;
display: flex;
align-items: stretch;
}

.container {
width: 100%;
max-width: 1280px;
margin: 0 auto;
padding: 0 48px;

display: flex;
flex-direction: column;

}

.header {
padding-top: 42px;
}

.logo {
display: inline-block;
color: var(--text);
font-size: 25px;
font-weight: 700;
letter-spacing: -0.8px;
text-decoration: none;
}

.logo span {
color: var(--accent);
}

.content {
flex: 1;
display: flex;
flex-direction: column;
justify-content: center;
max-width: 760px;
padding: 80px 0 120px;
}

.eyebrow {
margin-bottom: 24px;
color: var(--accent);
font-size: 13px;
font-weight: 700;
letter-spacing: 0.12em;
text-transform: uppercase;
}

h1 {
font-size: clamp(58px, 8vw, 108px);
line-height: 0.98;
font-weight: 700;
letter-spacing: -0.055em;
}

h1 span {
color: var(--accent);
}

.content p {
max-width: 540px;
margin-top: 36px;
color: var(--muted);
font-size: 20px;
line-height: 1.6;
}

.footer {
padding: 24px 0 32px;
border-top: 1px solid var(--border);
color: var(--muted);
font-size: 13px;
}

/* Subtle background detail */

.hero::before {
content: "";
position: fixed;
z-index: -1;
top: -20%;
right: -10%;
width: 600px;
height: 600px;
border-radius: 50%;
background: radial-gradient(
circle,
rgba(91, 92, 226, 0.08) 0%,
rgba(91, 92, 226, 0) 70%
);
pointer-events: none;
}

/* Mobile */

@media (max-width: 700px) {
.container {
padding: 0 24px;
}

.header {
    padding-top: 28px;
}

.content {
    padding: 60px 0 80px;
}

h1 {
    font-size: clamp(52px, 15vw, 78px);
}

.content p {
    margin-top: 28px;
    font-size: 18px;
}

.footer {
    padding-bottom: 24px;
}

}