* {
    box-sizing: border-box;
}

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

body {
    background: #000;
    color: rgba(246, 248, 245, 0.92);
    font-family: Inter, ui-sans-serif, system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif;
}

.home {
    min-height: 100vh;
    display: grid;
    align-items: end;
    padding: clamp(24px, 6vw, 72px);
    background:
        radial-gradient(circle at 74% 22%, rgba(82, 182, 255, 0.18), transparent 34%),
        radial-gradient(circle at 28% 70%, rgba(246, 82, 127, 0.15), transparent 32%),
        #000;
}

.intro {
    max-width: 760px;
}

.eyebrow {
    margin: 0 0 18px;
    color: rgba(246, 248, 245, 0.48);
    font-size: 13px;
    letter-spacing: 0.16em;
    text-transform: uppercase;
}

h1 {
    margin: 0;
    font-size: clamp(48px, 10vw, 128px);
    line-height: 0.9;
    font-weight: 780;
    letter-spacing: 0;
}

.plugin-link {
    display: inline-grid;
    place-items: center;
    min-height: 46px;
    margin-top: 34px;
    padding: 0 18px;
    border: 1px solid rgba(246, 248, 245, 0.22);
    color: rgba(246, 248, 245, 0.92);
    text-decoration: none;
    text-transform: uppercase;
    font-size: 12px;
    letter-spacing: 0.12em;
    background: rgba(255, 255, 255, 0.04);
}

.plugin-link:hover {
    border-color: rgba(246, 248, 245, 0.68);
}