:root {
            --black: #111111;
            --gray: #666666;
            --line: #e0e0e0;
            --soft: #f7f7f7;
            --red: #ff2a2a;
        }

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

        html {
            scroll-behavior: smooth;
        }

        body {
            display: flex;
            flex-direction: column;
            min-height: 100vh;
            background: var(--soft);
            color: var(--black);
            font-family: 'Space Grotesk', sans-serif;
        }

        .topbar {
            display: flex;
            align-items: center;
            justify-content: space-between;
            min-height: 72px;
            padding: 0 5%;
            background: rgba(255, 255, 255, 0.92);
            border-bottom: 1px solid var(--line);
            position: sticky;
            top: 0;
            z-index: 2;
            backdrop-filter: blur(12px);
        }

        .brand {
            color: var(--black);
            font-size: 1.35rem;
            font-weight: 700;
            letter-spacing: 2px;
            font-style: italic;
        }

        .back-link {
            color: var(--black);
            font-size: 0.72rem;
            font-weight: 700;
            letter-spacing: 1px;
            text-transform: uppercase;
            text-decoration: none;
        }

        .back-link:hover {
            color: var(--red);
        }

        .topbar a.is-sale {
            color: var(--red);
        }

        main {
            width: min(900px, 90%);
            margin: 0 auto;
            padding: 72px 0;
        }

        .intro {
            margin-bottom: 36px;
        }

        .intro h1 {
            font-size: clamp(2rem, 5vw, 3.6rem);
            line-height: 1;
            letter-spacing: -1px;
            text-transform: uppercase;
        }

        .intro p {
            max-width: 620px;
            margin-top: 14px;
            color: var(--gray);
            font-size: 0.95rem;
            line-height: 1.6;
        }

        .info-list {
            display: flex;
            flex-direction: column;
            gap: 14px;
        }

        .info-card {
            scroll-margin-top: 100px;
            padding: 32px;
            background: #ffffff;
            border: 1px solid var(--line);
        }

        .info-card h2 {
            margin-bottom: 15px;
            font-size: 1rem;
            letter-spacing: 1px;
            text-transform: uppercase;
        }

        .info-card p,
        .info-card li {
            color: #555555;
            font-size: 0.9rem;
            line-height: 1.75;
            overflow-wrap: anywhere;
        }

        .info-card p + p {
            margin-top: 8px;
        }

        .info-card ul {
            margin-top: 10px;
            padding-left: 20px;
        }

        .info-card a {
            color: var(--black);
            font-weight: 700;
            text-decoration: underline;
            text-underline-offset: 3px;
        }

        .download-pdf {
            display: inline-block;
            margin-top: 20px;
            padding: 11px 15px;
            background: var(--black);
            color: #ffffff !important;
            font-size: 0.72rem;
            letter-spacing: 1px;
            text-decoration: none !important;
            text-transform: uppercase;
        }

        .download-pdf:hover {
            background: var(--red);
        }

        .info-action {
            display: inline-block;
            margin-top: 18px;
            padding: 10px 14px;
            background: var(--black);
            color: #ffffff !important;
            font-size: 0.72rem;
            letter-spacing: 1px;
            text-decoration: none !important;
            text-transform: uppercase;
        }

        .info-action:hover {
            background: var(--red);
        }

        footer {
            margin-top: auto;
            padding: 10px 5%;
            border-top: 1px solid var(--line);
            color: #888888;
            font-size: 0.62rem;
            letter-spacing: 0.5px;
            text-align: right;
            text-transform: uppercase;
        }

        @media (max-width: 600px) {
            .topbar {
                min-height: 62px;
            }

            main {
                padding: 48px 0;
            }

            .info-card {
                padding: 24px;
            }
        }