:root {
    --primary: #2DD4BF; /* Teal accent */
    --primary-hover: #14B8A6;
    --secondary: #1E293B;
    --background: #020617;
    --surface: #0F172A;
    --text: #F8FAFC;
    --text-muted: #94A3B8;
    --accent: #38BDF8; /* Light blue accent */
    --glass-bg: rgba(15, 23, 42, 0.4);
    --glass-border: rgba(255, 255, 255, 0.08);
}

* {
    margin: 0;
    padding: 0;
    box-sizing: border-box;
    font-family: 'Inter', sans-serif;
}

body {
    background: radial-gradient(circle at 15% 50%, rgba(45, 212, 191, 0.08), transparent 25%),
                radial-gradient(circle at 85% 30%, rgba(56, 189, 248, 0.08), transparent 25%),
                var(--background);
    color: var(--text);
    line-height: 1.6;
    overflow-x: hidden;
}

/* Navbar */
.navbar {
    display: flex;
    justify-content: space-between;
    align-items: center;
    padding: 1rem 5%;
    background: rgba(2, 6, 23, 0.6);
    backdrop-filter: blur(16px);
    position: sticky;
    top: 0;
    z-index: 100;
    border-bottom: 1px solid var(--glass-border);
}

.logo {
    font-size: 1.6rem;
    font-weight: 800;
    letter-spacing: -0.5px;
    background: linear-gradient(to right, #F8FAFC, #94A3B8);
    -webkit-background-clip: text;
    color: transparent;
    text-decoration: none;
}

.logo span {
    color: var(--primary);
    background: none;
    -webkit-background-clip: initial;
}

nav ul {
    list-style: none;
    display: flex;
    gap: 2.5rem;
}

nav a {
    color: var(--text-muted);
    text-decoration: none;
    font-weight: 500;
    font-size: 0.95rem;
    transition: color 0.3s;
    position: relative;
}

nav a::after {
    content: '';
    position: absolute;
    width: 0;
    height: 2px;
    bottom: -4px;
    left: 0;
    background-color: var(--primary);
    transition: width 0.3s ease;
}

nav a:hover {
    color: var(--text);
}

nav a:hover::after {
    width: 100%;
}

nav a.active {
    color: var(--text);
}

nav a.active::after {
    width: 100%;
}

/* Buttons */
.btn {
    padding: 0.8rem 1.8rem;
    border-radius: 999px;
    font-weight: 600;
    font-size: 0.95rem;
    cursor: pointer;
    border: none;
    transition: all 0.3s cubic-bezier(0.4, 0, 0.2, 1);
    display: inline-flex;
    align-items: center;
    justify-content: center;
    gap: 8px;
}

.btn-primary {
    background: linear-gradient(135deg, var(--primary), #0284C7);
    color: white;
    box-shadow: 0 4px 20px rgba(45, 212, 191, 0.3);
}

.btn-primary:hover {
    box-shadow: 0 8px 25px rgba(45, 212, 191, 0.5);
    transform: translateY(-2px) scale(1.02);
}

.btn-secondary {
    background-color: var(--glass-bg);
    color: var(--text);
    border: 1px solid var(--glass-border);
    backdrop-filter: blur(8px);
}

.btn-secondary:hover {
    background-color: rgba(255, 255, 255, 0.1);
    transform: translateY(-2px);
}

.btn-outline {
    background-color: transparent;
    color: var(--text);
    border: 1px solid rgba(255, 255, 255, 0.2);
}

.btn-outline:hover {
    border-color: var(--primary);
    color: var(--primary);
    background: rgba(45, 212, 191, 0.05);
}

.btn a,
a.btn {
    text-decoration: none;
}

.btn-google {
    background: rgba(255, 255, 255, 0.05);
    color: #F8FAFC;
    border: 1px solid rgba(255, 255, 255, 0.1);
    backdrop-filter: blur(8px);
    box-shadow: none;
}

.btn-google:hover {
    background: rgba(255, 255, 255, 0.1);
    transform: translateY(-2px);
    border-color: rgba(255, 255, 255, 0.2);
}

/* Hero Section */
.hero {
    display: flex;
    align-items: center;
    justify-content: space-between;
    padding: 6rem 5%;
    min-height: 80vh;
}

.hero-content {
    flex: 1;
    padding-right: 4rem;
}

h1 {
    font-size: 3.5rem;
    line-height: 1.2;
    margin-bottom: 1.5rem;
}

.highlight {
    color: transparent;
    background-clip: text;
    -webkit-background-clip: text;
    background-image: linear-gradient(to right, var(--accent), var(--primary));
}

.hero-content p {
    font-size: 1.125rem;
    color: var(--text-muted);
    margin-bottom: 2.5rem;
}

.cta-group {
    display: flex;
    gap: 1rem;
    flex-wrap: wrap;
}

.hero-info-cards {
    display: flex;
    gap: 1rem;
    flex-wrap: wrap;
    margin-top: 2rem;
}

.info-card {
    background: rgba(255, 255, 255, 0.06);
    border: 1px solid rgba(255, 255, 255, 0.08);
    padding: 1rem 1.2rem;
    border-radius: 16px;
    min-width: 180px;
    flex: 1;
}

.info-card h4 {
    margin-bottom: 0.75rem;
    font-size: 0.95rem;
}

.info-card p {
    color: var(--text-muted);
    font-size: 0.97rem;
    line-height: 1.5;
}

.accent-text {
    color: var(--accent);
}

.glass-panel {
    background: rgba(30, 41, 59, 0.6);
    backdrop-filter: blur(20px);
    border: 1px solid rgba(255, 255, 255, 0.1);
    border-radius: 24px;
    padding: 3rem;
    width: 100%;
    max-width: 400px;
    box-shadow: 0 25px 50px -12px rgba(0, 0, 0, 0.5);
    position: relative;
    overflow: hidden;
}

.scan-animation {
    text-align: center;
}

.suite-pro-section {
    padding: 5rem 5%;
}

.page-hero {
    padding: 5rem 5% 3rem;
    min-height: auto;
}

.page-hero .hero-content {
    max-width: 760px;
}

.page-kicker {
    color: var(--primary);
    font-weight: 800;
    letter-spacing: 0.08em;
    text-transform: uppercase;
    font-size: 0.78rem;
    margin-bottom: 0.8rem;
}

.page-section {
    padding: 4rem 5%;
}

.page-section.alt {
    background: rgba(15, 23, 42, 0.88);
}

.route-grid,
.module-showcase,
.download-grid,
.stats-grid {
    display: grid;
    grid-template-columns: repeat(auto-fit, minmax(250px, 1fr));
    gap: 1rem;
}

.route-card,
.module-card,
.download-card,
.stat-card {
    background: rgba(15, 23, 42, 0.72);
    border: 1px solid var(--glass-border);
    border-radius: 16px;
    padding: 1.35rem;
}

.route-card a,
.module-card a,
.download-card a {
    color: var(--accent);
    text-decoration: none;
    font-weight: 700;
}

.route-card h3,
.module-card h3,
.download-card h3,
.stat-card h3 {
    margin-bottom: 0.6rem;
}

.route-card p,
.module-card p,
.download-card p,
.stat-card p,
.page-lead {
    color: var(--text-muted);
}

.module-meta {
    display: flex;
    gap: 0.6rem;
    flex-wrap: wrap;
    margin: 1rem 0;
}

.module-meta span {
    border: 1px solid rgba(255, 255, 255, 0.1);
    border-radius: 999px;
    color: var(--text-muted);
    font-size: 0.78rem;
    padding: 0.3rem 0.7rem;
}

.text-link {
    color: var(--accent);
    text-decoration: none;
    font-weight: 700;
}

.inline-actions {
    display: flex;
    gap: 0.75rem;
    flex-wrap: wrap;
    margin-top: 1rem;
}

.simple-list {
    display: grid;
    gap: 0.75rem;
    color: var(--text-muted);
    list-style-position: inside;
}

.download-card {
    display: flex;
    flex-direction: column;
    min-height: 230px;
}

.download-card .inline-actions {
    margin-top: auto;
}

.product-link-list {
    display: flex;
    gap: 0.75rem;
    flex-wrap: wrap;
    margin-top: 1.5rem;
}

.section-heading {
    max-width: 980px;
    margin: 0 auto 2rem;
    text-align: center;
}

.eyebrow {
    display: inline-block;
    color: var(--primary);
    font-weight: 700;
    letter-spacing: 0.04em;
    margin-bottom: 0.75rem;
}

.section-heading h2 {
    font-size: clamp(2rem, 4vw, 3.25rem);
    line-height: 1.15;
    margin-bottom: 1rem;
}

.section-heading p,
.suite-management p {
    color: var(--text-muted);
    font-size: 1.05rem;
}

.suite-benefits,
.module-grid-detailed {
    display: grid;
    grid-template-columns: repeat(auto-fit, minmax(240px, 1fr));
    gap: 1rem;
}

.suite-benefits {
    margin: 2rem 0;
}

.suite-benefits > div,
.module-grid-detailed article,
.suite-management {
    background: rgba(15, 23, 42, 0.72);
    border: 1px solid var(--glass-border);
    border-radius: 16px;
    padding: 1.2rem;
}

.suite-benefits strong,
.module-grid-detailed h3,
.suite-management h3 {
    color: var(--text);
    display: block;
    margin-bottom: 0.6rem;
}

.suite-benefits p,
.module-grid-detailed p {
    color: var(--text-muted);
    font-size: 0.95rem;
}

.suite-management {
    margin-top: 1.5rem;
}

.suite-management .cta-group {
    margin-top: 1.2rem;
}

.scan-line {
    width: 100%;
    height: 3px;
    background: var(--accent);
    box-shadow: 0 0 15px var(--accent);
    position: absolute;
    top: 0;
    left: 0;
    animation: scan 2.5s infinite linear;
}

@keyframes scan {
    0% { top: 0; opacity: 0; }
    10% { opacity: 1; }
    90% { opacity: 1; }
    100% { top: 100%; opacity: 0; }
}

.stats {
    color: var(--accent);
    font-weight: 700;
    margin-top: 1rem;
}

/* Features */
.features {
    padding: 5rem 5%;
    background-color: var(--surface);
}

.features h2 {
    text-align: center;
    font-size: 2.5rem;
    margin-bottom: 4rem;
}

.feature-grid {
    display: grid;
    grid-template-columns: repeat(auto-fit, minmax(300px, 1fr));
    gap: 2rem;
}

.feature-card {
    background: rgba(15, 23, 42, 0.5);
    padding: 2.5rem;
    border-radius: 16px;
    border: 1px solid rgba(255, 255, 255, 0.05);
    transition: transform 0.3s;
}

.feature-card:hover {
    transform: translateY(-5px);
    border-color: rgba(56, 189, 248, 0.3);
}

.icon {
    font-size: 2.5rem;
    margin-bottom: 1.5rem;
}

.feature-card h3 {
    font-size: 1.5rem;
    margin-bottom: 1rem;
}

.feature-card p {
    color: var(--text-muted);
}

/* Premium App Catalog Grid */
.app-catalog-grid {
    display: grid;
    grid-template-columns: repeat(auto-fill, minmax(280px, 1fr));
    gap: 1.5rem;
}

.app-card-premium {
    background: var(--glass-bg);
    border: 1px solid var(--glass-border);
    border-radius: 20px;
    padding: 1.5rem;
    display: flex;
    align-items: center;
    gap: 1rem;
    transition: all 0.3s ease;
    backdrop-filter: blur(12px);
}

.app-card-premium:hover {
    transform: translateY(-4px);
    border-color: var(--primary);
    box-shadow: 0 10px 30px rgba(45, 212, 191, 0.1);
}

.app-icon {
    width: 54px;
    height: 54px;
    border-radius: 14px;
    background: rgba(255, 255, 255, 0.05);
    display: flex;
    align-items: center;
    justify-content: center;
    font-size: 1.5rem;
    flex-shrink: 0;
    border: 1px solid rgba(255, 255, 255, 0.1);
}

.app-details {
    flex: 1;
}

.app-details h3 {
    font-size: 1.1rem;
    font-weight: 600;
    margin-bottom: 0.2rem;
    color: var(--text);
}

.app-version {
    font-size: 0.8rem;
    color: var(--text-muted);
    display: block;
}

.btn-sm {
    padding: 0.5rem 1rem;
    font-size: 0.85rem;
}

/* Suite Info */
.suite-info {
    padding: 6rem 5%;
    display: flex;
    justify-content: center;
}

.glass-container {
    background: linear-gradient(135deg, rgba(79, 70, 229, 0.1) 0%, rgba(56, 189, 248, 0.1) 100%);
    border: 1px solid rgba(255, 255, 255, 0.1);
    border-radius: 24px;
    padding: 4rem;
    text-align: center;
    max-width: 800px;
}

.glass-container h2 {
    font-size: 2.5rem;
    margin-bottom: 1.5rem;
}

.glass-container p {
    color: var(--text-muted);
    font-size: 1.125rem;
    margin-bottom: 1rem;
}

.pricing {
    padding: 5rem 5%;
    background: linear-gradient(180deg, rgba(15, 23, 42, 1) 0%, rgba(15, 23, 42, 0.95) 100%);
}

.price-grid {
    display: grid;
    grid-template-columns: repeat(auto-fit, minmax(220px, 1fr));
    gap: 1.5rem;
    margin-top: 2rem;
}

.pricing-card {
    background: rgba(255, 255, 255, 0.05);
    border: 1px solid rgba(255, 255, 255, 0.08);
    border-radius: 24px;
    padding: 2rem;
    text-align: center;
    transition: transform 0.3s ease, border-color 0.3s ease;
}

.pricing-card:hover {
    transform: translateY(-6px);
    border-color: rgba(56, 189, 248, 0.4);
}

.pricing-card.featured {
    background: linear-gradient(135deg, rgba(56, 189, 248, 0.14), rgba(79, 70, 229, 0.14));
    border-color: rgba(56, 189, 248, 0.4);
}

.price-tag {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    font-size: 3rem;
    font-weight: 800;
    margin-bottom: 1rem;
    color: var(--accent);
}

.price-label {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    background: rgba(56, 189, 248, 0.12);
    color: var(--accent);
    border-radius: 999px;
    padding: 0.5rem 1rem;
    font-weight: 700;
    margin-bottom: 1rem;
}

.pricing-card h3 {
    margin-bottom: 1rem;
}

.contact-section {
    padding: 5rem 5%;
    background: rgba(15, 23, 42, 0.95);
}

.contact-grid {
    display: grid;
    grid-template-columns: 1.1fr 1fr;
    gap: 2rem;
}

.contact-panel {
    background: rgba(255, 255, 255, 0.04);
    border: 1px solid rgba(255, 255, 255, 0.08);
    padding: 2.5rem;
    border-radius: 24px;
}

.contact-panel h2 {
    margin-bottom: 1rem;
}

.contact-details {
    display: grid;
    gap: 1rem;
    margin: 1.5rem 0;
}

.contact-details div {
    display: flex;
    justify-content: space-between;
    gap: 1rem;
    color: var(--text-muted);
}

.contact-details a {
    color: var(--accent);
    text-decoration: none;
}

.whatsapp-btn {
    display: inline-flex;
    align-items: center;
    gap: 0.75rem;
    padding: 0.9rem 1.2rem;
    background: #25D366;
    color: #062b12;
    border-radius: 14px;
    border: none;
    text-decoration: none;
    font-weight: 700;
}

.form-grid {
    display: grid;
    gap: 1rem;
    grid-template-columns: repeat(auto-fit, minmax(220px, 1fr));
}

.form-group {
    margin-top: 1rem;
}

label {
    display: block;
    margin-bottom: 0.5rem;
    color: var(--text);
    font-size: 0.95rem;
}

input, textarea {
    width: 100%;
    border-radius: 14px;
    border: 1px solid rgba(255, 255, 255, 0.1);
    background: rgba(15, 23, 42, 0.95);
    color: var(--text);
    padding: 1rem 1rem;
    font-size: 1rem;
}

textarea {
    min-height: 150px;
    resize: vertical;
}

.contact-status {
    margin-top: 1rem;
    color: var(--accent);
    font-weight: 700;
}

.home-downloads {
    background: rgba(15, 23, 42, 0.9);
}

.download-console {
    display: grid;
    gap: 1rem;
    margin: 1.5rem auto 2rem;
    max-width: 1180px;
}

.download-toolbar {
    display: grid;
    grid-template-columns: minmax(220px, 1fr) auto;
    gap: 1rem;
    align-items: center;
}

.download-toolbar input {
    min-height: 52px;
}

.filter-pills {
    display: flex;
    gap: 0.55rem;
    flex-wrap: wrap;
    justify-content: flex-end;
}

.filter-pill {
    border: 1px solid rgba(255, 255, 255, 0.12);
    background: rgba(255, 255, 255, 0.04);
    color: var(--text-muted);
    border-radius: 999px;
    padding: 0.65rem 0.95rem;
    cursor: pointer;
    font-weight: 700;
}

.filter-pill.active,
.filter-pill:hover {
    color: var(--text);
    border-color: rgba(45, 212, 191, 0.55);
    background: rgba(45, 212, 191, 0.12);
}

.download-summary {
    color: var(--text-muted);
    display: flex;
    justify-content: space-between;
    gap: 1rem;
    flex-wrap: wrap;
}

.exe-grid {
    display: grid;
    grid-template-columns: repeat(auto-fill, minmax(300px, 1fr));
    gap: 1rem;
}

.exe-card {
    display: flex;
    flex-direction: column;
    gap: 0.9rem;
    min-height: 280px;
    padding: 1.2rem;
    background: rgba(2, 6, 23, 0.58);
    border: 1px solid rgba(255, 255, 255, 0.08);
    border-radius: 14px;
}

.exe-card:hover {
    border-color: rgba(45, 212, 191, 0.45);
}

.exe-card.featured {
    background: linear-gradient(145deg, rgba(45, 212, 191, 0.1), rgba(2, 6, 23, 0.66));
}

.exe-card-top,
.exe-meta {
    display: flex;
    justify-content: space-between;
    gap: 0.75rem;
    align-items: center;
    flex-wrap: wrap;
}

.exe-category,
.exe-size,
.exe-meta span {
    border: 1px solid rgba(255, 255, 255, 0.1);
    border-radius: 999px;
    color: var(--text-muted);
    font-size: 0.78rem;
    padding: 0.32rem 0.68rem;
}

.exe-category {
    color: var(--primary);
    background: rgba(45, 212, 191, 0.08);
    border-color: rgba(45, 212, 191, 0.22);
    font-weight: 800;
}

.exe-card h3 {
    font-size: 1.18rem;
}

.exe-card p {
    color: var(--text-muted);
    flex: 1;
}

.exe-card .inline-actions {
    margin-top: 0;
}

.exe-card.is-hidden {
    display: none;
}

.no-results {
    display: none;
    padding: 2rem;
    border: 1px dashed rgba(255, 255, 255, 0.18);
    border-radius: 14px;
    color: var(--text-muted);
    text-align: center;
}

.no-results.active {
    display: block;
}

/* ══════ GÖRSEL ZENGİNLEŞTİRME ══════ */

/* Yüzen arka plan küreleri */
.floating-orb {
    position: fixed;
    border-radius: 50%;
    filter: blur(80px);
    opacity: 0.12;
    pointer-events: none;
    z-index: -1;
    animation: floatOrb 18s ease-in-out infinite;
}
.floating-orb.orb-1 { width:420px;height:420px;background:var(--primary);top:10%;left:-5%;animation-delay:0s; }
.floating-orb.orb-2 { width:350px;height:350px;background:var(--accent);top:50%;right:-8%;animation-delay:-6s; }
.floating-orb.orb-3 { width:280px;height:280px;background:#8B5CF6;bottom:5%;left:30%;animation-delay:-12s; }

@keyframes floatOrb {
    0%,100% { transform:translate(0,0) scale(1); }
    33% { transform:translate(30px,-40px) scale(1.08); }
    66% { transform:translate(-20px,30px) scale(0.94); }
}

/* Scroll ile görünürlük animasyonu */
.reveal { opacity:0; transform:translateY(32px); transition:opacity .7s cubic-bezier(.4,0,.2,1), transform .7s cubic-bezier(.4,0,.2,1); }
.reveal.visible { opacity:1; transform:translateY(0); }

/* Kart parlama efekti */
.exe-card, .route-card, .module-grid-detailed article {
    transition: transform .35s ease, border-color .35s ease, box-shadow .35s ease;
    position: relative;
    overflow: hidden;
}
.exe-card::before, .route-card::before {
    content:'';
    position:absolute;
    inset:-1px;
    border-radius:inherit;
    background:linear-gradient(135deg,rgba(45,212,191,.25),transparent 60%,rgba(56,189,248,.2));
    opacity:0;
    transition:opacity .4s ease;
    z-index:0;
    pointer-events:none;
}
.exe-card:hover::before, .route-card:hover::before { opacity:1; }
.exe-card:hover, .route-card:hover, .module-grid-detailed article:hover {
    transform:translateY(-6px);
    box-shadow:0 16px 48px rgba(45,212,191,.12), 0 0 0 1px rgba(45,212,191,.18);
}

/* Featured kart nabız kenar */
.exe-card.featured { animation: cardPulse 4s ease-in-out infinite; }
@keyframes cardPulse {
    0%,100% { box-shadow:0 0 0 0 rgba(45,212,191,0); }
    50% { box-shadow:0 0 24px 2px rgba(45,212,191,.1); }
}

/* Bölüm ayırıcı çizgi */
.section-divider {
    height:1px;
    max-width:600px;
    margin:0 auto;
    background:linear-gradient(90deg,transparent,rgba(45,212,191,.4),rgba(56,189,248,.4),transparent);
}

/* Başlık altı gradyan çizgi */
.section-heading h2 {
    position:relative;
    display:inline-block;
}
.section-heading h2::after {
    content:'';
    display:block;
    width:60px;
    height:3px;
    margin:12px auto 0;
    border-radius:99px;
    background:linear-gradient(90deg,var(--primary),var(--accent));
}

/* Sayı istatistik kutuları */
.stats-strip {
    display:flex;
    justify-content:center;
    gap:2.5rem;
    flex-wrap:wrap;
    padding:3rem 5%;
}
.stat-box { text-align:center; }
.stat-box .stat-num {
    font-size:2.8rem;
    font-weight:800;
    background:linear-gradient(135deg,var(--primary),var(--accent));
    -webkit-background-clip:text;
    color:transparent;
    line-height:1.1;
}
.stat-box .stat-label {
    color:var(--text-muted);
    font-size:.9rem;
    margin-top:.35rem;
}

/* Güven şeridi */
.trust-strip {
    display:flex;
    justify-content:center;
    align-items:center;
    gap:2rem;
    flex-wrap:wrap;
    padding:2rem 5%;
    border-top:1px solid var(--glass-border);
    border-bottom:1px solid var(--glass-border);
}
.trust-item {
    display:flex;
    align-items:center;
    gap:.5rem;
    color:var(--text-muted);
    font-size:.92rem;
}
.trust-item .trust-icon {
    font-size:1.4rem;
}

/* Müşteri yorumları */
.testimonials { padding:4rem 5%; }
.testimonial-grid {
    display:grid;
    grid-template-columns:repeat(auto-fit,minmax(280px,1fr));
    gap:1.5rem;
}
.testimonial-card {
    background:rgba(15,23,42,.72);
    border:1px solid var(--glass-border);
    border-radius:18px;
    padding:1.8rem;
    position:relative;
}
.testimonial-card::before {
    content:'"';
    position:absolute;
    top:12px;right:20px;
    font-size:4rem;
    color:rgba(45,212,191,.12);
    font-family:serif;
    line-height:1;
}
.testimonial-card p { color:var(--text-muted); font-style:italic; margin-bottom:1rem; }
.testimonial-author { font-weight:700; color:var(--text); font-size:.9rem; }
.testimonial-role { color:var(--text-muted); font-size:.8rem; }
.testimonial-stars { color:#FBBF24; margin-bottom:.6rem; letter-spacing:2px; }

/* CTA bölümü */
.cta-banner {
    padding:5rem 5%;
    text-align:center;
    background:linear-gradient(135deg,rgba(45,212,191,.06),rgba(56,189,248,.06));
    position:relative;
    overflow:hidden;
}
.cta-banner::before {
    content:'';
    position:absolute;
    width:500px;height:500px;
    background:radial-gradient(circle,rgba(45,212,191,.08),transparent 70%);
    top:50%;left:50%;
    transform:translate(-50%,-50%);
    animation:ctaPulse 4s ease-in-out infinite;
}
@keyframes ctaPulse {
    0%,100% { transform:translate(-50%,-50%) scale(1); opacity:.5; }
    50% { transform:translate(-50%,-50%) scale(1.15); opacity:1; }
}
.cta-banner h2 { font-size:clamp(1.8rem,4vw,2.8rem); margin-bottom:1rem; position:relative; }
.cta-banner p { color:var(--text-muted); max-width:520px; margin:0 auto 2rem; position:relative; }
.cta-banner .cta-group { justify-content:center; position:relative; }

/* Parçacık arka plan */
.particle-field {
    position:fixed;
    inset:0;
    pointer-events:none;
    z-index:-1;
    overflow:hidden;
}
.particle {
    position:absolute;
    width:2px;height:2px;
    background:rgba(45,212,191,.35);
    border-radius:50%;
    animation:particleFloat linear infinite;
}
@keyframes particleFloat {
    0% { transform:translateY(100vh) scale(0); opacity:0; }
    10% { opacity:1; }
    90% { opacity:1; }
    100% { transform:translateY(-10vh) scale(1); opacity:0; }
}

/* Hero ekstra parlaklık */
.hero { position:relative; }
.hero::before {
    content:'';
    position:absolute;
    width:600px;height:600px;
    background:radial-gradient(circle,rgba(45,212,191,.07),transparent 65%);
    top:-100px;right:-100px;
    pointer-events:none;
}

/* Glass panel ek parlaklık */
.glass-panel::after {
    content:'';
    position:absolute;
    top:-50%;left:-50%;
    width:200%;height:200%;
    background:conic-gradient(from 0deg,transparent,rgba(45,212,191,.04),transparent,rgba(56,189,248,.04),transparent);
    animation:glassRotate 12s linear infinite;
}
@keyframes glassRotate {
    to { transform:rotate(360deg); }
}

/* Footer */
footer {
    text-align: center;
    padding: 3rem 5%;
    border-top: 1px solid rgba(255, 255, 255, 0.05);
    color: var(--text-muted);
    position: relative;
}
footer::before {
    content:'';
    position:absolute;
    top:0;left:50%;
    transform:translateX(-50%);
    width:200px;height:1px;
    background:linear-gradient(90deg,transparent,var(--primary),transparent);
}
.footer-inner { max-width:1200px; margin:0 auto; }
.footer-links {
    display:flex;
    justify-content:center;
    gap:2rem;
    flex-wrap:wrap;
    margin-bottom:1.5rem;
}
.footer-links a {
    color:var(--text-muted);
    text-decoration:none;
    font-size:.9rem;
    transition:color .3s;
}
.footer-links a:hover { color:var(--primary); }
.footer-brand {
    font-size:1.2rem;
    font-weight:700;
    margin-bottom:.5rem;
    background:linear-gradient(135deg,#F8FAFC,#94A3B8);
    -webkit-background-clip:text;
    color:transparent;
}

/* Responsive */
@media (max-width: 768px) {
    .hero {
        flex-direction: column;
        text-align: center;
    }
    .hero-content {
        padding-right: 0;
        margin-bottom: 3rem;
    }
    .cta-group {
        justify-content: center;
    }
    nav ul {
        display: none;
    }
    .download-toolbar {
        grid-template-columns: 1fr;
    }
    .filter-pills {
        justify-content: flex-start;
    }
}