/**
 * Homepage (Front Page) Styles
 * Pixel-perfect from Figma. Base: 1rem = 16px (layout values use rem).
 *
 * Layout model (matches the shop header/footer):
 *   - <main.home-page> is full-width.
 *   - <div.home-inner> is the centered content column (Figma Frame 3):
 *     1520px at min1920 (1920px+). min1280–1919 scales .home-page via zoom.
 *
 * @package i-sport-theme
 */

/* ==========================================================================
   Content wrapper — centered 1520 column (Figma Frame 3)
   ========================================================================== */
.home-page {
    width: 100%;
    background: #05061C; /* Dark background matching hero */
}

/* ==========================================================================
   Section 2 (full-bleed, white background)
   ========================================================================== */
.home-section2 {
    width: 100%;
    min-height: 59.1875rem;
    padding: 9.375rem 0;
    background: #FFFFFF;
    display: flex;
    flex-direction: column;
    gap: 3.125rem;
    box-sizing: border-box;
}

.home-section2-inner {
    width: 95rem;
    max-width: 100%;
    margin: 0 auto;
    display: flex;
    flex-direction: column;
    gap: 3.125rem;
    box-sizing: border-box;
}

@media (min-width: 600px) and (max-width: 1279px) {
    .home-section2-inner { width: var(--content-sm); }
}


@media (min-width: 1920px) {
    .home-section2-inner { width: var(--content-lg); }
}

/* --------------------------------------------------------------------------
   Section 2: 2-column layout (485.5 + 970.5, gap 64, height 647)
   -------------------------------------------------------------------------- */
.section2-row {
    display: flex;
    gap: 0;
    width: 100%;
    min-height: 40.4375rem;
    box-sizing: border-box;
}

/* Pass-through at desktop / min600; image row frame at min390 */
.section2-frame55 {
    display: contents;
}

.section2-media,
.section2-carousel {
    display: contents;
}

.section2-frame57 {
    display: none;
}

.section2-col {
    width: 30.34375rem;
    flex: 0 0 30.34375rem;
    min-height: 40.4375rem;
    display: flex;
    flex-direction: column;
    box-sizing: border-box;
}

/* Text container (485 x 647, gap 32, padding) — 64px gap from images (485.5 + 485.5 + 64 + 485 = 1520) */
.section2-text-col {
    width: 30.3125rem;
    flex: 0 0 30.3125rem;
    min-height: 40.4375rem;
    margin-left: auto;
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    gap: 2rem;
    padding: 2rem;
    box-sizing: border-box;
}

/* Content box (400 x 152, gap 32) */
.section2-content-box {
    width: 25rem;
    min-height: 9.5rem;
    display: flex;
    flex-direction: column;
    align-items: center;
    gap: 2rem;
    box-sizing: border-box;
}

/* Written block — heading, copy, and button move together */
.section2-written {
    width: 25rem;
    max-width: 100%;
    display: flex;
    flex-direction: column;
    align-items: center;
    gap: 2rem;
    box-sizing: border-box;
}

/* Section 2 Heading (326 x 64) */
.section2-heading {
    width: 20.375rem;
    height: 4rem;
    margin: 0;
    font-family: var(--font-heading); /* Oswald */
    font-weight: 900;
    font-size: 4rem; /* 64px - h2 token */
    line-height: 100%;
    letter-spacing: -0.015em; /* -1.5% */
    text-align: center;
    text-transform: uppercase;
    color: #05061C;
    box-sizing: border-box;
}

/* Subcontainer (400 x 56, gap 8) */
.section2-subcontainer {
    width: 25rem;
    min-height: 3.5rem;
    display: flex;
    flex-direction: column;
    align-items: center;
    gap: 0.5rem;
    box-sizing: border-box;
}

/* Section 2 description text (400 x 24) */
.section2-desc {
    width: 25rem;
    height: 1.5rem;
    margin: 0;
    font-family: var(--font-primary); /* Inter */
    font-weight: 400;
    font-size: 1rem; /* 16px - paragraph */
    line-height: 150%;
    letter-spacing: 0;
    text-align: center;
    color: #05061C;
}

/* Second description line (366 x 24) */
.section2-desc-caps {
    width: 22.875rem;
    height: 1.5rem;
    margin: 0;
    font-family: var(--font-primary); /* Inter */
    font-weight: 700;
    font-size: 1rem; /* 16px - paragraph */
    line-height: 150%;
    letter-spacing: 0;
    white-space: nowrap;
    color: #05061C;
}

/* Section 2 button (378 x 96) */
.section2-btn {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    width: 23.625rem;
    height: 6rem;
    gap: 1rem;
    padding: 2rem 4rem;
    background: #05061C;
    color: #FFFFFF;
    font-family: var(--font-primary); /* Inter */
    font-weight: 800;
    font-size: 2rem; /* 32px - button text */
    line-height: 100%;
    letter-spacing: 0;
    text-transform: capitalize;
    text-decoration: none;
    border: none;
    cursor: pointer;
    transition: background 0.2s ease;
    box-sizing: border-box;
    white-space: nowrap;
}

.section2-btn-label {
    white-space: nowrap;
    flex-shrink: 0;
}

.section2-btn:hover {
    background: #12132B;
}

.section2-btn .btn-arrow {
    font-size: 1.5rem;
}

/* ==========================================================================
   Section 3 (full-bleed, dark gradient, 1920 x 1047)
   ========================================================================== */
