/* Tasarım sistemi öncesi sade sayfalar (Yakında, yer tutucular). */
*, *::before, *::after { box-sizing: border-box; }

html { -webkit-text-size-adjust: 100%; }

body {
    margin: 0;
    min-height: 100vh;
    background: var(--color-bg);
    color: var(--color-text);
    font: var(--text-base)/var(--leading-body) var(--font-body);
}

.soon {
    display: grid;
    align-content: center;
    justify-items: start;
    min-height: 100vh;
    max-width: 34rem;
    margin: 0 auto;
    padding: calc(var(--space) * 2) var(--space);
}

.soon__capsule {
    width: clamp(7rem, 30vw, 10rem);
    height: auto;
    margin-left: -0.75rem;
}

.soon__brand {
    margin: 0.5rem 0 0;
    /* Logo yazısı her zaman Poppins Bold (karar) */
    font: 700 clamp(3rem, 14vw, 5.5rem)/1.1 "Poppins", sans-serif;
    letter-spacing: -0.02em;
}

.soon__tagline {
    margin: 0.5rem 0 0;
    font-weight: 600;
}

.soon__note {
    margin: 1.5rem 0 0;
    max-width: 28rem;
}

@media (prefers-reduced-motion: no-preference) {
    .soon__capsule { animation: soon-wobble 6s ease-in-out infinite; }
}

@keyframes soon-wobble {
    0%, 100% { transform: rotate(0deg); }
    50% { transform: rotate(-6deg); }
}