:root{
    --ink:#1d1d1f; --muted:#6e6e73; --hairline:#e8e8ed;
    --bg:#ffffff; --bg-soft:#fbfbfd; --accent:#0a84ff;
    --grad:linear-gradient(90deg,#0a84ff,#7b5cff 55%,#00d4ff);
    --grad-soft:linear-gradient(135deg,rgba(10,132,255,.12),rgba(123,92,255,.12));
}
*{ -webkit-font-smoothing:antialiased; }
body{
    font-family:'Inter',-apple-system,BlinkMacSystemFont,'Segoe UI',sans-serif;
    color:var(--ink); letter-spacing:-.01em; margin:0;
    /* Beyaz pattern: çok hafif nokta ızgarası */
    background:
            radial-gradient(circle at 1px 1px, rgba(0,0,0,.045) 1px, transparent 0) 0 0 / 26px 26px,
            var(--bg);
}

/* ---------- TOPBAR ---------- */
.topbar{ background:var(--bg-soft); border-bottom:1px solid var(--hairline); font-size:.78rem; }
.topbar a{ color:var(--muted); text-decoration:none; padding:.55rem .85rem; display:inline-flex; align-items:center; gap:.4rem; transition:color .25s; }
.topbar a:hover{ color:var(--ink); }
.topbar .divider{ width:1px; height:14px; background:var(--hairline); }

/* ---------- HEADER ---------- */
.site-header{ position:sticky; top:0; z-index:1030; background:rgba(255,255,255,.72);
    backdrop-filter:saturate(180%) blur(20px); -webkit-backdrop-filter:saturate(180%) blur(20px);
    border-bottom:1px solid transparent; transition:border-color .3s, background .3s; }
.site-header.scrolled{ border-bottom-color:var(--hairline); background:rgba(255,255,255,.85); }
.brand{ font-weight:800; font-size:1.45rem; letter-spacing:-.04em; color:var(--ink); text-decoration:none; display:inline-flex; align-items:center; }
.brand .dot{ width:8px; height:8px; border-radius:50%; background:var(--grad); margin-left:3px; box-shadow:0 0 14px rgba(10,132,255,.5); }
.main-nav .nav-link{ color:var(--ink); font-size:.92rem; font-weight:500; padding:.45rem .95rem !important; position:relative; transition:color .25s; }
.main-nav .nav-link:hover{ color:var(--accent); }
.main-nav .nav-link::after{ content:""; position:absolute; left:.95rem; right:.95rem; bottom:.2rem; height:2px; border-radius:2px; background:var(--grad); transform:scaleX(0); transform-origin:left; transition:transform .3s cubic-bezier(.2,.7,.3,1); }
.main-nav .nav-link:hover::after{ transform:scaleX(1); }
.navbar-toggler{ border:none; box-shadow:none !important; }

/* ---------- HERO ---------- */
.hero{ position:relative; padding:6.5rem 0 4rem; text-align:center; overflow:hidden; }
.hero::before{ content:""; position:absolute; top:-180px; left:50%; transform:translateX(-50%);
    width:680px; height:680px; border-radius:50%;
    background:radial-gradient(circle, rgba(123,92,255,.16), rgba(10,132,255,.10) 40%, transparent 70%);
    filter:blur(20px); z-index:-1; }
.eyebrow{ display:inline-flex; align-items:center; gap:.5rem; font-size:.8rem; font-weight:600;
    color:var(--accent); background:var(--grad-soft); border:1px solid rgba(10,132,255,.2);
    padding:.4rem .9rem; border-radius:999px; margin-bottom:1.4rem; }
.hero h1{ font-weight:800; font-size:clamp(2.3rem,6vw,4rem); letter-spacing:-.045em; line-height:1.05; }
.hero p.lead{ color:var(--muted); font-size:1.15rem; max-width:560px; margin:1.2rem auto 2rem; }
.btn-primary-cta{ background:var(--ink); color:#fff; border-radius:999px; font-weight:600; font-size:.95rem; padding:.7rem 1.6rem; border:none; transition:transform .2s, opacity .2s; }
.btn-primary-cta:hover{ transform:translateY(-2px); opacity:.92; color:#fff; }
.btn-ghost{ background:#fff; color:var(--ink); border:1px solid var(--hairline); border-radius:999px; font-weight:600; font-size:.95rem; padding:.7rem 1.6rem; transition:border-color .2s, color .2s; }
.btn-ghost:hover{ border-color:var(--accent); color:var(--accent); }

/* ---------- KARTLAR (glow) ---------- */
.section-head{ text-align:center; margin-bottom:3rem; }
.section-head h2{ font-weight:800; font-size:clamp(1.8rem,4vw,2.6rem); letter-spacing:-.04em; }
.section-head p{ color:var(--muted); max-width:520px; margin:.8rem auto 0; }

.glow-card{
    position:relative; height:100%;
    background:#fff;
    border:1px solid var(--hairline);
    border-radius:24px;
    padding:2rem 1.75rem;
    box-shadow:0 1px 2px rgba(0,0,0,.04);
    transition:transform .35s cubic-bezier(.2,.7,.3,1), box-shadow .35s, border-color .35s;
    overflow:hidden;
}
/* yumuşak parıltı (neon değil) */
.glow-card::before{
    content:""; position:absolute; inset:-1px; border-radius:24px; padding:1px;
    background:var(--grad); opacity:0;
    -webkit-mask:linear-gradient(#000 0 0) content-box, linear-gradient(#000 0 0);
    -webkit-mask-composite:xor; mask-composite:exclude;
    transition:opacity .35s;
}
.glow-card:hover{
    transform:translateY(-8px);
    border-color:transparent;
    box-shadow:0 24px 50px -18px rgba(10,132,255,.35), 0 8px 20px rgba(123,92,255,.12);
}
.glow-card:hover::before{ opacity:.9; }

.card-icon{
    width:54px; height:54px; border-radius:16px;
    display:flex; align-items:center; justify-content:center;
    font-size:1.5rem; color:var(--accent);
    background:var(--grad-soft);
    margin-bottom:1.2rem;
    transition:box-shadow .35s;
}
.glow-card:hover .card-icon{ box-shadow:0 0 24px rgba(10,132,255,.35); }
.glow-card h3{ font-size:1.15rem; font-weight:700; letter-spacing:-.02em; margin-bottom:.6rem; }
.glow-card p{ color:var(--muted); font-size:.93rem; line-height:1.6; margin:0; }

/* ---------- FOOTER ---------- */
.site-footer{ background:var(--bg-soft); border-top:1px solid var(--hairline); position:relative; padding:4.5rem 0 2rem; margin-top:5rem; }
.site-footer::before{ content:""; position:absolute; top:-1px; left:0; right:0; height:2px; background:var(--grad); opacity:.9; }
.footer-tagline{ color:var(--muted); font-size:.92rem; max-width:300px; margin-top:1rem; line-height:1.6; }
.footer-title{ font-size:.72rem; font-weight:700; text-transform:uppercase; letter-spacing:.12em; color:var(--muted); margin-bottom:1.1rem; }
.footer-links{ list-style:none; padding:0; margin:0; }
.footer-links li{ margin-bottom:.7rem; }
.footer-links a{ color:var(--ink); text-decoration:none; font-size:.92rem; font-weight:500; transition:color .25s; }
.footer-links a:hover{ color:var(--accent); }
.social-btn{ width:40px; height:40px; border-radius:50%; display:inline-flex; align-items:center; justify-content:center; color:var(--ink); background:#fff; border:1px solid var(--hairline); font-size:1.05rem; text-decoration:none; transition:transform .2s, color .25s, border-color .25s; }
.social-btn:hover{ transform:translateY(-2px); color:var(--accent); border-color:var(--accent); }
.footer-bottom{ border-top:1px solid var(--hairline); margin-top:3rem; padding-top:1.6rem; color:var(--muted); font-size:.83rem; }
.footer-bottom a{ color:var(--muted); text-decoration:none; }
.footer-bottom a:hover{ color:var(--ink); }

@media (max-width:991.98px){ .main-nav .nav-link::after{ display:none; } }
@media (prefers-reduced-motion:reduce){ *{ transition:none !important; } }


/* ============ İÇ SAYFA HERO ============ */
.page-hero{
    position:relative; overflow:hidden;
    padding:4.5rem 0 4rem;
    border-bottom:1px solid var(--hairline);
}
/* sağ üstte yumuşak ışıma blobu */
.page-hero::before{
    content:""; position:absolute; top:-120px; right:-80px;
    width:460px; height:460px; border-radius:50%;
    background:radial-gradient(circle, rgba(123,92,255,.18), rgba(10,132,255,.10) 45%, transparent 70%);
    filter:blur(10px); z-index:0;
}
.page-hero .container{ position:relative; z-index:1; }

/* breadcrumb */
.crumb{ font-size:.85rem; color:var(--muted); margin-bottom:1.1rem; display:flex; align-items:center; gap:.45rem; flex-wrap:wrap; }
.crumb a{ color:var(--muted); text-decoration:none; transition:color .2s; }
.crumb a:hover{ color:var(--accent); }
.crumb .sep{ color:var(--hairline); }
.crumb .current{ color:var(--ink); font-weight:600; }

.page-hero h1{ font-weight:800; font-size:clamp(2rem,5vw,3.2rem); letter-spacing:-.045em; line-height:1.08; max-width:14ch; }
.page-hero p{ color:var(--muted); font-size:1.1rem; max-width:480px; margin-top:1rem; }
.hero-pill{ display:inline-flex; align-items:center; gap:.5rem; font-size:.78rem; font-weight:600;
    color:var(--accent); background:var(--grad-soft); border:1px solid rgba(10,132,255,.2);
    padding:.35rem .85rem; border-radius:999px; margin-bottom:1.1rem; }

/* sağdaki buzlu cam görsel aksanı */
.hero-visual{
    position:relative; height:200px; border-radius:24px;
    background:rgba(255,255,255,.55);
    border:1px solid var(--hairline);
    backdrop-filter:blur(12px); -webkit-backdrop-filter:blur(12px);
    box-shadow:0 24px 50px -24px rgba(10,132,255,.30);
    display:flex; align-items:center; justify-content:center; gap:1rem;
    overflow:hidden;
}
.hero-visual::after{ content:""; position:absolute; inset:-1px; border-radius:24px; padding:1px;
    background:var(--grad); opacity:.55;
    -webkit-mask:linear-gradient(#000 0 0) content-box, linear-gradient(#000 0 0);
    -webkit-mask-composite:xor; mask-composite:exclude; }
.hero-visual .v-icon{ width:64px; height:64px; border-radius:18px; display:flex; align-items:center; justify-content:center;
    font-size:1.7rem; color:var(--accent); background:var(--grad-soft); }
.hero-visual .v-icon:nth-child(2){ transform:translateY(-16px); }
.hero-visual .v-icon:nth-child(3){ transform:translateY(10px); }

/* yer tutucu içerik */
.placeholder{ padding:4rem 0; }
.placeholder .ph-card{ border:1px dashed var(--hairline); border-radius:20px; padding:3rem; text-align:center; color:var(--muted); }

@media (max-width:991.98px){ .main-nav .nav-link::after{ display:none; } .hero-visual{ margin-top:2rem; } }
@media (prefers-reduced-motion:reduce){ *{ transition:none !important; } }


/* ===== İÇERİK ALANI ===== */
.content-area{ padding:4rem 0 5rem; }
.article{  margin:0 auto; }

.eyebrow{ display:inline-flex; align-items:center; gap:.5rem; font-size:.78rem; font-weight:600;
    color:var(--accent); background:var(--grad-soft); border:1px solid rgba(10,132,255,.2);
    padding:.35rem .85rem; border-radius:999px; margin-bottom:1.2rem; }

.article h1{ font-weight:800; font-size:clamp(2rem,4.5vw,2.9rem); letter-spacing:-.045em; line-height:1.1; margin-bottom:1.2rem; }
.lede{ font-size:1.2rem; line-height:1.65; color:#3a3a3d; margin-bottom:2.5rem; }

.article h2{ font-weight:700; font-size:1.5rem; letter-spacing:-.03em; margin:2.8rem 0 .9rem;
    display:flex; align-items:center; gap:.65rem; }
.article h2 .ic{ width:38px; height:38px; border-radius:11px; display:inline-flex; align-items:center; justify-content:center;
    font-size:1.05rem; color:var(--accent); background:var(--grad-soft); flex:0 0 auto; }

.article p{ font-size:1.04rem; line-height:1.78; color:#404045; margin-bottom:1.1rem; }
.article strong{ color:var(--ink); font-weight:600; }
.article a.inline{ color:var(--accent); text-decoration:none; border-bottom:1px solid rgba(10,132,255,.35); }
.article a.inline:hover{ border-bottom-color:var(--accent); }

/* alıntı / vurgulu not */
.pull{ border-left:3px solid transparent; border-image:var(--grad) 1; padding:.4rem 0 .4rem 1.3rem;
    font-size:1.12rem; line-height:1.6; color:var(--ink); font-weight:500; margin:1.8rem 0; }

/* SSS accordion */
.faq-wrap{ margin:3rem auto 0; }
.faq-wrap h2{ font-weight:700; font-size:1.5rem; letter-spacing:-.03em; margin-bottom:1.2rem; }
.accordion-item{ border:1px solid var(--hairline); border-radius:16px !important; overflow:hidden; margin-bottom:.75rem; background:#fff; }
.accordion-button{ font-weight:600; font-size:1rem; color:var(--ink); background:#fff; padding:1.1rem 1.25rem; }
.accordion-button:not(.collapsed){ color:var(--accent); background:#fff; box-shadow:none; }
.accordion-button:focus{ box-shadow:none; border-color:var(--hairline); }
.accordion-button::after{ background-size:1rem; }
.accordion-body{ color:var(--muted); line-height:1.7; padding-top:0; }

/* kapanış CTA */
.closing{  margin:3.5rem auto 0; background:#fff; border:1px solid var(--hairline);
    border-radius:22px; padding:2.2rem 2rem; position:relative; overflow:hidden;
    box-shadow:0 18px 44px -22px rgba(10,132,255,.28); }
.closing::before{ content:""; position:absolute; top:0; left:0; right:0; height:3px; background:var(--grad); }
.closing h3{ font-weight:700; font-size:1.35rem; letter-spacing:-.03em; margin-bottom:.5rem; }
.closing p{ color:var(--muted); margin-bottom:1.2rem; }
.btn-cta{ background:var(--ink); color:#fff; border-radius:999px; font-weight:600; font-size:.95rem; padding:.65rem 1.5rem; border:none; transition:transform .2s, opacity .2s; }
.btn-cta:hover{ transform:translateY(-2px); opacity:.92; color:#fff; }

@media (prefers-reduced-motion:reduce){ *{ transition:none !important; } }

.hp-field {
    position: absolute;
    left: -9999px;
    top: -9999px;
    height: 0;
    width: 0;
    overflow: hidden;
    opacity: 0;
}