{"id":713,"date":"2026-04-12T08:56:37","date_gmt":"2026-04-12T08:56:37","guid":{"rendered":"https:\/\/uveekai.com\/uv-protection\/why-uv-protection\/"},"modified":"2026-04-26T17:39:05","modified_gmt":"2026-04-26T17:39:05","slug":"why-uv-protection","status":"publish","type":"page","link":"https:\/\/uveekai.com\/en\/uv-protection\/why-uv-protection\/","title":{"rendered":"Why UV Protection?"},"content":{"rendered":"<style>\n\/* \u2500\u2500 Why UV Protection Page Scoped Styles \u2500\u2500 *\/\n.uveekai-whyuv {\n    --uv-primary: #0369a1;\n    --uv-primary-dark: #075985;\n    --uv-heading: #18181b;\n    --uv-body: #3f3f46;\n    --uv-secondary: #71717a;\n    --uv-muted: #a1a1aa;\n    --uv-light-bg: #f4f4f5;\n    --uv-ocean-bg: #f0f9ff;\n    --uv-white: #ffffff;\n    --uv-success: #15803d;\n    --uv-success-light: #22c55e;\n    --uv-alert: #b82105;\n    --uv-max-width: 1290px;\n    color: var(--uv-body);\n    font-size: 17px;\n    line-height: 1.65;\n    -webkit-font-smoothing: antialiased;\n}\n.uveekai-whyuv *, .uveekai-whyuv *::before, .uveekai-whyuv *::after {\n    box-sizing: border-box;\n}\n.uveekai-whyuv p { margin-bottom: 16px; }\n.uveekai-whyuv p:last-child { margin-bottom: 0; }\n\n\/* \u2500\u2500 HERO (placeholder \u2014 not built yet) \u2500\u2500 *\/\n\n\/* \u2500\u2500 GRADIENT MESH BG \u2500\u2500 *\/\n.uveekai-whyuv .uv-gradient-mesh {\n    position: relative;\n    overflow: hidden;\n    background: linear-gradient(135deg, #fefefe 0%, #f8fafb 25%, #f0f7fa 50%, #faf5f0 75%, #fefefe 100%);\n}\n.uveekai-whyuv .uv-gradient-mesh::before {\n    content: '';\n    position: absolute;\n    top: -20%;\n    right: -10%;\n    width: 600px;\n    height: 600px;\n    background: radial-gradient(circle, rgba(3,105,161,0.04) 0%, transparent 70%);\n    pointer-events: none;\n}\n.uveekai-whyuv .uv-gradient-mesh::after {\n    content: '';\n    position: absolute;\n    bottom: -15%;\n    left: -5%;\n    width: 500px;\n    height: 500px;\n    background: radial-gradient(circle, rgba(21,128,61,0.04) 0%, transparent 70%);\n    pointer-events: none;\n}\n\n\/* \u2500\u2500 SHARED \u2500\u2500 *\/\n.uveekai-whyuv .uv-section-inner {\n    max-width: var(--uv-max-width);\n    margin: 0 auto;\n    padding: 0 48px 0 16px;\n    position: relative;\n    z-index: 2;\n}\n.uveekai-whyuv .uv-glass-card {\n    background: rgba(255,255,255,0.6);\n    backdrop-filter: blur(16px);\n    -webkit-backdrop-filter: blur(16px);\n    border: 1px solid rgba(255,255,255,0.8);\n    border-radius: 16px;\n    box-shadow: 0 4px 24px rgba(0,0,0,0.04), 0 1px 2px rgba(0,0,0,0.04);\n    transition: box-shadow 0.3s, transform 0.3s;\n}\n.uveekai-whyuv .uv-glass-card:hover {\n    box-shadow: 0 8px 40px rgba(0,0,0,0.08), 0 2px 4px rgba(0,0,0,0.04);\n}\n.uveekai-whyuv .uv-bg-number {\n    position: absolute;\n    font-size: 320px;\n    font-weight: 900;\n    color: rgba(0,0,0,0.02);\n    line-height: 1;\n    pointer-events: none;\n    z-index: 0;\n    letter-spacing: -10px;\n}\n.uveekai-whyuv .uv-eyebrow {\n    font-size: 12px;\n    font-weight: 700;\n    letter-spacing: 3px;\n    text-transform: uppercase;\n    margin-bottom: 16px;\n}\n.uveekai-whyuv .uv-eyebrow--green { color: var(--uv-success); }\n.uveekai-whyuv .uv-eyebrow--blue { color: var(--uv-primary); }\n.uveekai-whyuv .uv-section-title {\n    font-size: 44px;\n    font-weight: 800;\n    color: var(--uv-heading);\n    line-height: 1.1;\n    margin-bottom: 16px;\n}\n.uveekai-whyuv .uv-section-subtitle {\n    font-size: 18px;\n    color: var(--uv-secondary);\n    line-height: 1.6;\n    max-width: 640px;\n}\n.uveekai-whyuv .uv-icon-circle {\n    flex-shrink: 0;\n    width: 28px;\n    height: 28px;\n    border-radius: 50%;\n    display: flex;\n    align-items: center;\n    justify-content: center;\n}\n.uveekai-whyuv .uv-icon-circle--green {\n    background: rgba(21,128,61,0.1);\n    color: var(--uv-success);\n}\n.uveekai-whyuv .uv-icon-circle--red {\n    background: rgba(184,33,5,0.06);\n    color: var(--uv-alert);\n}\n.uveekai-whyuv .uv-icon-circle--blue {\n    background: rgba(3,105,161,0.08);\n    color: var(--uv-primary);\n}\n.uveekai-whyuv .uv-icon-circle svg {\n    width: 14px;\n    height: 14px;\n}\n\/* Check\/cross icons *\/\n.uveekai-whyuv .uv-icon-check, .uveekai-whyuv .uv-icon-cross {\n    flex-shrink: 0;\n    width: 24px;\n    height: 24px;\n    border-radius: 50%;\n    display: flex;\n    align-items: center;\n    justify-content: center;\n}\n.uveekai-whyuv .uv-icon-check {\n    background: rgba(21,128,61,0.1);\n    color: var(--uv-success);\n}\n.uveekai-whyuv .uv-icon-cross {\n    background: rgba(184,33,5,0.06);\n    color: var(--uv-alert);\n}\n.uveekai-whyuv .uv-icon-check svg, .uveekai-whyuv .uv-icon-cross svg {\n    width: 13px;\n    height: 13px;\n}\n.uveekai-whyuv .uv-quote-card {\n    background: rgba(255,255,255,0.5);\n    backdrop-filter: blur(12px);\n    -webkit-backdrop-filter: blur(12px);\n    border-left: 3px solid var(--uv-success);\n    border-radius: 0 12px 12px 0;\n    padding: 24px 32px;\n    font-size: 15px;\n    color: var(--uv-body);\n    line-height: 1.7;\n}\n.uveekai-whyuv .uv-quote-card cite {\n    display: block;\n    margin-top: 10px;\n    font-style: normal;\n    font-size: 13px;\n    font-weight: 600;\n    color: var(--uv-muted);\n}\n\n\/* \u2500\u2500 SECTION 2: SUNSCREEN PROBLEM (Option J v2: Hero Left + 2x2 Grid Right) \u2500\u2500 *\/\n\n\/* Ocean-to-sand palette \u2014 teal \u2192 sage \u2192 sand \u2192 amber *\/\n.uveekai-whyuv {\n    --ocean1-bg: #E6FFFA;\n    --ocean1-bg-deep: #D5F5F0;\n    --ocean1-accent: #0D9488;\n    --ocean1-icon-bg: rgba(13,148,136,0.12);\n    --ocean1-text: #115E59;\n    --ocean1-body: #134E4A;\n\n    --ocean2-bg: #ECFDF5;\n    --ocean2-bg-deep: #D1FAE5;\n    --ocean2-accent: #059669;\n    --ocean2-icon-bg: rgba(5,150,105,0.12);\n    --ocean2-text: #065F46;\n    --ocean2-body: #064E3B;\n\n    --ocean3-bg: #FEF9EF;\n    --ocean3-bg-deep: #FDF2DC;\n    --ocean3-accent: #B8860B;\n    --ocean3-icon-bg: rgba(184,134,11,0.12);\n    --ocean3-text: #78350F;\n    --ocean3-body: #6B3410;\n\n    --ocean4-bg: #FFF8EB;\n    --ocean4-bg-deep: #FEF0D5;\n    --ocean4-accent: #D97706;\n    --ocean4-icon-bg: rgba(217,119,6,0.12);\n    --ocean4-text: #92400E;\n    --ocean4-body: #7C2D12;\n}\n\n.uveekai-whyuv .uv-ge {\n    position: relative;\n    overflow: hidden;\n    padding: 104px 0;\n    background: linear-gradient(180deg, #ffffff 0%, #f8fafb 100%);\n}\n.uveekai-whyuv .uv-ge-inner {\n    max-width: var(--uv-max-width);\n    margin: 0 auto;\n    padding: 0 48px 0 16px;\n    position: relative;\n    z-index: 2;\n}\n\n\/* Header *\/\n.uveekai-whyuv .uv-ge-header {\n    text-align: center;\n    max-width: 680px;\n    margin: 0 auto 64px;\n}\n.uveekai-whyuv .uv-ge-eyebrow {\n    font-size: 12px;\n    font-weight: 700;\n    letter-spacing: 3px;\n    text-transform: uppercase;\n    color: var(--uv-primary);\n    margin-bottom: 16px;\n}\n.uveekai-whyuv .uv-ge-title {\n    font-size: 44px;\n    font-weight: 800;\n    color: var(--uv-heading);\n    line-height: 1.1;\n    margin-bottom: 20px;\n}\n.uveekai-whyuv .uv-ge-title em {\n    font-style: normal;\n    background: linear-gradient(135deg, var(--uv-primary), #0ea5e9);\n    -webkit-background-clip: text;\n    -webkit-text-fill-color: transparent;\n    background-clip: text;\n}\n.uveekai-whyuv .uv-ge-subtitle {\n    font-size: 18px;\n    color: var(--uv-secondary);\n    line-height: 1.6;\n}\n\n\/* Main Layout: Hero Left + 2x2 Grid Right *\/\n.uveekai-whyuv .uv-ge-layout {\n    display: grid;\n    grid-template-columns: 1fr 1fr;\n    grid-template-rows: 1fr;\n    gap: 16px;\n    margin-bottom: 16px;\n    align-items: stretch;\n}\n\n\/* Hero Stat Card (blue gradient, left column, full height) *\/\n.uveekai-whyuv .uv-ge-hero {\n    border-radius: 24px;\n    background: linear-gradient(135deg, #075985 0%, #0369a1 50%, #0ea5e9 100%);\n    color: white;\n    padding: 48px 44px;\n    display: flex;\n    flex-direction: column;\n    justify-content: space-between;\n    position: relative;\n    overflow: hidden;\n    transition: transform 0.3s ease, box-shadow 0.3s ease;\n}\n.uveekai-whyuv .uv-ge-hero:hover {\n    transform: translateY(-4px);\n    box-shadow: 0 24px 64px rgba(3,105,161,0.2);\n}\n.uveekai-whyuv .uv-ge-hero::before {\n    content: '';\n    position: absolute;\n    right: -80px;\n    top: -80px;\n    width: 320px;\n    height: 320px;\n    border-radius: 50%;\n    background: rgba(255,255,255,0.05);\n    pointer-events: none;\n}\n.uveekai-whyuv .uv-ge-hero::after {\n    content: '';\n    position: absolute;\n    left: -40px;\n    bottom: -60px;\n    width: 200px;\n    height: 200px;\n    border-radius: 50%;\n    background: rgba(255,255,255,0.03);\n    pointer-events: none;\n}\n.uveekai-whyuv .uv-ge-hero-sport {\n    display: inline-flex;\n    align-items: center;\n    gap: 8px;\n    background: rgba(255,255,255,0.12);\n    backdrop-filter: blur(8px);\n    padding: 6px 14px;\n    border-radius: 40px;\n    font-size: 12px;\n    font-weight: 700;\n    letter-spacing: 1.5px;\n    text-transform: uppercase;\n    width: fit-content;\n    margin-bottom: 16px;\n}\n.uveekai-whyuv .uv-ge-hero-sport svg {\n    width: 16px;\n    height: 16px;\n    stroke: white;\n    fill: none;\n}\n.uveekai-whyuv .uv-ge-hero-value {\n    font-size: 104px;\n    font-weight: 900;\n    line-height: 1;\n    letter-spacing: -4px;\n    opacity: 0.95;\n    position: relative;\n    z-index: 1;\n}\n.uveekai-whyuv .uv-ge-hero-label {\n    font-size: 17px;\n    font-weight: 600;\n    opacity: 0.9;\n    max-width: 380px;\n    line-height: 1.55;\n    margin-top: 12px;\n    position: relative;\n    z-index: 1;\n}\n.uveekai-whyuv .uv-ge-hero-source {\n    font-size: 12px;\n    opacity: 0.45;\n    margin-top: 20px;\n    position: relative;\n    z-index: 1;\n}\n\n\/* Right Column: 2x2 Grid of Issue Cards *\/\n.uveekai-whyuv .uv-ge-cards-grid {\n    display: grid;\n    grid-template-columns: 1fr 1fr;\n    grid-template-rows: 1fr 1fr;\n    gap: 16px;\n    height: 100%;\n}\n\n\/* Compact Issue Cards *\/\n.uveekai-whyuv .uv-ge-card {\n    border-radius: 16px;\n    padding: 20px 22px 18px;\n    position: relative;\n    overflow: hidden;\n    display: flex;\n    flex-direction: column;\n    transition: transform 0.3s ease, box-shadow 0.3s ease;\n}\n.uveekai-whyuv .uv-ge-card:hover {\n    transform: translateY(-3px) scale(1.01);\n    box-shadow: 0 12px 36px rgba(0,0,0,0.08);\n}\n.uveekai-whyuv .uv-ge-card::before {\n    content: '';\n    position: absolute;\n    inset: 0;\n    border-radius: 16px;\n    background: linear-gradient(135deg, rgba(255,255,255,0.5) 0%, rgba(255,255,255,0) 100%);\n    pointer-events: none;\n}\n.uveekai-whyuv .uv-ge-card-number {\n    position: absolute;\n    top: 8px;\n    right: 12px;\n    font-size: 44px;\n    font-weight: 900;\n    line-height: 1;\n    opacity: 0.06;\n    pointer-events: none;\n}\n\n\/* Icon + Heading on one line *\/\n.uveekai-whyuv .uv-ge-card-header {\n    display: flex;\n    align-items: center;\n    gap: 10px;\n    margin-bottom: 8px;\n    position: relative;\n    z-index: 1;\n}\n.uveekai-whyuv .uv-ge-card-icon {\n    width: 36px;\n    height: 36px;\n    border-radius: 10px;\n    display: flex;\n    align-items: center;\n    justify-content: center;\n    flex-shrink: 0;\n}\n.uveekai-whyuv .uv-ge-card-icon svg {\n    width: 18px;\n    height: 18px;\n    fill: none;\n    stroke-width: 2;\n    stroke-linecap: round;\n    stroke-linejoin: round;\n}\n.uveekai-whyuv .uv-ge-card-title {\n    font-size: 15px;\n    font-weight: 700;\n    line-height: 1.3;\n}\n.uveekai-whyuv .uv-ge-card-text {\n    font-size: 13px;\n    line-height: 1.55;\n    position: relative;\n    z-index: 1;\n    flex: 1;\n}\n.uveekai-whyuv .uv-ge-card-source {\n    font-size: 10px;\n    margin-top: 8px;\n    opacity: 0.55;\n    position: relative;\n    z-index: 1;\n}\n\n\/* Ocean Card 1: Light Teal *\/\n.uveekai-whyuv .uv-ge-card--o1 {\n    background: linear-gradient(160deg, var(--ocean1-bg) 0%, var(--ocean1-bg-deep) 100%);\n    border: 1px solid rgba(13,148,136,0.12);\n}\n.uveekai-whyuv .uv-ge-card--o1 .uv-ge-card-icon { background: var(--ocean1-icon-bg); }\n.uveekai-whyuv .uv-ge-card--o1 .uv-ge-card-icon svg { stroke: var(--ocean1-accent); }\n.uveekai-whyuv .uv-ge-card--o1 .uv-ge-card-title { color: var(--ocean1-text); }\n.uveekai-whyuv .uv-ge-card--o1 .uv-ge-card-text { color: var(--ocean1-body); }\n.uveekai-whyuv .uv-ge-card--o1 .uv-ge-card-number { color: var(--ocean1-accent); }\n\n\/* Ocean Card 2: Sage Green *\/\n.uveekai-whyuv .uv-ge-card--o2 {\n    background: linear-gradient(160deg, var(--ocean2-bg) 0%, var(--ocean2-bg-deep) 100%);\n    border: 1px solid rgba(5,150,105,0.10);\n}\n.uveekai-whyuv .uv-ge-card--o2 .uv-ge-card-icon { background: var(--ocean2-icon-bg); }\n.uveekai-whyuv .uv-ge-card--o2 .uv-ge-card-icon svg { stroke: var(--ocean2-accent); }\n.uveekai-whyuv .uv-ge-card--o2 .uv-ge-card-title { color: var(--ocean2-text); }\n.uveekai-whyuv .uv-ge-card--o2 .uv-ge-card-text { color: var(--ocean2-body); }\n.uveekai-whyuv .uv-ge-card--o2 .uv-ge-card-number { color: var(--ocean2-accent); }\n\n\/* Ocean Card 3: Warm Sand *\/\n.uveekai-whyuv .uv-ge-card--o3 {\n    background: linear-gradient(160deg, var(--ocean3-bg) 0%, var(--ocean3-bg-deep) 100%);\n    border: 1px solid rgba(184,134,11,0.10);\n}\n.uveekai-whyuv .uv-ge-card--o3 .uv-ge-card-icon { background: var(--ocean3-icon-bg); }\n.uveekai-whyuv .uv-ge-card--o3 .uv-ge-card-icon svg { stroke: var(--ocean3-accent); }\n.uveekai-whyuv .uv-ge-card--o3 .uv-ge-card-title { color: var(--ocean3-text); }\n.uveekai-whyuv .uv-ge-card--o3 .uv-ge-card-text { color: var(--ocean3-body); }\n.uveekai-whyuv .uv-ge-card--o3 .uv-ge-card-number { color: var(--ocean3-accent); }\n\n\/* Ocean Card 4: Soft Amber *\/\n.uveekai-whyuv .uv-ge-card--o4 {\n    background: linear-gradient(160deg, var(--ocean4-bg) 0%, var(--ocean4-bg-deep) 100%);\n    border: 1px solid rgba(217,119,6,0.10);\n}\n.uveekai-whyuv .uv-ge-card--o4 .uv-ge-card-icon { background: var(--ocean4-icon-bg); }\n.uveekai-whyuv .uv-ge-card--o4 .uv-ge-card-icon svg { stroke: var(--ocean4-accent); }\n.uveekai-whyuv .uv-ge-card--o4 .uv-ge-card-title { color: var(--ocean4-text); }\n.uveekai-whyuv .uv-ge-card--o4 .uv-ge-card-text { color: var(--ocean4-body); }\n.uveekai-whyuv .uv-ge-card--o4 .uv-ge-card-number { color: var(--ocean4-accent); }\n\n\/* Callout Bar *\/\n.uveekai-whyuv .uv-ge-callout {\n    border-radius: 20px;\n    overflow: hidden;\n    display: grid;\n    grid-template-columns: 1fr auto;\n    background: linear-gradient(135deg, rgba(21,97,46,0.06) 0%, rgba(3,105,161,0.06) 100%);\n    border: 1px solid rgba(21,128,61,0.12);\n    backdrop-filter: blur(8px);\n    -webkit-backdrop-filter: blur(8px);\n}\n.uveekai-whyuv .uv-ge-callout-main {\n    padding: 32px 36px;\n    display: flex;\n    align-items: center;\n    gap: 20px;\n}\n.uveekai-whyuv .uv-ge-callout-icon {\n    width: 52px;\n    height: 52px;\n    border-radius: 14px;\n    background: rgba(21,128,61,0.1);\n    display: flex;\n    align-items: center;\n    justify-content: center;\n    flex-shrink: 0;\n}\n.uveekai-whyuv .uv-ge-callout-icon svg {\n    width: 26px;\n    height: 26px;\n    stroke: var(--uv-success);\n    fill: none;\n}\n.uveekai-whyuv .uv-ge-callout-headline {\n    font-size: 17px;\n    font-weight: 800;\n    color: var(--uv-success);\n    margin-bottom: 4px;\n}\n.uveekai-whyuv .uv-ge-callout-text {\n    font-size: 15px;\n    color: var(--uv-body);\n    line-height: 1.5;\n}\n.uveekai-whyuv .uv-ge-callout-aside {\n    padding: 32px 28px;\n    background: rgba(21,128,61,0.06);\n    display: flex;\n    align-items: center;\n    max-width: 280px;\n    border-left: 1px solid rgba(21,128,61,0.1);\n}\n.uveekai-whyuv .uv-ge-callout-aside-text {\n    font-size: 13px;\n    color: var(--uv-secondary);\n    line-height: 1.55;\n    font-style: italic;\n}\n\n\/* Context paragraphs *\/\n.uveekai-whyuv .uv-ge-context {\n    margin-top: 48px;\n    max-width: 800px;\n    margin-left: auto;\n    margin-right: auto;\n    text-align: center;\n}\n.uveekai-whyuv .uv-ge-context p {\n    font-size: 16px;\n    color: var(--uv-body);\n    line-height: 1.75;\n    margin-bottom: 16px;\n}\n.uveekai-whyuv .uv-ge-context p strong { color: var(--uv-heading); }\n.uveekai-whyuv .uv-ge-context p:last-child { margin-bottom: 0; }\n\n\/* \u2500\u2500 SECTION 3: UVA vs UVB \u2500\u2500 *\/\n.uveekai-whyuv .uv-uvab {\n    position: relative;\n    overflow: hidden;\n    padding: 96px 48px;\n    background: linear-gradient(135deg, #fefefe 0%, #f8fafb 25%, #f0f7fa 50%, #faf5f0 75%, #fefefe 100%);\n}\n.uveekai-whyuv .uv-uvab::before {\n    content: '';\n    position: absolute;\n    top: -20%; right: -10%;\n    width: 600px; height: 600px;\n    background: radial-gradient(circle, rgba(3,105,161,0.04) 0%, transparent 70%);\n    pointer-events: none;\n}\n.uveekai-whyuv .uv-uvab::after {\n    content: '';\n    position: absolute;\n    bottom: -15%; left: -5%;\n    width: 500px; height: 500px;\n    background: radial-gradient(circle, rgba(21,128,61,0.04) 0%, transparent 70%);\n    pointer-events: none;\n}\n.uveekai-whyuv .uv-uvab-inner {\n    max-width: var(--uv-max-width);\n    margin: 0 auto;\n    position: relative;\n    z-index: 2;\n}\n.uveekai-whyuv .uv-uvab-bg-number {\n    position: absolute;\n    top: -40px; right: -20px;\n    font-size: 280px;\n    font-weight: 900;\n    color: rgba(0,0,0,0.02);\n    line-height: 1;\n    pointer-events: none;\n    z-index: 0;\n    letter-spacing: -10px;\n}\n.uveekai-whyuv .uv-uvab-header {\n    margin-bottom: 56px;\n}\n.uveekai-whyuv .uv-uvab-title {\n    font-size: 44px;\n    font-weight: 800;\n    color: var(--uv-heading);\n    margin-bottom: 16px;\n    line-height: 1.1;\n}\n.uveekai-whyuv .uv-uvab-subtitle {\n    font-size: 18px;\n    color: var(--uv-secondary);\n    max-width: 640px;\n    line-height: 1.6;\n}\n.uveekai-whyuv .uv-uvab-grid {\n    display: grid;\n    grid-template-columns: 1fr 1fr;\n    gap: 28px;\n    margin-bottom: 40px;\n}\n.uveekai-whyuv .uv-uvab-card {\n    padding: 36px 32px;\n    position: relative;\n    overflow: hidden;\n}\n.uveekai-whyuv .uv-uvab-card--uva {\n    border-top: 4px solid #7c3aed;\n}\n.uveekai-whyuv .uv-uvab-card--uvb {\n    border-top: 4px solid #dc2626;\n}\n.uveekai-whyuv .uv-uvab-card-label {\n    font-size: 32px;\n    font-weight: 900;\n    margin-bottom: 4px;\n}\n.uveekai-whyuv .uv-uvab-card--uva .uv-uvab-card-label { color: #7c3aed; }\n.uveekai-whyuv .uv-uvab-card--uvb .uv-uvab-card-label { color: #dc2626; }\n.uveekai-whyuv .uv-uvab-card-wavelength {\n    font-size: 13px;\n    color: var(--uv-muted);\n    margin-bottom: 20px;\n}\n.uveekai-whyuv .uv-uvab-card-percent {\n    font-size: 48px;\n    font-weight: 900;\n    line-height: 1;\n    margin-bottom: 4px;\n}\n.uveekai-whyuv .uv-uvab-card--uva .uv-uvab-card-percent { color: #7c3aed; }\n.uveekai-whyuv .uv-uvab-card--uvb .uv-uvab-card-percent { color: #dc2626; }\n.uveekai-whyuv .uv-uvab-card-percent-label {\n    font-size: 13px;\n    color: var(--uv-secondary);\n    margin-bottom: 24px;\n}\n.uveekai-whyuv .uv-uvab-card-body {\n    font-size: 15px;\n    color: var(--uv-body);\n    line-height: 1.7;\n    margin-bottom: 20px;\n}\n.uveekai-whyuv .uv-uvab-effects {\n    list-style: none;\n    margin: 0;\n    padding: 0;\n    display: flex;\n    flex-direction: column;\n    gap: 12px;\n}\n.uveekai-whyuv .uv-uvab-effect {\n    display: flex;\n    align-items: center;\n    gap: 12px;\n    font-size: 15px;\n    color: var(--uv-body);\n    line-height: 1.4;\n}\n.uveekai-whyuv .uv-uvab-effect-icon {\n    flex-shrink: 0;\n    width: 28px; height: 28px;\n    border-radius: 50%;\n    display: flex;\n    align-items: center;\n    justify-content: center;\n}\n.uveekai-whyuv .uv-uvab-card--uva .uv-uvab-effect-icon {\n    background: rgba(124,58,237,0.1);\n    color: #7c3aed;\n}\n.uveekai-whyuv .uv-uvab-card--uvb .uv-uvab-effect-icon {\n    background: rgba(220,38,38,0.08);\n    color: #dc2626;\n}\n.uveekai-whyuv .uv-uvab-effect-icon svg {\n    width: 14px; height: 14px;\n}\n.uveekai-whyuv .uv-uvab-note {\n    padding: 24px 32px;\n    background: rgba(255,255,255,0.5);\n    backdrop-filter: blur(12px);\n    -webkit-backdrop-filter: blur(12px);\n    border-left: 3px solid var(--uv-primary);\n    border-radius: 0 12px 12px 0;\n    font-size: 15px;\n    color: var(--uv-body);\n    line-height: 1.7;\n}\n.uveekai-whyuv .uv-uvab-note cite {\n    display: block;\n    margin-top: 10px;\n    font-style: normal;\n    font-size: 13px;\n    font-weight: 600;\n    color: var(--uv-muted);\n}\n\n\/* \u2500\u2500 SECTION 4: SPLIT-SCREEN COMPARISON \u2500\u2500 *\/\n.uveekai-whyuv .uv-s4 { padding: 96px 0; }\n.uveekai-whyuv .uv-s4 .uv-bg-number { top: -30px; left: -20px; }\n.uveekai-whyuv .uv-s4-header {\n    text-align: center;\n    margin-bottom: 56px;\n}\n.uveekai-whyuv .uv-s4-header .uv-section-subtitle { margin: 0 auto; }\n.uveekai-whyuv .uv-s4-compare {\n    display: grid;\n    grid-template-columns: 1fr auto 1fr;\n    gap: 0;\n    align-items: stretch;\n}\n.uveekai-whyuv .uv-s4-vs {\n    display: flex;\n    align-items: center;\n    justify-content: center;\n    z-index: 3;\n    padding: 0 8px;\n}\n.uveekai-whyuv .uv-s4-vs-badge {\n    width: 56px; height: 56px;\n    border-radius: 50%;\n    background: rgba(255,255,255,0.8);\n    backdrop-filter: blur(16px);\n    -webkit-backdrop-filter: blur(16px);\n    border: 2px solid rgba(255,255,255,0.9);\n    box-shadow: 0 4px 24px rgba(0,0,0,0.08);\n    display: flex;\n    align-items: center;\n    justify-content: center;\n    font-size: 16px;\n    font-weight: 900;\n    color: var(--uv-heading);\n    letter-spacing: 1px;\n}\n.uveekai-whyuv .uv-s4-card { padding: 40px 36px; }\n.uveekai-whyuv .uv-s4-card--bad {\n    background: rgba(255,255,255,0.35);\n    backdrop-filter: blur(12px);\n    -webkit-backdrop-filter: blur(12px);\n    border: 1px solid rgba(255,255,255,0.5);\n    border-radius: 16px 0 0 16px;\n    opacity: 0.85;\n}\n.uveekai-whyuv .uv-s4-card--good {\n    background: rgba(255,255,255,0.7);\n    backdrop-filter: blur(16px);\n    -webkit-backdrop-filter: blur(16px);\n    border: 1px solid rgba(21,128,61,0.12);\n    border-radius: 0 16px 16px 0;\n    box-shadow: 0 8px 40px rgba(21,128,61,0.08);\n}\n.uveekai-whyuv .uv-s4-card-header {\n    display: flex;\n    align-items: center;\n    gap: 16px;\n    margin-bottom: 28px;\n    padding-bottom: 20px;\n    border-bottom: 1px solid rgba(0,0,0,0.06);\n}\n.uveekai-whyuv .uv-s4-card-icon {\n    width: 52px; height: 52px;\n    border-radius: 14px;\n    display: flex;\n    align-items: center;\n    justify-content: center;\n    flex-shrink: 0;\n}\n.uveekai-whyuv .uv-s4-card--bad .uv-s4-card-icon { background: rgba(184,33,5,0.06); }\n.uveekai-whyuv .uv-s4-card--bad .uv-s4-card-icon svg { width: 26px; height: 26px; color: var(--uv-alert); }\n.uveekai-whyuv .uv-s4-card--good .uv-s4-card-icon { background: rgba(21,128,61,0.08); }\n.uveekai-whyuv .uv-s4-card--good .uv-s4-card-icon svg { width: 26px; height: 26px; color: var(--uv-success); }\n.uveekai-whyuv .uv-s4-card-label {\n    font-size: 11px;\n    font-weight: 700;\n    letter-spacing: 2px;\n    text-transform: uppercase;\n    margin-bottom: 4px;\n}\n.uveekai-whyuv .uv-s4-card--bad .uv-s4-card-label { color: var(--uv-alert); }\n.uveekai-whyuv .uv-s4-card--good .uv-s4-card-label { color: var(--uv-success); }\n.uveekai-whyuv .uv-s4-card-name {\n    font-size: 20px;\n    font-weight: 800;\n    color: var(--uv-heading);\n    line-height: 1.2;\n}\n.uveekai-whyuv .uv-s4-upf-badge {\n    display: inline-flex;\n    align-items: center;\n    gap: 8px;\n    padding: 10px 20px;\n    border-radius: 10px;\n    font-size: 15px;\n    font-weight: 800;\n    margin-bottom: 24px;\n}\n.uveekai-whyuv .uv-s4-card--bad .uv-s4-upf-badge {\n    background: rgba(184,33,5,0.06);\n    color: var(--uv-alert);\n    border: 1px solid rgba(184,33,5,0.1);\n}\n.uveekai-whyuv .uv-s4-card--good .uv-s4-upf-badge {\n    background: rgba(21,128,61,0.08);\n    color: var(--uv-success);\n    border: 1px solid rgba(21,128,61,0.12);\n}\n.uveekai-whyuv .uv-s4-points {\n    list-style: none;\n    display: flex;\n    flex-direction: column;\n    gap: 16px;\n    margin: 0;\n    padding: 0;\n}\n.uveekai-whyuv .uv-s4-point {\n    display: flex;\n    align-items: flex-start;\n    gap: 14px;\n    font-size: 15px;\n    line-height: 1.5;\n    color: var(--uv-body);\n}\n.uveekai-whyuv .uv-s4-source {\n    text-align: center;\n    margin-top: 32px;\n    font-size: 13px;\n    color: var(--uv-muted);\n}\n\n\/* \u2500\u2500 SECTION 5: 5 ADVANTAGES (Icon Grid) \u2500\u2500 *\/\n.uveekai-whyuv .uv-s5 { padding: 96px 0; }\n.uveekai-whyuv .uv-s5 .uv-bg-number { top: -30px; right: -30px; }\n.uveekai-whyuv .uv-s5-header { margin-bottom: 56px; }\n.uveekai-whyuv .uv-s5-grid {\n    display: grid;\n    grid-template-columns: repeat(5, 1fr);\n    gap: 20px;\n}\n.uveekai-whyuv .uv-s5-card {\n    padding: 32px 24px;\n    text-align: center;\n    transition: transform 0.2s ease, box-shadow 0.2s ease;\n}\n.uveekai-whyuv .uv-s5-card:hover {\n    transform: translateY(-4px);\n    box-shadow: 0 8px 32px rgba(0,0,0,0.08);\n}\n.uveekai-whyuv .uv-s5-card-icon {\n    width: 64px; height: 64px;\n    border-radius: 16px;\n    display: flex;\n    align-items: center;\n    justify-content: center;\n    margin: 0 auto 20px;\n}\n.uveekai-whyuv .uv-s5-card-icon--green {\n    background: linear-gradient(135deg, rgba(21,128,61,0.1) 0%, rgba(21,128,61,0.05) 100%);\n}\n.uveekai-whyuv .uv-s5-card-icon--blue {\n    background: linear-gradient(135deg, rgba(3,105,161,0.1) 0%, rgba(3,105,161,0.05) 100%);\n}\n.uveekai-whyuv .uv-s5-card-icon svg { width: 28px; height: 28px; }\n.uveekai-whyuv .uv-s5-card-number {\n    font-size: 11px;\n    font-weight: 700;\n    letter-spacing: 2px;\n    text-transform: uppercase;\n    color: var(--uv-muted);\n    margin-bottom: 12px;\n}\n.uveekai-whyuv .uv-s5-card-title {\n    font-size: 18px;\n    font-weight: 800;\n    color: var(--uv-heading);\n    margin-bottom: 8px;\n    line-height: 1.3;\n}\n.uveekai-whyuv .uv-s5-card-text {\n    font-size: 14px;\n    color: var(--uv-secondary);\n    line-height: 1.6;\n}\n\n\/* \u2500\u2500 SECTION 6: CUMULATIVE DAMAGE (Statistics) \u2500\u2500 *\/\n.uveekai-whyuv .uv-s6 { padding: 96px 0; }\n.uveekai-whyuv .uv-s6 .uv-bg-number { top: -20px; right: -40px; font-size: 240px; }\n.uveekai-whyuv .uv-s6-header { margin-bottom: 56px; }\n.uveekai-whyuv .uv-s6-stats {\n    display: grid;\n    grid-template-columns: repeat(4, 1fr);\n    gap: 20px;\n    margin-bottom: 48px;\n}\n.uveekai-whyuv .uv-s6-stat-card {\n    padding: 32px 24px;\n    text-align: center;\n}\n.uveekai-whyuv .uv-s6-stat-value {\n    font-size: 36px;\n    font-weight: 900;\n    line-height: 1;\n    margin-bottom: 8px;\n}\n.uveekai-whyuv .uv-s6-stat-value--alert { color: var(--uv-alert); }\n.uveekai-whyuv .uv-s6-stat-value--blue { color: var(--uv-primary); }\n.uveekai-whyuv .uv-s6-stat-value--green { color: var(--uv-success); }\n.uveekai-whyuv .uv-s6-stat-label {\n    font-size: 14px;\n    color: var(--uv-secondary);\n    line-height: 1.4;\n}\n.uveekai-whyuv .uv-s6-stat-source {\n    font-size: 11px;\n    color: var(--uv-muted);\n    margin-top: 8px;\n}\n\/* \u2500\u2500 SECTION 7: CTA \u2500\u2500 *\/\n.uveekai-whyuv .uv-s7 {\n    position: relative;\n    overflow: hidden;\n    padding: 120px 0;\n    background: linear-gradient(135deg, #064e3b 0%, #065f46 20%, #047857 40%, #0369a1 80%, #075985 100%);\n}\n.uveekai-whyuv .uv-s7::before {\n    content: '';\n    position: absolute;\n    top: -30%; right: -20%;\n    width: 800px; height: 800px;\n    background: radial-gradient(circle, rgba(255,255,255,0.06) 0%, transparent 70%);\n    pointer-events: none;\n}\n.uveekai-whyuv .uv-s7::after {\n    content: '';\n    position: absolute;\n    bottom: -40%; left: -10%;\n    width: 600px; height: 600px;\n    background: radial-gradient(circle, rgba(34,197,94,0.08) 0%, transparent 70%);\n    pointer-events: none;\n}\n.uveekai-whyuv .uv-s7 .uv-bg-number {\n    top: 50%; left: 50%;\n    transform: translate(-50%, -50%);\n    font-size: 400px;\n    color: rgba(255,255,255,0.03);\n}\n.uveekai-whyuv .uv-s7-inner {\n    max-width: 720px;\n    margin: 0 auto;\n    text-align: center;\n    position: relative;\n    z-index: 2;\n    padding: 0 48px;\n}\n.uveekai-whyuv .uv-s7-eyebrow {\n    font-size: 12px;\n    font-weight: 700;\n    letter-spacing: 3px;\n    text-transform: uppercase;\n    color: rgba(255,255,255,0.6);\n    margin-bottom: 20px;\n}\n.uveekai-whyuv .uv-s7-title {\n    font-size: 44px;\n    font-weight: 800;\n    color: var(--uv-white);\n    line-height: 1.15;\n    margin-bottom: 20px;\n}\n.uveekai-whyuv .uv-s7-subtitle {\n    font-size: 18px;\n    color: rgba(255,255,255,0.75);\n    line-height: 1.7;\n    margin-bottom: 40px;\n    max-width: 560px;\n    margin-left: auto;\n    margin-right: auto;\n}\n.uveekai-whyuv .uv-s7-seal {\n    display: inline-flex;\n    align-items: center;\n    gap: 12px;\n    padding: 12px 24px;\n    background: rgba(255,255,255,0.08);\n    backdrop-filter: blur(12px);\n    -webkit-backdrop-filter: blur(12px);\n    border: 1px solid rgba(255,255,255,0.15);\n    border-radius: 40px;\n    margin-bottom: 40px;\n}\n.uveekai-whyuv .uv-s7-seal-icon {\n    width: 36px; height: 36px;\n    border-radius: 50%;\n    background: rgba(34,197,94,0.2);\n    display: flex;\n    align-items: center;\n    justify-content: center;\n}\n.uveekai-whyuv .uv-s7-seal-icon svg { width: 18px; height: 18px; color: var(--uv-success-light); }\n.uveekai-whyuv .uv-s7-seal-text {\n    font-size: 14px;\n    font-weight: 700;\n    color: rgba(255,255,255,0.9);\n    letter-spacing: 0.5px;\n}\n.uveekai-whyuv .uv-s7-buttons {\n    display: flex;\n    gap: 16px;\n    justify-content: center;\n    flex-wrap: wrap;\n}\n.uveekai-whyuv .uv-s7-btn {\n    display: inline-flex;\n    align-items: center;\n    gap: 10px;\n    padding: 16px 36px;\n    border-radius: 12px;\n    font-size: 16px;\n    font-weight: 700;\n    text-decoration: none;\n    transition: transform 0.2s, box-shadow 0.2s;\n    cursor: pointer;\n    border: none;\n    font-family: inherit;\n}\n.uveekai-whyuv .uv-s7-btn:hover { transform: translateY(-2px); }\n.uveekai-whyuv .uv-s7-btn--primary {\n    background: linear-gradient(135deg, var(--uv-success-light) 0%, var(--uv-success) 100%);\n    color: var(--uv-white);\n    box-shadow: 0 4px 20px rgba(21,128,61,0.3);\n}\n.uveekai-whyuv .uv-s7-btn--primary:hover { box-shadow: 0 8px 32px rgba(21,128,61,0.4); }\n.uveekai-whyuv .uv-s7-btn--outline {\n    background: rgba(255,255,255,0.08);\n    backdrop-filter: blur(12px);\n    -webkit-backdrop-filter: blur(12px);\n    color: var(--uv-white);\n    border: 1px solid rgba(255,255,255,0.25);\n}\n.uveekai-whyuv .uv-s7-btn--outline:hover {\n    background: rgba(255,255,255,0.12);\n    border-color: rgba(255,255,255,0.4);\n}\n.uveekai-whyuv .uv-s7-btn svg { width: 18px; height: 18px; }\n\n\/* \u2500\u2500 SECTION 8: DISCLAIMER + SOURCES \u2500\u2500 *\/\n.uveekai-whyuv .uv-s8 { padding: 64px 0 80px; }\n.uveekai-whyuv .uv-s8-card {\n    padding: 40px 48px;\n    max-width: 960px;\n    margin: 0 auto;\n}\n.uveekai-whyuv .uv-s8-disclaimer {\n    display: flex;\n    gap: 20px;\n    align-items: flex-start;\n    margin-bottom: 32px;\n    padding-bottom: 32px;\n    border-bottom: 1px solid rgba(0,0,0,0.06);\n}\n.uveekai-whyuv .uv-s8-disclaimer-icon {\n    width: 44px; height: 44px;\n    border-radius: 12px;\n    background: rgba(3,105,161,0.06);\n    display: flex;\n    align-items: center;\n    justify-content: center;\n    flex-shrink: 0;\n}\n.uveekai-whyuv .uv-s8-disclaimer-icon svg { width: 22px; height: 22px; color: var(--uv-primary); }\n.uveekai-whyuv .uv-s8-disclaimer-title {\n    font-size: 16px;\n    font-weight: 700;\n    color: var(--uv-heading);\n    margin-bottom: 8px;\n}\n.uveekai-whyuv .uv-s8-disclaimer-text {\n    font-size: 14px;\n    color: var(--uv-secondary);\n    line-height: 1.7;\n}\n.uveekai-whyuv .uv-s8-disclaimer-text ul {\n    margin-top: 8px;\n    margin-left: 16px;\n}\n.uveekai-whyuv .uv-s8-disclaimer-text ul li { margin-bottom: 4px; }\n.uveekai-whyuv .uv-s8-sources-title {\n    font-size: 11px;\n    font-weight: 700;\n    letter-spacing: 2px;\n    text-transform: uppercase;\n    color: var(--uv-muted);\n    margin-bottom: 16px;\n}\n.uveekai-whyuv .uv-s8-sources-list {\n    list-style: none;\n    display: flex;\n    flex-direction: column;\n    gap: 8px;\n    margin: 0;\n    padding: 0;\n}\n.uveekai-whyuv .uv-s8-source {\n    display: flex;\n    align-items: flex-start;\n    gap: 10px;\n    font-size: 13px;\n    color: var(--uv-secondary);\n    line-height: 1.5;\n}\n.uveekai-whyuv .uv-s8-source-num {\n    flex-shrink: 0;\n    width: 22px; height: 22px;\n    border-radius: 6px;\n    background: rgba(0,0,0,0.04);\n    display: flex;\n    align-items: center;\n    justify-content: center;\n    font-size: 11px;\n    font-weight: 700;\n    color: var(--uv-muted);\n}\n\n\/* \u2550\u2550\u2550\u2550\u2550\u2550 RESPONSIVE: TABLET \u2550\u2550\u2550\u2550\u2550\u2550 *\/\n@media (max-width: 1024px) {\n    .uveekai-whyuv .uv-section-title { font-size: 36px; }\n    .uveekai-whyuv .uv-section-inner { padding: 0 32px; }\n    .uveekai-whyuv .uv-ge { padding: 40px 0 72px; }\n    .uveekai-whyuv .uv-ge-title { font-size: 36px; margin-bottom: 12px; }\n    .uveekai-whyuv .uv-ge-eyebrow { margin-bottom: 10px; }\n    .uveekai-whyuv .uv-ge-header { margin-bottom: 32px; }\n    .uveekai-whyuv .uv-ge-layout { grid-template-columns: 1fr; }\n    .uveekai-whyuv .uv-ge-hero { min-height: 260px; }\n    .uveekai-whyuv .uv-ge-hero-value { font-size: 80px; }\n    .uveekai-whyuv .uv-ge-cards-grid { grid-template-columns: 1fr 1fr; grid-template-rows: auto auto; }\n    .uveekai-whyuv .uv-ge-callout { grid-template-columns: 1fr; }\n    .uveekai-whyuv .uv-ge-callout-aside { max-width: none; border-left: none; border-top: 1px solid rgba(21,128,61,0.1); }\n    .uveekai-whyuv .uv-uvab { padding: 72px 32px; }\n    .uveekai-whyuv .uv-uvab-title { font-size: 36px; }\n    .uveekai-whyuv .uv-uvab-bg-number { font-size: 200px; }\n    .uveekai-whyuv .uv-s4-compare { grid-template-columns: 1fr auto 1fr; }\n    .uveekai-whyuv .uv-s5-grid { grid-template-columns: repeat(3, 1fr); }\n    .uveekai-whyuv .uv-s6-stats { grid-template-columns: repeat(2, 1fr); }\n    .uveekai-whyuv .uv-s7-title { font-size: 36px; }\n}\n\n\/* \u2550\u2550\u2550\u2550\u2550\u2550 RESPONSIVE: MOBILE \u2550\u2550\u2550\u2550\u2550\u2550 *\/\n@media (max-width: 767px) {\n    .uveekai-whyuv .uv-section-inner { padding: 0 24px; }\n    .uveekai-whyuv .uv-section-title { font-size: 28px; }\n    .uveekai-whyuv .uv-section-subtitle { font-size: 16px; }\n    .uveekai-whyuv .uv-bg-number { font-size: 180px; }\n    \/* S2 *\/\n    .uveekai-whyuv .uv-ge { padding: 56px 0; }\n    .uveekai-whyuv .uv-ge-inner { padding: 0 16px; }\n    .uveekai-whyuv .uv-ge-title { font-size: 28px; }\n    .uveekai-whyuv .uv-ge-subtitle { font-size: 16px; }\n    .uveekai-whyuv .uv-ge-header { margin-bottom: 32px; }\n    .uveekai-whyuv .uv-ge-layout { grid-template-columns: 1fr; gap: 12px; margin-bottom: 12px; }\n    .uveekai-whyuv .uv-ge-hero { min-height: auto; padding: 32px 24px; }\n    .uveekai-whyuv .uv-ge-hero-value { font-size: 60px; letter-spacing: -2px; }\n    .uveekai-whyuv .uv-ge-hero-label { font-size: 15px; max-width: 300px; }\n    .uveekai-whyuv .uv-ge-cards-grid { grid-template-columns: 1fr; grid-template-rows: auto; gap: 12px; }\n    .uveekai-whyuv .uv-ge-card { border-radius: 14px; padding: 18px 16px 16px; }\n    .uveekai-whyuv .uv-ge-card-number { font-size: 36px; }\n    .uveekai-whyuv .uv-ge-card-icon { width: 32px; height: 32px; }\n    .uveekai-whyuv .uv-ge-card-icon svg { width: 16px; height: 16px; }\n    .uveekai-whyuv .uv-ge-card-title { font-size: 14px; }\n    .uveekai-whyuv .uv-ge-card-text { font-size: 12px; }\n    .uveekai-whyuv .uv-ge-callout { grid-template-columns: 1fr; }\n    .uveekai-whyuv .uv-ge-callout-main { flex-direction: column; text-align: center; padding: 24px 20px; gap: 16px; }\n    .uveekai-whyuv .uv-ge-callout-aside { max-width: none; border-left: none; border-top: 1px solid rgba(21,128,61,0.1); justify-content: center; text-align: center; padding: 20px 24px; }\n    .uveekai-whyuv .uv-ge-context { margin-top: 32px; text-align: left; }\n    .uveekai-whyuv .uv-ge-context p { font-size: 15px; }\n    \/* S3 *\/\n    .uveekai-whyuv .uv-uvab { padding: 48px 20px; }\n    .uveekai-whyuv .uv-uvab-title { font-size: 28px; }\n    .uveekai-whyuv .uv-uvab-grid { grid-template-columns: 1fr; }\n    .uveekai-whyuv .uv-uvab-bg-number { font-size: 140px; }\n    .uveekai-whyuv .uv-uvab-card-percent { font-size: 36px; }\n    \/* S4 *\/\n    .uveekai-whyuv .uv-s4 { padding: 64px 0; }\n    .uveekai-whyuv .uv-s4-compare { grid-template-columns: 1fr; }\n    .uveekai-whyuv .uv-s4-vs { padding: 12px 0; }\n    .uveekai-whyuv .uv-s4-card--bad { border-radius: 16px 16px 0 0; }\n    .uveekai-whyuv .uv-s4-card--good { border-radius: 0 0 16px 16px; }\n    .uveekai-whyuv .uv-s4-card { padding: 32px 24px; }\n    \/* S5 *\/\n    .uveekai-whyuv .uv-s5 { padding: 64px 0; }\n    .uveekai-whyuv .uv-s5-grid { grid-template-columns: 1fr 1fr; }\n    .uveekai-whyuv .uv-s5-card:last-child { grid-column: 1 \/ -1; max-width: 300px; margin: 0 auto; }\n    \/* S6 *\/\n    .uveekai-whyuv .uv-s6 { padding: 64px 0; }\n    .uveekai-whyuv .uv-s6-stats { grid-template-columns: 1fr; }\n    \/* S7 *\/\n    .uveekai-whyuv .uv-s7 { padding: 80px 0; }\n    .uveekai-whyuv .uv-s7-inner { padding: 0 24px; }\n    .uveekai-whyuv .uv-s7-title { font-size: 28px; }\n    .uveekai-whyuv .uv-s7-subtitle { font-size: 16px; }\n    .uveekai-whyuv .uv-s7-buttons { flex-direction: column; align-items: center; }\n    .uveekai-whyuv .uv-s7-btn { width: 100%; max-width: 320px; justify-content: center; }\n    .uveekai-whyuv .uv-s7 .uv-bg-number { font-size: 200px; }\n    \/* S8 *\/\n    .uveekai-whyuv .uv-s8 { padding: 48px 0 64px; }\n    .uveekai-whyuv .uv-s8-card { padding: 28px 24px; }\n    .uveekai-whyuv .uv-s8-disclaimer { flex-direction: column; }\n}\n<\/style>\n\n<div class=\"uveekai-whyuv\">\n\n<!-- \u2550\u2550\u2550 SECTION 1: HERO (placeholder \u2014 not built yet) \u2550\u2550\u2550 -->\n\n<!-- \u2550\u2550\u2550 SECTION 2: THE SUNSCREEN PROBLEM (Option J v2: Hero Left + 2x2 Grid) \u2550\u2550\u2550 -->\n<section class=\"uv-ge\">\n    <div class=\"uv-ge-inner\">\n\n        <!-- Header -->\n        <div class=\"uv-ge-header\">\n            <div class=\"uv-ge-eyebrow\">Sunscreen + UV Clothing<\/div>\n            <h2 class=\"uv-ge-title\">Why Sunscreen <em>Alone<\/em> Isn't Enough<\/h2>\n            <p class=\"uv-ge-subtitle\">Sunscreen is an essential part of sun protection. In practice, however, there are systematic weak points.<\/p>\n        <\/div>\n\n        <!-- Main Layout: Hero Left + 2x2 Cards Right -->\n        <div class=\"uv-ge-layout\">\n\n            <!-- Hero Stat Card (blue gradient, left column) -->\n            <div class=\"uv-ge-hero\">\n                <div>\n                    <div class=\"uv-ge-hero-sport\">\n                        <svg viewBox=\"0 0 24 24\" stroke-width=\"2\" stroke-linecap=\"round\" fill=\"none\"><path d=\"M13 2L3 14h9l-1 8 10-12h-9l1-8z\"\/><\/svg>\n                        Trail Running                    <\/div>\n                    <div class=\"uv-ge-hero-value\">49.7%<\/div>\n                    <div class=\"uv-ge-hero-label\">of athletes do not reapply sunscreen during exercise &mdash; even though dermatologists recommend every 2&nbsp;hours.<\/div>\n                <\/div>\n                <div class=\"uv-ge-hero-source\">Buller et al. 2022<\/div>\n            <\/div>\n\n            <!-- 2x2 Issue Cards Grid (right column) -->\n            <div class=\"uv-ge-cards-grid\">\n                                <div class=\"uv-ge-card uv-ge-card--o1\">\n                    <div class=\"uv-ge-card-number\">01<\/div>\n                    <div class=\"uv-ge-card-header\">\n                        <div class=\"uv-ge-card-icon\">\n                            <svg viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\" stroke-linecap=\"round\"><path d=\"M10.29 3.86L1.82 18a2 2 0 001.71 3h16.94a2 2 0 001.71-3L13.71 3.86a2 2 0 00-3.42 0z\"\/><line x1=\"12\" y1=\"9\" x2=\"12\" y2=\"13\"\/><line x1=\"12\" y1=\"17\" x2=\"12.01\" y2=\"17\"\/><\/svg>                        <\/div>\n                        <div class=\"uv-ge-card-title\">Application Gap<\/div>\n                    <\/div>\n                    <div class=\"uv-ge-card-text\">Studies show most people apply significantly less sunscreen than recommended.<\/div>\n                                        <div class=\"uv-ge-card-source\">Autier et al. 2007<\/div>\n                                    <\/div>\n                                <div class=\"uv-ge-card uv-ge-card--o2\">\n                    <div class=\"uv-ge-card-number\">02<\/div>\n                    <div class=\"uv-ge-card-header\">\n                        <div class=\"uv-ge-card-icon\">\n                            <svg viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\" stroke-linecap=\"round\"><circle cx=\"12\" cy=\"12\" r=\"10\"\/><polyline points=\"12 6 12 12 16 14\"\/><\/svg>                        <\/div>\n                        <div class=\"uv-ge-card-title\">Reapplication During Sport<\/div>\n                    <\/div>\n                    <div class=\"uv-ge-card-text\">Nearly half of athletes do not reapply sunscreen during exercise &mdash; even though every 2 hours is recommended.<\/div>\n                                        <div class=\"uv-ge-card-source\">Buller et al. 2022<\/div>\n                                    <\/div>\n                                <div class=\"uv-ge-card uv-ge-card--o3\">\n                    <div class=\"uv-ge-card-number\">03<\/div>\n                    <div class=\"uv-ge-card-header\">\n                        <div class=\"uv-ge-card-icon\">\n                            <svg viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\" stroke-linecap=\"round\"><path d=\"M12 2.69l5.66 5.66a8 8 0 11-11.31 0z\"\/><\/svg>                        <\/div>\n                        <div class=\"uv-ge-card-title\">External Factors<\/div>\n                    <\/div>\n                    <div class=\"uv-ge-card-text\">Sunscreen can be reduced by water, sweat, sand or abrasion.<\/div>\n                                    <\/div>\n                                <div class=\"uv-ge-card uv-ge-card--o4\">\n                    <div class=\"uv-ge-card-number\">04<\/div>\n                    <div class=\"uv-ge-card-header\">\n                        <div class=\"uv-ge-card-icon\">\n                            <svg viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\" stroke-linecap=\"round\"><path d=\"M17 8C8 10 5.9 16.17 3.82 21.34L5.71 22l1.68-4C11.69 16 15 14 17 8z\"\/><path d=\"M17 8c4.22 0 6-3 6-3s-3.13-1.21-6.16 0A11.23 11.23 0 0017 8z\"\/><\/svg>                        <\/div>\n                        <div class=\"uv-ge-card-title\">Environmental Consideration<\/div>\n                    <\/div>\n                    <div class=\"uv-ge-card-text\">Less sunscreen usage can reduce the potential burden on water bodies.<\/div>\n                                    <\/div>\n                            <\/div>\n\n        <\/div>\n\n        <!-- Callout Bar -->\n        <div class=\"uv-ge-callout\">\n            <div class=\"uv-ge-callout-main\">\n                <div class=\"uv-ge-callout-icon\">\n                    <svg viewBox=\"0 0 24 24\" stroke-width=\"2\" stroke-linecap=\"round\" fill=\"none\"><path d=\"M12 22s8-4 8-10V5l-8-3-8 3v7c0 6 8 10 8 10z\"\/><\/svg>\n                <\/div>\n                <div>\n                    <div class=\"uv-ge-callout-headline\">Sunscreen + UV clothing = optimal protection.<\/div>\n                    <div class=\"uv-ge-callout-text\">UV protection clothing provides an additional, reliable layer of protection &mdash; independent of application amount, sweat or water.<\/div>\n                <\/div>\n            <\/div>\n            <div class=\"uv-ge-callout-aside\">\n                <div class=\"uv-ge-callout-aside-text\">Sunscreen remains essential on uncovered skin areas.<\/div>\n            <\/div>\n        <\/div>\n\n        <!-- Context Paragraphs -->\n        <div class=\"uv-ge-context\">\n            <p>Sunscreen is an essential part of sun protection. In practice, its effectiveness depends heavily on correct application. <strong>Studies show that most people apply significantly less sunscreen than recommended<\/strong> (Autier et al. 2007).<\/p>\n            <p>The SPF value quantifies UVB protection. UPF values measure protection against <strong>both UVA and UVB simultaneously<\/strong>. Note: EU broad-spectrum sunscreens also provide UVA protection.<\/p>\n        <\/div>\n\n    <\/div>\n<\/section>\n\n<!-- \u2550\u2550\u2550 SECTION 3: UVA vs UVB \u2550\u2550\u2550 -->\n<section class=\"uv-uvab\">\n    <div class=\"uv-uvab-inner\">\n        <div class=\"uv-uvab-bg-number\">UV<\/div>\n        <div class=\"uv-uvab-header\">\n            <div class=\"uv-eyebrow uv-eyebrow--blue\">UV Radiation<\/div>\n            <h2 class=\"uv-uvab-title\">Invisible. But Not Harmless.<\/h2>\n            <p class=\"uv-uvab-subtitle\">Ultraviolet radiation consists of two types that affect the skin in different ways. Both contribute to skin damage \u2014 but in different ways.<\/p>\n        <\/div>\n\n        <div class=\"uv-uvab-grid\">\n            <!-- UVA Card -->\n            <div class=\"uv-uvab-card uv-uvab-card--uva uv-glass-card\">\n                <div class=\"uv-uvab-card-label\">UVA<\/div>\n                <div class=\"uv-uvab-card-wavelength\">315-400 nm wavelength<\/div>\n                <div class=\"uv-uvab-card-percent\">~95%<\/div>\n                <div class=\"uv-uvab-card-percent-label\">of UV radiation reaching Earth<\/div>\n                <p class=\"uv-uvab-card-body\">UVA rays penetrate deep into the dermis. They are present year-round, penetrate clouds and glass, and are the main cause of premature skin aging.<\/p>\n                <ul class=\"uv-uvab-effects\">\n                                        <li class=\"uv-uvab-effect\">\n                        <span class=\"uv-uvab-effect-icon\">\n                            <svg viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2.5\" stroke-linecap=\"round\"><line x1=\"18\" y1=\"6\" x2=\"6\" y2=\"18\"\/><line x1=\"6\" y1=\"6\" x2=\"18\" y2=\"18\"\/><\/svg>\n                        <\/span>\n                        <span>Premature skin aging (photoaging)<\/span>\n                    <\/li>\n                                        <li class=\"uv-uvab-effect\">\n                        <span class=\"uv-uvab-effect-icon\">\n                            <svg viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2.5\" stroke-linecap=\"round\"><line x1=\"18\" y1=\"6\" x2=\"6\" y2=\"18\"\/><line x1=\"6\" y1=\"6\" x2=\"18\" y2=\"18\"\/><\/svg>\n                        <\/span>\n                        <span>Penetrates deep into the dermis<\/span>\n                    <\/li>\n                                        <li class=\"uv-uvab-effect\">\n                        <span class=\"uv-uvab-effect-icon\">\n                            <svg viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2.5\" stroke-linecap=\"round\"><line x1=\"18\" y1=\"6\" x2=\"6\" y2=\"18\"\/><line x1=\"6\" y1=\"6\" x2=\"18\" y2=\"18\"\/><\/svg>\n                        <\/span>\n                        <span>Present year-round, even through clouds<\/span>\n                    <\/li>\n                                        <li class=\"uv-uvab-effect\">\n                        <span class=\"uv-uvab-effect-icon\">\n                            <svg viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2.5\" stroke-linecap=\"round\"><line x1=\"18\" y1=\"6\" x2=\"6\" y2=\"18\"\/><line x1=\"6\" y1=\"6\" x2=\"18\" y2=\"18\"\/><\/svg>\n                        <\/span>\n                        <span>Increases long-term UV-related skin damage<\/span>\n                    <\/li>\n                                    <\/ul>\n            <\/div>\n\n            <!-- UVB Card -->\n            <div class=\"uv-uvab-card uv-uvab-card--uvb uv-glass-card\">\n                <div class=\"uv-uvab-card-label\">UVB<\/div>\n                <div class=\"uv-uvab-card-wavelength\">280-315 nm wavelength<\/div>\n                <div class=\"uv-uvab-card-percent\">~5%<\/div>\n                <div class=\"uv-uvab-card-percent-label\">of UV radiation reaching Earth<\/div>\n                <p class=\"uv-uvab-card-body\">UVB rays are the primary cause of sunburn and directly damage the DNA in skin cells. They are strongest at midday and in summer.<\/p>\n                <ul class=\"uv-uvab-effects\">\n                                        <li class=\"uv-uvab-effect\">\n                        <span class=\"uv-uvab-effect-icon\">\n                            <svg viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2.5\" stroke-linecap=\"round\"><line x1=\"18\" y1=\"6\" x2=\"6\" y2=\"18\"\/><line x1=\"6\" y1=\"6\" x2=\"18\" y2=\"18\"\/><\/svg>\n                        <\/span>\n                        <span>Sunburn (erythema)<\/span>\n                    <\/li>\n                                        <li class=\"uv-uvab-effect\">\n                        <span class=\"uv-uvab-effect-icon\">\n                            <svg viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2.5\" stroke-linecap=\"round\"><line x1=\"18\" y1=\"6\" x2=\"6\" y2=\"18\"\/><line x1=\"6\" y1=\"6\" x2=\"18\" y2=\"18\"\/><\/svg>\n                        <\/span>\n                        <span>Direct DNA damage in skin cells<\/span>\n                    <\/li>\n                                        <li class=\"uv-uvab-effect\">\n                        <span class=\"uv-uvab-effect-icon\">\n                            <svg viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2.5\" stroke-linecap=\"round\"><line x1=\"18\" y1=\"6\" x2=\"6\" y2=\"18\"\/><line x1=\"6\" y1=\"6\" x2=\"18\" y2=\"18\"\/><\/svg>\n                        <\/span>\n                        <span>Primary cause of cellular skin damage<\/span>\n                    <\/li>\n                                        <li class=\"uv-uvab-effect\">\n                        <span class=\"uv-uvab-effect-icon\">\n                            <svg viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2.5\" stroke-linecap=\"round\"><line x1=\"18\" y1=\"6\" x2=\"6\" y2=\"18\"\/><line x1=\"6\" y1=\"6\" x2=\"18\" y2=\"18\"\/><\/svg>\n                        <\/span>\n                        <span>Strongest at midday and in summer<\/span>\n                    <\/li>\n                                    <\/ul>\n            <\/div>\n        <\/div>\n\n        <div class=\"uv-uvab-note\">\n            <strong>UPF measures protection against both UVA and UVB.<\/strong> UV protection clothing blocks both types of radiation simultaneously \u2014 without reapplication, independent of sweat or water.            <cite>\u2014 D&#039;Orazio et al. 2013, International Journal of Molecular Sciences<\/cite>\n        <\/div>\n    <\/div>\n<\/section>\n\n<!-- \u2550\u2550\u2550 SECTION 4: SPLIT-SCREEN COMPARISON \u2550\u2550\u2550 -->\n<section class=\"uv-s4 uv-gradient-mesh\">\n    <div class=\"uv-bg-number\" style=\"top:-30px; left:-20px;\">VS<\/div>\n    <div class=\"uv-section-inner\">\n        <div class=\"uv-s4-header\">\n            <div class=\"uv-eyebrow uv-eyebrow--green\">The Difference<\/div>\n            <h2 class=\"uv-section-title\">Not All Clothing Protects Equally<\/h2>\n            <p class=\"uv-section-subtitle\">A regular cotton T-shirt provides surprisingly little UV protection. The difference to certified UV protection clothing is enormous.<\/p>\n        <\/div>\n\n        <div class=\"uv-s4-compare\">\n            <!-- Bad side -->\n            <div class=\"uv-s4-card uv-s4-card--bad\">\n                <div class=\"uv-s4-card-header\">\n                    <div class=\"uv-s4-card-icon\">\n                        <svg viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\"><circle cx=\"12\" cy=\"12\" r=\"10\"\/><line x1=\"15\" y1=\"9\" x2=\"9\" y2=\"15\"\/><line x1=\"9\" y1=\"9\" x2=\"15\" y2=\"15\"\/><\/svg>\n                    <\/div>\n                    <div>\n                        <div class=\"uv-s4-card-label\">Unprotected<\/div>\n                        <div class=\"uv-s4-card-name\">Regular White Cotton T-Shirt<\/div>\n                    <\/div>\n                <\/div>\n                <div class=\"uv-s4-upf-badge\">\n                    <svg width=\"16\" height=\"16\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2.5\"><path d=\"M12 9v4m0 4h.01M12 2l9 4.5v5c0 5.25-3.75 10.08-9 11.5-5.25-1.42-9-6.25-9-11.5v-5L12 2z\"\/><\/svg>\n                    UPF 5\n                <\/div>\n                <ul class=\"uv-s4-points\">\n                                        <li class=\"uv-s4-point\">\n                        <span class=\"uv-icon-circle uv-icon-circle--red\">\n                            <svg viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2.5\" stroke-linecap=\"round\"><line x1=\"18\" y1=\"6\" x2=\"6\" y2=\"18\"\/><line x1=\"6\" y1=\"6\" x2=\"18\" y2=\"18\"\/><\/svg>\n                        <\/span>\n                        <span><strong style=\"color:var(--uv-heading)\">80% of UV radiation<\/strong> penetrates the fabric<\/span>\n                    <\/li>\n                                        <li class=\"uv-s4-point\">\n                        <span class=\"uv-icon-circle uv-icon-circle--red\">\n                            <svg viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2.5\" stroke-linecap=\"round\"><line x1=\"18\" y1=\"6\" x2=\"6\" y2=\"18\"\/><line x1=\"6\" y1=\"6\" x2=\"18\" y2=\"18\"\/><\/svg>\n                        <\/span>\n                        <span>When wet, protection drops to <strong style=\"color:var(--uv-alert)\">UPF 3<\/strong><\/span>\n                    <\/li>\n                                        <li class=\"uv-s4-point\">\n                        <span class=\"uv-icon-circle uv-icon-circle--red\">\n                            <svg viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2.5\" stroke-linecap=\"round\"><line x1=\"18\" y1=\"6\" x2=\"6\" y2=\"18\"\/><line x1=\"6\" y1=\"6\" x2=\"18\" y2=\"18\"\/><\/svg>\n                        <\/span>\n                        <span>Stretching opens gaps in the weave<\/span>\n                    <\/li>\n                                        <li class=\"uv-s4-point\">\n                        <span class=\"uv-icon-circle uv-icon-circle--red\">\n                            <svg viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2.5\" stroke-linecap=\"round\"><line x1=\"18\" y1=\"6\" x2=\"6\" y2=\"18\"\/><line x1=\"6\" y1=\"6\" x2=\"18\" y2=\"18\"\/><\/svg>\n                        <\/span>\n                        <span>No standardized UV test<\/span>\n                    <\/li>\n                                    <\/ul>\n            <\/div>\n\n            <!-- VS Badge -->\n            <div class=\"uv-s4-vs\">\n                <div class=\"uv-s4-vs-badge\">VS<\/div>\n            <\/div>\n\n            <!-- Good side -->\n            <div class=\"uv-s4-card uv-s4-card--good\">\n                <div class=\"uv-s4-card-header\">\n                    <div class=\"uv-s4-card-icon\">\n                        <svg viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\"><path d=\"M12 2l9 4.5v5c0 5.25-3.75 10.08-9 11.5-5.25-1.42-9-6.25-9-11.5v-5L12 2z\"\/><path d=\"M9 12l2 2 4-4\"\/><\/svg>\n                    <\/div>\n                    <div>\n                        <div class=\"uv-s4-card-label\">Certified<\/div>\n                        <div class=\"uv-s4-card-name\">UVEEKAI UV Protection Clothing<\/div>\n                    <\/div>\n                <\/div>\n                <div class=\"uv-s4-upf-badge\">\n                    <svg width=\"16\" height=\"16\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2.5\"><path d=\"M12 2l9 4.5v5c0 5.25-3.75 10.08-9 11.5-5.25-1.42-9-6.25-9-11.5v-5L12 2z\"\/><path d=\"M9 12l2 2 4-4\"\/><\/svg>\n                    UPF 80\n                <\/div>\n                <ul class=\"uv-s4-points\">\n                                        <li class=\"uv-s4-point\">\n                        <span class=\"uv-icon-circle uv-icon-circle--green\">\n                            <svg viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2.5\" stroke-linecap=\"round\"><polyline points=\"20 6 9 17 4 12\"\/><\/svg>\n                        <\/span>\n                        <span><strong style=\"color:var(--uv-heading)\">80x natural protection<\/strong> of the skin<\/span>\n                    <\/li>\n                                        <li class=\"uv-s4-point\">\n                        <span class=\"uv-icon-circle uv-icon-circle--green\">\n                            <svg viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2.5\" stroke-linecap=\"round\"><polyline points=\"20 6 9 17 4 12\"\/><\/svg>\n                        <\/span>\n                        <span>Certified <strong style=\"color:var(--uv-success)\">wet, stretched and worn<\/strong><\/span>\n                    <\/li>\n                                        <li class=\"uv-s4-point\">\n                        <span class=\"uv-icon-circle uv-icon-circle--green\">\n                            <svg viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2.5\" stroke-linecap=\"round\"><polyline points=\"20 6 9 17 4 12\"\/><\/svg>\n                        <\/span>\n                        <span>Dense yarn structure blocks UV rays<\/span>\n                    <\/li>\n                                        <li class=\"uv-s4-point\">\n                        <span class=\"uv-icon-circle uv-icon-circle--green\">\n                            <svg viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2.5\" stroke-linecap=\"round\"><polyline points=\"20 6 9 17 4 12\"\/><\/svg>\n                        <\/span>\n                        <span>Tested under <strong style=\"color:var(--uv-success)\">UV STANDARD 801<\/strong> \u2014 the strictest standard worldwide<\/span>\n                    <\/li>\n                                    <\/ul>\n            <\/div>\n        <\/div>\n\n        <p class=\"uv-s4-source\">Source: Crews et al. 2001 \u2014 &quot;Evaluation of Sun Protection of Textiles&quot;<\/p>\n    <\/div>\n<\/section>\n\n<!-- \u2550\u2550\u2550 SECTION 5: 5 ADVANTAGES \u2550\u2550\u2550 -->\n<section class=\"uv-s5 uv-gradient-mesh\">\n    <div class=\"uv-bg-number\" style=\"top:-30px; right:-30px;\">05<\/div>\n    <div class=\"uv-section-inner\">\n        <div class=\"uv-s5-header\">\n            <div class=\"uv-eyebrow uv-eyebrow--green\">Advantages<\/div>\n            <h2 class=\"uv-section-title\">Five Reasons for UV Protection Clothing<\/h2>\n            <p class=\"uv-section-subtitle\">Why more and more outdoor athletes and sun-conscious people are choosing UV protection clothing.<\/p>\n        <\/div>\n\n        <div class=\"uv-s5-grid\">\n                        <div class=\"uv-s5-card uv-glass-card\">\n                <div class=\"uv-s5-card-icon uv-s5-card-icon--green\">\n                    <svg viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"#15803d\" stroke-width=\"2\" stroke-linecap=\"round\"><polygon points=\"13 2 3 14 12 14 11 22 21 10 12 10 13 2\"\/><\/svg>                <\/div>\n                <div class=\"uv-s5-card-number\">01<\/div>\n                <div class=\"uv-s5-card-title\">Instant Protection<\/div>\n                <div class=\"uv-s5-card-text\">Put on and protected. No waiting time, no application errors, no forgotten spots.<\/div>\n            <\/div>\n                        <div class=\"uv-s5-card uv-glass-card\">\n                <div class=\"uv-s5-card-icon uv-s5-card-icon--green\">\n                    <svg viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"#15803d\" stroke-width=\"2\" stroke-linecap=\"round\"><path d=\"M12 22s8-4 8-10V5l-8-3-8 3v7c0 6 8 10 8 10z\"\/><\/svg>                <\/div>\n                <div class=\"uv-s5-card-number\">02<\/div>\n                <div class=\"uv-s5-card-title\">Continuous Protection<\/div>\n                <div class=\"uv-s5-card-text\">All day, without reapplication. Protection does not decrease through sweat, water or time.<\/div>\n            <\/div>\n                        <div class=\"uv-s5-card uv-glass-card\">\n                <div class=\"uv-s5-card-icon uv-s5-card-icon--blue\">\n                    <svg viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"#0369a1\" stroke-width=\"2\" stroke-linecap=\"round\"><polygon points=\"12 2 2 7 12 12 22 7 12 2\"\/><polyline points=\"2 17 12 22 22 17\"\/><polyline points=\"2 12 12 17 22 12\"\/><\/svg>                <\/div>\n                <div class=\"uv-s5-card-number\">03<\/div>\n                <div class=\"uv-s5-card-title\">Uniform Protection<\/div>\n                <div class=\"uv-s5-card-text\">The same protection level everywhere. No thin spots, no missed areas.<\/div>\n            <\/div>\n                        <div class=\"uv-s5-card uv-glass-card\">\n                <div class=\"uv-s5-card-icon uv-s5-card-icon--green\">\n                    <svg viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"#15803d\" stroke-width=\"2\" stroke-linecap=\"round\"><circle cx=\"12\" cy=\"12\" r=\"10\"\/><path d=\"M2 12h20\"\/><path d=\"M12 2a15.3 15.3 0 014 10 15.3 15.3 0 01-4 10 15.3 15.3 0 01-4-10A15.3 15.3 0 0112 2z\"\/><\/svg>                <\/div>\n                <div class=\"uv-s5-card-number\">04<\/div>\n                <div class=\"uv-s5-card-title\">Sustainable Protection<\/div>\n                <div class=\"uv-s5-card-text\">Less sunscreen usage can reduce the potential environmental burden on water bodies.<\/div>\n            <\/div>\n                        <div class=\"uv-s5-card uv-glass-card\">\n                <div class=\"uv-s5-card-icon uv-s5-card-icon--blue\">\n                    <svg viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"#0369a1\" stroke-width=\"2\" stroke-linecap=\"round\"><path d=\"M18.178 8c5.096 0 5.096 8 0 8-5.095 0-7.133-8-12.739-8-4.585 0-4.585 8 0 8 5.606 0 7.644-8 12.74-8z\"\/><\/svg>                <\/div>\n                <div class=\"uv-s5-card-number\">05<\/div>\n                <div class=\"uv-s5-card-title\">Permanent Protection<\/div>\n                <div class=\"uv-s5-card-text\">UV protection is built into the fiber. It doesn&#039;t wash out or wear off over time.<\/div>\n            <\/div>\n                    <\/div>\n    <\/div>\n<\/section>\n\n<!-- \u2550\u2550\u2550 SECTION 6: CUMULATIVE DAMAGE \u2550\u2550\u2550 -->\n<section class=\"uv-s6 uv-gradient-mesh\">\n    <div class=\"uv-bg-number\" style=\"top:-20px; right:-40px; font-size:240px;\">UV<\/div>\n    <div class=\"uv-section-inner\">\n        <div class=\"uv-s6-header\">\n            <div class=\"uv-eyebrow uv-eyebrow--blue\">Facts &amp; Figures<\/div>\n            <h2 class=\"uv-section-title\">UV Radiation: The Invisible Danger<\/h2>\n            <p class=\"uv-section-subtitle\">UV damage accumulates over a lifetime. The consequences often only become visible after decades.<\/p>\n        <\/div>\n\n        <div class=\"uv-s6-stats\">\n                        <div class=\"uv-s6-stat-card uv-glass-card\">\n                <div class=\"uv-s6-stat-value uv-s6-stat-value--alert\">230,000+<\/div>\n                <div class=\"uv-s6-stat-label\">New skin cancer cases per year in Germany<\/div>\n                <div class=\"uv-s6-stat-source\">RKI \/ GEKID<\/div>\n            <\/div>\n                        <div class=\"uv-s6-stat-card uv-glass-card\">\n                <div class=\"uv-s6-stat-value uv-s6-stat-value--blue\">80%<\/div>\n                <div class=\"uv-s6-stat-label\">UV radiation penetrates even through clouds<\/div>\n                <div class=\"uv-s6-stat-source\">BfS<\/div>\n            <\/div>\n                        <div class=\"uv-s6-stat-card uv-glass-card\">\n                <div class=\"uv-s6-stat-value uv-s6-stat-value--blue\">+12%<\/div>\n                <div class=\"uv-s6-stat-label\">More UV radiation per 1,000m altitude<\/div>\n                <div class=\"uv-s6-stat-source\">WHO<\/div>\n            <\/div>\n                        <div class=\"uv-s6-stat-card uv-glass-card\">\n                <div class=\"uv-s6-stat-value uv-s6-stat-value--green\">Decades<\/div>\n                <div class=\"uv-s6-stat-label\">Until UV damage becomes visible<\/div>\n                <div class=\"uv-s6-stat-source\">BfS<\/div>\n            <\/div>\n                    <\/div>\n\n    <\/div>\n<\/section>\n\n<!-- \u2550\u2550\u2550 SECTION 7: CTA \u2550\u2550\u2550 -->\n<section class=\"uv-s7\">\n    <div class=\"uv-bg-number\">UV<\/div>\n    <div class=\"uv-s7-inner\">\n        <div class=\"uv-s7-eyebrow\">UV Protection Collection<\/div>\n\n        <div class=\"uv-s7-seal\">\n            <div class=\"uv-s7-seal-icon\">\n                <svg viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\" stroke-linecap=\"round\"><path d=\"M12 2l9 4.5v5c0 5.25-3.75 10.08-9 11.5-5.25-1.42-9-6.25-9-11.5v-5L12 2z\"\/><path d=\"M9 12l2 2 4-4\"\/><\/svg>\n            <\/div>\n            <span class=\"uv-s7-seal-text\">UPF 80 certified under UV STANDARD 801<\/span>\n        <\/div>\n\n        <h2 class=\"uv-s7-title\">Protection You Wear<\/h2>\n        <p class=\"uv-s7-subtitle\">Discover UV protection that works \u2014 without reapplication, without gaps, all day long.<\/p>\n\n        <div class=\"uv-s7-buttons\">\n            <a href=\"\/en\/all-products\/\" class=\"uv-s7-btn uv-s7-btn--primary\">\n                Discover Collection                <svg viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2.5\" stroke-linecap=\"round\"><line x1=\"5\" y1=\"12\" x2=\"19\" y2=\"12\"\/><polyline points=\"12 5 19 12 12 19\"\/><\/svg>\n            <\/a>\n            <a href=\"\/en\/uv-protection\/uv-standard-801\/\" class=\"uv-s7-btn uv-s7-btn--outline\">\n                <svg viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\" stroke-linecap=\"round\"><path d=\"M12 2l9 4.5v5c0 5.25-3.75 10.08-9 11.5-5.25-1.42-9-6.25-9-11.5v-5L12 2z\"\/><\/svg>\n                Learn About UV STANDARD 801            <\/a>\n        <\/div>\n    <\/div>\n<\/section>\n\n<!-- \u2550\u2550\u2550 SECTION 8: DISCLAIMER + SOURCES \u2550\u2550\u2550 -->\n<section class=\"uv-s8 uv-gradient-mesh\">\n    <div class=\"uv-section-inner\">\n        <div class=\"uv-s8-card uv-glass-card\">\n            <div class=\"uv-s8-disclaimer\">\n                <div class=\"uv-s8-disclaimer-icon\">\n                    <svg viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\" stroke-linecap=\"round\"><path d=\"M12 2l9 4.5v5c0 5.25-3.75 10.08-9 11.5-5.25-1.42-9-6.25-9-11.5v-5L12 2z\"\/><line x1=\"12\" y1=\"8\" x2=\"12\" y2=\"12\"\/><line x1=\"12\" y1=\"16\" x2=\"12.01\" y2=\"16\"\/><\/svg>\n                <\/div>\n                <div>\n                    <div class=\"uv-s8-disclaimer-title\">Important Notice<\/div>\n                    <div class=\"uv-s8-disclaimer-text\">\n                        UV protection clothing does not replace comprehensive sun protection. We additionally recommend:                        <ul>\n                                                        <li>Sunscreen on uncovered skin (minimum SPF 30)<\/li>\n                                                        <li>Avoid direct midday sun (11 AM - 3 PM)<\/li>\n                                                        <li>Wear a sun hat and sunglasses<\/li>\n                                                        <li>Regular skin cancer screening<\/li>\n                                                    <\/ul>\n                    <\/div>\n                <\/div>\n            <\/div>\n\n            <div class=\"uv-s8-sources-title\">Sources &amp; References<\/div>\n            <ul class=\"uv-s8-sources-list\">\n                                <li class=\"uv-s8-source\">\n                    <span class=\"uv-s8-source-num\">1<\/span>\n                    <span>Autier, P. et al. (2007). Quantity of Sunscreen Used by European Students. British Journal of Dermatology.<\/span>\n                <\/li>\n                                <li class=\"uv-s8-source\">\n                    <span class=\"uv-s8-source-num\">2<\/span>\n                    <span>Buller, D.B. et al. (2022). Sun Protection Practices of Trail Running Athletes. Journal of Athletic Training.<\/span>\n                <\/li>\n                                <li class=\"uv-s8-source\">\n                    <span class=\"uv-s8-source-num\">3<\/span>\n                    <span>D&#039;Orazio, J. et al. (2013). UV Radiation and the Skin. International Journal of Molecular Sciences.<\/span>\n                <\/li>\n                                <li class=\"uv-s8-source\">\n                    <span class=\"uv-s8-source-num\">4<\/span>\n                    <span>Crews, P.C., Kachman, S. &amp; Beyer, A.G. (2001). Influences on UPF of Undyed and Dyed Fabrics. AATCC Review.<\/span>\n                <\/li>\n                                <li class=\"uv-s8-source\">\n                    <span class=\"uv-s8-source-num\">5<\/span>\n                    <span>Robert Koch-Institut \/ GEKID \u2014 Bericht zum Krebsgeschehen in Deutschland.<\/span>\n                <\/li>\n                                <li class=\"uv-s8-source\">\n                    <span class=\"uv-s8-source-num\">6<\/span>\n                    <span>Bundesamt f\u00fcr Strahlenschutz (BfS) \u2014 UV-Strahlung und Gesundheit.<\/span>\n                <\/li>\n                                <li class=\"uv-s8-source\">\n                    <span class=\"uv-s8-source-num\">7<\/span>\n                    <span>World Health Organization (WHO) \u2014 Ultraviolet Radiation and the INTERSUN Programme.<\/span>\n                <\/li>\n                                <li class=\"uv-s8-source\">\n                    <span class=\"uv-s8-source-num\">8<\/span>\n                    <span>Hohenstein Institut \u2014 UV STANDARD 801: Test Methodology and Certification Guidelines.<\/span>\n                <\/li>\n                                <li class=\"uv-s8-source\">\n                    <span class=\"uv-s8-source-num\">9<\/span>\n                    <span>Gambichler, T. et al. (2006). Ultraviolet Protection by Summer Textiles. British Journal of Dermatology.<\/span>\n                <\/li>\n                                <li class=\"uv-s8-source\">\n                    <span class=\"uv-s8-source-num\">10<\/span>\n                    <span>Regulation (EU) 2016\/425 \u2014 Personal Protective Equipment. Official Journal of the EU.<\/span>\n                <\/li>\n                            <\/ul>\n        <\/div>\n    <\/div>\n<\/section>\n\n<\/div><!-- .uveekai-whyuv -->\n    \n","protected":false},"excerpt":{"rendered":"","protected":false},"author":1,"featured_media":0,"parent":702,"menu_order":0,"comment_status":"closed","ping_status":"closed","template":"","meta":{"_kad_blocks_custom_css":"","_kad_blocks_head_custom_js":"","_kad_blocks_body_custom_js":"","_kad_blocks_footer_custom_js":"","_kadence_starter_templates_imported_post":false,"_kad_post_transparent":"disable","_kad_post_title":"hide","_kad_post_layout":"fullwidth","_kad_post_sidebar_id":"","_kad_post_content_style":"unboxed","_kad_post_vertical_padding":"hide","_kad_post_feature":"hide","_kad_post_feature_position":"","_kad_post_header":false,"_kad_post_footer":false,"_kad_post_classname":"","footnotes":""},"class_list":["post-713","page","type-page","status-publish","hentry"],"taxonomy_info":[],"featured_image_src_large":false,"author_info":{"display_name":"admin_prod","author_link":"https:\/\/uveekai.com\/en\/author\/admin_prod\/"},"comment_info":0,"_links":{"self":[{"href":"https:\/\/uveekai.com\/en\/wp-json\/wp\/v2\/pages\/713","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/uveekai.com\/en\/wp-json\/wp\/v2\/pages"}],"about":[{"href":"https:\/\/uveekai.com\/en\/wp-json\/wp\/v2\/types\/page"}],"author":[{"embeddable":true,"href":"https:\/\/uveekai.com\/en\/wp-json\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/uveekai.com\/en\/wp-json\/wp\/v2\/comments?post=713"}],"version-history":[{"count":1,"href":"https:\/\/uveekai.com\/en\/wp-json\/wp\/v2\/pages\/713\/revisions"}],"predecessor-version":[{"id":1063,"href":"https:\/\/uveekai.com\/en\/wp-json\/wp\/v2\/pages\/713\/revisions\/1063"}],"up":[{"embeddable":true,"href":"https:\/\/uveekai.com\/en\/wp-json\/wp\/v2\/pages\/702"}],"wp:attachment":[{"href":"https:\/\/uveekai.com\/en\/wp-json\/wp\/v2\/media?parent=713"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}