:root{--bg-primary:#0A0A0A;--bg-surface:#111111;--bg-elevated:#1A1A1A;--bg-card:#141414;--text-primary:#FAFAFA;--text-secondary:#A1A1A1;--text-muted:#666666;--accent:#10B981;--accent-hover:#059669;--accent-glow:rgba(16,185,129,0.15);--accent-subtle:rgba(16,185,129,0.08);--border:rgba(255,255,255,0.06);--border-hover:rgba(255,255,255,0.12);--font-heading:'Space Grotesk',sans-serif;--font-body:'DM Sans',sans-serif;--radius-sm:8px;--radius-md:12px;--radius-lg:20px;--radius-xl:28px;--shadow-glow:0 0 60px rgba(16,185,129,0.1);--shadow-card:0 4px 24px rgba(0,0,0,0.3);--transition:0.3s cubic-bezier(0.4,0,0.2,1);--transition-slow:0.6s cubic-bezier(0.4,0,0.2,1);}*,*::before,*::after{margin:0;padding:0;box-sizing:border-box;}html{scroll-behavior:smooth;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;}body{font-family:var(--font-body);background:var(--bg-primary);color:var(--text-primary);line-height:1.7;overflow-x:hidden;}a{color:var(--accent);text-decoration:none;transition:color var(--transition);}a:hover{color:var(--accent-hover);}img{max-width:100%;display:block;}.container{max-width:1200px;margin:0 auto;padding:0 24px;}section{padding:100px 0;}.nav{position:fixed;top:0;left:0;right:0;z-index:1000;padding:20px 0;transition:all var(--transition);background:transparent;}.nav.scrolled{background:rgba(10,10,10,0.9);backdrop-filter:blur(20px);border-bottom:1px solid var(--border);padding:14px 0;}.nav .container{display:flex;align-items:center;justify-content:space-between;}.nav-logo{font-family:var(--font-heading);font-size:1.4rem;font-weight:700;color:var(--text-primary);letter-spacing:-0.02em;}.nav-logo span{color:var(--accent);}.nav-links{display:flex;align-items:center;gap:32px;list-style:none;}.nav-links a{color:var(--text-secondary);font-size:0.9rem;font-weight:500;transition:color var(--transition);}.nav-links a:hover{color:var(--text-primary);}.nav-cta{display:inline-flex;align-items:center;gap:8px;padding:10px 22px;background:var(--accent);color:#fff;font-size:0.9rem;font-weight:500;border-radius:var(--radius-sm);transition:background-color var(--transition);}.nav-cta:hover{background:var(--accent-hover);color:#fff;}.nav-cta svg{fill:currentColor;}.nav-mobile-toggle{display:none;}.hero{padding-top:180px;padding-bottom:120px;text-align:center;background-image:radial-gradient(circle at 50% 0,var(--accent-subtle) 0,transparent 40%);}.hero-badge{display:inline-block;padding:8px 16px;background:var(--accent-subtle);border:1px solid var(--border);color:var(--accent);font-size:0.8rem;font-weight:600;border-radius:var(--radius-xl);margin-bottom:24px;}.hero h1{font-family:var(--font-heading);font-size:3.5rem;font-weight:700;line-height:1.1;letter-spacing:-0.02em;margin-bottom:24px;}.hero .highlight{color:var(--accent);}.hero p{max-width:650px;margin:0 auto 32px;color:var(--text-secondary);font-size:1.1rem;}.hero-cta-group{display:flex;justify-content:center;gap:16px;}.btn-primary{display:inline-flex;align-items:center;gap:12px;padding:16px 32px;background:var(--accent);color:#fff;font-size:1rem;font-weight:600;border-radius:var(--radius-md);transition:all var(--transition);box-shadow:0 4px 12px rgba(16,185,129,0.2);}.btn-primary:hover{transform:translateY(-2px);background:var(--accent-hover);box-shadow:0 6px 16px rgba(16,185,129,0.25);}.btn-primary svg{fill:currentColor;}.section-header{text-align:center;margin-bottom:60px;}.section-tag{display:inline-block;padding:6px 14px;background:var(--accent-subtle);border:1px solid var(--border);color:var(--accent);font-size:0.8rem;font-weight:600;border-radius:var(--radius-xl);margin-bottom:16px;}.section-header h2{font-family:var(--font-heading);font-size:2.8rem;font-weight:700;margin-bottom:16px;}.section-header p{max-width:600px;margin:0 auto;color:var(--text-secondary);font-size:1.1rem;}.how-it-works .steps-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:32px;}.step-card{background:var(--bg-card);padding:40px;border:1px solid var(--border);border-radius:var(--radius-lg);text-align:center;transition:all var(--transition);box-shadow:var(--shadow-card);}.step-card:hover{transform:translateY(-8px);border-color:var(--border-hover);box-shadow:0 8px 30px rgba(0,0,0,0.4);}.step-number{display:block;font-family:var(--font-heading);font-size:1rem;font-weight:500;color:var(--text-muted);margin-bottom:16px;}.step-icon{font-size:2.5rem;line-height:1;margin-bottom:24px;}.step-card h3{font-family:var(--font-heading);font-size:1.5rem;margin-bottom:12px;}.step-card p{color:var(--text-secondary);font-size:0.95rem;}.why-us-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(300px,1fr));gap:32px;}.why-card{background:var(--bg-card);padding:32px;border:1px solid var(--border);border-radius:var(--radius-lg);transition:all var(--transition);display:flex;flex-direction:column;align-items:center;text-align:center;}.why-card:hover{transform:translateY(-5px);border-color:var(--border-hover);}.why-card-icon{margin-bottom:20px;color:var(--accent);}.why-card-icon svg{width:32px;height:32px;}.why-card h3{font-family:var(--font-heading);font-size:1.25rem;margin-bottom:10px;}.why-card p{color:var(--text-secondary);font-size:0.9rem;}.faq-list{max-width:800px;margin:0 auto;}.faq-item{background:var(--bg-card);border:1px solid var(--border);border-radius:var(--radius-md);margin-bottom:16px;overflow:hidden;transition:all var(--transition);}.faq-item.active{border-color:var(--border-hover);}.faq-question{width:100%;padding:24px;background:none;border:none;text-align:left;font-family:var(--font-body);font-size:1.1rem;font-weight:600;color:var(--text-primary);cursor:pointer;display:flex;justify-content:space-between;align-items:center;}.faq-icon{font-family:var(--font-heading);font-size:1.5rem;color:var(--text-secondary);transition:transform var(--transition);}.faq-item.active .faq-icon{transform:rotate(45deg);color:var(--accent);}.faq-answer{max-height:0;overflow:hidden;transition:max-height 0.4s ease-in-out;}.faq-answer p{padding:0 24px 24px;color:var(--text-secondary);line-height:1.8;}.faq-item.active .faq-answer{max-height:200px;}.final-cta{background:var(--bg-elevated);text-align:center;border-top:1px solid var(--border);border-bottom:1px solid var(--border);}.final-cta .container > div{background-image:radial-gradient(circle at 50% 100%,var(--accent-subtle) 0,transparent 50%);padding-top:80px;padding-bottom:80px;border-radius:var(--radius-xl);}.final-cta h2{font-family:var(--font-heading);font-size:2.5rem;margin-bottom:16px;}.final-cta p{max-width:500px;margin:0 auto 32px;color:var(--text-secondary);}.footer{background:var(--bg-surface);padding:80px 0 30px;font-size:0.9rem;}.footer-grid{display:grid;grid-template-columns:2fr 1fr 1fr;gap:60px;margin-bottom:60px;}.footer-brand .nav-logo{display:inline-block;margin-bottom:16px;}.footer-brand p{max-width:300px;color:var(--text-secondary);}.footer-col h4{font-family:var(--font-heading);font-size:1rem;font-weight:600;margin-bottom:20px;color:var(--text-primary);}.footer-col ul{list-style:none;}.footer-col li{margin-bottom:12px;}.footer-col a{color:var(--text-secondary);}.footer-col a:hover{color:var(--text-primary);}.footer-bottom{border-top:1px solid var(--border);padding-top:30px;display:flex;justify-content:space-between;align-items:center;color:var(--text-muted);}.whatsapp-float{position:fixed;bottom:30px;right:30px;width:60px;height:60px;background-color:var(--accent);border-radius:50%;display:flex;align-items:center;justify-content:center;box-shadow:0 4px 15px rgba(16,185,129,0.3);z-index:999;transition:all var(--transition);}.whatsapp-float:hover{background-color:var(--accent-hover);transform:scale(1.1);}.whatsapp-float svg{width:32px;height:32px;fill:#fff;}





/* Pricing Section */


.pricing-grid { display: grid; grid-template-columns: repeat(auto-fit, minmax(280px, 1fr)); gap: 32px; align-items: center; }


.pricing-card { background: var(--bg-card); padding: 40px; border: 1px solid var(--border); border-radius: var(--radius-lg); text-align: center; transition: all var(--transition); position: relative; }


.pricing-card.popular { border-color: var(--accent); transform: scale(1.05); box-shadow: 0 10px 40px rgba(16, 185, 129, 0.2); }


.popular-badge { position: absolute; top: -15px; left: 50%; transform: translateX(-50%); background: var(--accent); color: #fff; padding: 6px 16px; border-radius: var(--radius-xl); font-size: 0.8rem; font-weight: 700; }


.pricing-header h3 { font-family: var(--font-heading); font-size: 1.4rem; margin-bottom: 16px; }


.price { font-family: var(--font-heading); font-size: 3rem; font-weight: 700; margin-bottom: 8px; color: var(--accent); }


.price span { font-size: 1.5rem; color: var(--text-muted); }


.original-price { color: var(--text-muted); text-decoration: line-through; margin-bottom: 8px; font-size: 1rem; }


.unit-price { color: var(--text-secondary); font-size: 0.9rem; margin-bottom: 32px; min-height: 20px; }


.features-list { list-style: none; text-align: left; margin-bottom: 40px; }


.features-list li { display: flex; align-items: center; gap: 12px; margin-bottom: 12px; font-size: 0.95rem; }


.features-list svg { color: var(--accent); flex-shrink: 0; }


.pricing-card .btn-primary, .pricing-card .btn-secondary { width: 100%; text-align: center; justify-content: center; padding: 14px; }


.btn-secondary { display: inline-block; background: var(--bg-elevated); color: var(--text-primary); border: 1px solid var(--border); transition: all var(--transition); border-radius: var(--radius-md); font-weight: 600; }


.btn-secondary:hover { background: var(--bg-primary); border-color: var(--accent); color: var(--accent); }





/* Logo Animation */


.nav-logo img {


    transition: transform 0.3s cubic-bezier(0.4, 0, 0.2, 1);


}


.nav-logo:hover img {


    transform: scale(1.05);


}





/* --- Mobil Uyumluluk Kodları --- */


@media (max-width: 992px) {


    .nav-links { display: none; } /* Menüyü gizle */


    .nav-mobile-toggle { 


        display: flex;


        flex-direction: column;


        gap: 5px;


        cursor: pointer;


        z-index: 1001;


    } 


    .nav-mobile-toggle span {


        width: 25px;


        height: 3px;


        background: var(--text-primary);


        border-radius: 2px;


        transition: all var(--transition);


    }





    .footer-grid { grid-template-columns: 1fr; gap: 40px; text-align: center; }


    .footer-brand, .footer-col { align-items: center; }


    .footer-bottom { flex-direction: column; gap: 16px; }


}





@media (max-width: 768px) {


    .hero h1 { font-size: 2.5rem; }


    .hero p { font-size: 1rem; }


    .hero-cta-group { flex-direction: column; align-items: center;}


    


    .section-header h2 { font-size: 2rem; }


    


    .how-it-works .steps-grid { grid-template-columns: 1fr; }


    .pricing-grid { grid-template-columns: 1fr; }


    .pricing-card.popular { transform: scale(1); }


}





@media (max-width: 480px) {


    .container { padding: 0 16px; }


    .hero h1 { font-size: 2rem; }


    .final-cta h2 { font-size: 2rem; }


}





/* --- Mobile Menu Estetik Kodları --- */


.mobile-nav-container {


    position: fixed;


    top: 0;


    left: 0;


    width: 100%;


    height: 100%;


    background: var(--bg-primary);


    display: flex;


    flex-direction: column;


    align-items: center;


    justify-content: center;


    opacity: 0;


    visibility: hidden;


    transform: translateY(-20px);


    transition: all 0.4s cubic-bezier(0.4, 0, 0.2, 1);


    z-index: 999;


}


.mobile-nav-container.active {


    opacity: 1;


    visibility: visible;


    transform: translateY(0);


}


.mobile-nav-links {


    list-style: none;


    text-align: center;


}


.mobile-nav-links li {


    margin-bottom: 30px;


}


.mobile-nav-links a {


    font-family: var(--font-heading);


    font-size: 1.8rem;


    color: var(--text-primary);


    font-weight: 600;


    transition: color var(--transition);


}


.mobile-nav-links a:hover {


    color: var(--accent);


}


.mobile-nav-cta {


    margin-top: 20px;


    padding: 12px 28px;


}


.nav-mobile-toggle.active span:nth-child(1) {


    transform: rotate(45deg) translate(6px, 6px);


}


.nav-mobile-toggle.active span:nth-child(2) {


    opacity: 0;


}


.nav-mobile-toggle.active span:nth-child(3) {


    transform: rotate(-45deg) translate(6px, -6px);


}


body.no-scroll {


    overflow: hidden;


}



/* --- Mobil Menu Estetik Kodları --- */

.nav-mobile-toggle {

    background: none;

    border: none;

    cursor: pointer;

    padding: 10px;

    z-index: 1001;

    display: none; /* Initially hidden, shown by media query */

}



.nav-mobile-toggle span {

    display: block;

    width: 25px;

    height: 3px;

    background: var(--text-primary);

    border-radius: 2px;

    transition: transform 0.3s ease-in-out, opacity 0.3s ease-in-out;

}



.nav-mobile-toggle span:not(:last-child) {

    margin-bottom: 5px;

}



.nav-mobile-toggle[aria-expanded="true"] .top {

    transform: translateY(8px) rotate(45deg);

}



.nav-mobile-toggle[aria-expanded="true"] .middle {

    opacity: 0;

}



.nav-mobile-toggle[aria-expanded="true"] .bottom {

    transform: translateY(-8px) rotate(-45deg);

}



.mobile-nav-container {

    position: fixed;

    top: 0;

    left: 0;

    width: 100%;

    height: 100vh;

    background: rgba(10, 10, 10, 0.95);

    backdrop-filter: blur(10px);

    display: flex;

    align-items: center;

    justify-content: center;

    z-index: 1000;

    opacity: 0;

    visibility: hidden;

    transition: opacity 0.3s ease, visibility 0.3s ease;

}



.mobile-nav-container[aria-hidden="false"] {

    opacity: 1;

    visibility: visible;

}



.mobile-nav-links {

    list-style: none;

    padding: 0;

    text-align: center;

}



.mobile-nav-links li {

    opacity: 0;

    transform: translateY(20px);

    transition: opacity 0.3s ease, transform 0.3s ease;

}



.mobile-nav-container[aria-hidden="false"] li {

    opacity: 1;

    transform: translateY(0);

}



/* Staggered animation for links */

.mobile-nav-container[aria-hidden="false"] li:nth-child(1) { transition-delay: 0.1s; }

.mobile-nav-container[aria-hidden="false"] li:nth-child(2) { transition-delay: 0.15s; }

.mobile-nav-container[aria-hidden="false"] li:nth-child(3) { transition-delay: 0.2s; }

.mobile-nav-container[aria-hidden="false"] li:nth-child(4) { transition-delay: 0.25s; }

.mobile-nav-container[aria-hidden="false"] li:nth-child(5) { transition-delay: 0.3s; }





.mobile-nav-links a {

    display: block;

    padding: 15px;

    font-family: var(--font-heading);

    font-size: 1.8rem;

    color: var(--text-primary);

    font-weight: 600;

}



body.no-scroll {

    overflow: hidden;

}

/* --- Genel Mobil Uyumluluk Kodları --- */
@media (max-width: 992px) {
    .nav-links { display: none; }
    .nav-mobile-toggle { display: flex; } /* changed from block to flex */
    .footer-grid { grid-template-columns: 1fr; text-align: center; }
    .footer-brand { margin: 0 auto; }
}

@media (max-width: 768px) {
    section { padding: 80px 0; }
    .hero { padding-top: 160px; padding-bottom: 80px; }
    .hero h1 { font-size: 2.8rem; }
    .hero p { font-size: 1rem; }
    .hero-cta-group { flex-direction: column; align-items: center; }
    .btn-primary { width: 100%; max-width: 320px; justify-content: center; }
    
    .section-header h2 { font-size: 2.2rem; }
    .how-it-works .steps-grid, .why-us-grid, .pricing-grid { grid-template-columns: 1fr; }
    .pricing-card.popular { transform: scale(1); }
    .footer-bottom { flex-direction: column; gap: 16px; }
}

@media (max-width: 480px) {
    .container { padding: 0 20px; }
    .hero h1 { font-size: 2.2rem; }
    .section-header h2 { font-size: 1.8rem; }
    .final-cta h2 { font-size: 1.8rem; }
}