.magnelli-builder {
--magnelli-builder-bg: #f7f7f4;
--magnelli-builder-surface: #ffffff;
--magnelli-builder-surface-soft: #efefea;
--magnelli-builder-ink: #121313;
--magnelli-builder-muted: #62645f;
--magnelli-builder-accent: #d8a72e;
--magnelli-builder-accent-dark: #94701c;
--magnelli-builder-line: rgba(18, 19, 19, .12);
--magnelli-builder-radius: 22px;
--magnelli-builder-radius-lg: 32px;
--magnelli-builder-shadow: 0 18px 60px rgba(18, 19, 19, .08);
--magnelli-builder-shell: 1180px;
box-sizing: border-box;
color: var(--magnelli-builder-ink);
font-family: Geist, Inter, ui-sans-serif, -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif;
}
.magnelli-builder *,
.magnelli-builder *::before,
.magnelli-builder *::after {
box-sizing: inherit;
}
.magnelli-builder__shell {
width: min(var(--magnelli-builder-shell), calc(100% - 48px));
margin-inline: auto;
}
.magnelli-builder__eyebrow {
margin: 0 0 18px;
color: var(--magnelli-builder-accent-dark);
font-size: .75rem;
font-weight: 850;
letter-spacing: .18em;
text-transform: uppercase;
}
.magnelli-builder__title {
max-width: 820px;
margin: 0;
font-size: clamp(2.25rem, 5vw, 4.7rem);
line-height: 1.02;
letter-spacing: -.052em;
}
.magnelli-builder__button-row {
display: flex;
flex-wrap: wrap;
gap: 12px;
margin-top: 34px;
}
.magnelli-builder__button {
display: inline-flex;
min-height: 50px;
padding: 13px 20px;
align-items: center;
justify-content: center;
border: 1px solid transparent;
border-radius: 999px;
background: var(--magnelli-builder-accent);
color: #16140f;
box-shadow: 0 12px 30px rgba(216, 167, 46, .18);
font-size: .94rem;
font-weight: 800;
text-decoration: none;
transition: transform .2s, background .2s, border-color .2s, box-shadow .2s;
}
.magnelli-builder__button:hover,
.magnelli-builder__button:focus-visible {
color: #16140f;
transform: translateY(-2px);
}
@media (max-width: 800px) {
.magnelli-builder__shell {
width: min(100% - 32px, var(--magnelli-builder-shell));
}
}
@media (max-width: 560px) {
.magnelli-builder__title {
font-size: clamp(2.15rem, 11vw, 3.35rem);
}
.magnelli-builder__button-row,
.magnelli-builder__button {
width: 100%;
}
}