.home-section3 {
    width: 100%;
    min-height: 65.4375rem;
    padding: 9.375rem 0;
    background: linear-gradient(180deg, #05061C 0%, #121227 100%);
    display: flex;
    flex-direction: column;
    gap: 4rem;
    box-sizing: border-box;
    position: relative;
    overflow: hidden;
}

/* Background image (1920 x 1080.57) with gradient overlay */
.section3-bg-image {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    z-index: 0;
}

.section3-bg-image img {
    width: 100%;
    height: 100%;
    object-fit: cover;
}

.section3-bg-overlay {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background: linear-gradient(180deg, rgba(6, 7, 29, 0.25) 0%, #06071D 94.63%);
}

.home-section3-inner {
    position: relative;
    z-index: 1;
}

/* Section 3 Heading (916 x 64) */
.section3-heading {
    width: 57.25rem;
    height: 4rem;
    margin: 0 auto;
    font-family: var(--font-heading); /* Oswald */
    font-weight: 700;
    font-size: 4rem; /* 64px - h2 */
    line-height: 4rem;
    letter-spacing: -0.015em; /* -1.5% */
    text-align: center;
    text-transform: uppercase;
    color: #FFFFFF;
    box-sizing: border-box;
}

/* Section 3 Card (1520 x 619) */
.section3-card {
    width: 100%;
    min-height: 38.6875rem;
    display: flex;
    background: #2B2B3E;
    border: 0.0625rem solid #1F2937;
    box-sizing: border-box;
    overflow: hidden;
}

/* Left column (759 x 617, black background) */
.section3-card-left {
    flex: 1 1 0;
    width: 50%;
    min-width: 0;
    min-height: 38.5625rem;
    display: flex;
    flex-direction: column;
    gap: 2rem;
    padding: 4rem; /* padding section large */
    background: #000000;
    box-sizing: border-box;
}

/* Right column (759 x 617) */
.section3-card-right {
    flex: 1 1 0;
    width: 50%;
    min-width: 0;
    min-height: 38.5625rem;
    display: flex;
    flex-direction: column;
    gap: 2rem;
    padding: 4rem; /* padding section large */
    background: #111827;
    box-sizing: border-box;
}

/* Section 3 label (631 x 16) */
.section3-label {
    width: 39.4375rem;
    height: 1rem;
    font-family: var(--font-primary); /* Inter */
    font-weight: 700;
    font-size: 0.875rem; /* 14px */
    line-height: 1rem;
    letter-spacing: 0.075rem;
    text-transform: uppercase;
    color: #B4B4BB;
}

/* Section 3 card heading (631 x 60) */
.section3-card-heading {
    width: 39.4375rem;
    height: 3.75rem;
    margin: 0;
    font-family: var(--font-heading); /* Oswald */
    font-weight: 700;
    font-size: 3rem; /* 48px - h3 */
    line-height: 125%;
    letter-spacing: -0.015em; /* -1.5% */
    text-transform: capitalize;
    color: #B4B4BB;
}

/* Section 3 text container (631 x 234, gap 32) */
.section3-text-container {
    width: 39.4375rem;
    min-height: 14.625rem;
    display: flex;
    flex-direction: column;
    gap: 2rem;
    box-sizing: border-box;
}

/* Section 3 paragraph (631 x 96) */
.section3-paragraph {
    width: 39.4375rem;
    min-height: 6rem;
    margin: 0;
    font-family: var(--font-primary); /* Inter */
    font-weight: 400;
    font-size: 1rem; /* 16px - paragraph */
    line-height: 150%;
    letter-spacing: 0;
    color: #9B9BA4;
}

/* Section 3 border box (631 x 106) */
.section3-border-box {
    width: 39.4375rem;
    min-height: 6.625rem;
    padding: 1.5rem;
    border: 0.0625rem solid #2B2B3E;
    box-sizing: border-box;
}

/* Section 3 quote text (581 x 56) */
.section3-quote {
    width: 36.3125rem;
    min-height: 3.5rem;
    margin: 0;
    font-family: 'Lora', serif;
    font-weight: 400;
    font-size: 1.125rem; /* 18px - paragraph large */
    line-height: 1.75rem;
    letter-spacing: 0;
    color: #9CA3AF;
}

/* Section 3 badge (251 x 48) */
.section3-badge {
    width: 15.6875rem;
    height: 3rem;
    display: flex;
    align-items: center;
    gap: 1rem;
    padding: 1rem;
    border: 0.0625rem solid #FFFFFF;
    box-sizing: border-box;
}

.section3-badge-text {
    width: 11.6875rem;
    height: 1rem;
    font-family: var(--font-primary); /* Inter */
    font-weight: 900;
    font-size: 0.875rem; /* 14px */
    line-height: 1rem;
    letter-spacing: 0.075rem;
    text-transform: uppercase;
    white-space: nowrap;
    color: #FFFFFF;
}

/* Section 3 right column heading (631 x 60) */
.section3-card-heading-right {
    width: 39.4375rem;
    height: 3.75rem;
    margin: 0;
    font-family: var(--font-heading); /* Oswald */
    font-weight: 700;
    font-size: 3rem; /* 48px - h3 */
    line-height: 125%;
    letter-spacing: -0.015em; /* -1.5% */
    text-transform: capitalize;
    color: #FFFFFF;
}

/* Section 3 list container (631 x 317, gap 16) */
.section3-list-container {
    width: 39.4375rem;
    min-height: 19.8125rem;
    display: flex;
    flex-direction: column;
    gap: 1rem;
    box-sizing: border-box;
}

/* Section 3 list text (631 x 48) */
.section3-list-text {
    width: 39.4375rem;
    min-height: 3rem;
    margin: 0;
    font-family: var(--font-primary); /* Inter */
    font-weight: 400;
    font-size: 1rem; /* 16px - paragraph */
    line-height: 150%;
    letter-spacing: 0;
    color: #FFFFFF;
}

.section3-highlight {
    font-weight: 700;
}

/* Section 3 horizontal border box (631 x 189) */
.section3-border-top-box {
    width: 39.4375rem;
    min-height: 11.8125rem;
    display: flex;
    flex-direction: column;
    gap: 1.5rem;
    padding-top: 1.5rem;
    margin-top: -13.75rem;
    border-top: 0.0625rem solid #2B2B3E;
    box-sizing: border-box;
}

/* Section 3 stat heading (631 x 60) */
.section3-stat-heading {
    width: 39.4375rem;
    height: 3.75rem;
    margin: 0;
    font-family: var(--font-heading); /* Oswald */
    font-weight: 700;
    font-size: 3rem; /* 48px - h3 */
    line-height: 125%;
    letter-spacing: -0.015em; /* -1.5% */
    text-transform: capitalize;
    color: #6DFACD;
}

/* Section 3 stat text (631 x 72) */
.section3-stat-text {
    width: 39.4375rem;
    min-height: 4.5rem;
    margin: 0;
    font-family: var(--font-primary); /* Inter */
    font-weight: 400;
    font-size: 1rem; /* 16px - paragraph */
    line-height: 150%;
    letter-spacing: 0;
    color: #FFFFFF;
}

.section3-stat-line {
    display: block;
}

/* ==========================================================================
   Section 4 (full-bleed, dark gradient, 1920 x 1193)
   ========================================================================== */
.home-section4 {
    width: 100%;
    min-height: 74.5625rem;
    padding: 9.375rem 0;
    background: linear-gradient(180deg, #05061C 0%, #121227 100%);
    display: flex;
    flex-direction: column;
    gap: 4rem;
    box-sizing: border-box;
    position: relative;
    overflow: hidden;
}

/* Section 4 background image (913 x 487) */
.section4-bg-image {
    position: absolute;
    top: 60%;
    left: 50%;
    transform: translate(-50%, -50%);
    width: 57.0625rem;
    height: 30.4375rem;
    z-index: 0;
}

.section4-bg-image img {
    width: 57.0625rem;
    height: 30.4375rem;
    object-fit: contain;
}

.section4-bg-overlay {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background: linear-gradient(180deg, rgba(5, 6, 28, 0.5) 0%, rgba(18, 18, 39, 0.6) 100%);
}

.home-section4-inner {
    width: 95rem;
    max-width: 100%;
    margin: 0 auto;
    display: flex;
    flex-direction: column;
    gap: 4rem;
    box-sizing: border-box;
    position: relative;
    z-index: 1;
}

@media (min-width: 600px) and (max-width: 1279px) {
    .home-section4-inner { width: var(--content-sm); }
}


@media (min-width: 1920px) {
    .home-section4-inner { width: var(--content-lg); }
}

/* Section 4 container (1520 x 893, gap 64) */
.section4-container {
    width: 100%;
    min-height: 55.8125rem;
    display: flex;
    flex-direction: column;
    gap: 4rem;
    box-sizing: border-box;
}

/* Section 4 header (1520 x 160, gap 32) */
.section4-header {
    width: 100%;
    min-height: 10rem;
    display: flex;
    flex-direction: column;
    gap: 2rem;
    box-sizing: border-box;
}

/* Section 4 heading (1059 x 80) */
.section4-heading {
    width: 100%;
    height: 5rem;
    margin: 0;
    font-family: var(--font-heading); /* Oswald */
    font-weight: 700;
    font-size: 5rem; /* 80px */
    line-height: 125%;
    letter-spacing: -0.015em; /* -1.5% */
    text-align: center;
    text-transform: uppercase;
    color: #FFFFFF;
}

/* Section 4 subtitle (1520 x 48) */
.section4-subtitle {
    width: 100%;
    height: 3rem;
    margin: 0;
    font-family: var(--font-primary); /* Inter */
    font-weight: 700;
    font-size: 1rem; /* 16px - paragraph */
    line-height: 150%;
    letter-spacing: 0;
    text-align: center;
    color: #FFFFFF;
}

/* Section 4 cards row (1520 x 194, gap 16) */
.section4-cards {
    width: 100%;
    min-height: 12.125rem;
    display: flex;
    gap: 1rem;
    box-sizing: border-box;
}

/* Section 4 card (485.33 x 194) */
.section4-card {
    flex: 1 1 0;
    min-height: 12.125rem;
    display: flex;
    flex-direction: column;
    gap: 2rem;
    padding: 2rem; /* padding section small */
    background: #121227;
    border: 0.0625rem solid #373849;
    box-sizing: border-box;
}

/* Section 4 card heading (419 x 24) */
.section4-card-heading {
    width: 100%;
    height: 1.5rem;
    margin: 0;
    font-family: var(--font-heading); /* Oswald */
    font-weight: 700;
    font-size: 1.5rem; /* 24px - paragraph large */
    line-height: 100%;
    letter-spacing: -0.025em; /* -2.5% */
    text-transform: uppercase;
    color: #6DFACD;
}

/* Section 4 card text (419 x 48) */
.section4-card-text {
    width: 100%;
    min-height: 3rem;
    margin: 0;
    font-family: var(--font-primary); /* Inter */
    font-weight: 400;
    font-size: 1rem; /* 16px - paragraph */
    line-height: 150%;
    letter-spacing: 0;
    color: #FFFFFF;
}

/* Section 4 feature box (1520 x 411) */
.section4-feature-box {
    width: 100%;
    min-height: 25.6875rem;
    padding: 4rem; /* padding section large */
    background: rgba(18, 18, 39, 0.8); /* #121227CC */
    border: 0.0625rem solid #373849;
    box-sizing: border-box;
}

/* Section 4 feature row (1392 x 283) */
.section4-feature-row {
    width: 100%;
    max-width: 100%;
    min-height: 17.6875rem;
    display: flex;
    justify-content: space-between;
    align-items: flex-start;
    box-sizing: border-box;
}

/* Section 4 feature left column (696 x 283) */
.section4-feature-left {
    width: 43.5rem;
    flex: 0 0 43.5rem;
    min-height: 17.6875rem;
    display: flex;
    flex-direction: column;
    gap: 2rem;
    padding-bottom: 5.25rem;
    box-sizing: border-box;
}

/* Section 4 feature heading (696 x 45) */
.section4-feature-heading {
    width: 43.5rem;
    height: 2.8125rem;
    margin: 0;
    font-family: var(--font-heading); /* Oswald */
    font-weight: 700;
    font-size: 2.25rem; /* 36px */
    line-height: 125%;
    letter-spacing: -0.025em; /* -2.5% */
    text-transform: capitalize;
    color: #FFFFFF;
}

/* Section 4 feature right column */
.section4-feature-right {
    flex: 0 0 43.5rem;
    width: 43.5rem;
    min-height: 17.6875rem;
    display: flex;
    justify-content: flex-end;
    box-sizing: border-box;
}

/* Section 4 list (696 x 122, gap 16) */
.section4-list {
    width: 43.5rem;
    min-height: 7.625rem;
    margin: 0;
    padding: 0;
    list-style: none;
    display: flex;
    flex-direction: column;
    gap: 1rem;
}

/* Section 4 list item */
.section4-list-item {
    display: flex;
    align-items: center;
    gap: 1rem;
}

/* Section 4 icon (24 x 24) */
.section4-icon {
    width: 1.5rem;
    height: 1.5rem;
    flex-shrink: 0;
}

/* Section 4 list text */
.section4-list-text {
    font-family: var(--font-primary); /* Inter */
    font-weight: 700;
    font-size: 1.5rem; /* 24px - paragraph large */
    line-height: 125%;
    letter-spacing: 0;
    color: #FFFFFF;
}

/* Section 4 feature right content (696 x 268, gap 32) */
.section4-feature-right-content {
    width: 43.5rem;
    min-height: 16.75rem;
    display: flex;
    flex-direction: column;
    gap: 2rem;
    box-sizing: border-box;
}

/* Section 4 feature text (696 x 72) */
.section4-feature-text {
    width: 43.5rem;
    min-height: 4.5rem;
    margin: 0;
    font-family: var(--font-primary); /* Inter */
    font-weight: 400;
    font-size: 1rem; /* 16px - paragraph */
    line-height: 150%;
    letter-spacing: 0;
    color: #FFFFFF;
}

.section4-feature-line {
    display: block;
}
.section4-feature-highlight {
    width: 43.5rem;
    min-height: 3.75rem;
    margin: 0;
    font-family: var(--font-primary); /* Inter */
    font-weight: 700;
    font-size: 1.5rem; /* 24px - paragraph large */
    line-height: 125%;
    letter-spacing: 0;
    color: #FFFFFF;
}

/* ==========================================================================
   Section 5 (full-bleed, white background, 1920 x 968)
   ========================================================================== */
.home-section5 {
    width: 100%;
    min-height: 60.5rem;
    padding: 9.375rem 0;
    background: #FFFFFF;
    display: flex;
    flex-direction: column;
    gap: 4rem;
    box-sizing: border-box;
}

.home-section5-inner {
    width: var(--content-xs);
    margin: 0 auto;
    display: flex;
    flex-direction: column;
    gap: 4rem;
    box-sizing: border-box;
}

@media (min-width: 600px) and (max-width: 1279px) {
    .home-section5-inner { width: var(--content-sm); }
}


@media (min-width: 1920px) {
    .home-section5-inner { width: var(--content-lg); }
}

/* Section 5 container (1520 x 680, gap 64) */
.section5-container {
    width: 100%;
    min-height: 42.5rem;
    display: flex;
    flex-direction: column;
    gap: 4rem;
    box-sizing: border-box;
}

/* Section 5 heading (691 x 80) */
.section5-heading {
    width: 100%;
    height: 5rem;
    margin: 0;
    font-family: var(--font-heading); /* Oswald */
    font-weight: 700;
    font-size: 4rem; /* 64px - h2 */
    line-height: 125%;
    letter-spacing: -0.015em; /* -1.5% */
    text-align: center;
    text-transform: uppercase;
    color: #1E1F33;
}

/* Section 5 row (2-column layout) */
.section5-row {
    display: flex;
    gap: 4rem;
    width: 100%;
}

/* Section 5 content (971 x 536, gap 32) */
.section5-content {
    width: 60.6875rem;
    flex: 0 0 60.6875rem;
    min-height: 33.5rem;
    display: flex;
    flex-direction: column;
    gap: 2rem;
    box-sizing: border-box;
    order: 1;
}

/* Section 5 right column (485 x 485, gap 48) */
.section5-right {
    width: 30.3125rem;
    flex: 0 0 30.3125rem;
    min-height: 30.3125rem;
    display: flex;
    flex-direction: column;
    justify-content: center; /* Align to center */
    gap: 3rem;
    box-sizing: border-box;
    order: 2;
}

/* Section 5 image (019ba134… — 807 x 807) */
.section5-img {
    width: 100%;
    max-width: 50.4375rem; /* 807 */
    aspect-ratio: 1 / 1;
    height: auto;
    object-fit: cover;
    object-position: center center;
}

/* ==========================================================================
   Section 6 (full-bleed, white background, 1920 x 1082)
   ========================================================================== */
.home-section6 {
    width: 100%;
    min-height: 67.625rem;
    padding: 9.375rem 0 4rem;
    background: #FFFFFF;
    display: flex;
    flex-direction: column;
    gap: 4rem;
    box-sizing: border-box;
}

.home-section6-inner {
    width: var(--content-xs);
    margin: 0 auto;
    display: flex;
    flex-direction: column;
    gap: 4rem;
    box-sizing: border-box;
}

@media (min-width: 600px) and (max-width: 1279px) {
    .home-section6-inner { width: var(--content-sm); }
}


@media (min-width: 1920px) {
    .home-section6-inner { width: var(--content-lg); }
}

/* Section 6 container (1520 x 794, gap 64) */
.section6-container {
    width: 100%;
    min-height: 49.625rem;
    display: flex;
    flex-direction: column;
    gap: 4rem;
    box-sizing: border-box;
    overflow: visible;
}

/* Section 6 heading (1020 x 80) */
.section6-heading {
    width: 100%;
    height: 5rem;
    margin: 0;
    font-family: var(--font-heading); /* Oswald */
    font-weight: 700;
    font-size: 4rem; /* 64px - h2 */
    line-height: 125%;
    letter-spacing: -0.015em; /* -1.5% */
    text-align: center;
    text-transform: uppercase;
    color: #1E1F33;
}

/* Section 6 row: image left + content right */
.section6-row {
    display: flex;
    align-items: flex-start;
    gap: 4rem;
    width: 100%;
    box-sizing: border-box;
    overflow: visible;
}

/* Section 6 image wrapper (Frame 38 at min600) */
.section6-image {
    flex: 0 0 auto;
    box-sizing: border-box;
    order: 1;
}

/* Section 6 image (019ba134… — 807 x 807 desktop) */
.section6-img {
    width: 50.4375rem;
    flex: 0 0 50.4375rem;
    height: 50.4375rem;
    object-fit: cover;
    object-position: center center;
    margin-left: -7.5rem;
}

/* Section 6 content container (970 x 612, gap 64) */
.section6-content {
    width: 60.625rem;
    flex: 0 0 60.625rem;
    min-height: 38.25rem;
    display: flex;
    flex-direction: column;
    gap: 4rem;
    margin-left: -5rem;
    background: #FFFFFF;
    box-sizing: border-box;
    order: 2;
}

/* Section 6 content block (970 x 24) */
.section6-content-block {
    width: 60.625rem;
    min-height: 1.5rem;
    box-sizing: border-box;
}

/* Section 6 text (970 x 24) */
.section6-text {
    width: 60.625rem;
    min-height: 1.5rem;
    margin: 0;
    font-family: var(--font-primary); /* Inter */
    font-weight: 400;
    font-size: 1rem; /* 16px */
    line-height: 150%;
    letter-spacing: 0;
    color: #05061C;
}

/* Section 6 shadow box (970 x 444) */
.section6-shadow-box {
    width: 60.625rem;
    min-height: 27.75rem;
    display: flex;
    flex-direction: column;
    gap: 2rem;
    padding: 2rem;
    box-shadow: 0 0.3125rem 0.9375rem 0 rgba(5, 6, 28, 0.1);
    box-sizing: border-box;
}

/* Section 6 shadow heading (906 x 24) */
.section6-shadow-heading {
    width: 56.625rem;
    height: 1.5rem;
    margin: 0;
    font-family: var(--font-heading); /* Oswald */
    font-weight: 900;
    font-size: 1.5rem; /* 24px - paragraph large */
    line-height: 1.5rem;
    letter-spacing: -0.025em; /* -2.5% */
    text-transform: uppercase;
    color: #05061C;
}

/* Section 6 compare container (906 x 92, gap 32) */
.section6-compare-container {
    width: 56.625rem;
    min-height: 5.75rem;
    display: flex;
    flex-direction: column;
    gap: 2rem;
    box-sizing: border-box;
}

/* Section 6 compare row (906 x 24) */
.section6-compare-row {
    width: 56.625rem;
    height: 1.5rem;
    display: flex;
    justify-content: space-between;
    align-items: center;
    box-sizing: border-box;
}

/* Section 6 compare label (117 x 24) */
.section6-compare-label {
    width: 7.3125rem;
    height: 1.5rem;
    font-family: var(--font-primary); /* Inter */
    font-weight: 900;
    font-size: 1rem; /* 16px */
    line-height: 150%;
    letter-spacing: 0;
    color: #05061C;
}

/* Section 6 compare value (135 x 24) */
.section6-compare-value {
    width: 8.4375rem;
    height: 1.5rem;
    font-family: var(--font-primary); /* Inter */
    font-weight: 700;
    font-size: 1.5rem; /* 24px */
    line-height: 1.5rem;
    letter-spacing: 0;
    color: #05061C;
}

/* Section 6 compare item row (906 x 36) */
.section6-compare-item {
    width: 56.625rem;
    height: 2.25rem;
    display: flex;
    justify-content: space-between;
    align-items: center;
    box-sizing: border-box;
}

.section6-compare-item-label {
    width: 10.625rem;
    height: 1.5rem;
    font-family: var(--font-primary); /* Inter */
    font-weight: 900;
    font-size: 1rem; /* 16px */
    line-height: 1.5rem;
    letter-spacing: 0;
    text-transform: uppercase;
    color: #05061C;
}

.section6-compare-item-value {
    width: 11.9375rem;
    height: 2.25rem;
    font-family: var(--font-primary); /* Inter */
    font-weight: 900;
    font-size: 3rem; /* 48px */
    line-height: 2.25rem;
    letter-spacing: 0;
    color: #00A3B1;
}

/* Section 6 shadow text block (906 x 72) */
.section6-shadow-text-block {
    width: 56.625rem;
    min-height: 4.5rem;
    box-sizing: border-box;
}

/* Section 6 shadow text (906 x 72) */
.section6-shadow-text {
    width: 56.625rem;
    min-height: 4.5rem;
    margin: 0;
    font-family: var(--font-primary); /* Inter */
    font-weight: 400;
    font-size: 1rem; /* 16px - paragraph */
    line-height: 150%;
    letter-spacing: 0;
    color: #505160;
}

/* Section 6 button (906 x 96) */
.section6-btn {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    width: 56.625rem;
    height: 6rem;
    gap: 0.5rem;
    padding: 2rem 4rem;
    background: #05061C;
    color: #FFFFFF;
    font-family: var(--font-primary); /* Inter */
    font-weight: 800;
    font-size: 2rem; /* 32px - button text */
    line-height: 100%;
    letter-spacing: 0;
    text-transform: capitalize;
    text-decoration: none;
    white-space: nowrap;
    box-sizing: border-box;
    transition: background 0.2s ease;
}

.section6-btn:hover {
    background: #12132B;
}

.section6-btn-icon {
    width: 2rem;
    height: 2rem;
    flex-shrink: 0;
}

/* ==========================================================================
   Section 7 (full-bleed, white background, 1920 x 1240)
   ========================================================================== */
.home-section7 {
    width: 100%;
    min-height: 77.5rem;
    padding: 4rem 0 4rem;
    background: #FFFFFF;
    display: flex;
    flex-direction: column;
    gap: 4rem;
    box-sizing: border-box;
}

.home-section7-inner {
    width: var(--content-xs);
    margin: 0 auto;
    display: flex;
    flex-direction: column;
    gap: 4rem;
    box-sizing: border-box;
}

@media (min-width: 600px) and (max-width: 1279px) {
    .home-section7-inner { width: var(--content-sm); }
}


@media (min-width: 1920px) {
    .home-section7-inner { width: var(--content-lg); }
}

/* Section 7 container (1520 x 952, gap 64) */
.section7-container {
    width: 100%;
    min-height: 59.5rem;
    display: flex;
    flex-direction: column;
    gap: 4rem;
    background: #FFFFFF;
    box-sizing: border-box;
}

/* Section 7 header (1520 x 160, gap 32) */
.section7-header {
    width: 100%;
    min-height: 10rem;
    display: flex;
    flex-direction: column;
    gap: 2rem;
    box-sizing: border-box;
}

/* Section 7 heading (721 x 80) */
.section7-heading {
    width: 100%;
    height: 5rem;
    margin: 0;
    font-family: var(--font-heading); /* Oswald */
    font-weight: 700;
    font-size: 4rem; /* 64px - h2 */
    line-height: 125%;
    letter-spacing: -0.015em; /* -1.5% */
    text-align: center;
    text-transform: uppercase;
    color: #171717;
}

/* Section 7 subtitle (1520 x 48) */
.section7-subtitle {
    width: 100%;
    min-height: 3rem;
    margin: 0;
    font-family: var(--font-primary); /* Inter */
    font-weight: 700;
    font-size: 1rem; /* 16px - paragraph */
    line-height: 150%;
    letter-spacing: 0;
    text-align: center;
    color: #05061C;
}

/* Section 7 row */
.section7-row {
    display: flex;
    gap: 4rem;
    width: 100%;
    box-sizing: border-box;
}

/* Section 7 image wrapper */
.section7-image {
    width: 45.5rem;
    flex: 0 0 45.5rem;
    min-height: 45.5rem;
    box-sizing: border-box;
    order: 2;
}

/* Section 7 content (728 x 556, gap 64) */
.section7-content {
    width: 45.5rem;
    flex: 0 0 45.5rem;
    min-height: 34.75rem;
    display: flex;
    flex-direction: column;
    gap: 4rem;
    box-sizing: border-box;
    order: 1;
}

/* Section 7 text (728 x 120) */
.section7-text {
    width: 45.5rem;
    min-height: 7.5rem;
    margin: 0;
    font-family: var(--font-primary); /* Inter */
    font-weight: 400;
    font-size: 1rem; /* 16px - paragraph */
    line-height: 150%;
    letter-spacing: 0;
    color: #171717;
}

/* Section 7 quote box (728 x 260) */
.section7-quote-box {
    width: 45.5rem;
    min-height: 16.25rem;
    display: flex;
    flex-direction: column;
    gap: 1rem;
    padding: 2rem;
    background: #FFFFFF;
    box-shadow: 0 0.3125rem 0.9375rem 0 rgba(5, 6, 28, 0.1);
    box-sizing: border-box;
}

/* Section 7 quote text (664 x 108) */
.section7-quote-text {
    width: 41.5rem;
    min-height: 6.75rem;
    margin: 0;
    font-family: var(--font-primary); /* Inter */
    font-weight: 700;
    font-size: 1.5rem; /* 24px - paragraph large */
    line-height: 150%;
    letter-spacing: 0;
    color: #171717;
}

/* Section 7 quote description (664 x 72) */
.section7-quote-desc {
    width: 41.5rem;
    min-height: 4.5rem;
    margin: 0;
    font-family: var(--font-primary); /* Inter */
    font-weight: 400;
    font-size: 1rem; /* 16px - paragraph */
    line-height: 150%;
    letter-spacing: 0;
    color: #505160;
}

/* Section 7 image (728 x 546) */
.section7-img {
    width: 45.5rem;
    height: auto;
    aspect-ratio: 970 / 728;
    object-fit: cover;
    object-position: center center;
}

/* ==========================================================================
   Section 8 (full-bleed, white background, 1920 x 1024)
   ========================================================================== */
.home-section8 {
    width: 100%;
    min-height: 64rem;
    padding: 4rem 0 9.375rem;
    background: #FFFFFF;
    display: flex;
    flex-direction: column;
    gap: 4rem;
    box-sizing: border-box;
}

.home-section8-inner {
    width: var(--content-xs);
    margin: 0 auto;
    display: flex;
    flex-direction: column;
    gap: 4rem;
    box-sizing: border-box;
}

@media (min-width: 600px) and (max-width: 1279px) {
    .home-section8-inner { width: var(--content-sm); }
}


@media (min-width: 1920px) {
    .home-section8-inner { width: var(--content-lg); }
}

/* Section 8 container */
.section8-container {
    width: 100%;
    display: flex;
    flex-direction: column;
    gap: 4rem;
    box-sizing: border-box;
}

/* Section 8 header (1520 x 136, gap 32) */
.section8-header {
    width: 100%;
    min-height: 8.5rem;
    display: flex;
    flex-direction: column;
    gap: 2rem;
    box-sizing: border-box;
}

/* Section 8 heading (1129 x 80) */
.section8-heading {
    width: 100%;
    height: 5rem;
    margin: 0;
    font-family: var(--font-heading); /* Oswald */
    font-weight: 700;
    font-size: 4rem; /* 64px - h2 */
    line-height: 125%;
    letter-spacing: -0.015em; /* -1.5% */
    text-align: center;
    text-transform: uppercase;
    color: #171717;
}

/* Section 8 subtitle (1520 x 24) */
.section8-subtitle {
    width: 100%;
    height: 1.5rem;
    margin: 0;
    font-family: var(--font-primary); /* Inter */
    font-weight: 700;
    font-size: 1rem; /* 16px - paragraph */
    line-height: 150%;
    letter-spacing: 0;
    text-align: center;
    color: #171717;
}

/* Section 8 row */
.section8-row {
    display: flex;
    gap: 4rem;
    width: 100%;
    box-sizing: border-box;
}

/* Section 8 image wrapper */
.section8-image {
    width: 45.5rem;
    flex: 0 0 45.5rem;
    box-sizing: border-box;
    order: 1;
}

/* Section 8 image (833 x 555) */
.section8-img {
    width: 45.5rem;
    height: auto;
    aspect-ratio: 833 / 555;
    object-fit: cover;
    object-position: center center;
}

/* Section 8 content column (728 x 608, gap 32) */
.section8-content {
    width: 45.5rem;
    flex: 0 0 45.5rem;
    min-height: 38rem;
    display: flex;
    flex-direction: column;
    gap: 2rem;
    box-sizing: border-box;
    order: 2;
}

/* Section 8 heading text (728 x 120) */
.section8-heading-text {
    width: 45.5rem;
    min-height: 7.5rem;
    margin: 0;
    font-family: var(--font-heading); /* Oswald */
    font-weight: 700;
    font-size: 3rem; /* 48px - h3 */
    line-height: 125%;
    letter-spacing: -0.015em; /* -1.5% */
    text-transform: capitalize;
    color: #171717;
}

/* Section 8 text (728 x 72) */
.section8-text {
    width: 45.5rem;
    min-height: 4.5rem;
    margin: 0;
    font-family: var(--font-primary); /* Inter */
    font-weight: 400;
    font-size: 1rem; /* 16px - paragraph */
    line-height: 150%;
    letter-spacing: 0;
    color: #05061C;
}

/* Section 8 feature box (728 x 168) */
.section8-feature-box {
    width: 45.5rem;
    min-height: 10.5rem;
    display: flex;
    flex-direction: column;
    gap: 0.5rem;
    padding: 2rem; /* padding section small */
    background: #FFFFFF;
    box-shadow: 0 0.3125rem 0.9375rem 0 rgba(5, 6, 28, 0.1);
    box-sizing: border-box;
}

/* Section 8 feature heading (664 x 24) */
.section8-feature-heading {
    width: 41.5rem;
    height: 1.5rem;
    margin: 0;
    font-family: var(--font-heading); /* Oswald */
    font-weight: 700;
    font-size: 1.5rem; /* 24px - paragraph large */
    line-height: 100%;
    letter-spacing: -0.025em; /* -2.5% */
    text-transform: uppercase;
    color: #171717;
}

/* Section 8 feature text (664 x 72) */
.section8-feature-text {
    width: 41.5rem;
    min-height: 4.5rem;
    margin: 0;
    font-family: var(--font-primary); /* Inter */
    font-weight: 400;
    font-size: 1rem; /* 16px - paragraph */
    line-height: 150%;
    letter-spacing: 0;
    color: #505160;
}

/* ==========================================================================
   Section 9 (full-bleed, white background, 1920 x 1024, gradient border)
   ========================================================================== */
.home-section9 {
    width: 100%;
    min-height: 64rem;
    padding: 9.375rem 0;
    background: transparent;
    display: flex;
    flex-direction: column;
    gap: 4rem;
    box-sizing: border-box;
    position: relative;
    overflow: hidden;
}

/* Section 9 background image */
.section9-bg-image {
    position: absolute;
    top: 0;
    left: 50%;
    transform: translateX(-50%);
    width: 100%;
    min-width: 133.125rem;
    height: 74.9375rem;
    z-index: 0;
}

.section9-bg-image img {
    width: 100%;
    height: 100%;
    object-fit: cover;
}

.section9-bg-overlay {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background: linear-gradient(180deg, rgba(18, 18, 39, 0) 0%, rgba(0, 0, 0, 0.8) 100%);
}

.home-section9-inner {
    width: var(--content-xs);
    margin: 0 auto;
    padding-top: 6rem;
    display: flex;
    flex-direction: column;
    gap: 4rem;
    box-sizing: border-box;
    position: relative;
    z-index: 1;
}

@media (min-width: 600px) and (max-width: 1279px) {
    .home-section9-inner { width: var(--content-sm); }
}


@media (min-width: 1920px) {
    .home-section9-inner { width: var(--content-lg); }
}

/* Section 9 container (1520 x 664, gap 32) */
.section9-container {
    width: 100%;
    min-height: 41.5rem;
    display: flex;
    flex-direction: column;
    gap: 2rem;
    box-sizing: border-box;
}

/* Section 9 heading wrap (1264 x 320) */
.section9-heading-wrap {
    width: 100%;
    max-width: 79rem;
    min-height: 20rem;
    margin: 0 auto;
    display: flex;
    align-items: center;
    justify-content: center;
    box-sizing: border-box;
}

/* Section 9 heading (765 x 320) */
.section9-heading {
    width: 47.8125rem;
    max-width: 100%;
    min-height: 20rem;
    margin: 0;
    font-family: var(--font-heading); /* Oswald */
    font-weight: 900;
    font-size: 8rem; /* 128px */
    line-height: 125%;
    letter-spacing: -0.025em; /* -2.5% */
    text-align: center;
    text-transform: uppercase;
    color: #FFFFFF;
    box-sizing: border-box;
}

/* Section 9 CTA group — button + subtext */
.section9-cta-group {
    width: 100%;
    max-width: 79rem;
    margin: 0 auto;
    display: flex;
    flex-direction: column;
    align-items: center;
    gap: 2rem;
    box-sizing: border-box;
}

/* Section 9 CTA wrap (1264 x 96) */
.section9-cta-wrap {
    width: 100%;
    max-width: 79rem;
    height: 6rem;
    display: flex;
    align-items: center;
    justify-content: center;
    box-sizing: border-box;
}

/* Section 9 CTA link (414 x 96, gap 16) */
.section9-btn {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    width: 25.875rem;
    max-width: 100%;
    height: 6rem;
    gap: 1rem;
    padding: 2rem 4rem;
    background: #0A0A0A;
    box-shadow: 0 0 3.125rem 0 #8397FB;
    text-decoration: none;
    white-space: nowrap;
    box-sizing: border-box;
    transition: background 0.2s ease, box-shadow 0.2s ease, color 0.2s ease;
}

/* Section 9 button text (238 x 32) */
.section9-btn-text {
    width: 14.875rem;
    height: 2rem;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    font-family: var(--font-primary); /* Inter */
    font-weight: 800;
    font-size: 2rem; /* 32px - button text */
    line-height: 100%;
    letter-spacing: 0;
    text-align: center;
    text-transform: capitalize;
    color: #FFFFFF;
}

.section9-btn:hover {
    background: #FFFFFF;
}

.section9-btn:hover .section9-btn-text {
    color: #0A0A0A;
}

.section9-btn:hover .section9-btn-arrow {
    color: #0A0A0A;
}

.section9-btn-arrow {
    font-size: 1.5rem;
    line-height: 1;
    color: #FFFFFF;
}

/* Section 9 subtext wrap (537 x 24, gap 8) */
.section9-subtext-wrap {
    width: 33.5625rem;
    max-width: 100%;
    height: 1.5rem;
    margin: 0 auto;
    display: flex;
    flex-wrap: nowrap;
    align-items: center;
    justify-content: center;
    gap: 0.5rem;
    box-sizing: border-box;
}

/* Section 9 subtext dot (16 x 16) */
.section9-subtext-dot {
    width: 1rem;
    height: 1rem;
    flex-shrink: 0;
    border-radius: 50%;
    background: #6DFACD;
}

/* Section 9 subtext (513 x 24) */
.section9-subtext {
    width: auto;
    flex: 0 0 auto;
    height: 1.5rem;
    margin: 0;
    font-family: var(--font-primary); /* Inter */
    font-weight: 400;
    font-size: 1rem; /* 16px - paragraph */
    line-height: 150%;
    letter-spacing: 0;
    text-align: center;
    white-space: nowrap;
    color: #FFFFFF;
    box-sizing: border-box;
}

/* Section 5 subheading (971 x 120) */
.section5-subheading {
    width: 60.6875rem;
    min-height: 7.5rem;
    margin: 0;
    font-family: var(--font-heading); /* Oswald */
    font-weight: 700;
    font-size: 3rem; /* 48px - h3 */
    line-height: 125%;
    letter-spacing: -0.015em; /* -1.5% */
    text-transform: capitalize;
    color: #171717;
}

/* Section 5 text (971 x 48) */
.section5-text {
    width: 60.6875rem;
    min-height: 3rem;
    margin: 0;
    font-family: var(--font-primary); /* Inter */
    font-weight: 400;
    font-size: 1rem; /* 16px - paragraph */
    line-height: 150%;
    letter-spacing: 0;
    color: #05061C;
}

/* Section 5 quote box (971 x 200) */
.section5-quote-box {
    width: 60.6875rem;
    min-height: 12.5rem;
    display: flex;
    flex-direction: column;
    gap: 1rem;
    padding: 2rem; /* padding section small */
    background: #FFFFFF;
    border-left: 0.5rem solid #FFFFFF;
    box-shadow: 0 0.3125rem 0.9375rem 0 rgba(5, 6, 28, 0.1);
    box-sizing: border-box;
}

/* Section 5 quote text (907 x 48) */
.section5-quote-text {
    width: 56.6875rem;
    min-height: 3rem;
    margin: 0;
    font-family: var(--font-primary); /* Inter */
    font-weight: 400;
    font-size: 1rem; /* 16px - paragraph */
    line-height: 150%;
    letter-spacing: 0;
    color: #05061C;
}

/* Section 5 quote highlight (907 x 72) */
.section5-quote-highlight {
    width: 56.6875rem;
    min-height: 4.5rem;
    margin: 0;
    font-family: var(--font-primary); /* Inter */
    font-weight: 700;
    font-size: 1.5rem; /* 24px - paragraph large */
    line-height: 150%;
    letter-spacing: 0;
    color: #05061C;
}

/* Section 3 list item with dot */
.section3-list-item {
    display: flex;
    align-items: flex-start;
    gap: 1rem;
}

/* Section 3 mint dot (16 x 16) */
.section3-dot {
    width: 1rem;
    height: 1rem;
    flex-shrink: 0;
    background: #6DFACD;
    border-radius: 50%;
    margin-top: 0.25rem;
}

.home-section3-inner {
    width: 95rem;
    max-width: 100%;
    margin: 0 auto;
    display: flex;
    flex-direction: column;
    gap: 4rem;
    box-sizing: border-box;
}

@media (min-width: 600px) and (max-width: 1279px) {
    .home-section3-inner { width: var(--content-sm); }
}


@media (min-width: 1920px) {
    .home-section3-inner { width: var(--content-lg); }
}

/* Background+Border+Shadow card (485.5 x 647) */
.section2-image-card {
    width: 100%;
    height: 40.4375rem;
    border-radius: 0;
    overflow: hidden;
    box-sizing: border-box;
}

.section2-image-card img {
    width: 100%;
    height: 100%;
    object-fit: cover;
}

.home-inner {
    width: var(--content-xs);
    margin: 0 auto;
    display: flex;
    flex-direction: column;
    gap: 4rem; /* Figma Frame 3 gap */
    box-sizing: border-box;
}

@media (min-width: 600px) and (max-width: 1279px) {
    .home-inner { width: var(--content-sm); }
}


@media (min-width: 1920px) {
    .home-inner { width: var(--content-lg); } /* 1520 / 1920 */
}

/* ==========================================================================
   Sections (built incrementally, top -> bottom)
   ========================================================================== */

/* --------------------------------------------------------------------------
   Hero Section (full-bleed 1920, radial gradient background)
   -------------------------------------------------------------------------- */
.home-hero {
    width: 100%;
    min-height: 64rem;
    display: flex;
    position: relative;
    background: radial-gradient(100% 351.93% at 0% 11.67%, #05061C 0%, #12132B 100%);
    box-sizing: border-box;
    overflow: hidden;
}

/* Pass-through at min1920 / min1280 / min600; mobile frames at min390 */
.home-hero-frame56,
.home-hero-frame3,
.home-hero-frame4,
.home-hero-frame5 {
    display: contents;
}

/* Pass-through at min1920 / min600; becomes bg container at min600 */
.home-hero-bg-container {
    display: contents;
}

.home-hero-inner {
    width: var(--content-xs);
    margin: 0 auto;
    display: flex;
    flex-direction: column;
    justify-content: center;
    gap: 3.125rem;
    padding: 6.25rem 0;
    box-sizing: border-box;
    position: relative;
    z-index: 2; /* above background + hero images */
}

/* Background image — layer 0, desktop / min1920 */
.home-hero-bg-image {
    position: absolute;
    right: 0;
    bottom: 0;
    z-index: 0;
    pointer-events: none;
}

.home-hero-bg-img {
    width: 61.75rem;
    height: 34.75rem;
    object-fit: contain;
}

/* Hero athlete images — layer 1 */
.home-hero-images {
    position: absolute;
    right: 0;
    bottom: 6.25rem; /* raised up */
    width: 52.3125rem;
    height: 62.5625rem;
    display: flex;
    flex-direction: column;
    z-index: 1;
}

.home-hero-img-athlete {
    width: 100%;
    height: 100%;
    object-fit: contain;
    object-position: center center;
}

/* Hero images — override global img { max-width: 100% } */
.home-hero img {
    max-width: none;
}

/* Hero Badge Container (1520 x 96, gap 32) */
.home-hero-badge {
    display: flex;
    align-items: center;
    gap: 2rem;
    width: 100%;
    height: 6rem;
}

.home-hero-badge .badge-dot {
    width: 1rem; /* 16px */
    height: 1rem;
    background: #6DFACD; /* Accent1 - mint/teal */
    border-radius: 50%;
}

.home-hero-badge .badge-text {
    font-family: var(--font-primary);
    font-weight: 700;
    font-size: 1rem; /* 16px - paragraph */
    line-height: 100%;
    letter-spacing: 0;
    text-transform: uppercase;
    color: #FFFFFF;
}

/* Hero Heading (Figma: 1520 x 272) */
.home-hero-heading {
    width: 100%;
    font-family: var(--font-heading);
    font-weight: 900;
    font-size: 7.5rem; /* ~120px, "hero large text" token */
    line-height: 125%;
    letter-spacing: -0.025em; /* -2.5% */
    text-transform: uppercase;
    color: #FFFFFF;
    margin: 0;
}

.home-hero-heading span {
    display: block;
    line-height: 100%;
}

/* Line 3 — mobile only; desktop/min600 merge line 2 + 3 */
.home-hero-heading-line3 {
    display: none;
}

@media (min-width: 600px) {
    .home-hero-heading-line2::after {
        content: ' Fitnessstudio.';
    }
}

/* Hero Text + Button */
.home-hero-text {
    display: flex;
    flex-direction: row;
    align-items: center;
    gap: 2rem;
}

.home-hero-description {
    font-family: var(--font-primary);
    font-weight: 400;
    font-size: 1rem; /* 16px - paragraph */
    line-height: 150%;
    letter-spacing: 0;
    color: #FFFFFF;
    margin: 0;
    width: 34.375rem;
}

.home-hero-btn {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    width: 20.625rem;
    height: 6rem;
    padding: 2rem 4rem;
    background: #05061C;
    border: 0.0625rem solid rgba(109, 250, 205, 0.5); /* #6DFACD80 */
    box-shadow: 0 0 3.125rem 0 #8397FB;
    color: #FFFFFF;
    font-family: var(--font-primary);
    font-weight: 800;
    font-size: 2rem; /* 32px - button text */
    line-height: 100%;
    letter-spacing: 0;
    text-decoration: none;
    text-transform: capitalize;
    white-space: nowrap;
    flex-shrink: 0;
    transition: background 0.2s ease, box-shadow 0.2s ease;
    box-sizing: border-box;
}

.home-hero-btn:hover {
    background: #FFFFFF;
    color: #05061C;
}

@media (min-width: 600px) and (max-width: 1279px) {
    .home-hero-inner { width: var(--content-sm); }
}


@media (min-width: 1920px) {
    .home-hero-inner { width: var(--content-lg); }
}

/* --------------------------------------------------------------------------
   Split row: left 485 + right 971 (Figma Frame 4 + Frame 5), gap 64, h 406
   -------------------------------------------------------------------------- */
.home-split-row {
    display: flex;
    gap: 4rem;
    width: 100%;
    box-sizing: border-box;
}

.home-split-left {
    flex: 485 1 0;   /* Frame 4: 485 / 1520 */
    min-width: 0;
    min-height: 25.375rem;
    display: flex;
    flex-direction: column;
    gap: 0.625rem;
    padding: 0.625rem;
    box-sizing: border-box;
}

.home-split-right {
    flex: 971 1 0;   /* Frame 5: 971 / 1520 */
    min-width: 0;
    min-height: 25.375rem;
    display: flex;
    flex-direction: column;
    gap: 0.625rem;
    padding: 0.625rem;
    box-sizing: border-box;
}

/* --------------------------------------------------------------------------
   3-column row: 3 equal columns ~485 each (Figma Frame 4/5/6), gap 32, h 554
   -------------------------------------------------------------------------- */
.home-three-col {
    display: flex;
    gap: 2rem;
    width: 100%;
    box-sizing: border-box;
}

.home-three-col-item {
    flex: 1 1 0;     /* Equal thirds */
    min-width: 0;
    min-height: 34.625rem;
    display: flex;
    flex-direction: column;
    gap: 0.625rem;
    padding: 0.625rem;
    box-sizing: border-box;
}

/* ==========================================================================
   Responsive — min1280 (1280px – 1919px)
   Scale the 1920 homepage layout to fit the viewport (same ratio as legacy JS scale).
   1920 base CSS is unchanged; zoom applies only to .home-page.
   ========================================================================== */
@media (max-width: 1919px) and (min-width: 1280px) {
    /* Desktop column widths before zoom (hero/5–9 use smaller tokens above 1279px) */
    .home-inner,
    .home-hero-inner,
    .home-section2-inner,
    .home-section3-inner,
    .home-section4-inner,
    .home-section5-inner,
    .home-section6-inner,
    .home-section7-inner,
    .home-section8-inner,
    .home-section9-inner {
        width: 95rem;
        max-width: 100%;
    }

    .home-page {
        width: 120rem; /* 1920 — matches legacy scaleToFit body width */
        max-width: none;
        margin: 0 auto;
        zoom: calc(100vw / 120rem);
        overflow-x: clip;
    }
}

/* ==========================================================================
   Responsive — min600 (37.5rem – 79.9375rem)
   Hero container: 600 x 874, gap 32
   Hero bgcontainer: 600 x 430, gap 32, padding 32, gradient
   ========================================================================== */
@media (min-width: 600px) and (max-width: 1279px) {
    /* Hero container (600 x 874, gap 32) */
    .home-hero {
        --font-hero-large: 3.125rem; /* hero large text — 50px at min600 */
        --font-button-text: 1.125rem; /* button text — 18px at min600 */
        width: 37.5rem;
        max-width: 100%;
        height: 54.625rem;
        min-height: 54.625rem;
        margin: 0 auto;
        flex-direction: column;
        align-items: center;
        gap: 2rem;
        background: transparent;
        position: relative;
        overflow: hidden;
        box-sizing: border-box;
    }

    /* f8 wave (988 x 556, top 468, left -97) — layer 0 */
    .home-hero-bg-image {
        position: absolute;
        top: 29.25rem;
        left: -6.0625rem;
        right: auto;
        bottom: auto;
        width: 61.75rem;
        height: 34.75rem;
        z-index: 0;
        pointer-events: none;
    }

    .home-hero-bg-img {
        width: 61.75rem;
        height: 34.75rem;
        object-fit: contain;
        object-position: center center;
    }

    /* Group 3 — athlete group (1044 x 1001) — layer 1 */
    .home-hero-images {
        position: absolute;
        top: -12.5rem;
        left: 1.25rem;
        right: auto;
        bottom: auto;
        width: 65.25rem;
        height: 62.5625rem;
        max-height: none;
        z-index: 1;
        pointer-events: none;
    }

    /* Image 1 — athlete (837 x 1001, top 100, left 0) within Group 3 */
    .home-hero-img-athlete {
        position: absolute;
        top: 6.25rem;
        left: 0;
        width: 52.3125rem;
        height: 62.5625rem;
        object-fit: contain;
        object-position: center center;
    }

    /* bgcontainer — extended upward to contain badge (visual position = 430 + 150px translate) */
    .home-hero-bg-container {
        display: flex;
        flex-direction: column;
        width: 37.5rem;
        max-width: 100%;
        height: 36.25rem;
        gap: 2rem;
        margin-top: 0;
        padding: 2rem;
        background: linear-gradient(180deg, #000000 0%, rgba(0, 0, 0, 0) 100%);
        box-sizing: border-box;
        position: absolute;
        bottom: 0;
        left: 0;
        z-index: 2;
        flex-shrink: 0;
        overflow: visible;
        transform: translateY(10.625rem); /* 170px — container offset from hero bottom */
    }

    .home-hero-inner {
        width: 100%;
        min-height: 0;
        gap: 2rem;
        padding: 0;
        justify-content: flex-start;
        position: relative;
        z-index: 1;
        margin: 0;
    }

    /* Background badge (333 x 48, gap 16, padding 16, border main05) */
    .home-hero-badge {
        display: flex;
        align-items: center;
        flex-wrap: nowrap;
        width: fit-content;
        max-width: 100%;
        height: 3rem;
        gap: 1rem;
        padding: 1rem;
        border: 0.0625rem solid #F3F3F4; /* var(--main05) */
        box-sizing: border-box;
        flex-shrink: 0;
    }

    .home-hero-badge .badge-text {
        white-space: nowrap;
        flex-shrink: 0;
    }

    /* Heading 1 — line 1: 20 Minuten EMS. / line 2: 90 Minuten Fitnessstudio. (min600) */
    .home-hero-heading {
        width: 33.5rem;
        max-width: 100%;
        min-height: 6.25rem;
        height: 6.25rem;
        box-sizing: border-box;
        flex-shrink: 0;
        display: flex;
        flex-direction: column;
        justify-content: center;
        margin: 0;
        font-family: var(--font-heading); /* Oswald */
        font-weight: 900;
        font-style: normal;
        font-size: var(--font-hero-large); /* hero large text — 3.125rem / 50px */
        line-height: 100%;
        letter-spacing: -0.025em; /* -2.5% */
        text-transform: uppercase;
        color: #FFFFFF;
    }

    .home-hero-heading-line1,
    .home-hero-heading-line2,
    .home-hero-heading span {
        display: block;
        font-family: inherit;
        font-weight: inherit;
        font-style: inherit;
        line-height: 100%;
        letter-spacing: inherit;
        text-transform: inherit;
        color: inherit;
        white-space: nowrap;
        flex-shrink: 0;
    }

    .home-hero-heading-line1,
    .home-hero-heading-line2 {
        font-size: inherit;
    }

    /* Text + button container (536 x 162, gap 32) */
    .home-hero-text {
        display: flex;
        flex-direction: column;
        align-items: flex-start;
        width: 33.5rem; /* 536px */
        max-width: 100%;
        height: 9.125rem; /* 146px — 48 desc + 24 gap + 74 btn */
        gap: 1.5rem; /* 24px — tighter to raise button */
        box-sizing: border-box;
        flex-shrink: 0;
    }

    /* Description container (536 x 48, max 576, padding-right 30.19) */
    .home-hero-description {
        width: 33.5rem; /* 536px */
        max-width: 36rem; /* 576px */
        height: 3rem; /* 48px */
        padding-right: 1.886875rem; /* 30.19px — text area 505.81px */
        box-sizing: border-box;
        flex-shrink: 0;
        margin: 0;
        font-family: var(--font-primary); /* Inter */
        font-weight: 400;
        font-style: normal;
        font-size: 1rem; /* paragraph — 16px */
        line-height: 150%;
        letter-spacing: 0;
        color: #FFFFFF;
        overflow: hidden;
    }

    /* Link / button (220 x 74, min600 — tuned down from 242 x 82) */
    .home-hero-btn {
        display: inline-flex;
        align-items: center;
        justify-content: center;
        width: 13.75rem; /* 220px */
        height: 4.625rem; /* 74px */
        padding: 1.75rem 3.25rem; /* 28px 52px */
        box-sizing: border-box;
        flex-shrink: 0;
        background: #05061C; /* var(--main) */
        border: 0.0625rem solid #6DFACD80;
        box-shadow: 0 0 3.125rem 0 #8397FB; /* 0 0 50px */
        color: #FFFFFF;
        font-family: var(--font-primary); /* Inter */
        font-weight: 800;
        font-style: normal;
        font-size: var(--font-button-text); /* button text — 18px / 114 x 18 label */
        line-height: 100%;
        letter-spacing: 0;
        text-align: center;
        text-decoration: none;
        text-transform: capitalize;
        white-space: nowrap;
    }

    /* --------------------------------------------------------------------------
       Section 2 (600 x 891, container 536 x 763, image cards 268 x 427)
       -------------------------------------------------------------------------- */
    .home-section2 {
        --font-h2: 2rem; /* h2 — 32px at min600 */
        --font-button-text: 1.125rem; /* button text — 18px at min600 */
        width: 37.5rem; /* 600px */
        max-width: 100%;
        height: 55.6875rem; /* 891px */
        min-height: 55.6875rem;
        margin: 0 auto;
        padding: 4rem 0; /* section + section padding — 64px top/bottom */
        gap: 2rem; /* 32px */
        box-sizing: border-box;
        align-items: center;
    }

    .home-section2-inner {
        width: 33.5rem; /* 536px */
        max-width: 100%;
        height: 47.6875rem; /* 763px */
        min-height: 47.6875rem;
        margin: 0;
        gap: 2rem; /* 32px */
        padding: 0;
    }

    .section2-row {
        display: grid;
        grid-template-columns: 16.75rem 16.75rem; /* 268 + 268 = 536 */
        grid-template-rows: 26.6875rem 1fr; /* 427px image row + text row */
        column-gap: 0;
        row-gap: 2rem; /* 32px */
        width: 33.5rem;
        max-width: 100%;
        height: 47.6875rem;
        min-height: 47.6875rem;
    }

    .section2-col {
        width: 16.75rem; /* 268px */
        flex: none;
        min-height: 26.6875rem;
        height: 26.6875rem;
    }

    .section2-col:nth-child(1) {
        grid-column: 1;
        grid-row: 1;
    }

    .section2-col:nth-child(2) {
        grid-column: 2;
        grid-row: 1;
    }

    .section2-image-card {
        width: 16.75rem; /* 268px */
        height: 26.6875rem; /* 427px */
    }

    /* Text container (536 x 304, gap 24, padding section small) */
    .section2-text-col {
        grid-column: 1 / -1;
        grid-row: 2;
        width: 33.5rem; /* 536px */
        max-width: 100%;
        height: 19rem; /* 304px */
        min-height: 19rem;
        flex: none;
        margin-left: 0;
        display: flex;
        flex-direction: column;
        gap: 1.5rem; /* 24px */
        padding: 2rem; /* padding section small — 32px */
        box-sizing: border-box;
        justify-content: flex-start;
        align-items: flex-start;
    }

    .section2-written {
        width: 100%;
        max-width: 100%;
        gap: 1.5rem; /* 24px */
        align-items: flex-start;
    }

    /* Content box (472 x 120, gap 32) */
    .section2-content-box {
        width: 29.5rem; /* 472px */
        max-width: 100%;
        height: 7.5rem; /* 120px */
        min-height: 7.5rem;
        gap: 2rem; /* 32px */
        align-items: center;
        flex-shrink: 0;
    }

    /* Heading 2 — I-SPORT EMS (472 x 32) */
    .section2-heading {
        width: 29.5rem; /* 472px */
        max-width: 100%;
        height: 2rem; /* 32px */
        margin: 0;
        display: flex;
        align-items: center;
        justify-content: center;
        font-family: var(--font-heading); /* Oswald */
        font-weight: 900;
        font-style: normal;
        font-size: var(--font-h2); /* h2 — 32px */
        line-height: 100%;
        letter-spacing: -0.015em; /* -1.5% */
        text-align: center;
        text-transform: uppercase;
        color: #05061C; /* var(--main) */
        box-sizing: border-box;
        flex-shrink: 0;
    }

    /* Subcontainer (472 x 56, gap 8) */
    .section2-subcontainer {
        width: 29.5rem; /* 472px */
        max-width: 100%;
        height: 3.5rem; /* 56px */
        min-height: 3.5rem;
        gap: 0.5rem; /* 8px */
        align-items: center;
        flex-shrink: 0;
    }

    /* Description — Das Komplettpaket für Ihr Training zu Hause. (472 x 24) */
    .section2-desc {
        width: 29.5rem; /* 472px */
        max-width: 100%;
        height: 1.5rem; /* 24px */
        margin: 0;
        font-family: var(--font-primary); /* Inter */
        font-weight: 400;
        font-style: normal;
        font-size: 1rem; /* paragraph — 16px */
        line-height: 150%;
        letter-spacing: 0;
        text-align: center;
        color: #05061C; /* var(--main) */
        box-sizing: border-box;
        flex-shrink: 0;
    }

    /* Caps line — INKLUSIVE POWERBOX, TABLET & APP-LIZENZ (472 x 24) */
    .section2-desc-caps {
        width: 29.5rem; /* 472px */
        max-width: 100%;
        height: 1.5rem; /* 24px */
        margin: 0;
        font-family: var(--font-primary); /* Inter */
        font-weight: 700;
        font-style: normal;
        font-size: 1rem; /* paragraph — 16px */
        line-height: 150%;
        letter-spacing: 0;
        text-align: center;
        white-space: nowrap;
        color: #505160; /* var(--main70) */
        box-sizing: border-box;
        flex-shrink: 0;
    }

    /* Link / button (226 x 96, gap 16, padding 32, min600) */
    .section2-btn {
        display: inline-flex;
        align-items: center;
        justify-content: center;
        width: 14.125rem; /* 226px */
        height: 6rem; /* 96px */
        gap: 1rem; /* 16px */
        padding: 2rem; /* 32px */
        box-sizing: border-box;
        flex-shrink: 0;
        background: #05061C; /* var(--main) */
        box-shadow: 0 0.25rem 3.125rem 0 #6DFACD40; /* 0 4px 50px */
        color: #FFFFFF;
        font-family: var(--font-primary); /* Inter */
        font-weight: 800;
        font-style: normal;
        font-size: var(--font-button-text); /* button text — 18px */
        line-height: 100%;
        letter-spacing: 0;
        text-transform: capitalize;
        text-decoration: none;
        border: none;
        align-self: center;
    }

    /* Jetzt Kaufen label (114 x 18) */
    .section2-btn-label {
        width: 7.125rem; /* 114px */
        height: 1.125rem; /* 18px */
        line-height: 100%;
        text-align: center;
        flex-shrink: 0;
        white-space: nowrap;
    }

    /* Arrow icon — straight right (32 x 32) */
    .section2-btn .btn-arrow {
        width: 2rem; /* 32px */
        height: 2rem;
        display: inline-flex;
        align-items: center;
        justify-content: center;
        flex-shrink: 0;
        line-height: 0;
    }

    .section2-btn .btn-arrow svg {
        width: 2rem;
        height: 2rem;
        display: block;
    }

    /* --------------------------------------------------------------------------
       Section 3 (600 x 1173, gap 32, section + section padding)
       -------------------------------------------------------------------------- */
    .home-section3 {
        --font-h2: 2.25rem; /* h2 — 36px at min600 */
        --font-h3: 1.5rem; /* h3 — 24px at min600 (125% lh = 30px frame) */
        width: 37.5rem; /* 600px */
        max-width: 100%;
        height: auto;
        min-height: 73.3125rem; /* 1173px */
        margin: 0 auto;
        padding: 4rem 0; /* section + section padding — 64px top/bottom */
        gap: 2rem; /* 32px */
        background: transparent;
        border: 0.0625rem solid #05061C; /* var(--main) */
        box-sizing: border-box;
        align-items: center;
        overflow: visible;
    }

    /* Background — ChatGPT Image (600 x 337.68, proportional from 1920 x 1080.574) */
    .section3-bg-image {
        width: 37.5rem; /* 600px */
        height: 21.1049625rem; /* 337.679px */
        overflow: hidden;
    }

    .section3-bg-image img {
        display: block;
        width: 37.5rem; /* 600px */
        height: 21.1049625rem; /* 337.679px */
        object-fit: cover;
        object-position: left center;
        transform: translateX(-9.5rem);
    }

    .section3-bg-overlay {
        background: linear-gradient(180deg, rgba(6, 7, 29, 0.25) 0%, #06071D 94.63%);
    }

    .home-section3-inner {
        width: 33.5rem; /* 536px */
        max-width: 100%;
        height: auto;
        min-height: 65.3125rem; /* 1045px */
        margin: 0;
        gap: 2rem; /* 32px */
        padding: 0;
        box-sizing: border-box;
        flex-shrink: 0;
    }

    /* Heading 2 — 90 Minuten Gym = 20 Minuten EMS (536 x 64 frame, 458 x 64 text) */
    .section3-heading {
        width: 28.625rem; /* 458px */
        max-width: 100%;
        height: 4rem; /* 64px */
        margin: 0 auto;
        display: flex;
        align-items: center;
        justify-content: center;
        font-family: var(--font-heading); /* Oswald */
        font-weight: 700;
        font-style: normal;
        font-size: var(--font-h2); /* h2 — 36px */
        line-height: 100%;
        letter-spacing: -0.015em; /* -1.5% */
        text-align: center;
        text-transform: uppercase;
        color: #FFFFFF;
        white-space: nowrap;
        box-sizing: border-box;
        flex-shrink: 0;
    }

    /* Card — Background+Border (536 wide, height hugs content) */
    .section3-card {
        width: 33.5rem; /* 536px */
        max-width: 100%;
        height: auto;
        min-height: 60.8125rem; /* 973px — baseline from Figma */
        margin-top: 1.25rem; /* nudge down from heading */
        background: #2B2B3E; /* var(--main85) */
        border: 0.0625rem solid #1F2937;
        box-sizing: border-box;
        flex-shrink: 0;
        flex-direction: column;
    }

    /* Left column — Background (534 x 446, gap 24, padding section large) */
    .section3-card-left {
        width: 33.375rem; /* 534px */
        max-width: 100%;
        height: 27.875rem; /* 446px */
        min-height: 27.875rem;
        flex: none;
        display: flex;
        flex-direction: column;
        gap: 1.5rem; /* 24px */
        padding: 4rem; /* padding section large — 64px */
        box-sizing: border-box;
        background: #000000;
        align-items: flex-start;
    }

    /* Label container (470 x 16) */
    .section3-label {
        width: fit-content;
        max-width: 100%;
        height: 1rem; /* 16px */
        flex-shrink: 0;
        box-sizing: border-box;
        text-align: left;
        align-self: flex-start;
    }

    /* Heading 3 — Fitnessstudio (470 x 36) */
    .section3-card-heading {
        width: 29.375rem; /* 470px */
        max-width: 100%;
        height: 2.25rem; /* 36px */
        margin: 0;
        box-sizing: border-box;
        flex-shrink: 0;
        align-self: flex-start;
        display: flex;
        align-items: center;
        font-family: var(--font-heading); /* Oswald */
        font-weight: 900;
        font-style: normal;
        font-size: 2.25rem; /* 36px */
        line-height: 100%;
        letter-spacing: -0.015em; /* -1.5% */
        text-transform: uppercase;
        color: #B4B4BB; /* var(--main30) */
    }

    /* Text container (470 x 258, gap 32) */
    .section3-text-container {
        width: 29.375rem; /* 470px */
        max-width: 100%;
        height: 16.125rem; /* 258px */
        min-height: 16.125rem;
        gap: 2rem; /* 32px */
        align-self: flex-start;
        flex-shrink: 0;
    }

    /* Paragraph container + text (470 x 120 — 5 lines @ 16px / 150% lh) */
    .section3-paragraph {
        width: 29.375rem; /* 470px */
        max-width: 100%;
        height: 7.5rem; /* 120px */
        min-height: 7.5rem;
        margin: 0;
        box-sizing: border-box;
        flex-shrink: 0;
        overflow: hidden;
        font-family: var(--font-primary); /* Inter */
        font-weight: 400;
        font-style: normal;
        font-size: 1rem; /* paragraph — 16px */
        line-height: 1.5rem; /* 24px — 5 lines in 120px */
        letter-spacing: 0;
        color: #9B9BA4;
    }

    /* Border box (470 x 106, padding 24) */
    .section3-border-box {
        width: 29.375rem; /* 470px */
        max-width: 100%;
        height: 6.625rem; /* 106px */
        min-height: 6.625rem;
        padding: 1.5rem; /* 24px */
        border: 0.0625rem solid #2B2B3E; /* var(--main85) */
        box-sizing: border-box;
        flex-shrink: 0;
        align-self: flex-start;
    }

    /* Quote — ...also jede Übung... (420 x 56 — 2 lines) */
    .section3-quote {
        width: 26.25rem; /* 420px */
        max-width: 100%;
        height: 3.5rem; /* 56px */
        min-height: 3.5rem;
        margin: 0;
        box-sizing: border-box;
        overflow: hidden;
        font-family: 'Lora', serif;
        font-weight: 400;
        font-style: normal;
        font-size: 1rem; /* 16px — scaled down to fit 2 lines */
        line-height: 1.75rem; /* 28px */
        letter-spacing: 0;
        color: #9CA3AF;
    }

    /* Right column — grows with content (min 534 x 525) */
    .section3-card-right {
        width: 33.375rem; /* 534px */
        max-width: 100%;
        height: auto;
        min-height: 32.8125rem; /* 525px */
        flex: none;
        display: flex;
        flex-direction: column;
        gap: 1.5rem; /* 24px */
        padding: 4rem; /* padding section large — 64px */
        box-sizing: border-box;
        background: #111827;
        align-items: flex-start;
        overflow-x: visible;
    }

    /* Badge container (251 x 48, gap 16, padding 16) */
    .section3-badge {
        width: 15.6875rem; /* 251px */
        max-width: 100%;
        height: 3rem; /* 48px */
        display: flex;
        align-items: center;
        gap: 1rem; /* 16px */
        padding: 1rem; /* 16px */
        border: 0.0625rem solid #FFFFFF; /* var(--white) */
        box-sizing: border-box;
        flex-shrink: 0;
    }

    /* I-SPORT TECHNOLOGIE (187 x 16) */
    .section3-badge-text {
        width: 11.6875rem; /* 187px */
        max-width: 100%;
        height: 1rem; /* 16px */
        font-family: var(--font-primary); /* Inter */
        font-weight: 900;
        font-style: normal;
        font-size: 0.875rem; /* 14px */
        line-height: 1rem; /* 16px */
        letter-spacing: 0.075rem;
        text-transform: uppercase;
        white-space: nowrap;
        color: #FFFFFF; /* var(--white) */
        flex-shrink: 0;
    }

    .section3-dot {
        width: 1rem; /* 16px */
        height: 1rem;
        margin-top: 0;
        flex-shrink: 0;
    }

    /* Heading 3 — EMS (470 x 30) */
    .section3-card-heading-right {
        width: 29.375rem; /* 470px */
        max-width: 100%;
        height: 1.875rem; /* 30px */
        margin: 0;
        box-sizing: border-box;
        flex-shrink: 0;
        align-self: flex-start;
        display: flex;
        align-items: center;
        font-family: var(--font-heading); /* Oswald */
        font-weight: 700;
        font-style: normal;
        font-size: var(--font-h3); /* h3 — 24px */
        line-height: 125%;
        letter-spacing: -0.015em; /* -1.5% */
        text-transform: capitalize;
        color: #FFFFFF;
    }

    /* List container (470 wide, height hugs content) */
    .section3-list-container {
        width: 29.375rem; /* 470 */
        max-width: none;
        height: auto;
        min-height: 0;
        gap: 1rem; /* 16 */
        align-self: flex-start;
        flex-shrink: 0;
    }

    /* List text — line 1 (470 x 48 — 2 lines, ends with „aber“) */
    .section3-list-text {
        width: 29.375rem; /* 470 */
        max-width: none;
        height: auto;
        min-height: 3rem; /* 48 */
        margin: 0;
        box-sizing: border-box;
        flex-shrink: 0;
        font-family: var(--font-primary); /* Inter */
        font-weight: 400;
        font-style: normal;
        font-size: 1rem; /* paragraph — 16 */
        line-height: 1.5rem; /* 24 */
        letter-spacing: 0;
        color: #FFFFFF;
    }

    .section3-list-line {
        display: block;
        line-height: 1.5rem;
    }

    /* List text — paragraph 2 (470 x 72 — 3 lines: ends „mehr“ / „aber“ line 2 / rest line 3) */
    .section3-list-text:nth-child(2) {
        min-height: 4.5rem; /* 72 */
        line-height: 1.5rem; /* 24 */
    }

    /* HorizontalBorder — stat box (470 wide, min 183, gap 24, padding-top 32) */
    .section3-border-top-box {
        width: 29.375rem; /* 470px — spans to column edge (534 − 64 padding) */
        max-width: none;
        height: auto;
        min-height: 11.4375rem; /* 183px */
        display: flex;
        flex-direction: column;
        gap: 1.5rem; /* 24px */
        padding-top: 2rem; /* 32px — space between border line and heading */
        margin-top: 0;
        border-top: 0.0625rem solid #2B2B3E; /* var(--main85) */
        box-sizing: border-box;
        align-self: flex-start;
        flex-shrink: 0;
    }

    /* Stat heading — bis zu 450% (470 x 30) */
    .section3-stat-heading {
        width: 29.375rem; /* 470px */
        max-width: none;
        height: auto;
        min-height: 1.875rem; /* 30px */
        margin: 0;
        box-sizing: border-box;
        flex-shrink: 0;
        align-self: flex-start;
        display: flex;
        align-items: center;
        font-family: var(--font-heading); /* Oswald */
        font-weight: 700;
        font-style: normal;
        font-size: var(--font-h3); /* h3 — 24px */
        line-height: 125%;
        letter-spacing: -0.015em; /* -1.5% */
        text-transform: capitalize;
        color: #6DFACD; /* var(--Accent1) */
    }

    /* Stat text (470 x 96 — exactly 4 lines @ 16px / 150% lh) */
    .section3-stat-text {
        width: 29.375rem; /* 470px — full Figma frame, 64px inset + 470 = 534 column */
        max-width: none;
        height: 6rem; /* 96px */
        min-height: 6rem;
        max-height: 6rem;
        margin: 0;
        box-sizing: border-box;
        flex-shrink: 0;
        align-self: flex-start;
        display: flex;
        flex-direction: column;
        font-family: var(--font-primary); /* Inter */
        font-weight: 400;
        font-style: normal;
        font-size: 1rem; /* paragraph — 16px */
        line-height: 1.5rem; /* 24px */
        letter-spacing: 0;
        color: #FFFFFF;
    }

    .section3-stat-line {
        display: block;
        height: 1.5rem; /* 24px — one line each */
        line-height: 1.5rem;
        flex-shrink: 0;
    }

    /* --------------------------------------------------------------------------
       Section 4 (600 x 1371.52, gap 32, section + section padding)
       -------------------------------------------------------------------------- */
    .home-section4 {
        --font-h2: 2rem; /* h2 — 32 at min600 (125% lh = 40 frame) */
        width: 37.5rem; /* 600 */
        max-width: 100%;
        height: auto;
        min-height: 85.720001220703125rem; /* 1371.52001953125 */
        margin: 0 auto;
        padding: 4rem 0; /* section + section padding — 64 top/bottom */
        gap: 2rem; /* 32 */
        background: linear-gradient(180deg, #05061C 0%, #121227 100%);
        border: 0.0625rem solid #05061C; /* var(--main) */
        box-sizing: border-box;
        align-items: center;
        overflow: visible;
    }

    .home-section4-inner {
        width: 33.5rem; /* 536 */
        max-width: 100%;
        height: auto;
        min-height: 91.6875rem; /* 1467 */
        margin: 0;
        gap: 2rem; /* 32 */
        padding: 0;
        box-sizing: border-box;
        flex-shrink: 0;
    }

    /* Container (536 x 1467, gap 32) */
    .section4-container {
        width: 33.5rem; /* 536 */
        max-width: 100%;
        height: auto;
        min-height: 91.6875rem; /* 1467 */
        gap: 2rem; /* 32 */
        box-sizing: border-box;
        flex-shrink: 0;
    }

    /* Frame 37 — header (536 x 144, gap 32) */
    .section4-header {
        width: 33.5rem; /* 536 */
        max-width: 100%;
        height: 9rem; /* 144 */
        min-height: 9rem;
        gap: 2rem; /* 32 */
        box-sizing: border-box;
        flex-shrink: 0;
    }

    /* Heading 2 — RUND UM FIT… (536 x 40 frame, 530 x 40 text) */
    .section4-heading {
        width: 33.125rem; /* 530 */
        max-width: 100%;
        height: 2.5rem; /* 40 */
        min-height: 2.5rem;
        margin: 0 auto;
        display: flex;
        align-items: center;
        justify-content: center;
        font-family: var(--font-heading); /* Oswald */
        font-weight: 700;
        font-style: normal;
        font-size: var(--font-h2); /* h2 — 32 */
        line-height: 125%;
        letter-spacing: -0.015em; /* -1.5% */
        text-align: center;
        text-transform: uppercase;
        color: #FFFFFF;
        white-space: nowrap;
        box-sizing: border-box;
        flex-shrink: 0;
    }

    /* Cards container (536 x 597, gap 16) */
    .section4-cards {
        width: 33.5rem; /* 536 */
        max-width: 100%;
        height: 37.3125rem; /* 597 */
        min-height: 37.3125rem;
        display: flex;
        flex-direction: column;
        gap: 1rem; /* 16 */
        box-sizing: border-box;
        flex-shrink: 0;
    }

    /* Card — Border (536 x 183, gap 24, padding section small) */
    .section4-card {
        width: 33.5rem; /* 536 */
        max-width: 100%;
        height: 11.4375rem; /* 183 */
        min-height: 11.4375rem;
        flex: none;
        display: flex;
        flex-direction: column;
        gap: 1.5rem; /* 24 */
        padding: 2rem; /* padding section small — 32 */
        background: #121227; /* var(--main95) */
        border: 0.0625rem solid #373849; /* var(--main80) */
        box-sizing: border-box;
    }

    /* Feature box — Background (536 x 662, padding section large) */
    .section4-feature-box {
        width: 33.5rem; /* 536 */
        max-width: 100%;
        height: 41.375rem; /* 662 */
        min-height: 41.375rem;
        padding: 4rem; /* padding section large — 64 */
        background: rgba(18, 18, 39, 0.8); /* #121227CC — var(--main95) 80% */
        border: 0.0625rem solid #373849; /* var(--main80) */
        box-sizing: border-box;
        flex-shrink: 0;
    }

    /* Feature row — outer container (472 x 598, gap 32) */
    .section4-feature-row {
        width: 29.5rem; /* 472 */
        max-width: 100%;
        height: 37.375rem; /* 598 */
        min-height: 37.375rem;
        display: flex;
        flex-direction: column;
        gap: 2rem; /* 32 */
        box-sizing: border-box;
        flex-shrink: 0;
    }

    /* Feature left — inner container (472 x 224, gap 24) */
    .section4-feature-left {
        width: 29.5rem; /* 472 */
        max-width: 100%;
        height: 14rem; /* 224 */
        min-height: 14rem;
        flex: none;
        display: flex;
        flex-direction: column;
        gap: 1.5rem; /* 24 */
        padding-bottom: 0;
        box-sizing: border-box;
        align-self: flex-start;
    }

    /* Heading 3 — EMS-TRAINING ZU HAUSE BEDEUTET: (472 x 90) */
    .section4-feature-heading {
        width: 29.5rem; /* 472 */
        max-width: 100%;
        height: 5.625rem; /* 90 */
        min-height: 5.625rem;
        margin: 0;
        display: flex;
        align-items: center;
        font-family: var(--font-heading); /* Oswald */
        font-weight: 700;
        font-style: normal;
        font-size: 2.25rem; /* 36 */
        line-height: 125%;
        letter-spacing: -0.025em; /* -2.5% */
        text-transform: capitalize;
        color: #FFFFFF;
        box-sizing: border-box;
        flex-shrink: 0;
    }

    /* List (472 x 110, gap 16) */
    .section4-list {
        width: 29.5rem; /* 472 */
        max-width: 100%;
        height: 6.875rem; /* 110 */
        min-height: 6.875rem;
        margin: 0;
        padding: 0;
        list-style: none;
        display: flex;
        flex-direction: column;
        gap: 1rem; /* 16 */
        box-sizing: border-box;
        flex-shrink: 0;
    }

    /* List item (472 x 26, gap 24) */
    .section4-list-item {
        width: 29.5rem; /* 472 */
        max-width: 100%;
        height: 1.625rem; /* 26 */
        min-height: 1.625rem;
        display: flex;
        align-items: center;
        gap: 1.5rem; /* 24 */
        box-sizing: border-box;
        flex-shrink: 0;
    }

    .section4-icon {
        width: 1.5rem; /* 24 */
        height: 1.5rem;
        flex-shrink: 0;
    }

    /* List text (fills row after icon — min 313, max 424) */
    .section4-list-text {
        flex: 1;
        min-width: 0;
        height: 1.625rem; /* 26 */
        min-height: 1.625rem;
        display: flex;
        align-items: center;
        white-space: nowrap;
        font-family: var(--font-primary); /* Inter */
        font-weight: 700;
        font-style: normal;
        font-size: 1.25rem; /* paragraph large — 20 (125% lh ≈ 26 frame) */
        line-height: 125%;
        letter-spacing: 0;
        color: #FFFFFF;
        box-sizing: border-box;
    }

    /* Feature right — container (472 x 342, gap 24) */
    .section4-feature-right {
        width: 29.5rem; /* 472 */
        max-width: 100%;
        height: 21.375rem; /* 342 */
        min-height: 21.375rem;
        flex: none;
        box-sizing: border-box;
        align-self: flex-start;
    }

    .section4-feature-right-content {
        width: 29.5rem; /* 472 */
        max-width: 100%;
        height: 21.375rem; /* 342 */
        min-height: 21.375rem;
        display: flex;
        flex-direction: column;
        gap: 1.5rem; /* 24 */
        box-sizing: border-box;
        flex-shrink: 0;
    }

    /* Feature text container (472 x 96) */
    .section4-feature-text {
        width: 29.5rem; /* 472 */
        max-width: none;
        height: 6rem; /* 96 */
        min-height: 6rem;
        margin: 0;
        box-sizing: border-box;
        flex-shrink: 0;
        font-family: var(--font-primary); /* Inter */
        font-weight: 400;
        font-size: 1rem; /* paragraph — 16 */
        line-height: 1.5rem; /* 24 */
        letter-spacing: 0;
        color: #FFFFFF;
    }

    .section4-feature-line {
        display: block;
        line-height: 1.5rem;
    }

    /* Feature highlight — Power Box teilen (472 x 78) */
    .section4-feature-highlight {
        width: 29.5rem; /* 472 */
        max-width: none;
        height: 4.875rem; /* 78 */
        min-height: 4.875rem;
        margin: 0;
        box-sizing: border-box;
        flex-shrink: 0;
        font-family: var(--font-primary); /* Inter */
        font-weight: 700;
        font-style: normal;
        font-size: 1.25rem; /* paragraph large — 20 (125% lh ≈ 25) */
        line-height: 125%;
        letter-spacing: 0;
        color: #FFFFFF;
    }

    .section4-feature-highlight .section4-feature-line {
        line-height: 125%;
    }

    /* --------------------------------------------------------------------------
       Section 5 — hidden at min600 per Figma
       -------------------------------------------------------------------------- */
    .home-section5 {
        display: none;
    }

    /* --------------------------------------------------------------------------
       Section 6 — Heading 2 text (510 x 40)
       -------------------------------------------------------------------------- */
    .home-section6 {
        --font-h2: 2rem; /* h2 — 32 at min600 (125% lh = 40 frame) */
        min-height: 0;
        padding-top: 4rem; /* 64 */
        padding-bottom: 2rem; /* 32 — tighter to Section 7 */
        gap: 2rem; /* 32 */
    }

    .home-section6-inner {
        gap: 2rem; /* 32 */
    }

    .section6-heading {
        width: 31.875rem; /* 510 */
        max-width: 100%;
        height: 2.5rem; /* 40 */
        min-height: 2.5rem;
        margin: 0 auto;
        display: flex;
        align-items: center;
        justify-content: center;
        font-family: var(--font-heading); /* Oswald */
        font-weight: 700;
        font-style: normal;
        font-size: var(--font-h2); /* h2 — 32 */
        line-height: 125%;
        letter-spacing: -0.015em; /* -1.5% */
        text-align: center;
        text-transform: uppercase;
        color: #1E1F33; /* var(--main90) */
        box-sizing: border-box;
        flex-shrink: 0;
    }

    /* Frame 38 — image column (536 x 423.52, gap 10) */
    .section6-container {
        width: 33.5rem; /* 536 */
        max-width: 100%;
        min-height: 0;
        gap: 2rem; /* 32 */
        box-sizing: border-box;
    }

    .section6-row {
        width: 33.5rem; /* 536 */
        max-width: 100%;
        display: flex;
        flex-direction: column;
        align-items: stretch;
        gap: 0.625rem; /* 10 */
        box-sizing: border-box;
        flex-shrink: 0;
    }

    .section6-image {
        width: 33.5rem; /* 536 */
        max-width: 100%;
        height: 26.469999313476562rem; /* 423.5199890136719 */
        min-height: 26.469999313476562rem;
        flex: none;
        display: flex;
        flex-direction: column;
        align-items: center;
        justify-content: center;
        gap: 0.625rem; /* 10 */
        box-sizing: border-box;
        overflow: hidden;
        order: 1;
    }

    /* 019ba134… — section6 image (477 x 477, clipped in 423 frame) */
    .section6-img {
        display: block;
        width: 29.8125rem; /* 477 */
        height: 29.8125rem; /* 477 */
        max-width: 100%;
        flex: none;
        margin-left: 0;
        object-fit: cover;
        object-position: center center;
    }

    .section6-content {
        width: 33.5rem; /* 536 */
        max-width: 100%;
        flex: none;
        min-height: 0;
        margin-left: 0;
        gap: 2rem; /* 32 */
        box-sizing: border-box;
        order: 2;
    }

    .section6-content-block,
    .section6-text {
        width: 100%;
        max-width: 33.5rem; /* 536 */
        box-sizing: border-box;
    }

    /* Container — shadow box (536 x 324+) */
    .section6-shadow-box {
        width: 33.5rem; /* 536 */
        max-width: 100%;
        height: auto;
        min-height: 20.25rem; /* 324 */
        flex: none;
        box-sizing: border-box;
        box-shadow: 0 0.3125rem 0.9375rem 0 #05061C1A;
    }

    /* Container + Heading — DER VERGLEICH (472 x 24) */
    .section6-shadow-heading {
        width: 29.5rem; /* 472 */
        max-width: 100%;
        height: 1.5rem; /* 24 */
        min-height: 1.5rem;
        margin: 0;
        display: flex;
        align-items: center;
        font-family: var(--font-heading); /* Oswald */
        font-weight: 900;
        font-style: normal;
        font-size: 1.5rem; /* paragraph large — 24 */
        line-height: 1.5rem; /* 24px */
        letter-spacing: -0.025em; /* -2.5% */
        text-transform: uppercase;
        color: #05061C; /* var(--main) */
        box-sizing: border-box;
        flex-shrink: 0;
    }

    /* Container — compare rows (472 x 92, gap 32) */
    .section6-compare-container {
        width: 29.5rem; /* 472 */
        max-width: 100%;
        height: 5.75rem; /* 92 */
        min-height: 5.75rem;
        display: flex;
        flex-direction: column;
        gap: 2rem; /* 32 */
        box-sizing: border-box;
        flex-shrink: 0;
    }

    /* HorizontalBorder — Wettbewerber row (472 x 24) */
    .section6-compare-row {
        width: 29.5rem; /* 472 */
        max-width: 100%;
        height: 1.5rem; /* 24 */
        min-height: 1.5rem;
        display: flex;
        justify-content: space-between;
        align-items: center;
        box-sizing: border-box;
        flex-shrink: 0;
    }

    /* Wettbewerber label (117 x 16) */
    .section6-compare-label {
        width: 7.3125rem; /* 117 */
        height: 1rem; /* 16 */
        min-height: 1rem;
        display: flex;
        align-items: center;
        font-family: var(--font-primary); /* Inter */
        font-weight: 900;
        font-style: normal;
        font-size: 1rem; /* 16px */
        line-height: 100%;
        letter-spacing: 0;
        color: #05061C; /* var(--main) */
        box-sizing: border-box;
        flex-shrink: 0;
    }

    /* 18–24 Pads value (120 x 24) */
    .section6-compare-value {
        width: auto;
        min-width: 7.5rem; /* 120 */
        height: 1.5rem; /* 24 */
        min-height: 1.5rem;
        display: flex;
        align-items: center;
        justify-content: flex-end;
        font-family: var(--font-primary); /* Inter */
        font-weight: 900;
        font-style: normal;
        font-size: 1.5rem; /* paragraph large — 24 */
        line-height: 1.5rem; /* 24px */
        letter-spacing: 0;
        color: #05061C; /* var(--main) */
        white-space: nowrap;
        box-sizing: border-box;
        flex-shrink: 0;
    }

    /* Container — I-SPORT EMS ANZUG row (472 x 36) */
    .section6-compare-item {
        width: 29.5rem; /* 472 */
        max-width: 100%;
        height: 2.25rem; /* 36 */
        min-height: 2.25rem;
        display: flex;
        justify-content: space-between;
        align-items: center;
        box-sizing: border-box;
        flex-shrink: 0;
    }

    /* I-SPORT EMS ANZUG label (170 x 16) */
    .section6-compare-item-label {
        width: 10.625rem; /* 170 */
        height: 1rem; /* 16 */
        min-height: 1rem;
        display: flex;
        align-items: center;
        font-family: var(--font-primary); /* Inter */
        font-weight: 900;
        font-style: normal;
        font-size: 1rem; /* 16px */
        line-height: 100%;
        letter-spacing: 0;
        text-transform: uppercase;
        color: #05061C; /* var(--main) */
        box-sizing: border-box;
        flex-shrink: 0;
    }

    /* 32 Pads value (191 x 36) */
    .section6-compare-item-value {
        width: 11.9375rem; /* 191 */
        height: 2.25rem; /* 36 */
        min-height: 2.25rem;
        display: flex;
        align-items: center;
        justify-content: flex-end;
        font-family: var(--font-primary); /* Inter */
        font-weight: 900;
        font-style: normal;
        font-size: 3rem; /* 48px */
        line-height: 2.25rem; /* 36px */
        letter-spacing: 0;
        color: #00A3B1; /* var(--Accent2) */
        white-space: nowrap;
        box-sizing: border-box;
        flex-shrink: 0;
    }

    /* Container — shadow text block (472 x 96) */
    .section6-shadow-text-block {
        width: 29.5rem; /* 472 */
        max-width: 100%;
        height: 6rem; /* 96 */
        min-height: 6rem;
        box-sizing: border-box;
        flex-shrink: 0;
    }

    /* Paragraph — shadow text (472 x 96) */
    .section6-shadow-text {
        width: 29.5rem; /* 472 */
        max-width: 100%;
        height: 6rem; /* 96 */
        min-height: 6rem;
        margin: 0;
        font-family: var(--font-primary); /* Inter */
        font-weight: 400;
        font-style: normal;
        font-size: 1rem; /* paragraph — 16px */
        line-height: 150%;
        letter-spacing: 0;
        color: #505160; /* var(--main70) */
        box-sizing: border-box;
        flex-shrink: 0;
    }

    /* Link — 32 Pads Anzug Ansehen (536 x 96) */
    .section6-btn {
        --font-button-text: 1.125rem; /* button text — 18px at min600 */
        display: inline-flex;
        align-items: center;
        justify-content: center;
        width: 33.5rem; /* 536 */
        max-width: 100%;
        height: 6rem; /* 96 */
        min-height: 6rem;
        gap: 1rem; /* 16 */
        padding: 2rem; /* 32 */
        background: #05061C; /* var(--main) */
        color: #FFFFFF;
        font-family: var(--font-primary); /* Inter */
        font-weight: 800;
        font-style: normal;
        font-size: var(--font-button-text); /* button text — 18 */
        line-height: 100%;
        letter-spacing: 0;
        text-transform: capitalize;
        text-decoration: none;
        white-space: nowrap;
        box-sizing: border-box;
        flex-shrink: 0;
    }

    .section6-btn-icon {
        width: 2rem; /* 32 */
        height: 2rem; /* 32 */
        flex-shrink: 0;
    }

    /* --------------------------------------------------------------------------
       Section 7 — MATERIAL & TRAGEKOMFORT (same min600 pattern as Section 6)
       -------------------------------------------------------------------------- */
    .home-section7 {
        --font-h2: 2rem; /* h2 — 32 at min600 (125% lh = 40 frame) */
        min-height: 0;
        padding-top: 2rem; /* 32 — tighter from Section 6 */
        padding-bottom: 2rem; /* 32 — tighter to Section 8 */
        gap: 2rem; /* 32 */
    }

    .home-section7-inner {
        gap: 2rem; /* 32 */
    }

    .section7-container {
        width: 33.5rem; /* 536 */
        max-width: 100%;
        min-height: 0;
        gap: 2rem; /* 32 */
        box-sizing: border-box;
    }

    /* Header — heading + subtitle (536, gap 32) */
    .section7-header {
        width: 33.5rem; /* 536 */
        max-width: 100%;
        gap: 2rem; /* 32 */
        box-sizing: border-box;
        flex-shrink: 0;
    }

    .section7-heading {
        width: 100%;
        max-width: 33.5rem; /* 536 */
        height: auto;
        min-height: 2.5rem; /* 40 */
        margin: 0 auto;
        display: flex;
        align-items: center;
        justify-content: center;
        font-family: var(--font-heading); /* Oswald */
        font-weight: 700;
        font-style: normal;
        font-size: var(--font-h2); /* h2 — 32 */
        line-height: 125%;
        letter-spacing: -0.015em; /* -1.5% */
        text-align: center;
        text-transform: uppercase;
        color: #171717;
        box-sizing: border-box;
        flex-shrink: 0;
    }

    .section7-subtitle {
        width: 100%;
        max-width: 33.5rem; /* 536 */
        height: auto;
        min-height: 0;
        margin: 0;
        font-family: var(--font-primary); /* Inter */
        font-weight: 700;
        font-style: normal;
        font-size: 1rem; /* paragraph — 16px */
        line-height: 150%;
        letter-spacing: 0;
        text-align: center;
        color: #05061C; /* var(--main) */
        box-sizing: border-box;
        flex-shrink: 0;
    }

    /* Frame 38 — image column (536 x 423.52, gap 10) */
    .section7-row {
        width: 33.5rem; /* 536 */
        max-width: 100%;
        display: flex;
        flex-direction: column;
        align-items: stretch;
        gap: 0.625rem; /* 10 */
        box-sizing: border-box;
        flex-shrink: 0;
    }

    .section7-image {
        width: 33.5rem; /* 536 */
        max-width: 100%;
        height: 26.469999313476562rem; /* 423.5199890136719 */
        min-height: 26.469999313476562rem;
        flex: none;
        display: flex;
        flex-direction: column;
        align-items: center;
        justify-content: center;
        gap: 0.625rem; /* 10 */
        box-sizing: border-box;
        overflow: hidden;
        order: 1;
    }

    .section7-img {
        display: block;
        width: 100%;
        height: 100%;
        max-width: 100%;
        flex: none;
        aspect-ratio: auto;
        object-fit: cover;
        object-position: center center;
    }

    .section7-content {
        width: 33.5rem; /* 536 */
        max-width: 100%;
        flex: none;
        min-height: 0;
        gap: 2rem; /* 32 */
        box-sizing: border-box;
        order: 2;
    }

    .section7-text {
        width: 100%;
        max-width: 33.5rem; /* 536 */
        height: auto;
        min-height: 0;
        margin: 0;
        font-family: var(--font-primary); /* Inter */
        font-weight: 400;
        font-style: normal;
        font-size: 1rem; /* paragraph — 16px */
        line-height: 150%;
        letter-spacing: 0;
        color: #171717;
        box-sizing: border-box;
    }

    /* Container — quote box (536, shadow) */
    .section7-quote-box {
        width: 33.5rem; /* 536 */
        max-width: 100%;
        height: auto;
        min-height: 0;
        display: flex;
        flex-direction: column;
        gap: 1rem; /* 16 */
        padding: 2rem; /* 32 */
        background: #FFFFFF;
        box-shadow: 0 0.3125rem 0.9375rem 0 #05061C1A;
        box-sizing: border-box;
        flex-shrink: 0;
    }

    .section7-quote-text {
        width: 100%;
        max-width: 29.5rem; /* 472 */
        height: auto;
        min-height: 0;
        margin: 0;
        font-family: var(--font-primary); /* Inter */
        font-weight: 700;
        font-style: normal;
        font-size: 1.5rem; /* paragraph large — 24 */
        line-height: 150%;
        letter-spacing: 0;
        color: #171717;
        box-sizing: border-box;
    }

    .section7-quote-desc {
        width: 100%;
        max-width: 29.5rem; /* 472 */
        height: auto;
        min-height: 0;
        margin: 0;
        font-family: var(--font-primary); /* Inter */
        font-weight: 400;
        font-style: normal;
        font-size: 1rem; /* paragraph — 16px */
        line-height: 150%;
        letter-spacing: 0;
        color: #505160; /* var(--main70) */
        box-sizing: border-box;
    }

    /* --------------------------------------------------------------------------
       Section 8 — Ein Anzug für alles… (same min600 pattern as Section 6/7)
       -------------------------------------------------------------------------- */
    .home-section8 {
        --font-h2: 2rem; /* h2 — 32 at min600 (125% lh = 40 frame) */
        --font-h3: 1.5rem; /* h3 — 24 at min600 (125% lh = 30 frame) */
        min-height: 0;
        padding-top: 2rem; /* 32 — tighter from Section 7 */
        padding-bottom: 2rem; /* 32 — tighter to Section 9 */
        gap: 2rem; /* 32 */
    }

    .home-section8-inner {
        gap: 2rem; /* 32 */
    }

    .section8-container {
        width: 33.5rem; /* 536 */
        max-width: 100%;
        min-height: 0;
        gap: 2rem; /* 32 */
        box-sizing: border-box;
    }

    .section8-header {
        width: 33.5rem; /* 536 */
        max-width: 100%;
        gap: 2rem; /* 32 */
        box-sizing: border-box;
        flex-shrink: 0;
    }

    .section8-heading {
        width: 100%;
        max-width: 33.5rem; /* 536 */
        height: auto;
        min-height: 2.5rem; /* 40 */
        margin: 0 auto;
        display: flex;
        align-items: center;
        justify-content: center;
        font-family: var(--font-heading); /* Oswald */
        font-weight: 700;
        font-style: normal;
        font-size: var(--font-h2); /* h2 — 32 */
        line-height: 125%;
        letter-spacing: -0.015em; /* -1.5% */
        text-align: center;
        text-transform: uppercase;
        color: #171717;
        box-sizing: border-box;
        flex-shrink: 0;
    }

    .section8-subtitle {
        width: 100%;
        max-width: 33.5rem; /* 536 */
        height: auto;
        min-height: 0;
        margin: 0;
        font-family: var(--font-primary); /* Inter */
        font-weight: 700;
        font-style: normal;
        font-size: 1rem; /* paragraph — 16px */
        line-height: 150%;
        letter-spacing: 0;
        text-align: center;
        text-transform: uppercase;
        color: #171717;
        box-sizing: border-box;
        flex-shrink: 0;
    }

    .section8-row {
        width: 33.5rem; /* 536 */
        max-width: 100%;
        display: flex;
        flex-direction: column;
        align-items: stretch;
        gap: 0.625rem; /* 10 */
        box-sizing: border-box;
        flex-shrink: 0;
    }

    .section8-image {
        width: 33.5rem; /* 536 */
        max-width: 100%;
        height: 26.469999313476562rem; /* 423.5199890136719 */
        min-height: 26.469999313476562rem;
        flex: none;
        display: flex;
        flex-direction: column;
        align-items: center;
        justify-content: center;
        gap: 0.625rem; /* 10 */
        box-sizing: border-box;
        overflow: hidden;
        order: 1;
    }

    .section8-img {
        display: block;
        width: 100%;
        height: 100%;
        max-width: 100%;
        flex: none;
        aspect-ratio: auto;
        object-fit: cover;
        object-position: center center;
    }

    .section8-content {
        width: 33.5rem; /* 536 */
        max-width: 100%;
        flex: none;
        min-height: 0;
        gap: 2rem; /* 32 */
        box-sizing: border-box;
        order: 2;
    }

    .section8-heading-text {
        width: 100%;
        max-width: 33.5rem; /* 536 */
        height: auto;
        min-height: 0;
        margin: 0;
        font-family: var(--font-heading); /* Oswald */
        font-weight: 700;
        font-style: normal;
        font-size: var(--font-h3); /* h3 — 24 */
        line-height: 125%;
        letter-spacing: -0.015em; /* -1.5% */
        text-transform: capitalize;
        color: #171717;
        box-sizing: border-box;
    }

    .section8-text {
        width: 100%;
        max-width: 33.5rem; /* 536 */
        height: auto;
        min-height: 0;
        margin: 0;
        font-family: var(--font-primary); /* Inter */
        font-weight: 400;
        font-style: normal;
        font-size: 1rem; /* paragraph — 16px */
        line-height: 150%;
        letter-spacing: 0;
        color: #05061C; /* var(--main) */
        box-sizing: border-box;
    }

    .section8-feature-box {
        width: 33.5rem; /* 536 */
        max-width: 100%;
        height: auto;
        min-height: 0;
        display: flex;
        flex-direction: column;
        gap: 0.5rem; /* 8 */
        padding: 2rem; /* 32 */
        background: #FFFFFF;
        box-shadow: 0 0.3125rem 0.9375rem 0 #05061C1A;
        box-sizing: border-box;
        flex-shrink: 0;
    }

    .section8-feature-heading {
        width: 100%;
        max-width: 29.5rem; /* 472 */
        height: 1.5rem; /* 24 */
        min-height: 1.5rem;
        margin: 0;
        display: flex;
        align-items: center;
        font-family: var(--font-heading); /* Oswald */
        font-weight: 700;
        font-style: normal;
        font-size: 1.5rem; /* paragraph large — 24 */
        line-height: 100%;
        letter-spacing: -0.025em; /* -2.5% */
        text-transform: uppercase;
        color: #171717;
        box-sizing: border-box;
        flex-shrink: 0;
    }

    .section8-feature-text {
        width: 100%;
        max-width: 29.5rem; /* 472 */
        height: auto;
        min-height: 0;
        margin: 0;
        font-family: var(--font-primary); /* Inter */
        font-weight: 400;
        font-style: normal;
        font-size: 1rem; /* paragraph — 16px */
        line-height: 150%;
        letter-spacing: 0;
        color: #505160; /* var(--main70) */
        box-sizing: border-box;
    }

    /* --------------------------------------------------------------------------
       Section 9 — BEREIT FÜR DIE ZUKUNFT? (600 x 1024, gap 32, white bg)
       Figma label: section4 (last section)
       -------------------------------------------------------------------------- */
    .home-section9 {
        --font-h2: 2.5rem; /* h2 — 40 at min600 (125% lh = 50 frame) */
        --font-button-text: 1.125rem; /* button text — 18px at min600 */
        width: 37.5rem; /* 600 */
        max-width: 100%;
        height: 64rem; /* 1024 */
        min-height: 64rem;
        margin: 0 auto;
        padding: 4rem 0; /* section + section padding — 64 top/bottom */
        gap: 2rem; /* 32 */
        background: #FFFFFF; /* var(--white) */
        border: 0.0625rem solid transparent;
        border-image-source: linear-gradient(180deg, #05061C 0%, rgba(23, 28, 130, 0) 100%);
        border-image-slice: 1;
        box-sizing: border-box;
        align-items: center;
        overflow: hidden;
    }

    .section9-bg-image {
        display: block;
        top: 0;
        left: 50%;
        transform: translateX(-75%);
        width: 121.875rem; /* 1950 */
        min-width: 0;
        height: 68.625rem; /* 1098 */
    }

    .section9-bg-image img {
        width: 100%;
        height: 100%;
        object-fit: cover;
        object-position: left center;
    }

    .section9-bg-overlay {
        background: linear-gradient(180deg, rgba(18, 18, 39, 0) 0%, rgba(0, 0, 0, 0.8) 100%);
    }

    .home-section9-inner {
        width: 33.5rem; /* 536 */
        max-width: 100%;
        min-height: 0;
        margin: 0 auto;
        padding-top: 0;
        gap: 2rem; /* 32 */
        box-sizing: border-box;
    }

    /* Heading 2 — BEREIT FÜR DIE ZUKUNFT? (280 x 116) */
    .section9-heading-wrap {
        width: 100%;
        max-width: 33.5rem; /* 536 */
        min-height: 0;
        height: auto;
        margin: 22.5rem auto 0; /* 360 — slightly up from 416 */
        display: flex;
        align-items: center;
        justify-content: center;
        box-sizing: border-box;
    }

    .section9-heading {
        width: 17.5rem; /* 280 */
        max-width: 100%;
        height: 9rem; /* 144 — room for 40px type */
        min-height: 9rem;
        margin: 0;
        font-family: var(--font-heading); /* Oswald */
        font-weight: 900;
        font-style: normal;
        font-size: var(--font-h2); /* h2 — 32 */
        line-height: 125%;
        letter-spacing: -0.025em; /* -2.5% */
        text-align: center;
        text-transform: uppercase;
        color: #FFFFFF;
        box-sizing: border-box;
    }

    .section9-container {
        min-height: 0;
        margin-top: -4rem; /* 64 — nudge container up */
        gap: 0.5rem; /* 8 — tighter heading-to-button */
    }

    /* Link — Jetzt Bestellen (310 x 96) */
    .section9-cta-group {
        width: 100%;
        max-width: 33.5rem; /* 536 */
        margin-top: -1.5rem; /* 24 — button block further up */
        gap: 2rem; /* 32 — more space before subtext */
    }

    .section9-cta-wrap {
        width: 100%;
        max-width: 33.5rem; /* 536 */
        height: auto;
        min-height: 6rem; /* 96 */
    }

    .section9-btn {
        display: inline-flex;
        align-items: center;
        justify-content: center;
        width: 19.375rem; /* 310 */
        max-width: 100%;
        height: 6rem; /* 96 */
        min-height: 6rem;
        gap: 1rem; /* 16 */
        padding: 2rem 4rem; /* 32 64 */
        background: #0A0A0A;
        box-shadow: 0 0 3.125rem 0 #8397FB;
        text-decoration: none;
        white-space: nowrap;
        box-sizing: border-box;
    }

    .section9-btn-text {
        width: 8.375rem; /* 134 */
        height: 1.125rem; /* 18 */
        min-height: 1.125rem;
        display: inline-flex;
        align-items: center;
        justify-content: center;
        font-family: var(--font-primary); /* Inter */
        font-weight: 800;
        font-style: normal;
        font-size: var(--font-button-text); /* button text — 18 */
        line-height: 100%;
        letter-spacing: 0;
        text-align: center;
        text-transform: capitalize;
        color: #FFFFFF;
        box-sizing: border-box;
        flex-shrink: 0;
    }

    .section9-btn-arrow {
        font-size: 1.125rem;
        line-height: 1;
        color: #FFFFFF;
    }
}

/* ==========================================================================
   Responsive — min390 (below 600px)
   herosec — 390 x 852, gap 50
   container (Frame 3) — 390 x 742, gap 32
   ========================================================================== */
@media (max-width: 599px) {
    /* herosec — min390 */
    .home-hero {
        --font-hero-large: 1.875rem; /* 30px — 3 lines in 96px frame at min390 */
        --font-button-text: 1rem; /* button text — 16px (80px frame − 64px vertical padding) */
        width: 24.375rem; /* 390 */
        max-width: 100%;
        height: auto;
        min-height: 0; /* content height — frame3 ends at button */
        margin: 0 auto;
        padding: 0 0 2rem; /* 32 — little space before section 2 */
        gap: 3.125rem; /* 50 */
        display: flex;
        flex-direction: column;
        align-items: stretch;
        box-sizing: border-box;
        overflow: hidden; /* clip athlete/wave — keep them out of section 2 */
        background: radial-gradient(100% 351.93% at 0% 11.67%, #05061C 0%, #12132B 100%);
        border: 0.0625rem solid #000000;
    }

    /* Frame wrappers — column stack inside herosec */
    .home-hero-frame56 {
        display: none; /* empty spacer — avoid extra 50px gap above content */
    }

    .home-hero-frame4,
    .home-hero-frame5 {
        display: flex;
        flex-direction: column;
        width: 100%;
        max-width: 100%;
        box-sizing: border-box;
        flex-shrink: 0;
    }

    /* container — main section (390 x 742, gap 32) */
    .home-hero-frame3 {
        display: flex;
        flex-direction: column;
        width: 24.375rem; /* 390 */
        max-width: 100%;
        height: 46.375rem; /* 742 */
        min-height: 46.375rem;
        gap: 2rem; /* 32 */
        margin: 0 auto;
        box-sizing: border-box;
        flex-shrink: 0;
        overflow: visible;
    }

    /* Image zone — 742 - 32 gap - 437 text = 273 */
    .home-hero-frame4 {
        position: relative;
        width: 100%;
        min-height: 17.0625rem; /* 273 */
        height: 17.0625rem;
        overflow: visible;
        flex-shrink: 0;
    }

    /* Wave + athlete — tuned positions (right: -34rem, wave top: 22rem) */
    .home-hero-bg-image {
        position: absolute;
        left: auto;
        right: -34rem;
        top: 22rem;
        bottom: auto;
        width: 71rem; /* 1136 — scaled up from 988 */
        height: 40rem; /* 640 — scaled up from 556 */
        transform: none;
        z-index: 0;
        pointer-events: none;
    }

    .home-hero-bg-img {
        width: 71rem;
        height: 40rem;
        max-width: none;
        object-fit: contain;
        object-position: right bottom;
    }

    .home-hero-images {
        position: absolute;
        left: auto;
        right: -34rem;
        top: -8.5rem; /* athlete — nudged down from -10rem */
        bottom: auto;
        width: 52.3125rem; /* 837 */
        height: 62.5625rem; /* 1001 */
        max-height: none;
        transform: none;
        z-index: 1;
        pointer-events: none;
    }

    .home-hero-img-athlete {
        position: absolute;
        left: 0;
        right: auto;
        top: 6.25rem;
        bottom: auto;
        transform: none;
        width: 52.3125rem; /* 837 */
        height: 62.5625rem; /* 1001 */
        max-width: none;
        object-fit: contain;
        object-position: left bottom;
    }

    /* Text container — min390 (390 x 437, gap 32, padding 32/16, gradient) */
    .home-hero-frame5 {
        width: 100%;
        max-width: 24.375rem; /* 390 */
        margin: 3rem auto 0; /* nudge text block down */
        flex-shrink: 0;
        position: relative;
        z-index: 3;
    }

    .home-hero-bg-container {
        display: flex;
        flex-direction: column;
        width: 24.375rem; /* 390 */
        max-width: 100%;
        height: 27.3125rem; /* 437 */
        min-height: 27.3125rem;
        gap: 2rem; /* 32 */
        padding: 2rem 1rem; /* 32 top/bottom, 16 left/right */
        margin: 0;
        position: relative;
        top: auto;
        left: auto;
        bottom: auto;
        transform: none;
        background: linear-gradient(360deg, rgba(0, 0, 0, 0) 0%, rgba(0, 0, 0, 0.8) 100%);
        box-sizing: border-box;
        overflow: visible;
        z-index: 2;
    }

    .home-hero-inner {
        width: 100%;
        min-height: 0;
        flex: 1 1 auto;
        gap: 2rem; /* 32 */
        padding: 0;
        margin: 0;
        justify-content: flex-start;
        position: relative;
        z-index: 1;
        box-sizing: border-box;
    }

    /* Background badge — min390 (242 x 32, gap 8, padding 8, border main05) */
    .home-hero-badge {
        display: flex;
        align-items: center;
        flex-wrap: nowrap;
        width: 15.125rem; /* 242 */
        max-width: 100%;
        height: 2rem; /* 32 */
        min-height: 2rem;
        gap: 0.5rem; /* 8 */
        padding: 0.5rem; /* 8 */
        border: 0.0625rem solid #F3F3F4; /* var(--main05) */
        box-sizing: border-box;
        flex-shrink: 0;
    }

    .home-hero-badge .badge-dot {
        width: 1rem; /* 16 — Ellipse 1, Accent1 */
        height: 1rem;
        min-width: 1rem;
        background: #6DFACD; /* var(--Accent1) */
        border-radius: 50%;
        flex-shrink: 0;
    }

    .home-hero-badge .badge-text {
        width: 12.625rem; /* 202 */
        height: 0.75rem; /* 12 */
        min-height: 0.75rem;
        display: flex;
        align-items: center;
        font-family: var(--font-primary); /* Inter */
        font-weight: 700;
        font-style: normal;
        font-size: 0.75rem; /* 12px */
        line-height: 100%;
        letter-spacing: 0;
        text-transform: uppercase;
        color: #FFFFFF;
        white-space: nowrap;
        flex-shrink: 0;
        box-sizing: border-box;
    }

    /* Heading 1 — min390 (358 x 96, text 326 x 96, hero large text) */
    .home-hero-heading {
        width: 22.375rem; /* 358 */
        max-width: 100%;
        height: 6rem; /* 96 */
        min-height: 6rem;
        margin: 0;
        display: flex;
        flex-direction: column;
        justify-content: center;
        box-sizing: border-box;
        flex-shrink: 0;
        font-family: var(--font-heading); /* Oswald */
        font-weight: 900;
        font-style: normal;
        font-size: var(--font-hero-large);
        line-height: 100%;
        letter-spacing: -0.025em; /* -2.5% */
        text-transform: uppercase;
        color: #FFFFFF;
    }

    .home-hero-heading-line1,
    .home-hero-heading-line2,
    .home-hero-heading-line3,
    .home-hero-heading span {
        display: block;
        width: 20.375rem; /* 326 */
        max-width: 100%;
        height: 1.875rem; /* 30 */
        min-height: 1.875rem;
        font-family: inherit;
        font-weight: inherit;
        font-style: inherit;
        font-size: inherit;
        line-height: 100%;
        letter-spacing: inherit;
        text-transform: inherit;
        color: inherit;
        white-space: nowrap;
        box-sizing: border-box;
        flex-shrink: 0;
    }

    .home-hero-heading-line2::after {
        content: none;
    }

    .home-hero-heading-line3 {
        display: block;
    }

    /* Text + button stack — min390 (358 wide, gap 32 to button) */
    .home-hero-text {
        display: flex;
        flex-direction: column;
        align-items: flex-start;
        width: 22.375rem; /* 358 */
        max-width: 100%;
        gap: 2rem; /* 32 */
        box-sizing: border-box;
        flex-shrink: 0;
    }

    /* Description — min390 (358 x 69, Inter paragraph) */
    .home-hero-description {
        width: 22.375rem; /* 358 */
        max-width: 100%;
        height: 4.3125rem; /* 69 */
        min-height: 4.3125rem;
        margin: 0;
        padding: 0;
        box-sizing: border-box;
        flex-shrink: 0;
        font-family: var(--font-primary); /* Inter */
        font-weight: 400;
        font-style: normal;
        font-size: 1rem; /* paragraph — 16px */
        line-height: 150%;
        letter-spacing: 0;
        color: #FFFFFF;
        overflow: hidden;
    }

    /* Link — min390 (229 x 80, padding 32/64) */
    .home-hero-btn {
        display: inline-flex;
        align-items: center;
        justify-content: center;
        width: 14.3125rem; /* 229 */
        height: 5rem; /* 80 */
        padding: 2rem 4rem; /* 32 64 */
        box-sizing: border-box;
        flex-shrink: 0;
        background: #05061C; /* var(--main) */
        border: 0.0625rem solid #6DFACD80;
        box-shadow: 0 0 3.125rem 0 #8397FB; /* 0 0 50px */
        color: #FFFFFF;
        font-family: var(--font-primary); /* Inter */
        font-weight: 800;
        font-style: normal;
        font-size: var(--font-button-text);
        line-height: 100%;
        letter-spacing: 0;
        text-align: center;
        text-decoration: none;
        text-transform: capitalize;
        white-space: nowrap;
    }

    /* --------------------------------------------------------------------------
       Section 2 — min390 (390 x 1069, gap 32, section + section padding)
       -------------------------------------------------------------------------- */
    .home-section2 {
        position: relative;
        z-index: 2;
        --font-h2: 1.5rem; /* h2 — 24px at min390 (100% lh = 24 frame) */
        --font-button-text: 1.125rem; /* button text — 18px at min390 */
        width: 24.375rem; /* 390 */
        max-width: 100%;
        height: 66.8125rem; /* 1069 */
        min-height: 66.8125rem;
        margin: 0 auto;
        padding: 4rem 0; /* section + section padding — 64px top/bottom */
        gap: 2rem; /* 32 */
        box-sizing: border-box;
        display: flex;
        flex-direction: column;
        align-items: center;
        background: #FFFFFF;
    }

    .home-section2-inner {
        display: flex;
        flex-direction: column;
        width: 22.375rem; /* 358 — container */
        max-width: 100%;
        height: 58.8125rem; /* 941 */
        min-height: 58.8125rem;
        margin: 0 auto;
        padding: 0;
        gap: 2rem; /* 32 */
        box-sizing: border-box;
    }

    .section2-row {
        display: flex;
        flex-direction: column;
        width: 100%;
        height: 100%;
        min-height: 0;
        gap: 2rem; /* 32 */
        box-sizing: border-box;
    }

    /* Media block — Frame 55 (537) + gap + Frame 57 (16) */
    .section2-media {
        display: flex;
        flex-direction: column;
        width: 22.375rem; /* 358 */
        max-width: 100%;
        height: 37.0625rem; /* 593 — 537 + 40 spacing + 16 dots */
        min-height: 37.0625rem;
        flex-shrink: 0;
        box-sizing: border-box;
    }

    /* Frame 55 — image carousel (358 x 537) */
    .section2-frame55 {
        display: block;
        width: 22.375rem; /* 358 */
        max-width: 100%;
        height: 33.5625rem; /* 537 */
        min-height: 33.5625rem;
        flex-shrink: 0;
        box-sizing: border-box;
        overflow: hidden;
    }

    .section2-carousel {
        display: flex;
        width: 100%;
        height: 100%;
        overflow-x: auto;
        scroll-snap-type: x mandatory;
        scroll-behavior: smooth;
        scrollbar-width: none;
        -ms-overflow-style: none;
    }

    .section2-carousel::-webkit-scrollbar {
        display: none;
    }

    .section2-frame55 .section2-col {
        display: block;
        flex: 0 0 100%;
        width: 22.375rem; /* 358 */
        max-width: 100%;
        height: 33.5625rem; /* 537 */
        min-height: 33.5625rem;
        scroll-snap-align: start;
        scroll-snap-stop: always;
    }

    /* Background+Border+Shadow + image — min390 (358 x 537) */
    .section2-image-card {
        width: 22.375rem; /* 358 */
        max-width: 100%;
        height: 33.5625rem; /* 537 */
        min-height: 33.5625rem;
        overflow: hidden;
        box-sizing: border-box;
    }

    .section2-image-card img {
        width: 22.375rem; /* 358 */
        height: 33.5625rem; /* 537 */
        max-width: 100%;
        object-fit: cover;
        object-position: center;
        display: block;
    }

    /* Frame 57 — pagination dots (358 x 16, gap 16) */
    .section2-frame57 {
        display: flex;
        justify-content: center;
        align-items: center;
        width: 22.375rem; /* 358 */
        max-width: 100%;
        height: 1rem; /* 16 */
        min-height: 1rem;
        margin-top: 2.5rem; /* 40 — space below image */
        gap: 1rem; /* 16 */
        flex-shrink: 0;
        box-sizing: border-box;
    }

    .section2-dot {
        width: 1rem; /* 16 — Ellipse 2 / 3 */
        height: 1rem;
        min-width: 1rem;
        padding: 0;
        border: none;
        border-radius: 50%;
        background: #D9D9D9; /* Ellipse 3 */
        cursor: pointer;
        flex-shrink: 0;
        box-sizing: border-box;
    }

    .section2-dot.is-active {
        background: #05061C; /* Ellipse 2 — var(--main) */
    }

    /* Text container — min390 (358 x 324, gap 24, padding section small) */
    .section2-text-col {
        grid-column: auto;
        grid-row: auto;
        display: flex;
        flex-direction: column;
        align-items: center;
        justify-content: flex-start;
        width: 22.375rem; /* 358 */
        max-width: 100%;
        height: 20.25rem; /* 324 */
        min-height: 20.25rem;
        gap: 1.5rem; /* 24 */
        padding: 2rem 1.5rem; /* section small — 32 vertical, 24 horizontal (358 − 48 = 310) */
        margin-left: 0;
        flex-shrink: 0;
        box-sizing: border-box;
    }

    .section2-written {
        width: 19.375rem; /* 310 */
        max-width: 100%;
        gap: 1.5rem; /* 24 */
        align-items: center;
    }

    /* Content box — min390 (310 x 156, gap 32) */
    .section2-content-box {
        width: 19.375rem; /* 310 */
        max-width: 100%;
        height: 9.75rem; /* 156 */
        min-height: 9.75rem;
        gap: 2rem; /* 32 */
        align-items: center;
        flex-shrink: 0;
    }

    /* Heading 2 — I-SPORT EMS (310 x 24) */
    .section2-heading {
        width: 19.375rem; /* 310 */
        max-width: 100%;
        height: 1.5rem; /* 24 */
        min-height: 1.5rem;
        margin: 0;
        display: flex;
        align-items: center;
        justify-content: center;
        font-family: var(--font-heading); /* Oswald */
        font-weight: 900;
        font-style: normal;
        font-size: var(--font-h2); /* h2 — 24px */
        line-height: 100%;
        letter-spacing: -0.015em; /* -1.5% */
        text-align: center;
        text-transform: uppercase;
        color: #05061C; /* var(--main) */
        box-sizing: border-box;
        flex-shrink: 0;
    }

    /* Subcontainer — min390 (310 x 100, gap 8) */
    .section2-subcontainer {
        display: flex;
        flex-direction: column;
        width: 19.375rem; /* 310 */
        max-width: 100%;
        height: 6.25rem; /* 100 */
        min-height: 6.25rem;
        gap: 0.5rem; /* 8 */
        align-items: center;
        flex-shrink: 0;
        box-sizing: border-box;
    }

    /* Description — Das Komplettpaket… (310 x 46) */
    .section2-desc {
        width: 19.375rem; /* 310 */
        max-width: 100%;
        height: 2.875rem; /* 46 */
        min-height: 2.875rem;
        margin: 0;
        display: flex;
        align-items: center;
        justify-content: center;
        font-family: var(--font-primary); /* Inter */
        font-weight: 400;
        font-style: normal;
        font-size: 1rem; /* paragraph — 16px */
        line-height: 150%;
        letter-spacing: 0;
        text-align: center;
        color: #05061C; /* var(--main) */
        box-sizing: border-box;
        flex-shrink: 0;
    }

    /* Caps line — INKLUSIVE POWERBOX… (310 x 46) */
    .section2-desc-caps {
        width: 19.375rem; /* 310 */
        max-width: 100%;
        height: 2.875rem; /* 46 */
        min-height: 2.875rem;
        margin: 0;
        display: flex;
        align-items: center;
        justify-content: center;
        font-family: var(--font-primary); /* Inter */
        font-weight: 700;
        font-style: normal;
        font-size: 1rem; /* paragraph — 16px */
        line-height: 150%;
        letter-spacing: 0;
        text-align: center;
        white-space: normal;
        color: #505160; /* var(--main70) */
        box-sizing: border-box;
        flex-shrink: 0;
    }

    /* Link — min390 (213 x 96, gap 16, padding 32) */
    .section2-btn {
        display: inline-flex;
        align-items: center;
        justify-content: center;
        width: 13.3125rem; /* 213 */
        height: 6rem; /* 96 */
        gap: 1rem; /* 16 */
        padding: 2rem; /* 32 */
        box-sizing: border-box;
        flex-shrink: 0;
        background: #05061C; /* var(--main) */
        box-shadow: 0 0.25rem 3.125rem 0 #6DFACD40; /* 0 4px 50px */
        color: #FFFFFF;
        font-family: var(--font-primary); /* Inter */
        font-weight: 800;
        font-style: normal;
        font-size: var(--font-button-text); /* button text — 18px */
        line-height: 100%;
        letter-spacing: 0;
        text-transform: capitalize;
        text-decoration: none;
        border: none;
        align-self: center;
        white-space: nowrap;
    }

    .section2-btn-label {
        line-height: 100%;
        text-align: center;
        flex-shrink: 0;
        white-space: nowrap;
    }

    .section2-btn .btn-arrow {
        width: 2rem; /* 32 */
        height: 2rem;
        display: inline-flex;
        align-items: center;
        justify-content: center;
        flex-shrink: 0;
        line-height: 0;
    }

    .section2-btn .btn-arrow svg {
        width: 2rem;
        height: 2rem;
        display: block;
    }

    /* --------------------------------------------------------------------------
       Section 3 — min390 (390, gap 32, section + section padding — heights grow with content)
       -------------------------------------------------------------------------- */
    .home-section3 {
        --font-h2: 1.5625rem; /* h2 — 25px (one line in 358px frame) */
        --font-h3: 2.25rem; /* h3 — 36px at min390 */
        width: 24.375rem; /* 390 */
        max-width: 100%;
        height: auto;
        min-height: 88rem; /* 1408 floor */
        margin: 0 auto;
        padding: 4rem 0; /* section + section padding — 64px top/bottom */
        gap: 2rem; /* 32 */
        background: linear-gradient(180deg, #05061C 0%, #121227 100%);
        border: 0.0625rem solid #05061C; /* var(--main) */
        box-sizing: border-box;
        display: flex;
        flex-direction: column;
        align-items: center;
        position: relative;
        overflow: visible;
    }

    .home-section3-inner {
        width: 22.375rem; /* 358 — container */
        max-width: 100%;
        height: auto;
        min-height: 80rem; /* 1280 floor */
        margin: 0 auto;
        padding: 0;
        gap: 2rem; /* 32 */
        box-sizing: border-box;
        position: relative;
        z-index: 1;
        display: flex;
        flex-direction: column;
        align-items: center;
    }

    /* Heading 2 — 90 Minuten Gym = 20 Minuten EMS (358 x 64) */
    .section3-heading {
        width: 22.375rem; /* 358 */
        max-width: 100%;
        height: 4rem; /* 64 */
        min-height: 4rem;
        margin: 0;
        display: flex;
        align-items: center;
        justify-content: center;
        font-family: var(--font-heading); /* Oswald */
        font-weight: 700;
        font-style: normal;
        font-size: var(--font-h2); /* h2 — 25px */
        line-height: 100%;
        letter-spacing: -0.015em; /* -1.5% */
        text-align: center;
        text-transform: uppercase;
        white-space: nowrap;
        overflow: hidden;
        color: #FFFFFF;
        box-sizing: border-box;
        flex-shrink: 0;
    }

    /* Background — ChatGPT Image (390 x 219.4916229248047) */
    .section3-bg-image {
        display: block;
        position: absolute;
        top: 0;
        left: 0;
        width: 24.375rem; /* 390 */
        height: 13.7182265625rem; /* 219.4916229248047 */
        overflow: hidden;
        z-index: 0;
    }

    .section3-bg-image img {
        display: block;
        width: 36rem; /* 576 — wider than frame for horizontal crop */
        height: 13.7182265625rem; /* 219.4916229248047 */
        max-width: none;
        object-fit: cover;
        object-position: left center;
        transform: translateX(-22.5rem); /* pan left in frame */
    }

    .section3-bg-overlay {
        position: absolute;
        top: 0;
        left: 0;
        width: 100%;
        height: 100%;
        background: linear-gradient(180deg, rgba(6, 7, 29, 0.25) 0%, #06071D 94.63%);
    }

    /* Card — Background+Border (358 — grows with columns) */
    .section3-card {
        display: flex;
        flex-direction: column;
        width: 22.375rem; /* 358 */
        max-width: 100%;
        height: auto;
        min-height: 74rem; /* 1184 floor — 602 left + 582 right */
        margin: 0;
        background: #2B2B3E; /* var(--main85) */
        border: 0.0625rem solid #1F2937;
        box-sizing: border-box;
        flex-shrink: 0;
        overflow: visible;
    }

    /* Left column — Background (356 x 602, gap 24, padding section large) */
    .section3-card-left {
        width: 22.25rem; /* 356 */
        max-width: 100%;
        height: 37.625rem; /* 602 — 578 + 24 for paragraph wrap at 292px */
        min-height: 37.625rem;
        flex: none;
        display: flex;
        flex-direction: column;
        gap: 1.5rem; /* 24 — Figma */
        padding: 4rem 2rem; /* 64 vertical, 32 horizontal */
        box-sizing: border-box;
        background: #000000;
        align-items: flex-start;
    }

    /* Label — TRADITIONELLE METHODE (292 x 16) */
    .section3-label {
        width: 18.25rem; /* 292 */
        max-width: 100%;
        height: 1rem; /* 16 */
        min-height: 1rem;
        display: flex;
        align-items: center;
        font-family: var(--font-primary); /* Inter */
        font-weight: 700;
        font-style: normal;
        font-size: 0.875rem; /* 14px */
        line-height: 1rem; /* 16px */
        letter-spacing: 0.075rem; /* 1.2px */
        text-transform: uppercase;
        color: #B4B4BB; /* var(--main30) */
        box-sizing: border-box;
        flex-shrink: 0;
        align-self: flex-start;
    }

    /* Heading 3 — Fitnessstudio (292 x 36) */
    .section3-card-heading {
        width: 18.25rem; /* 292 */
        max-width: 100%;
        height: 2.25rem; /* 36 */
        min-height: 2.25rem;
        margin: 0;
        display: flex;
        align-items: center;
        font-family: var(--font-heading); /* Oswald */
        font-weight: 900;
        font-style: normal;
        font-size: var(--font-h3); /* 36px */
        line-height: 100%;
        letter-spacing: -0.015em; /* -1.5% */
        text-transform: uppercase;
        color: #B4B4BB; /* var(--main30) */
        box-sizing: border-box;
        flex-shrink: 0;
        align-self: flex-start;
    }

    /* Text container — min390 (292 x 374, gap 32) */
    .section3-text-container {
        display: flex;
        flex-direction: column;
        width: 18.25rem; /* 292 */
        max-width: 100%;
        height: 23.375rem; /* 374 — 208 + 32 + 134 */
        min-height: 23.375rem;
        gap: 2rem; /* 32 */
        align-self: flex-start;
        flex-shrink: 0;
        box-sizing: border-box;
    }

    /* Paragraph — Während im klassischen… (292 x 208 — extra line for wrap at 292px) */
    .section3-paragraph {
        width: 18.25rem; /* 292 */
        max-width: 100%;
        height: 13rem; /* 208 */
        min-height: 13rem;
        margin: 0;
        box-sizing: border-box;
        flex-shrink: 0;
        overflow: visible;
        font-family: var(--font-primary); /* Inter */
        font-weight: 400;
        font-style: normal;
        font-size: 1rem; /* paragraph — 16px */
        line-height: 150%;
        letter-spacing: 0;
        color: #9B9BA4; /* var(--main40) */
    }

    /* Border box — min390 (292 x 134, padding 24) */
    .section3-border-box {
        width: 18.25rem; /* 292 */
        max-width: 100%;
        height: 8.375rem; /* 134 */
        min-height: 8.375rem;
        padding: 1.5rem; /* 24 */
        border: 0.0625rem solid #2B2B3E; /* var(--main85) */
        box-sizing: border-box;
        flex-shrink: 0;
        align-self: flex-start;
    }

    /* Quote — ...also jede Übung… (242 x 84) */
    .section3-quote {
        width: 15.125rem; /* 242 */
        max-width: 100%;
        height: 5.25rem; /* 84 */
        min-height: 5.25rem;
        margin: 0;
        box-sizing: border-box;
        overflow: hidden;
        font-family: 'Lora', serif;
        font-weight: 400;
        font-style: normal;
        font-size: 1.125rem; /* paragraph large — 18px */
        line-height: 1.75rem; /* 28px */
        letter-spacing: 0;
        color: #9CA3AF;
    }

    /* Right column — Background (356, gap 24, padding section large) */
    .section3-card-right {
        width: 22.25rem; /* 356 */
        max-width: 100%;
        height: auto;
        min-height: 36.375rem; /* 582 Figma shell */
        flex: none;
        display: flex;
        flex-direction: column;
        gap: 1.5rem; /* 24 */
        padding: 4rem 2rem; /* 64 vertical, 32 horizontal */
        box-sizing: border-box;
        background: #111827;
        align-items: flex-start;
    }

    /* Badge — min390 (235 x 32, gap 16, padding 8, border white) */
    .section3-badge {
        display: flex;
        align-items: center;
        width: 14.6875rem; /* 235 */
        max-width: 100%;
        height: 2rem; /* 32 */
        min-height: 2rem;
        gap: 1rem; /* 16 */
        padding: 0.5rem; /* 8 */
        border: 0.0625rem solid #FFFFFF; /* var(--white) */
        box-sizing: border-box;
        flex-shrink: 0;
    }

    .section3-dot {
        width: 1rem; /* 16 */
        height: 1rem;
        min-width: 1rem;
        margin-top: 0;
        flex-shrink: 0;
    }

    /* I-SPORT TECHNOLOGIE — min390 (187 x 16) */
    .section3-badge-text {
        width: 11.6875rem; /* 187 */
        max-width: 100%;
        height: 1rem; /* 16 */
        min-height: 1rem;
        display: flex;
        align-items: center;
        font-family: var(--font-primary); /* Inter */
        font-weight: 900;
        font-style: normal;
        font-size: 0.875rem; /* 14px */
        line-height: 1rem; /* 16px */
        letter-spacing: 0.075rem; /* 1.2px */
        text-transform: uppercase;
        white-space: nowrap;
        color: #FFFFFF; /* var(--white) */
        flex-shrink: 0;
        box-sizing: border-box;
    }

    /* Heading 3 — EMS (292 x 25, h3 / 125% lh) */
    .section3-card-heading-right {
        width: 18.25rem; /* 292 */
        max-width: 100%;
        height: 1.5625rem; /* 25 */
        min-height: 1.5625rem;
        margin: 0;
        display: flex;
        align-items: center;
        font-family: var(--font-heading); /* Oswald */
        font-weight: 700;
        font-style: normal;
        font-size: 1.25rem; /* 20px — 125% lh = 25px frame */
        line-height: 125%;
        letter-spacing: -0.015em; /* -1.5% */
        text-transform: capitalize;
        color: #FFFFFF;
        box-sizing: border-box;
        flex-shrink: 0;
        align-self: flex-start;
    }

    /* List container — min390 (292, gap 16 — height hugs content) */
    .section3-list-container {
        display: flex;
        flex-direction: column;
        width: 18.25rem; /* 292 */
        max-width: 100%;
        height: auto;
        min-height: 0;
        gap: 1rem; /* 16 */
        align-self: flex-start;
        flex-shrink: 0;
        box-sizing: border-box;
    }

    /* List text — min390 (292 wide, paragraph blocks) */
    .section3-list-text {
        width: 18.25rem; /* 292 */
        max-width: 100%;
        height: auto;
        min-height: 5.75rem; /* 92 — paragraph 1 frame */
        margin: 0;
        box-sizing: border-box;
        flex-shrink: 0;
        font-family: var(--font-primary); /* Inter */
        font-weight: 400;
        font-style: normal;
        font-size: 1rem; /* paragraph — 16px */
        line-height: 150%;
        letter-spacing: 0;
        color: #FFFFFF;
        overflow: visible;
    }

    .section3-list-line {
        display: block;
        line-height: 150%;
    }

    /* HorizontalBorder — stat box (292, gap 24, padding-top 32) */
    .section3-border-top-box {
        width: 18.25rem; /* 292 */
        max-width: 100%;
        height: auto;
        min-height: 13.75rem; /* 220 Figma frame */
        display: flex;
        flex-direction: column;
        gap: 1.5rem; /* 24 */
        padding-top: 2rem; /* 32 */
        margin-top: 0;
        border-top: 0.0625rem solid #2B2B3E; /* var(--main85) */
        box-sizing: border-box;
        align-self: flex-start;
        flex-shrink: 0;
    }

    /* Stat heading — bis zu 450% (292 x 25) */
    .section3-stat-heading {
        width: 18.25rem; /* 292 */
        max-width: 100%;
        height: 1.5625rem; /* 25 */
        min-height: 1.5625rem;
        margin: 0;
        display: flex;
        align-items: center;
        font-family: var(--font-heading); /* Oswald */
        font-weight: 700;
        font-style: normal;
        font-size: 1.25rem; /* 20px — 125% lh = 25px frame */
        line-height: 125%;
        letter-spacing: -0.015em; /* -1.5% */
        text-transform: capitalize;
        color: #6DFACD; /* var(--Accent1) */
        box-sizing: border-box;
        flex-shrink: 0;
        align-self: flex-start;
    }

    /* Stat text — min390 (292) */
    .section3-stat-text {
        width: 18.25rem; /* 292 */
        max-width: 100%;
        height: auto;
        min-height: 8.625rem; /* 138 Figma frame */
        margin: 0;
        box-sizing: border-box;
        flex-shrink: 0;
        align-self: flex-start;
        font-family: var(--font-primary); /* Inter */
        font-weight: 400;
        font-style: normal;
        font-size: 1rem; /* paragraph — 16px */
        line-height: 150%;
        letter-spacing: 0;
        color: #FFFFFF;
        overflow: visible;
    }

    .section3-stat-line {
        display: block;
        line-height: 150%;
    }

    /* --------------------------------------------------------------------------
       Section 4 — min390 (390 x 1703, gap 32, section + section padding)
       -------------------------------------------------------------------------- */
    .home-section4 {
        --font-h2: 1.5rem; /* h2 — 24px (2 lines × 30px lh = 60px frame) */
        width: 24.375rem; /* 390 */
        max-width: 100%;
        height: 106.4375rem; /* 1703 */
        min-height: 106.4375rem;
        margin: 0 auto;
        padding: 4rem 0; /* section + section padding — 64 top/bottom */
        gap: 2rem; /* 32 */
        background: linear-gradient(180deg, #05061C 0%, #121227 100%);
        border: 0.0625rem solid #05061C; /* var(--main) */
        box-sizing: border-box;
        display: flex;
        flex-direction: column;
        align-items: center;
        position: relative;
        overflow: hidden;
    }

    .home-section4-inner {
        width: 22.375rem; /* 358 — container */
        max-width: 100%;
        height: 98.4375rem; /* 1575 */
        min-height: 98.4375rem;
        margin: 0 auto;
        padding: 0;
        gap: 2rem; /* 32 */
        box-sizing: border-box;
        position: relative;
        z-index: 1;
        display: flex;
        flex-direction: column;
        align-items: center;
        flex-shrink: 0;
    }

    /* Container — min390 (358 x 1575, gap 32) */
    .section4-container {
        display: flex;
        flex-direction: column;
        width: 22.375rem; /* 358 */
        max-width: 100%;
        height: 98.4375rem; /* 1575 */
        min-height: 98.4375rem;
        gap: 2rem; /* 32 */
        box-sizing: border-box;
        flex-shrink: 0;
    }

    /* Frame 37 — header (358 x 184, gap 32) */
    .section4-header {
        display: flex;
        flex-direction: column;
        width: 22.375rem; /* 358 */
        max-width: 100%;
        height: 11.5rem; /* 184 */
        min-height: 11.5rem;
        gap: 2rem; /* 32 */
        box-sizing: border-box;
        flex-shrink: 0;
    }

    /* Heading 2 — RUND UM FIT… (358 x 60) */
    .section4-heading {
        width: 22.375rem; /* 358 */
        max-width: 100%;
        height: 3.75rem; /* 60 */
        min-height: 3.75rem;
        margin: 0;
        display: flex;
        align-items: center;
        justify-content: center;
        text-align: center;
        font-family: var(--font-heading); /* Oswald */
        font-weight: 700;
        font-style: normal;
        font-size: var(--font-h2); /* h2 — 24px */
        line-height: 125%;
        letter-spacing: -0.015em; /* -1.5% */
        text-transform: uppercase;
        color: #FFFFFF; /* var(--white) */
        box-sizing: border-box;
        flex-shrink: 0;
    }

    /* Subtitle — min390 (358 x 92) */
    .section4-subtitle {
        width: 22.375rem; /* 358 */
        max-width: 100%;
        height: 5.75rem; /* 92 */
        min-height: 5.75rem;
        margin: 0;
        display: flex;
        align-items: center;
        justify-content: center;
        font-family: var(--font-primary); /* Inter */
        font-weight: 700;
        font-style: normal;
        font-size: 1rem; /* paragraph — 16px */
        line-height: 150%;
        letter-spacing: 0;
        text-align: center;
        color: #FFFFFF; /* var(--white) */
        box-sizing: border-box;
        flex-shrink: 0;
    }

    /* Cards container — min390 (358 x 621, gap 16) */
    .section4-cards {
        display: flex;
        flex-direction: column;
        width: 22.375rem; /* 358 */
        max-width: 100%;
        min-height: 38.8125rem; /* 621 */
        height: auto;
        gap: 1rem; /* 16 */
        box-sizing: border-box;
        flex-shrink: 0;
    }

    /* Border card — min390 (358 x 183, gap 24, padding section small) */
    .section4-card {
        width: 22.375rem; /* 358 */
        max-width: 100%;
        min-height: 11.4375rem; /* 183 */
        height: auto;
        flex: none;
        display: flex;
        flex-direction: column;
        gap: 1.5rem; /* 24 */
        padding: 2rem 1.5625rem; /* 32 vertical, 25 horizontal → 308 content */
        background: #121227; /* var(--main95) */
        border: 0.0625rem solid #373849; /* var(--main80) */
        box-sizing: border-box;
    }

    /* Heading 4 — MAXIMALE FREIHEIT (308 x 18) */
    .section4-card-heading {
        width: 19.25rem; /* 308 */
        max-width: 100%;
        height: 1.125rem; /* 18 */
        min-height: 1.125rem;
        margin: 0;
        display: flex;
        align-items: center;
        font-family: var(--font-heading); /* Oswald */
        font-weight: 700;
        font-style: normal;
        font-size: 1.125rem; /* paragraph large — 18px */
        line-height: 100%;
        letter-spacing: -0.025em; /* -2.5% */
        text-transform: uppercase;
        color: #6DFACD; /* var(--Accent1) */
        box-sizing: border-box;
        flex-shrink: 0;
    }

    /* Card text — min390 (308 x 69) */
    .section4-card-text {
        width: 19.25rem; /* 308 */
        max-width: 100%;
        min-height: 4.3125rem; /* 69 */
        height: auto;
        margin: 0;
        box-sizing: border-box;
        flex-shrink: 0;
        font-family: var(--font-primary); /* Inter */
        font-weight: 400;
        font-style: normal;
        font-size: 1rem; /* paragraph — 16px */
        line-height: 150%;
        letter-spacing: 0;
        color: #FFFFFF; /* var(--white) */
    }

    /* Feature box — Background (358 x 706, padding → 294 x 642 inner) */
    .section4-feature-box {
        width: 22.375rem; /* 358 */
        max-width: 100%;
        min-height: 44.125rem; /* 706 */
        height: auto;
        padding: 2rem; /* 32 — yields 294 x 642 content area */
        background: rgba(18, 18, 39, 0.8); /* #121227CC — var(--main95) 80% */
        border: 0.0625rem solid #373849; /* var(--main80) */
        box-sizing: border-box;
        flex-shrink: 0;
    }

    /* Feature row — container (294 x 642, gap 32) */
    .section4-feature-row {
        width: 18.375rem; /* 294 */
        max-width: 100%;
        min-height: 40.125rem; /* 642 */
        height: auto;
        display: flex;
        flex-direction: column;
        gap: 2rem; /* 32 */
        box-sizing: border-box;
    }

    /* Feature left — inner container (294 x 240, gap 24) */
    .section4-feature-left {
        width: 18.375rem; /* 294 */
        max-width: 100%;
        min-height: 15rem; /* 240 */
        height: auto;
        flex: none;
        display: flex;
        flex-direction: column;
        gap: 1.5rem; /* 24 */
        padding-bottom: 0;
        box-sizing: border-box;
        align-self: flex-start;
    }

    /* Heading 3 — EMS-TRAINING ZU HAUSE BEDEUTET: (294 x 90) */
    .section4-feature-heading {
        width: 18.375rem; /* 294 */
        max-width: 100%;
        min-height: 5.625rem; /* 90 */
        height: auto;
        margin: 0;
        display: flex;
        align-items: center;
        font-family: var(--font-heading); /* Oswald */
        font-weight: 700;
        font-style: normal;
        font-size: 2.25rem; /* 36px */
        line-height: 125%;
        letter-spacing: -0.025em; /* -2.5% */
        text-transform: capitalize;
        color: #FFFFFF;
        box-sizing: border-box;
        flex-shrink: 0;
    }

    /* List (294 x 126, gap 16) */
    .section4-list {
        width: 18.375rem; /* 294 */
        max-width: 100%;
        min-height: 7.875rem; /* 126 */
        height: auto;
        margin: 0;
        padding: 0;
        list-style: none;
        display: flex;
        flex-direction: column;
        gap: 1rem; /* 16 */
        box-sizing: border-box;
        flex-shrink: 0;
    }

    /* List item (294 x 24, gap 24) */
    .section4-list-item {
        width: 18.375rem; /* 294 */
        max-width: 100%;
        height: 1.5rem; /* 24 */
        min-height: 1.5rem;
        display: flex;
        flex-direction: row;
        flex-wrap: nowrap;
        align-items: center;
        gap: 0.125rem; /* 2 — 24 icon + 2 gap + 268 text = 294 */
        box-sizing: border-box;
        flex-shrink: 0;
    }

    /* mdi:thunder icon (24 x 24) */
    .section4-icon {
        width: 1.5rem; /* 24 */
        height: 1.5rem;
        flex-shrink: 0;
    }

    /* List text (268 x 23 — items 1–2 single line) */
    .section4-list-item:nth-child(1) .section4-list-text,
    .section4-list-item:nth-child(2) .section4-list-text {
        flex: 0 0 16.75rem; /* 268 */
        width: 16.75rem;
        height: 1.4375rem; /* 23 */
        min-height: 1.4375rem;
        display: block;
        white-space: nowrap;
        overflow: visible;
        font-family: var(--font-primary); /* Inter */
        font-weight: 700;
        font-style: normal;
        font-size: 1.125rem; /* paragraph large — 18px */
        line-height: 125%;
        letter-spacing: 0;
        color: #FFFFFF;
        box-sizing: border-box;
    }

    /* Item 3 — wraps to 2 lines only (294 x 46) */
    .section4-list-item:nth-child(3) {
        height: 2.875rem; /* 46 */
        min-height: 2.875rem;
        align-items: flex-start;
    }

    .section4-list-item:nth-child(3) .section4-list-text {
        flex: 0 0 16.75rem; /* 268 */
        width: 16.75rem;
        height: 2.8125rem; /* 45 — 2 lines at 125% of 18px */
        min-height: 2.8125rem;
        display: -webkit-box;
        -webkit-box-orient: vertical;
        -webkit-line-clamp: 2;
        white-space: normal;
        overflow: hidden;
        font-family: var(--font-primary); /* Inter */
        font-weight: 700;
        font-style: normal;
        font-size: 1.125rem; /* paragraph large — 18px */
        line-height: 125%;
        letter-spacing: 0;
        color: #FFFFFF;
        box-sizing: border-box;
    }

    /* Feature right — container (294 x 370, gap 24) */
    .section4-feature-right {
        width: 18.375rem; /* 294 */
        max-width: 100%;
        height: 23.125rem; /* 370 */
        min-height: 23.125rem;
        flex: none;
        align-self: flex-start;
        box-sizing: border-box;
    }

    .section4-feature-right-content {
        width: 18.375rem; /* 294 */
        max-width: 100%;
        height: 23.125rem; /* 370 */
        min-height: 23.125rem;
        display: flex;
        flex-direction: column;
        gap: 1.5rem; /* 24 */
        box-sizing: border-box;
        flex-shrink: 0;
    }

    /* Feature text (294 wide, Inter 400 paragraph) */
    .section4-feature-text {
        width: 18.375rem; /* 294 */
        max-width: 100%;
        margin: 0;
        box-sizing: border-box;
        font-family: var(--font-primary); /* Inter */
        font-weight: 400;
        font-style: normal;
        font-size: 1rem; /* paragraph — 16px */
        line-height: 150%;
        letter-spacing: 0;
        color: #FFFFFF; /* var(--white) */
    }

    /* Paragraph 1 — Alle weiteren Programme… (294 x 115) */
    .section4-feature-right-content > .section4-feature-text:nth-child(1) {
        height: 7.1875rem; /* 115 */
        min-height: 7.1875rem;
        flex-shrink: 0;
    }

    .section4-feature-line {
        display: inline;
    }

    /* Feature highlight — Power Box teilen (294 x 92) */
    .section4-feature-highlight {
        width: 18.375rem; /* 294 */
        max-width: 100%;
        height: 5.75rem; /* 92 */
        min-height: 5.75rem;
        margin: 0;
        box-sizing: border-box;
        flex-shrink: 0;
        font-family: var(--font-primary); /* Inter */
        font-weight: 700;
        font-style: normal;
        font-size: 1.125rem; /* paragraph large — 18px */
        line-height: 125%;
        letter-spacing: 0;
        color: #FFFFFF;
    }

    .section4-feature-highlight .section4-feature-line {
        display: inline;
        line-height: 125%;
    }

    /* Section 5 — hidden at min390 per Figma */
    .home-section5 {
        display: none;
    }

    /* --------------------------------------------------------------------------
       Section 6 — min390 (390 x 1596, gap 32, section + section padding)
       -------------------------------------------------------------------------- */
    .home-section6 {
        --font-h2: 1.5rem; /* h2 — 24px (2 lines × 30px lh = 60px frame) */
        width: 24.375rem; /* 390 */
        max-width: 100%;
        min-height: 99.75rem; /* 1596 */
        height: auto;
        margin: 0 auto;
        padding: 4rem 0; /* section + section padding — 64 top/bottom */
        gap: 2rem; /* 32 */
        background: #FFFFFF; /* var(--white) */
        border: 0.0625rem solid #05061C; /* var(--main) */
        box-sizing: border-box;
        display: flex;
        flex-direction: column;
        align-items: center;
        overflow: visible;
    }

    .home-section6-inner {
        width: 22.375rem; /* 358 — Frame 39 */
        max-width: 100%;
        min-height: 91.75rem; /* 1468 */
        height: auto;
        margin: 0 auto;
        padding: 0;
        gap: 2rem; /* 32 */
        box-sizing: border-box;
        display: flex;
        flex-direction: column;
        align-items: center;
        flex-shrink: 0;
    }

    /* Frame 39 — container (358 x 1468, gap 32) */
    .section6-container {
        width: 22.375rem; /* 358 */
        max-width: 100%;
        min-height: 91.75rem; /* 1468 */
        height: auto;
        display: flex;
        flex-direction: column;
        gap: 2rem; /* 32 */
        box-sizing: border-box;
        flex-shrink: 0;
        overflow: visible;
    }

    /* Heading 2 — I Sport EMS ein Vorreiter… (358 x 60) */
    .section6-heading {
        width: 22.375rem; /* 358 */
        max-width: 100%;
        height: 3.75rem; /* 60 */
        min-height: 3.75rem;
        margin: 0;
        display: flex;
        align-items: center;
        justify-content: center;
        text-align: center;
        font-family: var(--font-heading); /* Oswald */
        font-weight: 700;
        font-style: normal;
        font-size: var(--font-h2); /* h2 — 24px */
        line-height: 125%;
        letter-spacing: -0.015em; /* -1.5% */
        text-transform: uppercase;
        color: #1E1F33; /* var(--main90) */
        box-sizing: border-box;
        flex-shrink: 0;
    }

    /* Row — stacks image + content (358 x 1376 = 537 + 32 + 807) */
    .section6-row {
        width: 22.375rem; /* 358 */
        max-width: 100%;
        min-height: 86rem; /* 1376 */
        height: auto;
        display: flex;
        flex-direction: column;
        align-items: stretch;
        gap: 2rem; /* 32 */
        box-sizing: border-box;
        flex-shrink: 0;
        overflow: visible;
    }

    /* Frame 38 — image column (358 x 537, gap 10) */
    .section6-image {
        width: 22.375rem; /* 358 */
        max-width: 100%;
        height: 33.5625rem; /* 537 */
        min-height: 33.5625rem;
        flex: none;
        display: flex;
        flex-direction: column;
        align-items: center;
        justify-content: center;
        gap: 0.625rem; /* 10 */
        box-sizing: border-box;
        overflow: hidden;
        order: 1;
    }

    /* 019ba134… — section6 image (627 x 627) */
    .section6-img {
        display: block;
        width: 39.1875rem; /* 627 */
        height: 39.1875rem; /* 627 */
        max-width: none;
        flex: none;
        margin-left: 0;
        object-fit: cover;
        object-position: center center;
    }

    /* Container — content (358 x 807 min, grows with shadow box) */
    .section6-content {
        width: 22.375rem; /* 358 */
        max-width: 100%;
        min-height: 50.4375rem; /* 807 */
        height: auto;
        flex: none;
        margin-left: 0;
        display: flex;
        flex-direction: column;
        gap: 4rem; /* 64 */
        background: #FFFFFF;
        box-sizing: border-box;
        order: 2;
        overflow: visible;
    }

    /* Text group — blocks 1 + 2 (358 x 249, gap 16) */
    .section6-content-block:nth-child(1) {
        width: 22.375rem; /* 358 */
        max-width: 100%;
        height: 4.5rem; /* 72 */
        min-height: 4.5rem;
        flex-shrink: 0;
        margin-bottom: -3rem; /* 64px flex gap − 48px = 16px to block 2 */
        box-sizing: border-box;
    }

    .section6-content-block:nth-child(2) {
        width: 22.375rem; /* 358 */
        max-width: 100%;
        height: 10.0625rem; /* 161 — 249 − 72 − 16 */
        min-height: 10.0625rem;
        flex-shrink: 0;
        box-sizing: border-box;
    }

    .section6-content-block:nth-child(1) .section6-text,
    .section6-content-block:nth-child(2) .section6-text {
        width: 22.375rem; /* 358 */
        max-width: 100%;
        height: 100%;
        min-height: 0;
        margin: 0;
        box-sizing: border-box;
    }

    /* Shadow box — no button inside at min390 */
    .section6-shadow-box {
        width: 22.375rem; /* 358 */
        max-width: 100%;
        min-height: 0;
        height: auto;
        flex: none;
        display: flex;
        flex-direction: column;
        gap: 2rem; /* 32 */
        padding: 2rem; /* 32 — inner 294 */
        box-shadow: 0 0.3125rem 0.9375rem 0 rgba(5, 6, 28, 0.1); /* #05061C1A */
        box-sizing: border-box;
        overflow: visible;
    }

    .section6-shadow-heading {
        width: 100%;
        max-width: 100%;
        height: 1.5rem; /* 24 */
        min-height: 1.5rem;
        margin: 0;
        display: flex;
        align-items: center;
        font-family: var(--font-heading); /* Oswald */
        font-weight: 900;
        font-size: 1.5rem; /* 24px */
        line-height: 1.5rem;
        letter-spacing: -0.025em;
        text-transform: uppercase;
        color: #05061C;
        box-sizing: border-box;
        flex-shrink: 0;
    }

    /* Compare container (294 x 92+, gap 32) */
    .section6-compare-container {
        width: 100%;
        max-width: 100%;
        min-height: 5.75rem; /* 92 */
        height: auto;
        display: flex;
        flex-direction: column;
        gap: 2rem; /* 32 */
        box-sizing: border-box;
        flex-shrink: 0;
    }

    .section6-compare-row {
        width: 100%;
        max-width: 100%;
        height: 1.5rem; /* 24 */
        min-height: 1.5rem;
        display: flex;
        justify-content: space-between;
        align-items: center;
        box-sizing: border-box;
        flex-shrink: 0;
    }

    .section6-compare-label {
        flex: 1 1 auto;
        min-width: 0;
        height: 1rem;
        font-family: var(--font-primary);
        font-weight: 900;
        font-size: 1rem;
        line-height: 100%;
        color: #05061C;
        box-sizing: border-box;
    }

    .section6-compare-value {
        flex: 0 0 auto;
        height: 1.5rem;
        font-family: var(--font-primary);
        font-weight: 900;
        font-size: 1.5rem;
        line-height: 1.5rem;
        color: #05061C;
        white-space: nowrap;
        box-sizing: border-box;
    }

    /* I-SPORT EMS ANZUG — label line 1, 32 Pads line 2 */
    .section6-compare-item {
        width: 100%;
        max-width: 100%;
        height: auto;
        min-height: 2.25rem;
        display: flex;
        flex-direction: column;
        align-items: flex-start;
        gap: 0.75rem; /* 12 — space between label and 32 Pads */
        box-sizing: border-box;
        flex-shrink: 0;
    }

    .section6-compare-item-label {
        flex: none;
        width: 100%;
        height: 1rem;
        font-family: var(--font-primary);
        font-weight: 900;
        font-size: 1rem;
        line-height: 100%;
        text-transform: uppercase;
        color: #05061C;
        box-sizing: border-box;
    }

    /* 32 Pads — second line, right-aligned */
    .section6-compare-item-value {
        flex: none;
        width: 100%;
        height: 2.25rem; /* 36 */
        min-height: 2.25rem;
        display: flex;
        align-items: center;
        justify-content: flex-end;
        text-align: right;
        font-family: var(--font-primary);
        font-weight: 900;
        font-size: 3rem; /* 48px */
        line-height: 2.25rem;
        letter-spacing: 0;
        color: #00A3B1;
        white-space: nowrap;
        box-sizing: border-box;
    }

    .section6-shadow-text-block,
    .section6-shadow-text {
        width: 100%;
        max-width: 100%;
        height: auto;
        min-height: 0;
        box-sizing: border-box;
        flex-shrink: 0;
    }

    /* Button — below shadow box (358 x 96) */
    .section6-content > .section6-btn {
        display: inline-flex;
        align-items: center;
        justify-content: center;
        width: 22.375rem; /* 358 */
        max-width: 100%;
        height: 6rem; /* 96 */
        min-height: 6rem;
        gap: 1rem; /* 16 */
        padding: 2rem; /* 32 */
        margin: 0;
        background: #05061C;
        color: #FFFFFF;
        font-family: var(--font-primary);
        font-weight: 800;
        font-size: 1.125rem; /* 18px */
        line-height: 100%;
        letter-spacing: 0;
        text-transform: capitalize;
        text-decoration: none;
        white-space: nowrap;
        box-sizing: border-box;
        flex-shrink: 0;
    }

    .section6-btn-icon {
        width: 2rem; /* 32 */
        height: 2rem;
        flex-shrink: 0;
    }

    /* --------------------------------------------------------------------------
       Section 7 — min390 (390 x 1380, gap 24, section + section padding)
       -------------------------------------------------------------------------- */
    .home-section7 {
        --font-h2: 1.5rem; /* h2 — 24px (125% lh = 30px frame) */
        width: 24.375rem; /* 390 */
        max-width: 100%;
        min-height: 86.25rem; /* 1380 */
        height: auto;
        margin: 0 auto;
        padding: 4rem 0; /* section + section padding — 64 */
        gap: 1.5rem; /* 24 */
        background: #FFFFFF;
        border: 0.0625rem solid #05061C;
        box-sizing: border-box;
        display: flex;
        flex-direction: column;
        align-items: center;
        overflow: visible;
    }

    .home-section7-inner {
        width: 22.375rem; /* 358 — container */
        max-width: 100%;
        min-height: 78.25rem; /* 1252 */
        height: auto;
        margin: 0 auto;
        padding: 0;
        gap: 2rem; /* 32 */
        box-sizing: border-box;
        display: flex;
        flex-direction: column;
        align-items: center;
    }

    .section7-container {
        width: 22.375rem; /* 358 */
        max-width: 100%;
        min-height: 78.25rem; /* 1252 */
        height: auto;
        display: flex;
        flex-direction: column;
        gap: 2rem; /* 32 */
        background: #FFFFFF;
        box-sizing: border-box;
    }

    /* Frame 37 — header (358 x 146, gap 24) */
    .section7-header {
        width: 22.375rem; /* 358 */
        max-width: 100%;
        height: 9.125rem; /* 146 */
        min-height: 9.125rem;
        display: flex;
        flex-direction: column;
        gap: 1.5rem; /* 24 */
        box-sizing: border-box;
        flex-shrink: 0;
    }

    /* Heading 2 — MATERIAL & TRAGEKOMFORT (358 x 30) */
    .section7-heading {
        width: 22.375rem; /* 358 */
        max-width: 100%;
        height: 1.875rem; /* 30 */
        min-height: 1.875rem;
        margin: 0;
        display: flex;
        align-items: center;
        justify-content: center;
        font-family: var(--font-heading);
        font-weight: 700;
        font-size: var(--font-h2);
        line-height: 125%;
        letter-spacing: -0.015em;
        text-align: center;
        text-transform: uppercase;
        color: #1E1F33;
        box-sizing: border-box;
        flex-shrink: 0;
    }

    /* Subtitle container (358 x 92) */
    .section7-subtitle {
        width: 22.375rem; /* 358 */
        max-width: 100%;
        height: 5.75rem; /* 92 */
        min-height: 5.75rem;
        margin: 0;
        display: flex;
        align-items: center;
        justify-content: center;
        font-family: var(--font-primary);
        font-weight: 700;
        font-size: 1rem;
        line-height: 150%;
        letter-spacing: 0;
        text-align: center;
        color: #05061C;
        box-sizing: border-box;
        flex-shrink: 0;
    }

    .section7-subtitle br {
        display: none;
    }

    .section7-row {
        width: 22.375rem; /* 358 */
        max-width: 100%;
        min-height: 67.125rem; /* 1074 — 1252 − 146 − 32 */
        height: auto;
        display: flex;
        flex-direction: column;
        align-items: stretch;
        gap: 2rem; /* 32 */
        box-sizing: border-box;
        flex-shrink: 0;
    }

    /* Background+Border+Shadow — image frame (358 x 358, padding 32) */
    .section7-image {
        width: 22.375rem; /* 358 */
        max-width: 100%;
        height: 22.375rem; /* 358 */
        min-height: 22.375rem;
        flex: none;
        display: flex;
        align-items: center;
        justify-content: center;
        padding: 2rem; /* 32 */
        background: linear-gradient(135deg, #F5F5F5 0%, #E5E5E5 100%);
        border: 0.0625rem solid #E5E5E5;
        box-sizing: border-box;
        overflow: hidden;
        order: 1;
    }

    /* ChatGPT Image — section7 (728 x 546, clipped in 358 frame) */
    .section7-img {
        display: block;
        width: 45.5rem; /* 728 */
        height: 34.125rem; /* 546 */
        max-width: none;
        flex: none;
        object-fit: cover;
        object-position: center center;
    }

    .section7-content {
        width: 22.375rem; /* 358 */
        max-width: 100%;
        flex: none;
        min-height: 0;
        height: auto;
        display: flex;
        flex-direction: column;
        gap: 2rem; /* 32 */
        box-sizing: border-box;
        order: 2;
    }

    .section7-text {
        width: 22.375rem; /* 358 */
        max-width: 100%;
        height: auto;
        min-height: 0;
        margin: 0;
        font-family: var(--font-primary);
        font-weight: 400;
        font-size: 1rem;
        line-height: 150%;
        letter-spacing: 0;
        color: #171717;
        box-sizing: border-box;
    }

    .section7-quote-box {
        width: 22.375rem; /* 358 */
        max-width: 100%;
        height: auto;
        min-height: 0;
        display: flex;
        flex-direction: column;
        gap: 1rem; /* 16 */
        padding: 2rem; /* 32 */
        background: #FFFFFF;
        box-shadow: 0 0.3125rem 0.9375rem 0 rgba(5, 6, 28, 0.1);
        box-sizing: border-box;
    }

    .section7-quote-text,
    .section7-quote-desc {
        width: 100%;
        max-width: 100%;
        height: auto;
        min-height: 0;
        margin: 0;
        box-sizing: border-box;
    }

    .section7-quote-text {
        font-family: var(--font-primary);
        font-weight: 700;
        font-size: 1.125rem; /* paragraph large — 18px */
        line-height: 150%;
        color: #171717;
    }

    .section7-quote-desc {
        font-family: var(--font-primary);
        font-weight: 400;
        font-size: 1rem;
        line-height: 150%;
        color: #505160;
    }

    .section7-quote-desc br {
        display: none;
    }

    /* --------------------------------------------------------------------------
       Section 8 — min390 (same shell as Section 6: 390 / 358)
       -------------------------------------------------------------------------- */
    .home-section8 {
        --font-h2: 1.5rem; /* h2 — 24px */
        --font-h3: 1.5rem; /* h3 — 24px */
        width: 24.375rem; /* 390 */
        max-width: 100%;
        min-height: 0;
        height: auto;
        margin: 0 auto;
        padding: 4rem 0;
        gap: 2rem; /* 32 */
        background: #FFFFFF;
        border: 0.0625rem solid #05061C;
        box-sizing: border-box;
        display: flex;
        flex-direction: column;
        align-items: center;
        overflow: visible;
    }

    .home-section8-inner {
        width: 22.375rem; /* 358 */
        max-width: 100%;
        height: auto;
        min-height: 0;
        margin: 0 auto;
        padding: 0;
        gap: 2rem; /* 32 */
        box-sizing: border-box;
        display: flex;
        flex-direction: column;
        align-items: center;
    }

    .section8-container {
        width: 22.375rem; /* 358 */
        max-width: 100%;
        min-height: 0;
        height: auto;
        display: flex;
        flex-direction: column;
        gap: 2rem; /* 32 */
        box-sizing: border-box;
    }

    .section8-header {
        width: 22.375rem; /* 358 */
        max-width: 100%;
        display: flex;
        flex-direction: column;
        gap: 2rem; /* 32 */
        box-sizing: border-box;
    }

    .section8-heading {
        width: 22.375rem; /* 358 */
        max-width: 100%;
        height: 3.75rem; /* 60 */
        min-height: 3.75rem;
        margin: 0;
        display: flex;
        align-items: center;
        justify-content: center;
        font-family: var(--font-heading);
        font-weight: 700;
        font-size: var(--font-h2);
        line-height: 125%;
        letter-spacing: -0.015em;
        text-align: center;
        text-transform: uppercase;
        color: #1E1F33;
        box-sizing: border-box;
    }

    .section8-subtitle {
        width: 22.375rem; /* 358 */
        max-width: 100%;
        height: auto;
        min-height: 0;
        margin: 0;
        font-family: var(--font-primary);
        font-weight: 700;
        font-size: 1rem;
        line-height: 150%;
        letter-spacing: 0;
        text-align: center;
        text-transform: uppercase;
        color: #171717;
        box-sizing: border-box;
    }

    .section8-row {
        width: 22.375rem; /* 358 */
        max-width: 100%;
        display: flex;
        flex-direction: column;
        align-items: stretch;
        gap: 2rem; /* 32 */
        box-sizing: border-box;
    }

    /* Background+Border+Shadow — frame hugs image (358 x 238, 404:269) */
    .section8-image {
        width: 22.375rem; /* 358 */
        max-width: 100%;
        height: 14.895rem; /* 238.32 — 269 × (358/404) */
        min-height: 14.895rem;
        flex: none;
        display: block;
        padding: 0;
        background: linear-gradient(135deg, #F5F5F5 0%, #E5E5E5 100%);
        border: 0.0625rem solid #E5E5E5;
        box-sizing: border-box;
        overflow: hidden;
        order: 1;
    }

    /* ChatGPT Image — section8 (404 x 269, full image, no crop) */
    .section8-img {
        display: block;
        width: 100%;
        height: 100%;
        object-fit: fill;
        object-position: center center;
    }

    .section8-content {
        width: 22.375rem; /* 358 */
        max-width: 100%;
        flex: none;
        min-height: 0;
        height: auto;
        display: flex;
        flex-direction: column;
        gap: 2rem; /* 32 */
        box-sizing: border-box;
        order: 2;
    }

    .section8-heading-text {
        width: 22.375rem; /* 358 */
        max-width: 100%;
        height: auto;
        min-height: 0;
        margin: 0;
        font-family: var(--font-heading);
        font-weight: 700;
        font-size: var(--font-h3);
        line-height: 125%;
        letter-spacing: -0.015em;
        text-transform: capitalize;
        color: #171717;
        box-sizing: border-box;
    }

    .section8-text {
        width: 22.375rem; /* 358 */
        max-width: 100%;
        height: auto;
        min-height: 0;
        margin: 0;
        font-family: var(--font-primary);
        font-weight: 400;
        font-size: 1rem;
        line-height: 150%;
        letter-spacing: 0;
        color: #05061C;
        box-sizing: border-box;
    }

    .section8-feature-box {
        width: 22.375rem; /* 358 */
        max-width: 100%;
        height: auto;
        min-height: 0;
        display: flex;
        flex-direction: column;
        gap: 0.5rem; /* 8 */
        padding: 2rem; /* 32 */
        background: #FFFFFF;
        box-shadow: 0 0.3125rem 0.9375rem 0 rgba(5, 6, 28, 0.1);
        box-sizing: border-box;
    }

    .section8-feature-heading {
        width: 100%;
        max-width: 100%;
        height: auto;
        min-height: 1.125rem; /* 18 */
        margin: 0;
        font-family: var(--font-heading);
        font-weight: 700;
        font-size: 1.125rem; /* paragraph large — 18px */
        line-height: 100%;
        letter-spacing: -0.025em;
        text-transform: uppercase;
        color: #171717;
        box-sizing: border-box;
    }

    .section8-feature-text {
        width: 100%;
        max-width: 100%;
        height: auto;
        min-height: 0;
        margin: 0;
        font-family: var(--font-primary);
        font-weight: 400;
        font-size: 1rem;
        line-height: 150%;
        color: #505160;
        box-sizing: border-box;
    }

    /* --------------------------------------------------------------------------
       Section 9 — min390 (390 x 852, gap 24, gradient border)
       Figma label: section4
       -------------------------------------------------------------------------- */
    .home-section9 {
        --font-h2: 1.5rem; /* h2 — 24px */
        --font-hero-large: 1.875rem; /* hero large text — 30px at min390 */
        --font-button-text: 1rem; /* button text — 16px */
        width: 24.375rem; /* 390 */
        max-width: 100%;
        min-height: 53.25rem; /* 852 */
        height: auto;
        margin: 0 auto;
        padding: 4rem 0; /* section + section padding — 64 */
        gap: 1.5rem; /* 24 */
        background: transparent;
        border: 0.0625rem solid transparent;
        border-image-source: linear-gradient(180deg, #05061C 0%, rgba(23, 28, 130, 0) 100%);
        border-image-slice: 1;
        box-sizing: border-box;
        display: flex;
        flex-direction: column;
        align-items: center;
        overflow: hidden;
        position: relative;
    }

    /* ChatGPT Image crop (1654 x 931) + gradient overlay */
    .section9-bg-image {
        position: absolute;
        top: 0;
        left: 50%;
        transform: translateX(-58%);
        width: 103.375rem; /* 1654 — Figma crop width */
        height: 100%;
        min-height: 53.25rem; /* 852 */
        overflow: hidden;
        z-index: 0;
    }

    .section9-bg-image img {
        display: block;
        width: 103.375rem; /* 1654 */
        height: 100%;
        min-height: 58.1875rem; /* 931 */
        max-width: none;
        object-fit: cover;
        object-position: left center;
    }

    .section9-bg-overlay {
        position: absolute;
        top: 0;
        left: 0;
        width: 100%;
        height: 100%;
        background: linear-gradient(180deg, rgba(18, 18, 39, 0) 0%, rgba(0, 0, 0, 0.8) 100%);
        pointer-events: none;
    }

    .home-section9-inner {
        width: 22.375rem; /* 358 */
        max-width: 100%;
        min-height: 45.25rem; /* 724 — 852 − 128 padding */
        height: auto;
        margin: 0 auto;
        padding: 0;
        gap: 1.5rem; /* 24 */
        box-sizing: border-box;
        display: flex;
        flex-direction: column;
        align-items: center;
        justify-content: flex-end;
        position: relative;
        z-index: 1;
    }

    .section9-container {
        width: 22.375rem; /* 358 */
        max-width: 100%;
        height: 19.875rem; /* 318 */
        min-height: 19.875rem;
        margin: 0;
        display: flex;
        flex-direction: column;
        gap: 1.5rem; /* 24 */
        background: transparent;
        box-sizing: border-box;
        flex-shrink: 0;
    }

    /* Heading 2 — BEREIT FÜR DIE ZUKUNFT? (358 x 80) */
    .section9-heading-wrap {
        width: 22.375rem; /* 358 */
        max-width: 100%;
        height: 5rem; /* 80 */
        min-height: 5rem;
        margin: 0;
        display: flex;
        align-items: center;
        justify-content: center;
        box-sizing: border-box;
        flex-shrink: 0;
    }

    .section9-heading {
        width: 12rem; /* 192 */
        max-width: 100%;
        height: 5rem; /* 80 */
        min-height: 5rem;
        margin: 0;
        display: flex;
        align-items: center;
        justify-content: center;
        font-family: var(--font-heading); /* Oswald */
        font-weight: 900;
        font-style: normal;
        font-size: var(--font-hero-large); /* hero large text — 30px */
        line-height: 125%;
        letter-spacing: -0.025em; /* -2.5% */
        text-align: center;
        text-transform: uppercase;
        color: #FFFFFF;
        box-sizing: border-box;
        flex-shrink: 0;
    }

    .section9-cta-group {
        width: 22.375rem; /* 358 */
        max-width: 100%;
        margin: 0;
        display: flex;
        flex-direction: column;
        align-items: center;
        gap: 1.5rem; /* 24 */
        box-sizing: border-box;
    }

    .section9-cta-wrap {
        width: 22.375rem; /* 358 */
        max-width: 100%;
        height: auto;
        min-height: 0;
        display: flex;
        justify-content: center;
        box-sizing: border-box;
    }

    /* Link — Jetzt Bestellen (295 x 96) */
    .section9-btn {
        display: inline-flex;
        align-items: center;
        justify-content: center;
        width: 18.4375rem; /* 295 */
        max-width: 100%;
        height: 6rem; /* 96 */
        min-height: 6rem;
        gap: 1rem; /* 16 */
        padding: 2rem 4rem; /* 32 64 */
        background: #0A0A0A;
        box-shadow: 0 0 3.125rem 0 #8397FB; /* 0 0 50px #8397FB */
        text-decoration: none;
        white-space: nowrap;
        box-sizing: border-box;
        flex-shrink: 0;
    }

    .section9-btn-text {
        font-family: var(--font-primary);
        font-weight: 800;
        font-size: var(--font-button-text);
        line-height: 100%;
        letter-spacing: 0;
        text-transform: capitalize;
        color: #FFFFFF;
    }

    .section9-subtext-wrap {
        width: auto;
        max-width: 22.375rem; /* 358 */
        height: auto;
        min-height: 2.875rem; /* 46 */
        margin: 0 auto;
        display: flex;
        flex-direction: row;
        flex-wrap: nowrap;
        align-items: flex-start;
        justify-content: flex-start;
        gap: 0.5rem; /* 8 */
        box-sizing: border-box;
        flex-shrink: 0;
    }

    /* Ellipse 1 — 16 x 16, aligned to first text line */
    .section9-subtext-dot {
        width: 1rem; /* 16 */
        height: 1rem;
        flex: 0 0 1rem;
        margin-top: 0.25rem; /* 4 — first line cap alignment */
        border-radius: 50%;
        background: #6DFACD; /* Accent1 */
        box-sizing: border-box;
    }

    .section9-subtext {
        width: auto;
        max-width: 20.375rem; /* 326 */
        height: auto;
        min-height: 0;
        margin: 0;
        font-family: var(--font-primary); /* Inter */
        font-weight: 700;
        font-style: normal;
        font-size: 1rem; /* paragraph — 16px */
        line-height: 150%;
        letter-spacing: 0;
        text-align: left;
        white-space: normal;
        color: #FFFFFF;
        box-sizing: border-box;
        flex: 0 1 auto;
    }
}