:root{color-scheme:light;--primary:#6C63FF;--primary-light:#8B83FF;--navy:#1B2A4A;--g400:#9ca3af;--g500:#6b7280;--g100:#f3f4f6;--g200:#e5e7eb}
*{box-sizing:border-box}html{scroll-behavior:smooth;-webkit-text-size-adjust:100%}
body{margin:0;background:#fff;color:var(--navy);font:16px/1.6 system-ui,-apple-system,"Segoe UI",Roboto,"Helvetica Neue",Arial,sans-serif}
img,video{display:block;max-width:100%;height:auto}svg{flex-shrink:0}
a{color:inherit;text-decoration:none}
h1,h2,h3,h4{color:var(--navy)}
.kap{max-width:80rem;margin:0 auto;padding:0 1.5rem}
main section[id]{scroll-margin-top:4.5rem}
.ust{position:sticky;top:0;z-index:50;background:rgba(255,255,255,.85);-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);border-bottom:1px solid var(--g100)}
.ust-ic{height:4rem;display:flex;align-items:center;justify-content:space-between;gap:.5rem;padding:0 1rem}
@media(min-width:640px){.ust-ic{padding:0 1.5rem}}@media(min-width:1024px){.ust-ic{padding:0 2rem}}
.sol{display:flex;align-items:center;min-width:0}.sag{display:flex;align-items:center;gap:.75rem;flex-shrink:0}
.marka{display:flex;align-items:center;gap:.6rem;font-weight:700;font-size:1.25rem;letter-spacing:-.01em;color:var(--navy)}
.marka img{height:2.25rem;width:auto}
.nav{display:none;gap:.25rem;margin-left:2rem}@media(min-width:1024px){.nav{display:flex}}
.nav a{padding:.5rem 1rem;font-size:.875rem;font-weight:500;color:var(--g500);border-radius:.375rem}.nav a:hover{color:#111827}
.dil{display:inline-flex;border:1px solid var(--g200);border-radius:999px;padding:.2rem;background:#fff}
.dil button{border:0;background:transparent;color:var(--g500);font:inherit;font-size:.75rem;font-weight:700;padding:.3rem .7rem;border-radius:999px;cursor:pointer}
.dil button[aria-pressed=true]{background:var(--primary);color:#fff}
.dugme{display:inline-flex;align-items:center;justify-content:center;gap:.5rem;font-weight:600;border-radius:.75rem;transition:background-color .15s}
.dugme svg{width:1rem;height:1rem}
.dugme-ana{background:var(--primary);color:#fff;box-shadow:0 10px 15px -3px rgba(108,99,255,.25)}.dugme-ana:hover{background:var(--primary-light)}
.dugme-kucuk{padding:.55rem 1.1rem;font-size:.875rem;border-radius:.5rem;box-shadow:none;white-space:nowrap}
.dugme-buyuk{padding:.9rem 2rem;font-size:1rem}
.dugme-acik{background:#fff;color:var(--primary);border:1px solid rgba(108,99,255,.3)}.dugme-acik:hover{background:#f7f6ff}
.dugme-beyaz{background:#fff;color:var(--primary)}.dugme-beyaz:hover{background:rgba(255,255,255,.9)}
@media(max-width:400px){.sag .dugme-kucuk{display:none}}
.hero{background:linear-gradient(180deg,#fff 0%,#f0eeff 40%,#e8e4ff 70%,#f5f3ff 100%);overflow:hidden}
.hero-ic{max-width:56rem;margin:0 auto;padding:5rem 1.5rem 2rem;text-align:center}
.hero h1{font-size:2.25rem;line-height:1.15;font-weight:700;letter-spacing:-.025em;margin:0}
@media(min-width:640px){.hero h1{font-size:3rem}}@media(min-width:768px){.hero h1{font-size:3.75rem}}
.vurgu{color:var(--primary)}
.alt-baslik{margin:1.5rem auto 0;max-width:42rem;font-size:1.125rem;color:var(--g500)}@media(min-width:768px){.alt-baslik{font-size:1.25rem}}
.hero-dugmeler{margin-top:2.5rem;display:flex;flex-wrap:wrap;justify-content:center;gap:.75rem}
.hero-not{margin:1rem 0 0;font-size:.875rem;color:var(--g500)}
.vitrin{max-width:87.5rem;margin:0 auto;padding:3rem 1rem 0}@media(min-width:768px){.vitrin{padding:3rem 2rem 0}}
.pencere{border:1px solid var(--g200);border-bottom:0;border-radius:1rem 1rem 0 0;overflow:hidden;box-shadow:0 -20px 50px -15px rgba(108,99,255,.15);background:#f9fafb}
.pencere img{width:100%}
.pencere-cubuk{background:var(--g100);border-bottom:1px solid var(--g200);padding:.75rem 1rem;display:flex;align-items:center;gap:.5rem}
.noktalar{display:flex;gap:.375rem}.noktalar span{width:.75rem;height:.75rem;border-radius:999px;display:block}
.noktalar span:nth-child(1){background:#f87171}.noktalar span:nth-child(2){background:#facc15}.noktalar span:nth-child(3){background:#4ade80}
.adres-cubugu{flex:1;margin:0 1rem;background:#fff;border:1px solid var(--g200);border-radius:.375rem;padding:.3rem 1rem;font-size:.75rem;color:var(--g400);text-align:center;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.guven{border-top:1px solid var(--g100);border-bottom:1px solid var(--g100)}
.guven .kap{display:grid;grid-template-columns:repeat(2,1fr);gap:2rem;padding-top:3rem;padding-bottom:3rem;align-items:end}
@media(min-width:768px){.guven .kap{grid-template-columns:repeat(5,1fr)}}
.kalem{text-align:center}.sayi{font-size:1.875rem;font-weight:700;color:var(--primary)}@media(min-width:768px){.sayi{font-size:2.25rem}}
.etiket{margin-top:.5rem;font-size:.875rem;font-weight:500;color:var(--g500)}
.ikon-buyuk{width:2.5rem;height:2.5rem;color:var(--primary);display:block;margin:0 auto .5rem}
.bolum{padding:6rem 1.5rem}
.bolum-yumusak{background:linear-gradient(180deg,#faf9ff 0%,#f5f3ff 50%,#faf9ff 100%);border-top:1px solid var(--g100);border-bottom:1px solid var(--g100)}
.bolum h2{font-size:1.875rem;line-height:1.25;font-weight:700;text-align:center;margin:0}
.bolum-alt{margin:.75rem auto 0;max-width:36rem;text-align:center;color:var(--g500)}
.bolum-bas{margin-bottom:4rem}
.video-kap{max-width:72rem;margin:2.5rem auto 0}
.video-kap .pencere{border-bottom:1px solid var(--g200);border-radius:1rem;box-shadow:0 20px 60px -20px rgba(108,99,255,.25);background:#fff}
.video-kap video{width:100%;aspect-ratio:16/9;background:#111827;object-fit:cover}
.video-not{margin:.75rem 0 0;text-align:center;font-size:.875rem;color:var(--g400)}
.adimlar{margin-top:4rem;display:grid;gap:3rem}@media(min-width:768px){.adimlar{grid-template-columns:repeat(3,1fr)}}
.adim{text-align:center}
.adim-ikon{position:relative;width:4rem;height:4rem;margin:0 auto 1.5rem}
.adim-ikon .arka{position:absolute;inset:0;background:rgba(108,99,255,.1);border-radius:1rem;transform:rotate(6deg)}
.adim-ikon .on{position:relative;width:4rem;height:4rem;background:var(--primary);border-radius:1rem;display:flex;align-items:center;justify-content:center;color:#fff}
.adim-ikon .on svg{width:1.75rem;height:1.75rem}
.adim-ikon .no{position:absolute;top:-.5rem;right:-.5rem;width:1.75rem;height:1.75rem;background:var(--navy);color:#fff;font-size:.75rem;font-weight:700;border-radius:999px;display:flex;align-items:center;justify-content:center}
.adim h3{font-size:1.125rem;font-weight:600;margin:0 0 .5rem}.adim p{font-size:.875rem;color:var(--g500);margin:0}
.kartlar{display:grid;gap:2rem}@media(min-width:768px){.kartlar{grid-template-columns:repeat(2,1fr)}}@media(min-width:1024px){.kartlar{grid-template-columns:repeat(3,1fr)}}
.kart{background:#fff;border:1px solid var(--g100);border-radius:1rem;padding:1.5rem}
.kutu{width:3rem;height:3rem;background:rgba(108,99,255,.1);border-radius:.75rem;display:flex;align-items:center;justify-content:center;margin-bottom:1rem;color:var(--primary)}
.kutu svg{width:1.5rem;height:1.5rem}
.kart h3{font-size:1rem;font-weight:600;margin:0 0 .5rem}.kart p{font-size:.875rem;color:var(--g500);margin:0}
.cipler{display:grid;grid-template-columns:repeat(2,1fr);gap:1rem}@media(min-width:640px){.cipler{grid-template-columns:repeat(3,1fr)}}@media(min-width:1024px){.cipler{grid-template-columns:repeat(7,1fr)}}
.cip{display:flex;flex-direction:column;align-items:center;gap:.5rem;padding:1rem;border:1px solid var(--g100);border-radius:.75rem;background:#fff}
.cip svg{width:1.5rem;height:1.5rem;color:var(--primary)}.cip span{font-size:.75rem;font-weight:500;text-align:center}
.cip-daha{grid-column:span 2;justify-content:center;border:1px dashed rgba(108,99,255,.4);background:rgba(108,99,255,.05)}
@media(min-width:640px){.cip-daha{grid-column:span 1}}.cip-daha span{font-size:.875rem;font-weight:600;color:var(--primary)}
.planlar{display:grid;gap:1.5rem;align-items:stretch}@media(min-width:640px){.planlar{grid-template-columns:repeat(2,1fr)}}@media(min-width:1024px){.planlar{grid-template-columns:repeat(4,1fr)}}
.plan{position:relative;background:#fff;border:1px solid var(--g200);border-radius:1rem;padding:2rem;display:flex;flex-direction:column}
.plan-vurgu{border:2px solid var(--primary);box-shadow:0 10px 15px -3px rgba(108,99,255,.1)}
.rozet{position:absolute;top:-.75rem;left:50%;transform:translateX(-50%);padding:.125rem .75rem;background:var(--primary);color:#fff;font-size:.75rem;font-weight:600;border-radius:999px;white-space:nowrap}
.plan h3{margin:0;font-size:1.125rem;font-weight:600}
.fiyat{margin-top:1rem;display:flex;align-items:baseline;gap:.25rem}
.tutar{font-size:2.25rem;line-height:1.1;font-weight:700;color:var(--navy)}.donem{font-size:.875rem;color:var(--g500)}
.yillik{margin:.25rem 0 0;font-size:.75rem;font-weight:500;color:var(--primary)}
.maddeler{list-style:none;margin:1.5rem 0 0;padding:0;display:grid;gap:.75rem;align-content:start;flex-grow:1}
.maddeler li{display:flex;gap:.5rem;font-size:.875rem;color:var(--g500)}.maddeler svg{width:1rem;height:1rem;color:#16a34a;margin-top:.2rem}
.plan-dugme{margin-top:2rem;padding:.75rem 1.5rem;width:100%;font-weight:500}
.cerceve{border:1px solid var(--primary);color:var(--primary)}.cerceve:hover{background:var(--primary);color:#fff}
.sss{max-width:42rem;margin:0 auto}.sss h2{margin-bottom:3rem}
.sss details{border:1px solid var(--g200);border-radius:.75rem;margin-bottom:.75rem;overflow:hidden;background:#fff}
.sss summary{cursor:pointer;list-style:none;padding:1rem 1.5rem;font-weight:500;display:flex;justify-content:space-between;align-items:center;gap:1rem}
.sss summary::-webkit-details-marker{display:none}
.sss summary::after{content:"";width:.55rem;height:.55rem;border-right:2px solid var(--g400);border-bottom:2px solid var(--g400);transform:rotate(45deg);flex-shrink:0;margin-top:-.3rem}
.sss details[open] summary::after{transform:rotate(-135deg);margin-top:.3rem}
.sss details p{margin:0;padding:0 1.5rem 1rem;font-size:.875rem;color:var(--g500)}
.cagri{padding:5rem 1.5rem;background:linear-gradient(135deg,#6C63FF 0%,#8B83FF 100%);text-align:center}
.cagri h2{font-size:1.5rem;font-weight:700;margin:0;color:#fff}@media(min-width:768px){.cagri h2{font-size:1.875rem}}
.cagri p{margin:.75rem auto 0;max-width:42rem;color:rgba(255,255,255,.85)}.cagri .dugme{margin-top:2rem}
.iletisim{text-align:center}.eposta{margin:2rem 0 0}
.ofis{max-width:64rem;margin:4rem auto 0;border-radius:1rem;overflow:hidden;display:grid;text-align:left;box-shadow:0 20px 60px -20px rgba(27,42,74,.35)}
@media(min-width:768px){.ofis{grid-template-columns:1fr 1fr}}
.ofis-foto{position:relative;min-height:16rem}@media(min-width:768px){.ofis-foto{min-height:24rem}}
.ofis-foto img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;object-position:50% 35%}
.foto-perde{position:absolute;inset:0;background:linear-gradient(to top,rgba(27,42,74,.7) 0%,rgba(27,42,74,0) 50%)}
.foto-etiket{position:absolute;left:1.25rem;bottom:1.25rem;display:flex;align-items:center;gap:.5rem;color:#fff;font-size:11px;font-weight:600;letter-spacing:.2em}
.foto-etiket svg{width:1rem;height:1rem}
.ofis-metin{padding:2rem;display:flex;flex-direction:column;justify-content:center;color:#fff;background:radial-gradient(120% 90% at 100% 0%,rgba(108,99,255,.38) 0%,rgba(108,99,255,0) 55%),#1B2A4A}
@media(min-width:768px){.ofis-metin{padding:3rem}}
.ust-yazi{font-size:11px;font-weight:600;letter-spacing:.25em;color:var(--primary-light)}
.ofis h3{margin:.75rem 0 0;font-size:1.875rem;font-weight:700;letter-spacing:-.025em;color:#fff}@media(min-width:768px){.ofis h3{font-size:2.25rem}}
.ofis-metin p{margin:1rem 0 0;color:rgba(255,255,255,.75)}
.ofis address{font-style:normal;margin-top:1.25rem;font-size:.875rem;color:rgba(255,255,255,.6)}
.harita{margin-top:1.5rem;display:inline-flex;align-items:center;gap:.5rem;align-self:flex-start;font-size:.875rem;font-weight:600;color:#fff}
.harita:hover{color:var(--primary-light)}.harita svg{width:1rem;height:1rem}
.ulasim-kart{max-width:64rem;margin:1rem auto 0;background:#fff;border:1px solid var(--g100);border-radius:1rem;padding:1.25rem;box-shadow:0 1px 2px rgba(0,0,0,.05);text-align:left}
@media(min-width:768px){.ulasim-kart{padding:1.5rem}}
.ulasim-kart h4{margin:0 0 1rem;font-size:1rem;font-weight:600}
.ulasim{list-style:none;margin:0;padding:0;display:grid;gap:.75rem}@media(min-width:768px){.ulasim{grid-template-columns:repeat(2,1fr)}}
.ulasim li{display:flex;gap:.75rem;align-items:flex-start;border-radius:.75rem;background:rgba(108,99,255,.05);padding:.75rem 1rem}
.ulasim svg{width:1.25rem;height:1.25rem;color:var(--primary);margin-top:.1rem}
.ulasim strong{display:block;font-size:.875rem}.ulasim span{font-size:.8125rem;color:var(--g500);line-height:1.5}
.alt{border-top:1px solid var(--g100)}
.alt .kap{padding-top:3rem;padding-bottom:3rem;display:flex;flex-direction:column;align-items:center;gap:.75rem;text-align:center}
.alt .marka{font-size:1.125rem}.alt .marka img{height:1.75rem}.alt p{margin:0;font-size:.875rem;color:var(--g400)}.alt p a{color:var(--primary)}
.bulunamadi-marka{justify-content:center;margin-bottom:2rem}
.taslak{background:#ef4444;color:#fff;text-align:center;font-weight:700;padding:.4rem;font-size:.85rem}
[hidden]{display:none!important}