/* 
  platform_exact.css
  This file strictly implements the visual styling for the Platform page
  as presented in platform.png.
*/

:root {
    /* Colors */
    --platform-bg-dark: var(--ink);
    /* Dark section background */
    --platform-bg-light: white;
    --platform-bg-grey: var(--bg-soft);
    /* Light grey sections */

    --platform-text-main: var(--ink);
    /* Main dark text */
    --platform-text-dim: var(--ink-soft);
    /* Subtitles/paragraphs */
    --platform-text-white: white;

    --platform-primary: var(--primary);
    /* Purple CTA button bg */
    --platform-gradient: linear-gradient(135deg, var(--ink) 0%, var(--accent) 100%);

    /* Fonts */
    --font-family: 'Outfit', sans-serif;
    /* Similar to modern sans used in uBargain */
}

/* Global resets for platform page only (contained if possible, or assume body) */
.platform-global__platform-page {
    font-family: 'Outfit', -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, sans-serif;
    color: var(--platform-text-main);
    background-color: var(--platform-bg-light);
    line-height: 1.5;
    margin: 0;
    padding: 0;
    overflow-x: hidden;
}

.platform-global__platform-page * {
    box-sizing: border-box;
}

.platform-global__platform-page h1,
.platform-global__platform-page h2,
.platform-global__platform-page h3,
.platform-global__platform-page h4,
.platform-global__platform-page p {
    margin: 0;
}

/* ================= COMMON COMPONENT STYLES ================= */
.platform-global__section-badge {
    font-size: 13px;
    font-weight: 600;
    color: var(--primary);
    letter-spacing: 1px;
    text-transform: uppercase;
    margin-bottom: 20px;
}

.platform-global__section-title {
    font-size: 48px; font-family: var(--display);
    font-weight: 700;
    line-height: 1.1;
    margin-bottom: 24px;
}

.platform-global__text-blue {
    color: var(--primary);
}

.platform-global__section-desc {
    font-size: 18px;
    color: var(--platform-text-dim);
    line-height: 1.6;
    max-width: 700px;
    margin: 0 auto;
}