:root {
    --primary-color: #0ea5e9;
    --primary-hover: #38bdf8;
    --primary-glow: 0 0 20px rgba(14, 165, 233, 0.4);
    
    --bg-color: #020617; /* Very dark slate */
    --surface-color: #0f172a; /* Slightly lighter slate */
    --surface-hover: #1e293b;
    
    --text-main: #f8fafc;
    --text-light: #94a3b8;
    --true-white: #ffffff;
    
    --border-color: rgba(255, 255, 255, 0.08);
    --border-hover: rgba(14, 165, 233, 0.5);
    
    --shadow-sm: 0 4px 6px -1px rgba(0, 0, 0, 0.5);
    --shadow-md: 0 10px 15px -3px rgba(0, 0, 0, 0.7);
    --shadow-lg: 0 20px 25px -5px rgba(0, 0, 0, 0.8);
}

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

body {
    font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, sans-serif;
    line-height: 1.6;
    color: var(--text-main);
    background-color: var(--bg-color);
    position: relative;
}

body::before {
    content: "";
    position: fixed;
    top: 0; left: 0; right: 0; bottom: 0;
    background-image: linear-gradient(rgba(14, 165, 233, 0.15) 1px, transparent 1px), linear-gradient(90deg, rgba(14, 165, 233, 0.15) 1px, transparent 1px);
    background-size: 50px 50px;
    opacity: 0.8;
    z-index: -1;
    pointer-events: none;
}

a { text-decoration: none; color: var(--primary-color); transition: color 0.3s, text-shadow 0.3s; }
a:hover { color: var(--primary-hover); text-shadow: 0 0 8px rgba(56, 189, 248, 0.5); }
ul { list-style: none; }
.container { max-width: 1200px; margin: 0 auto; padding: 0 20px; }

/* Header */
header {
    background-color: rgba(2, 6, 23, 0.8);
    backdrop-filter: blur(16px);
    -webkit-backdrop-filter: blur(16px);
    border-bottom: 1px solid var(--border-color);
    position: sticky;
    top: 0;
    z-index: 100;
}
.header-inner { display: flex; justify-content: space-between; align-items: center; height: 70px; position: relative; }
.logo { font-size: 1.5rem; font-weight: 800; color: var(--text-main); letter-spacing: 1px; text-transform: uppercase; background: linear-gradient(to right, #f8fafc, #0ea5e9); -webkit-background-clip: text; -webkit-text-fill-color: transparent; }
.nav-links { display: flex; gap: 30px; position: absolute; left: 50%; transform: translateX(-50%); }
.nav-links a { color: var(--text-light); font-weight: 500; font-size: 0.95rem; letter-spacing: 0.5px; }
.nav-links a:hover { color: var(--primary-color); }

/* Buttons */
.nav-btn, .btn-large, .btn-block {
    display: inline-block;
    background: linear-gradient(135deg, #0284c7 0%, #0ea5e9 100%);
    color: var(--true-white) !important;
    padding: 10px 24px;
    border-radius: 6px;
    font-weight: 600;
    text-shadow: 0 1px 2px rgba(0,0,0,0.2);
    transition: all 0.3s ease;
    border: 1px solid rgba(255,255,255,0.1);
    text-decoration: none;
}
.nav-btn:hover, .btn-large:hover, .btn-block:hover {
    transform: translateY(-2px);
    box-shadow: var(--primary-glow);
    border-color: rgba(255,255,255,0.3);
}
.btn-large { padding: 16px 40px; font-size: 1.125rem; border-radius: 8px; }
.btn-block { display: block; width: 100%; text-align: center; padding: 14px 0; }

/* Hero */
.hero {
    text-align: center;
    padding: 100px 20px;
    background: radial-gradient(ellipse at top, rgba(15, 23, 42, 0.8) 0%, transparent 70%);
    position: relative;
    overflow: hidden;
    border-bottom: 1px solid var(--border-color);
}

.hero .container { position: relative; z-index: 1; }
.hero h1 { font-size: 3rem; font-weight: 900; margin-bottom: 25px; color: var(--text-main); letter-spacing: -1px; text-shadow: 0 0 20px rgba(14, 165, 233, 0.3); }
.hero p { font-size: 1.15rem; color: var(--text-light); margin-bottom: 40px; max-width: 700px; margin-left: auto; margin-right: auto; line-height: 1.8; }

/* Shared Sections */
section { padding: 80px 20px; }
.section-title { text-align: center; font-size: 2.2rem; font-weight: 800; margin-bottom: 50px; letter-spacing: -0.5px; background: linear-gradient(to right, #f8fafc, #94a3b8); -webkit-background-clip: text; -webkit-text-fill-color: transparent; }

/* Cards */
.feature-card, .pricing-card, .media-card, .review-card, .faq-item, .page-content {
    background: var(--surface-color);
    border: 1px solid var(--border-color);
    border-radius: 12px;
    box-shadow: var(--shadow-md);
    transition: all 0.4s cubic-bezier(0.4, 0, 0.2, 1);
    backdrop-filter: blur(10px);
}
.feature-card:hover, .pricing-card:hover, .media-card:hover, .page-content a.feature-card:hover {
    border-color: var(--border-hover);
    box-shadow: var(--primary-glow);
    transform: translateY(-5px);
    background: var(--surface-hover);
}

/* Grid Layouts */
.features-grid { display: grid; grid-template-columns: repeat(3, 1fr); gap: 30px; }
.feature-card { padding: 40px 30px; text-align: center; }
.feature-icon { font-size: 3.5rem; margin-bottom: 20px; filter: drop-shadow(0 0 15px rgba(14,165,233,0.6)); }
.feature-card h3 { font-size: 1.35rem; margin-bottom: 15px; color: var(--text-main); }

/* Media Grid */
.media-grid { display: grid; grid-template-columns: repeat(2, 1fr); gap: 40px; }
.media-card { padding: 40px; text-align: center; border-radius: 16px; }
.media-card h3 { font-size: 1.6rem; margin-bottom: 20px; color: var(--text-main); }
.media-tags { display: flex; flex-wrap: wrap; gap: 12px; justify-content: center; }
.media-tags span { background: rgba(14, 165, 233, 0.1); border: 1px solid rgba(14, 165, 233, 0.3); color: var(--primary-color); padding: 8px 18px; border-radius: 20px; font-size: 0.9rem; font-weight: 600; text-shadow: 0 0 10px rgba(14,165,233,0.4); }

/* Pricing */
.pricing-grid { display: grid; grid-template-columns: repeat(3, 1fr); gap: 30px; }
.pricing-card { padding: 40px 30px; text-align: center; display: flex; flex-direction: column; position: relative; }
.pricing-card.popular { border-color: var(--primary-color); box-shadow: var(--primary-glow); transform: scale(1.02); background: linear-gradient(180deg, var(--surface-hover) 0%, var(--surface-color) 100%); }
.pricing-card.popular:hover { transform: scale(1.04); }
.popular-badge { position: absolute; top: -15px; left: 50%; transform: translateX(-50%); background: linear-gradient(135deg, #0ea5e9, #3b82f6); color: var(--true-white); padding: 6px 16px; border-radius: 20px; font-size: 0.85rem; font-weight: bold; letter-spacing: 1px; box-shadow: var(--primary-glow); border: 1px solid rgba(255,255,255,0.2); }
.pricing-card h3 { font-size: 1.4rem; color: var(--text-light); margin-bottom: 15px; }
.price { font-size: 2.8rem; font-weight: 900; margin-bottom: 20px; color: var(--text-main); }
.price span { font-size: 1.1rem; font-weight: normal; color: var(--text-light); }
.pricing-features { margin-bottom: 30px; flex-grow: 1; }
.pricing-features li { padding: 12px 0; border-bottom: 1px solid var(--border-color); color: var(--text-light); font-size: 0.95rem; }
.pricing-features li:last-child { border-bottom: none; }

/* Reviews */
.reviews-grid { display: grid; grid-template-columns: repeat(3, 1fr); gap: 30px; }
.review-card { padding: 30px; text-align: left; }
.stars { color: #38bdf8; margin-bottom: 15px; font-size: 1.25rem; text-shadow: 0 0 10px rgba(56,189,248,0.5); }
.review-content { font-style: italic; margin-bottom: 20px; color: var(--text-main); line-height: 1.8; }
.review-author { font-weight: 600; color: var(--primary-color); font-size: 0.9rem; }

/* FAQ */
.faq-list { max-width: 800px; margin: 0 auto; }
.faq-item { padding: 25px; margin-bottom: 20px; }
.faq-item h4 { font-size: 1.15rem; margin-bottom: 12px; color: var(--text-main); }
.faq-item p { color: var(--text-light); line-height: 1.7; }

/* Pages */
.page-header { background: radial-gradient(ellipse at top, rgba(15, 23, 42, 0.8) 0%, transparent 100%); padding: 80px 20px; text-align: center; border-bottom: 1px solid var(--border-color); }
.page-header h1 { font-size: 2.8rem; color: var(--text-main); font-weight: 800; text-shadow: 0 0 20px rgba(14, 165, 233, 0.2); }
.page-content { padding: 50px; margin: -40px auto 80px auto; }
.page-content h2 { margin-top: 40px; margin-bottom: 20px; font-size: 1.8rem; color: var(--text-main); border-bottom: 1px solid var(--border-color); padding-bottom: 10px; }
.page-content h2:first-child { margin-top: 0; }
.page-content p, .page-content ul { margin-bottom: 25px; color: var(--text-light); line-height: 1.8; font-size: 1.05rem; }
.page-content ul { padding-left: 25px; list-style-type: square; }
.page-content li { margin-bottom: 10px; }
.page-content strong { color: var(--primary-color); font-weight: 600; }

/* Footer */
footer { background-color: rgba(2, 6, 23, 0.3); backdrop-filter: blur(5px); color: var(--text-light); padding: 50px 20px; text-align: center; border-top: 1px solid var(--border-color); }
.footer-links { display: flex; justify-content: center; gap: 40px; margin-bottom: 25px; }
.footer-links a { color: var(--text-light); transition: color 0.3s; font-size: 0.95rem; text-transform: uppercase; letter-spacing: 1px; }
.footer-links a:hover { color: var(--primary-color); }
.copyright { font-size: 0.85rem; opacity: 0.6; }

/* Responsive */
@media (max-width: 768px) {
    .hero h1 { font-size: 2.2rem; }
    .hero p { font-size: 1rem; }
    .features-grid, .media-grid, .pricing-grid, .reviews-grid { grid-template-columns: 1fr; }
    .footer-links { flex-direction: column; gap: 15px; }
    .pricing-card.popular { transform: none; }
    .pricing-card.popular:hover { transform: translateY(-5px); }
    .btn-large, .btn-block, .nav-btn { padding: 14px 20px; font-size: 1.05rem; }
    .page-content { padding: 30px 20px; }
    .nav-links { display: none; }
}

/* --- Tech Floating Particles --- */
body::after {
    content: "";
    position: fixed;
    top: 0; left: 0;
    width: 5px; height: 5px;
    background: transparent;
    box-shadow: 
        472px 1530px 1px rgba(14, 165, 233, 0.5),
        472px 3530px 1px rgba(14, 165, 233, 0.5),
        1482px 210px 2px rgba(14, 165, 233, 0.5),
        1482px 2210px 2px rgba(14, 165, 233, 0.5),
        1895px 816px 1px rgba(56, 189, 248, 0.9),
        1895px 2816px 1px rgba(56, 189, 248, 0.9),
        1173px 1074px 2px rgba(56, 189, 248, 0.9),
        1173px 3074px 2px rgba(56, 189, 248, 0.9),
        384px 488px 1px rgba(255, 255, 255, 0.7),
        384px 2488px 1px rgba(255, 255, 255, 0.7),
        614px 1018px 3px rgba(14, 165, 233, 0.5),
        614px 3018px 3px rgba(14, 165, 233, 0.5),
        982px 298px 3px rgba(14, 165, 233, 0.5),
        982px 2298px 3px rgba(14, 165, 233, 0.5),
        1606px 1718px 1px rgba(56, 189, 248, 0.9),
        1606px 3718px 1px rgba(56, 189, 248, 0.9),
        1910px 508px 3px rgba(14, 165, 233, 0.8),
        1910px 2508px 3px rgba(14, 165, 233, 0.8),
        1262px 1596px 2px rgba(14, 165, 233, 0.8),
        1262px 3596px 2px rgba(14, 165, 233, 0.8),
        2193px 1700px 3px rgba(255, 255, 255, 0.7),
        2193px 3700px 3px rgba(255, 255, 255, 0.7),
        2345px 928px 2px rgba(14, 165, 233, 0.8),
        2345px 2928px 2px rgba(14, 165, 233, 0.8),
        434px 491px 2px rgba(255, 255, 255, 0.7),
        434px 2491px 2px rgba(255, 255, 255, 0.7),
        138px 1855px 3px rgba(56, 189, 248, 0.9),
        138px 3855px 3px rgba(56, 189, 248, 0.9),
        1861px 1404px 1px rgba(255, 255, 255, 0.7),
        1861px 3404px 1px rgba(255, 255, 255, 0.7),
        1610px 112px 1px rgba(14, 165, 233, 0.5),
        1610px 2112px 1px rgba(14, 165, 233, 0.5),
        2304px 813px 1px rgba(56, 189, 248, 0.9),
        2304px 2813px 1px rgba(56, 189, 248, 0.9),
        2456px 584px 3px rgba(255, 255, 255, 0.7),
        2456px 2584px 3px rgba(255, 255, 255, 0.7),
        491px 508px 2px rgba(255, 255, 255, 0.7),
        491px 2508px 2px rgba(255, 255, 255, 0.7),
        2103px 1939px 1px rgba(14, 165, 233, 0.8),
        2103px 3939px 1px rgba(14, 165, 233, 0.8),
        301px 83px 3px rgba(56, 189, 248, 0.9),
        301px 2083px 3px rgba(56, 189, 248, 0.9),
        2463px 1580px 2px rgba(14, 165, 233, 0.5),
        2463px 3580px 2px rgba(14, 165, 233, 0.5),
        1166px 1327px 3px rgba(14, 165, 233, 0.5),
        1166px 3327px 3px rgba(14, 165, 233, 0.5),
        580px 215px 2px rgba(56, 189, 248, 0.9),
        580px 2215px 2px rgba(56, 189, 248, 0.9),
        615px 1326px 1px rgba(56, 189, 248, 0.9),
        615px 3326px 1px rgba(56, 189, 248, 0.9),
        22px 513px 1px rgba(255, 255, 255, 0.7),
        22px 2513px 1px rgba(255, 255, 255, 0.7),
        1822px 196px 1px rgba(14, 165, 233, 0.8),
        1822px 2196px 1px rgba(14, 165, 233, 0.8),
        2040px 555px 3px rgba(56, 189, 248, 0.9),
        2040px 2555px 3px rgba(56, 189, 248, 0.9),
        932px 1508px 1px rgba(14, 165, 233, 0.5),
        932px 3508px 1px rgba(14, 165, 233, 0.5),
        1494px 43px 2px rgba(14, 165, 233, 0.8),
        1494px 2043px 2px rgba(14, 165, 233, 0.8),
        2157px 1767px 2px rgba(14, 165, 233, 0.5),
        2157px 3767px 2px rgba(14, 165, 233, 0.5),
        2202px 40px 1px rgba(56, 189, 248, 0.9),
        2202px 2040px 1px rgba(56, 189, 248, 0.9),
        1358px 642px 3px rgba(14, 165, 233, 0.8),
        1358px 2642px 3px rgba(14, 165, 233, 0.8),
        1463px 1298px 2px rgba(14, 165, 233, 0.5),
        1463px 3298px 2px rgba(14, 165, 233, 0.5),
        665px 1495px 2px rgba(255, 255, 255, 0.7),
        665px 3495px 2px rgba(255, 255, 255, 0.7),
        2027px 842px 1px rgba(56, 189, 248, 0.9),
        2027px 2842px 1px rgba(56, 189, 248, 0.9),
        1040px 1014px 1px rgba(14, 165, 233, 0.8),
        1040px 3014px 1px rgba(14, 165, 233, 0.8),
        2205px 1760px 2px rgba(14, 165, 233, 0.5),
        2205px 3760px 2px rgba(14, 165, 233, 0.5),
        2357px 971px 1px rgba(14, 165, 233, 0.8),
        2357px 2971px 1px rgba(14, 165, 233, 0.8),
        2013px 198px 2px rgba(56, 189, 248, 0.9),
        2013px 2198px 2px rgba(56, 189, 248, 0.9),
        1673px 569px 1px rgba(14, 165, 233, 0.8),
        1673px 2569px 1px rgba(14, 165, 233, 0.8),
        1935px 1595px 2px rgba(14, 165, 233, 0.8),
        1935px 3595px 2px rgba(14, 165, 233, 0.8),
        931px 1152px 2px rgba(56, 189, 248, 0.9),
        931px 3152px 2px rgba(56, 189, 248, 0.9),
        356px 238px 2px rgba(14, 165, 233, 0.8),
        356px 2238px 2px rgba(14, 165, 233, 0.8),
        2015px 1017px 3px rgba(56, 189, 248, 0.9),
        2015px 3017px 3px rgba(56, 189, 248, 0.9),
        1555px 282px 3px rgba(14, 165, 233, 0.5),
        1555px 2282px 3px rgba(14, 165, 233, 0.5),
        682px 1677px 3px rgba(14, 165, 233, 0.8),
        682px 3677px 3px rgba(14, 165, 233, 0.8),
        1947px 1442px 1px rgba(56, 189, 248, 0.9),
        1947px 3442px 1px rgba(56, 189, 248, 0.9),
        2438px 772px 2px rgba(255, 255, 255, 0.7),
        2438px 2772px 2px rgba(255, 255, 255, 0.7),
        1801px 325px 1px rgba(56, 189, 248, 0.9),
        1801px 2325px 1px rgba(56, 189, 248, 0.9),
        1532px 895px 1px rgba(56, 189, 248, 0.9),
        1532px 2895px 1px rgba(56, 189, 248, 0.9),
        934px 111px 3px rgba(255, 255, 255, 0.7),
        934px 2111px 3px rgba(255, 255, 255, 0.7),
        1605px 1822px 3px rgba(14, 165, 233, 0.5),
        1605px 3822px 3px rgba(14, 165, 233, 0.5),
        2175px 186px 3px rgba(255, 255, 255, 0.7),
        2175px 2186px 3px rgba(255, 255, 255, 0.7),
        19px 20px 2px rgba(255, 255, 255, 0.7),
        19px 2020px 2px rgba(255, 255, 255, 0.7),
        408px 343px 1px rgba(14, 165, 233, 0.5),
        408px 2343px 1px rgba(14, 165, 233, 0.5),
        1016px 1353px 2px rgba(255, 255, 255, 0.7),
        1016px 3353px 2px rgba(255, 255, 255, 0.7),
        2356px 687px 2px rgba(56, 189, 248, 0.9),
        2356px 2687px 2px rgba(56, 189, 248, 0.9),
        1384px 1899px 2px rgba(14, 165, 233, 0.5),
        1384px 3899px 2px rgba(14, 165, 233, 0.5),
        398px 475px 1px rgba(14, 165, 233, 0.8),
        398px 2475px 1px rgba(14, 165, 233, 0.8),
        1085px 620px 1px rgba(14, 165, 233, 0.5),
        1085px 2620px 1px rgba(14, 165, 233, 0.5),
        850px 133px 2px rgba(14, 165, 233, 0.5),
        850px 2133px 2px rgba(14, 165, 233, 0.5),
        2176px 159px 1px rgba(56, 189, 248, 0.9),
        2176px 2159px 1px rgba(56, 189, 248, 0.9),
        1791px 1807px 2px rgba(255, 255, 255, 0.7),
        1791px 3807px 2px rgba(255, 255, 255, 0.7),
        530px 1839px 3px rgba(14, 165, 233, 0.5),
        530px 3839px 3px rgba(14, 165, 233, 0.5),
        1057px 1494px 3px rgba(255, 255, 255, 0.7),
        1057px 3494px 3px rgba(255, 255, 255, 0.7),
        1443px 1900px 1px rgba(14, 165, 233, 0.5),
        1443px 3900px 1px rgba(14, 165, 233, 0.5),
        2123px 628px 3px rgba(14, 165, 233, 0.8),
        2123px 2628px 3px rgba(14, 165, 233, 0.8),
        1788px 324px 1px rgba(56, 189, 248, 0.9),
        1788px 2324px 1px rgba(56, 189, 248, 0.9),
        1050px 556px 3px rgba(255, 255, 255, 0.7),
        1050px 2556px 3px rgba(255, 255, 255, 0.7),
        1181px 197px 3px rgba(56, 189, 248, 0.9),
        1181px 2197px 3px rgba(56, 189, 248, 0.9),
        1553px 1404px 1px rgba(14, 165, 233, 0.8),
        1553px 3404px 1px rgba(14, 165, 233, 0.8),
        1224px 1307px 3px rgba(14, 165, 233, 0.5),
        1224px 3307px 3px rgba(14, 165, 233, 0.5),
        2220px 1911px 2px rgba(14, 165, 233, 0.5),
        2220px 3911px 2px rgba(14, 165, 233, 0.5),
        181px 595px 3px rgba(56, 189, 248, 0.9),
        181px 2595px 3px rgba(56, 189, 248, 0.9),
        1976px 1155px 3px rgba(14, 165, 233, 0.8),
        1976px 3155px 3px rgba(14, 165, 233, 0.8),
        1912px 1415px 1px rgba(255, 255, 255, 0.7),
        1912px 3415px 1px rgba(255, 255, 255, 0.7),
        2123px 1272px 3px rgba(14, 165, 233, 0.5),
        2123px 3272px 3px rgba(14, 165, 233, 0.5),
        1814px 82px 2px rgba(56, 189, 248, 0.9),
        1814px 2082px 2px rgba(56, 189, 248, 0.9),
        1714px 1819px 2px rgba(56, 189, 248, 0.9),
        1714px 3819px 2px rgba(56, 189, 248, 0.9),
        1033px 142px 3px rgba(56, 189, 248, 0.9),
        1033px 2142px 3px rgba(56, 189, 248, 0.9),
        2107px 1056px 3px rgba(14, 165, 233, 0.5),
        2107px 3056px 3px rgba(14, 165, 233, 0.5),
        1624px 759px 2px rgba(14, 165, 233, 0.8),
        1624px 2759px 2px rgba(14, 165, 233, 0.8),
        910px 141px 2px rgba(56, 189, 248, 0.9),
        910px 2141px 2px rgba(56, 189, 248, 0.9),
        1844px 1728px 2px rgba(56, 189, 248, 0.9),
        1844px 3728px 2px rgba(56, 189, 248, 0.9),
        2182px 1912px 2px rgba(56, 189, 248, 0.9),
        2182px 3912px 2px rgba(56, 189, 248, 0.9),
        1400px 1710px 3px rgba(14, 165, 233, 0.8),
        1400px 3710px 3px rgba(14, 165, 233, 0.8),
        2112px 1245px 3px rgba(255, 255, 255, 0.7),
        2112px 3245px 3px rgba(255, 255, 255, 0.7),
        1290px 1273px 2px rgba(56, 189, 248, 0.9),
        1290px 3273px 2px rgba(56, 189, 248, 0.9),
        1453px 180px 1px rgba(14, 165, 233, 0.5),
        1453px 2180px 1px rgba(14, 165, 233, 0.5),
        7px 1591px 2px rgba(14, 165, 233, 0.5),
        7px 3591px 2px rgba(14, 165, 233, 0.5),
        235px 1959px 1px rgba(14, 165, 233, 0.5),
        235px 3959px 1px rgba(14, 165, 233, 0.5),
        2222px 1586px 3px rgba(255, 255, 255, 0.7),
        2222px 3586px 3px rgba(255, 255, 255, 0.7),
        1209px 927px 1px rgba(14, 165, 233, 0.5),
        1209px 2927px 1px rgba(14, 165, 233, 0.5),
        2423px 1656px 2px rgba(14, 165, 233, 0.8),
        2423px 3656px 2px rgba(14, 165, 233, 0.8),
        890px 1347px 1px rgba(14, 165, 233, 0.5),
        890px 3347px 1px rgba(14, 165, 233, 0.5),
        1924px 107px 3px rgba(255, 255, 255, 0.7),
        1924px 2107px 3px rgba(255, 255, 255, 0.7),
        1018px 1368px 2px rgba(14, 165, 233, 0.8),
        1018px 3368px 2px rgba(14, 165, 233, 0.8),
        1250px 1612px 3px rgba(14, 165, 233, 0.5),
        1250px 3612px 3px rgba(14, 165, 233, 0.5),
        863px 69px 1px rgba(255, 255, 255, 0.7),
        863px 2069px 1px rgba(255, 255, 255, 0.7),
        1928px 246px 1px rgba(255, 255, 255, 0.7),
        1928px 2246px 1px rgba(255, 255, 255, 0.7),
        159px 1839px 2px rgba(14, 165, 233, 0.5),
        159px 3839px 2px rgba(14, 165, 233, 0.5),
        936px 66px 3px rgba(14, 165, 233, 0.8),
        936px 2066px 3px rgba(14, 165, 233, 0.8),
        586px 475px 3px rgba(56, 189, 248, 0.9),
        586px 2475px 3px rgba(56, 189, 248, 0.9),
        1837px 228px 3px rgba(14, 165, 233, 0.5),
        1837px 2228px 3px rgba(14, 165, 233, 0.5),
        1406px 1857px 2px rgba(255, 255, 255, 0.7),
        1406px 3857px 2px rgba(255, 255, 255, 0.7),
        491px 1025px 1px rgba(255, 255, 255, 0.7),
        491px 3025px 1px rgba(255, 255, 255, 0.7),
        130px 1496px 2px rgba(56, 189, 248, 0.9),
        130px 3496px 2px rgba(56, 189, 248, 0.9),
        221px 1083px 2px rgba(56, 189, 248, 0.9),
        221px 3083px 2px rgba(56, 189, 248, 0.9),
        2202px 438px 3px rgba(255, 255, 255, 0.7),
        2202px 2438px 3px rgba(255, 255, 255, 0.7),
        2469px 401px 1px rgba(14, 165, 233, 0.5),
        2469px 2401px 1px rgba(14, 165, 233, 0.5),
        1180px 1575px 2px rgba(14, 165, 233, 0.5),
        1180px 3575px 2px rgba(14, 165, 233, 0.5),
        2000px 462px 1px rgba(56, 189, 248, 0.9),
        2000px 2462px 1px rgba(56, 189, 248, 0.9),
        1817px 1617px 1px rgba(14, 165, 233, 0.8),
        1817px 3617px 1px rgba(14, 165, 233, 0.8),
        379px 859px 2px rgba(14, 165, 233, 0.8),
        379px 2859px 2px rgba(14, 165, 233, 0.8),
        489px 559px 1px rgba(14, 165, 233, 0.5),
        489px 2559px 1px rgba(14, 165, 233, 0.5),
        1278px 1003px 3px rgba(14, 165, 233, 0.5),
        1278px 3003px 3px rgba(14, 165, 233, 0.5),
        1221px 1416px 2px rgba(14, 165, 233, 0.5),
        1221px 3416px 2px rgba(14, 165, 233, 0.5),
        2283px 1731px 3px rgba(14, 165, 233, 0.5),
        2283px 3731px 3px rgba(14, 165, 233, 0.5),
        1715px 437px 3px rgba(255, 255, 255, 0.7),
        1715px 2437px 3px rgba(255, 255, 255, 0.7),
        100px 705px 1px rgba(14, 165, 233, 0.8),
        100px 2705px 1px rgba(14, 165, 233, 0.8),
        494px 1808px 2px rgba(14, 165, 233, 0.8),
        494px 3808px 2px rgba(14, 165, 233, 0.8),
        989px 1958px 1px rgba(255, 255, 255, 0.7),
        989px 3958px 1px rgba(255, 255, 255, 0.7),
        2265px 1876px 3px rgba(14, 165, 233, 0.5),
        2265px 3876px 3px rgba(14, 165, 233, 0.5),
        2280px 1px 1px rgba(14, 165, 233, 0.5),
        2280px 2001px 1px rgba(14, 165, 233, 0.5),
        2179px 959px 3px rgba(14, 165, 233, 0.8),
        2179px 2959px 3px rgba(14, 165, 233, 0.8),
        769px 1523px 2px rgba(255, 255, 255, 0.7),
        769px 3523px 2px rgba(255, 255, 255, 0.7),
        1512px 1356px 3px rgba(14, 165, 233, 0.8),
        1512px 3356px 3px rgba(14, 165, 233, 0.8),
        481px 1943px 2px rgba(56, 189, 248, 0.9),
        481px 3943px 2px rgba(56, 189, 248, 0.9),
        1902px 458px 3px rgba(14, 165, 233, 0.8),
        1902px 2458px 3px rgba(14, 165, 233, 0.8),
        59px 1151px 3px rgba(56, 189, 248, 0.9),
        59px 3151px 3px rgba(56, 189, 248, 0.9),
        33px 1522px 3px rgba(14, 165, 233, 0.5),
        33px 3522px 3px rgba(14, 165, 233, 0.5),
        768px 308px 2px rgba(14, 165, 233, 0.5),
        768px 2308px 2px rgba(14, 165, 233, 0.5),
        1749px 916px 3px rgba(14, 165, 233, 0.5),
        1749px 2916px 3px rgba(14, 165, 233, 0.5),
        1592px 233px 2px rgba(14, 165, 233, 0.8),
        1592px 2233px 2px rgba(14, 165, 233, 0.8),
        1643px 55px 2px rgba(255, 255, 255, 0.7),
        1643px 2055px 2px rgba(255, 255, 255, 0.7),
        1635px 1965px 1px rgba(14, 165, 233, 0.5),
        1635px 3965px 1px rgba(14, 165, 233, 0.5),
        2416px 1646px 2px rgba(14, 165, 233, 0.5),
        2416px 3646px 2px rgba(14, 165, 233, 0.5),
        1845px 1073px 3px rgba(255, 255, 255, 0.7),
        1845px 3073px 3px rgba(255, 255, 255, 0.7),
        1273px 1660px 1px rgba(56, 189, 248, 0.9),
        1273px 3660px 1px rgba(56, 189, 248, 0.9),
        840px 1362px 3px rgba(255, 255, 255, 0.7),
        840px 3362px 3px rgba(255, 255, 255, 0.7),
        2474px 1455px 3px rgba(14, 165, 233, 0.5),
        2474px 3455px 3px rgba(14, 165, 233, 0.5),
        1570px 1528px 2px rgba(14, 165, 233, 0.5),
        1570px 3528px 2px rgba(14, 165, 233, 0.5),
        2075px 258px 2px rgba(255, 255, 255, 0.7),
        2075px 2258px 2px rgba(255, 255, 255, 0.7),
        1631px 88px 1px rgba(14, 165, 233, 0.8),
        1631px 2088px 1px rgba(14, 165, 233, 0.8),
        2337px 812px 2px rgba(255, 255, 255, 0.7),
        2337px 2812px 2px rgba(255, 255, 255, 0.7),
        389px 1994px 3px rgba(56, 189, 248, 0.9),
        389px 3994px 3px rgba(56, 189, 248, 0.9),
        1322px 797px 1px rgba(14, 165, 233, 0.8),
        1322px 2797px 1px rgba(14, 165, 233, 0.8),
        1355px 1743px 1px rgba(14, 165, 233, 0.5),
        1355px 3743px 1px rgba(14, 165, 233, 0.5),
        1347px 511px 1px rgba(56, 189, 248, 0.9),
        1347px 2511px 1px rgba(56, 189, 248, 0.9);
    animation: floatUp 120s linear infinite;
    z-index: -1;
    pointer-events: none;
    border-radius: 50%;
}

@keyframes floatUp {
    0% { transform: translateY(0); }
    100% { transform: translateY(-2000px); }
}

/* --- A11y & Focus Enhancements --- */
.skip-link {
    position: absolute;
    top: -100px;
    left: 50%;
    transform: translateX(-50%);
    background: var(--primary-color);
    color: var(--true-white) !important;
    padding: 10px 20px;
    z-index: 9999;
    border-radius: 0 0 8px 8px;
    font-weight: bold;
    transition: top 0.3s ease;
}
.skip-link:focus {
    top: 0;
    outline: none;
    box-shadow: var(--primary-glow);
}
a:focus, button:focus, summary:focus {
    outline: 2px dashed var(--primary-hover);
    outline-offset: 4px;
}
section[id], h2[id], h3[id] {
    scroll-margin-top: 100px; /* Accounts for fixed header */
}
/* FAQ Details/Summary styling */
details.faq-item {
    cursor: pointer;
}
details.faq-item summary {
    list-style: none;
    outline: none;
}
details.faq-item summary::-webkit-details-marker {
    display: none;
}
details.faq-item[open] summary h4 {
    color: var(--primary-color);
}