body{margin:0;background:var(--d-bg,#F6F8FB);color:var(--d-tx,#0B1F3F);font-family:'Inter',system-ui,sans-serif;-webkit-font-smoothing:antialiased}
a{color:var(--d-tx,#0B1F3F);text-decoration:none}a:hover{color:var(--d-ac,#1B5A9C)}
.d{font-family:'Bricolage Grotesque',sans-serif;font-variation-settings:'opsz' 96}
.nav-link{font-weight:500;padding:10px 14px;border-radius:10px;color:var(--d-tx,#0B1F3F)}.nav-link:hover{color:var(--d-tx,#0B1F3F);background:var(--d-sf2,#F6F8FB)}.mega{display:none}.has-mega:hover .mega,.has-mega:focus-within .mega{display:grid}.mega::before{content:"";position:absolute;left:0;right:0;top:-16px;height:16px}.mega-item:hover{background:var(--d-sf2,#F6F8FB);color:var(--d-tx,#0B1F3F)}
.btn{border-radius:12px;transition:transform .15s ease,background .15s ease,box-shadow .15s ease}.btn:hover{transform:translateY(-2px)}
.btn-y{background:#FFC20E;color:#0B1F3F}.btn-y:hover{color:#0B1F3F;box-shadow:0 12px 28px rgba(255,194,14,.35)}
.btn-n{background:#0B1F3F;color:#ffffff}.btn-n:hover{color:#ffffff;background:#1B5A9C}
.btn-o{background:transparent;color:var(--d-tx,#0B1F3F);border:1.5px solid var(--d-tx,#0B1F3F)}.btn-o:hover{background:var(--d-tx,#0B1F3F);color:var(--d-bg,#ffffff)}
.panel{transition:flex .35s ease,transform .25s ease,box-shadow .25s ease}.panel:hover{transform:translateY(-4px);box-shadow:0 24px 50px rgba(11,31,63,.14)}.pimg>div,.pimg-bg{transition:transform .6s ease}.panel:hover .pimg>div,.panel:hover .pimg-bg{transform:scale(1.05)}
.card{transition:transform .2s ease,box-shadow .2s ease}.card:hover{transform:translateY(-6px);box-shadow:0 26px 50px rgba(11,31,63,.12)}
.srv{transition:transform .2s ease,border-color .2s ease}.srv:hover{transform:translateY(-4px);border-color:#FFC20E}
.step{transition:transform .2s ease,border-color .2s ease,background .2s ease}.step:hover{transform:translateY(-4px);border-color:rgba(255,194,14,.6);background:rgba(255,255,255,.08)}.row{transition:background .2s ease,padding-left .2s ease}.row:hover{padding-left:12px;background:var(--d-sf,#ffffff)}
.faq summary{cursor:pointer;list-style:none;display:flex;justify-content:space-between;align-items:center;gap:16px}.faq summary::-webkit-details-marker{display:none}.faq summary:hover{color:var(--d-ac,#1B5A9C)}
.flink{color:var(--d-tx3,#5B6B85)}.flink:hover{color:var(--d-tx,#0B1F3F)}
.mono{font-family:'JetBrains Mono',monospace;font-size:12px;font-weight:600;letter-spacing:.08em;text-transform:uppercase}
.rail{font-family:'JetBrains Mono',monospace;font-size:11px;font-weight:600;letter-spacing:.06em;color:#8A98AE}
.k{color:#FFC20E}.s{color:#9CC5F2}.c{color:#6B7E9B}.f{color:#FFFFFF}
.pkg th,.pkg td{padding:16px 18px;text-align:left;border-bottom:1px solid var(--d-ln,#E1E7EF);font-size:14px;vertical-align:top}
.pkg th{font-weight:600;color:var(--d-tx,#0B1F3F)}

@property --a{syntax:'<angle>';inherits:false;initial-value:0deg}
/* giriş: kelime kelime belirme */
@keyframes rise{from{opacity:0;transform:translateY(42px);filter:blur(12px)}to{opacity:1;transform:none;filter:blur(0)}}
.rise,.fade-up{animation:rise .95s cubic-bezier(.2,.8,.2,1) var(--d,0s) both}
@keyframes sheen{from{background-position:0% 50%}to{background-position:-200% 50%}}
.shine-text{background:linear-gradient(100deg,var(--d-ac,#1B5A9C) 0%,var(--d-ac,#1B5A9C) 38%,#FFC20E 50%,var(--d-ac,#1B5A9C) 62%,var(--d-ac,#1B5A9C) 100%);background-size:200% 100%;-webkit-background-clip:text;background-clip:text;color:transparent!important;animation:rise .95s cubic-bezier(.2,.8,.2,1) var(--d,0s) both,sheen 3.6s linear 1.4s infinite}
.arrow-draw path{stroke-dasharray:1;stroke-dashoffset:1;animation:draw .7s ease .55s forwards}
.arrow-draw path+path{animation-delay:.85s}
@keyframes draw{to{stroke-dashoffset:0}}
.arrow-draw{animation:soar 3.2s ease-in-out 1.8s infinite}
@keyframes soar{0%,100%{translate:0 0}50%{translate:8px -10px}}
/* giriş arka planı: akan ışıklar, ızgara, uçan oklar */
.hero-bg{position:absolute;inset:0;pointer-events:none;overflow:hidden}
.hero-bg .grid{position:absolute;inset:0;background-image:linear-gradient(var(--d-grid,rgba(11,31,63,.06)) 1px,transparent 1px),linear-gradient(90deg,var(--d-grid,rgba(11,31,63,.06)) 1px,transparent 1px);background-size:56px 56px;-webkit-mask-image:radial-gradient(ellipse 70% 65% at 30% 45%,#000 25%,transparent 75%);mask-image:radial-gradient(ellipse 70% 65% at 30% 45%,#000 25%,transparent 75%);animation:gridpan 30s linear infinite}
@keyframes gridpan{to{background-position:56px -56px,56px -56px}}
.blob{position:absolute;border-radius:50%;filter:blur(80px);opacity:.5;animation:drift 18s ease-in-out infinite alternate}
.b1{width:480px;height:480px;background:#9CC5F2;left:-140px;top:-160px}
.b2{width:360px;height:360px;background:#FFE08A;left:36%;top:34%;animation-duration:22s;animation-delay:-7s}
.b3{width:440px;height:440px;background:#BFD6F0;right:-140px;bottom:-180px;animation-duration:26s;animation-delay:-3s}
@keyframes drift{0%{transform:translate(0,0) scale(1)}50%{transform:translate(70px,40px) scale(1.18)}100%{transform:translate(-50px,24px) scale(.94)}}
.fly{position:absolute;bottom:-60px;font-family:'Bricolage Grotesque',sans-serif;font-weight:800;line-height:1;opacity:0;animation:fly 10s linear infinite}
@keyframes fly{0%{transform:translate(0,0) rotate(0deg);opacity:0}12%{opacity:.6}85%{opacity:.25}100%{transform:translate(180px,-820px) rotate(12deg);opacity:0}}
/* proje başlatıcı: süzülerek gelme + dönen ışık halkası */
.starter{animation:starterIn 1.15s cubic-bezier(.2,.8,.2,1) .45s both}
@keyframes starterIn{from{opacity:0;transform:translateY(46px) rotate(2deg) scale(.95)}to{opacity:1;transform:none}}
.starter::before{content:"";position:absolute;inset:0;border-radius:28px;padding:2px;background:conic-gradient(from var(--a),transparent 0deg,transparent 240deg,#FFC20E 300deg,#1B5A9C 345deg,transparent 360deg);-webkit-mask:linear-gradient(#000 0 0) content-box,linear-gradient(#000 0 0);-webkit-mask-composite:xor;mask-composite:exclude;animation:spin 5s linear infinite;pointer-events:none;z-index:2}
@keyframes spin{to{--a:360deg}}
/* menü iniş */
.drop{animation:drop .8s cubic-bezier(.2,.8,.2,1) both}
@keyframes drop{from{opacity:0;translate:0 -30px}to{opacity:1;translate:0 0}}
/* kayan şerit */
.marquee{animation:marq 34s linear infinite;will-change:transform}
@keyframes marq{to{transform:translateX(-50%)}}
/* butonlarda parlama */
.btn{position:relative;overflow:hidden;isolation:isolate}
.btn::after{content:"";position:absolute;top:0;bottom:0;left:-70%;width:45%;background:linear-gradient(100deg,transparent,rgba(255,255,255,.55),transparent);transform:skewX(-20deg);transition:left .65s ease;pointer-events:none}
.btn:hover::after{left:140%}
.btn-y::after{animation:autoshine 5s ease-in-out 2.5s infinite}
@keyframes autoshine{0%{left:-70%}22%,100%{left:140%}}
/* hizmet çizimleri */
.floaty{animation:floaty 5s ease-in-out infinite}
.floaty2{animation:floaty 6.5s ease-in-out -2.5s infinite}
@keyframes floaty{0%,100%{translate:0 0}50%{translate:0 -10px}}
.bump{animation:bump 2.6s ease-in-out infinite}
@keyframes bump{0%,68%,100%{scale:1}76%{scale:1.5}84%{scale:.88}92%{scale:1.12}}
.toast{animation:toast 4.8s ease-in-out infinite}
@keyframes toast{0%,10%{opacity:0;translate:-24px 0}22%,78%{opacity:1;translate:0 0}90%,100%{opacity:0;translate:0 8px}}
.pulse{animation:pulse 1.8s ease-out infinite}
@keyframes pulse{0%{box-shadow:0 0 0 0 rgba(255,194,14,.75)}100%{box-shadow:0 0 0 16px rgba(255,194,14,0)}}
.climb{animation:climb 5.5s cubic-bezier(.2,.8,.2,1) infinite}
@keyframes climb{0%{translate:0 74px;opacity:.25}20%,100%{translate:0 0;opacity:1}}
.kmove{position:absolute;left:17px;top:194px;width:48px;height:26px;border-radius:6px;background:#FFC20E;box-shadow:0 10px 18px rgba(0,0,0,.4);display:flex;flex-direction:column;gap:4px;padding:6px;box-sizing:border-box;animation:kmove 6.5s cubic-bezier(.7,0,.3,1) infinite}
@keyframes kmove{0%,14%{translate:0 0;rotate:0deg}28%{rotate:-7deg}42%,57%{translate:68px 0;rotate:0deg}71%{rotate:-7deg}85%,100%{translate:136px 0;rotate:0deg}}
.notif{animation:notif 5s cubic-bezier(.2,.8,.2,1) infinite}
.notif2{animation:notif 5s cubic-bezier(.2,.8,.2,1) .9s infinite}
@keyframes notif{0%{opacity:0;translate:0 -18px;scale:.92}12%,74%{opacity:1;translate:0 0;scale:1}88%,100%{opacity:0;translate:0 -8px;scale:1}}
.tick{animation:tick 4.6s ease infinite}
.tick:nth-of-type(3){animation-delay:.4s}.tick:nth-of-type(4){animation-delay:.8s}
@keyframes tick{0%,8%{opacity:.2;translate:-8px 0}20%,84%{opacity:1;translate:0 0}100%{opacity:.2;translate:0 0}}
/* standart kartlarında ikon */
.std>span:first-child{transition:transform .35s cubic-bezier(.3,1.6,.5,1)}
.std:hover>span:first-child{transform:rotate(-12deg) scale(1.12)}
.std{transition:transform .25s ease,box-shadow .25s ease,border-color .25s ease}
.std:hover{transform:translateY(-4px);box-shadow:0 20px 40px rgba(11,31,63,.10);border-color:#FFC20E!important}
/* süreç: ilerleyen ışık + halka */
.track-dot{position:absolute;top:21px;left:28px;width:14px;height:14px;border-radius:50%;background:#FFC20E;box-shadow:0 0 0 6px rgba(255,194,14,.2),0 0 26px 8px rgba(255,194,14,.55);animation:travel 7s cubic-bezier(.6,0,.4,1) infinite}
@keyframes travel{0%{left:28px;opacity:0}8%,92%{opacity:1}100%{left:calc(100% - 42px);opacity:0}}
.node{position:relative}
.node::after{content:"";position:absolute;inset:-6px;border-radius:20px;border:2px solid rgba(255,194,14,.55);animation:ring 2.6s ease-out infinite;pointer-events:none}
li:nth-child(2) .node::after{animation-delay:.5s}li:nth-child(3) .node::after{animation-delay:1s}li:nth-child(4) .node::after{animation-delay:1.5s}li:nth-child(5) .node::after{animation-delay:2s}
@keyframes ring{from{opacity:.9;scale:.9}to{opacity:0;scale:1.35}}
/* iletişim + footer */
.bigarrow{animation:bigarrow 9s ease-in-out infinite}
@keyframes bigarrow{0%,100%{translate:0 0;rotate:0deg}50%{translate:-34px 34px;rotate:-6deg}}
.hop{display:inline-block;animation:hop 2.2s cubic-bezier(.5,0,.5,1) infinite}
@keyframes hop{0%,100%{translate:0 0}40%,60%{translate:12px -16px}}
.wave{display:inline-block;animation:wave 3.4s ease-in-out calc(var(--i) * .08s) infinite}
@keyframes wave{0%,55%,100%{translate:0 0}28%{translate:0 -16px}}
.wm{color:transparent;-webkit-text-stroke:1.5px rgba(255,255,255,.14);background:linear-gradient(100deg,transparent 0%,transparent 40%,rgba(255,194,14,.35) 50%,transparent 60%,transparent 100%);background-size:250% 100%;-webkit-background-clip:text;background-clip:text;animation:wmsheen 7s linear infinite}
@keyframes wmsheen{from{background-position:150% 0}to{background-position:-100% 0}}
.wm-arrow{-webkit-text-stroke:1.5px rgba(255,194,14,.45);display:inline-block;animation:hop 2.6s cubic-bezier(.5,0,.5,1) infinite}
.chan{transition:transform .2s ease,background .2s ease,box-shadow .2s ease}.chan:hover{transform:translateY(-3px);background:#ffffff;box-shadow:0 14px 28px rgba(11,31,63,.14);color:#0B1F3F}
/* kaydırınca belirme (destekleyen tarayıcılarda) */
@supports (animation-timeline: view()){
.reveal{animation:reveal linear both;animation-timeline:view();animation-range:entry 0% entry 80%}
.reveal:nth-child(2){animation-range:entry 6% entry 86%}.reveal:nth-child(3){animation-range:entry 12% entry 92%}.reveal:nth-child(4){animation-range:entry 18% entry 98%}
@keyframes reveal{from{opacity:0;translate:0 70px;scale:.94;filter:blur(8px)}to{opacity:1;translate:0 0;scale:1;filter:blur(0)}}
.track{transform-origin:left center;animation:grow linear both;animation-timeline:view();animation-range:entry 0% entry 100%}
@keyframes grow{from{transform:scaleX(0)}to{transform:scaleX(1)}}
}

/* tablet ve telefon */
@media (max-width: 1100px){
  [style*="grid-template-columns: repeat(12"]{grid-template-columns:1fr!important}
  [style*="grid-column: span"]{grid-column:auto!important}
  [style*="grid-template-columns: repeat(3"],[style*="grid-template-columns: repeat(4"],[style*="grid-template-columns: repeat(5"],[style*="grid-template-columns: repeat(6"],[style*="grid-template-columns: repeat(8"]{grid-template-columns:repeat(2,minmax(0,1fr))!important}
  [style*="grid-template-columns: 260px"],[style*="grid-template-columns: 1.4fr 1fr"],[style*="grid-template-columns: 1fr 1fr 240px"],[style*="grid-template-columns: 56px 1fr 1.2fr 40px"]{grid-template-columns:1fr!important}
  [style*="position: sticky"]{position:static!important}
  .track,.track-dot{display:none!important}
  .mega{width:min(760px,92vw)!important}
  h1.d{font-size:64px!important}
}
@media (max-width: 760px){
  [style*="grid-template-columns: repeat("]{grid-template-columns:1fr!important}
  .nav{display:none!important}
  .mobile-menu{display:inline-flex!important}
  header .btn-n{display:none!important}
  h1.d{font-size:44px!important;line-height:1!important}
  h2.d{font-size:34px!important;line-height:1.05!important}
  [style*="padding: 96px 24px"],[style*="padding: 104px 24px"],[style*="padding: 112px 24px"]{padding:64px 16px!important}
  [style*="min-height: 520px"]{flex-direction:column!important;min-height:0!important}
  [style*="min-height: 520px"]>.panel{flex:none!important;min-height:0!important}
  [style*="grid-template-columns"]>*{min-width:0}
  ol[style*="display: flex; gap: 18px"]{flex-direction:column!important}
  h1.d svg{width:56px!important;height:56px!important}
  [style*="font-size: 96px"],[style*="font-size: 108px"],[style*="font-size: 120px"],[style*="font-size: 84px"]{font-size:44px!important}
  table{display:block;overflow-x:auto}
  .wm{font-size:64px!important;margin-bottom:-10px!important}
  [style*="padding: 56px 56px"]{padding:32px 22px!important}
  .marquee{animation-duration:20s}
}

/* telefon: mobil menü ve ince ayarlar */
.mm{display:none}
.mm>summary{list-style:none;width:44px;height:44px;border-radius:12px;background:#0B1F3F;align-items:center;justify-content:center;cursor:pointer;position:relative}.mm>summary::-webkit-details-marker{display:none}
.mm-ic{position:relative;width:18px;height:12px;display:block}
.mm-ic span{position:absolute;right:0;height:2px;border-radius:2px;transition:transform .25s ease,width .25s ease,top .25s ease}
.mm-ic span:first-child{top:0;width:18px;background:#ffffff}.mm-ic span:last-child{top:10px;width:12px;background:#FFC20E}
.mm[open] .mm-ic span:first-child{top:5px;transform:rotate(45deg)}.mm[open] .mm-ic span:last-child{top:5px;width:18px;transform:rotate(-45deg)}
.mm[open]>summary::before{content:"";position:fixed;inset:0;background:rgba(6,20,48,.45);z-index:-1;cursor:default}
.mm-panel{position:absolute;left:16px;right:16px;top:calc(100% + 10px);z-index:2;padding:10px 18px 18px;border-radius:22px;background:var(--d-sf,#ffffff);border:1px solid var(--d-ln,#E1E7EF);box-shadow:0 30px 60px rgba(11,31,63,.22);max-height:calc(100vh - 150px);overflow-y:auto;animation:mmin .28s cubic-bezier(.2,.8,.2,1)}
@keyframes mmin{from{opacity:0;translate:0 -12px;scale:.98}to{opacity:1;translate:0 0;scale:1}}
.mm-link{display:flex;align-items:center;justify-content:space-between;min-height:52px;border-bottom:1px solid var(--d-ln,#EEF2F7);font-family:'Bricolage Grotesque',sans-serif;font-weight:700;font-size:21px;letter-spacing:-.02em;color:var(--d-tx,#0B1F3F)}
.mm-go{width:30px;height:30px;border-radius:9px;background:var(--d-sf2,#F6F8FB);display:inline-flex;align-items:center;justify-content:center;color:var(--d-ac,#1B5A9C)}
.mm-svc .mm-link{border-bottom:0}.mm-svc{border-bottom:1px solid var(--d-ln,#EEF2F7)}
.mm-sub{display:flex;align-items:center;min-height:42px;padding:0 12px;border-radius:12px;background:var(--d-sf2,#F6F8FB);font-size:14px;font-weight:600;color:var(--d-tx,#0B1F3F)}
.mm-ch{display:inline-flex;align-items:center;justify-content:center;gap:8px;min-height:48px;border-radius:14px;border:1.5px solid var(--d-ln,#E1E7EF);font-weight:600;font-size:15px;color:var(--d-tx,#0B1F3F)}
@media (max-width: 760px){
  .mm{display:block}
  .ib-contacts{display:none!important}
  .ib-row{padding:8px 16px!important}.ib-row>a{font-size:12px;line-height:1.35}
  .foot-grid{grid-template-columns:repeat(2,minmax(0,1fr))!important;gap:32px 16px!important}
  .foot-grid>:first-child{grid-column:1 / -1!important}
  .panel-row>.panel{flex-direction:column!important;align-items:stretch!important;padding:10px!important;gap:0!important}
  .panel-row .pimg{width:100%!important;height:190px!important}
  .panel-row>.panel>span:not(.pimg){padding:18px 14px 14px}
  .panel-row>.panel>svg{display:none}
  [style*="flex-wrap: wrap"]>.btn{flex:1 1 100%;justify-content:center}
  [style*="justify-content: flex-end"]:has(>.btn){justify-content:stretch!important}
  .starter [style*="grid-template-columns: repeat(2"]{grid-template-columns:repeat(2,minmax(0,1fr))!important}
  [style*="width: 480px; height: 250px"]{transform:scale(.66)!important}
  .cb-stage{width:100%!important;height:auto!important;min-height:620px}
  .cb-stage [role="dialog"]{left:12px!important;right:12px!important;width:auto!important;bottom:16px!important}
  .cb-stage [role="dialog"]>div:last-child{flex-direction:column}
}

/* telefon: üst bar v2 */
.mm-t::after{content:"Menü"}.mm[open] .mm-t::after{content:"Kapat"}
.mm-promo{display:flex;gap:12px;align-items:center;margin-top:14px;padding:14px;border-radius:16px;background:#0B1F3F;color:#ffffff;font-size:14px;line-height:1.4}
.mm-promo b{flex-shrink:0;padding:4px 8px;border-radius:6px;background:#FFC20E;color:#0B1F3F;font-size:11px;letter-spacing:.04em}
@media (max-width: 760px){
  .ib{display:none!important}
  header.drop{position:sticky!important;top:0;z-index:30!important;padding:0!important;animation:none}
  header.drop>div{border-radius:0!important;border:0!important;border-bottom:1px solid var(--d-ln,#E1E7EF)!important;padding:10px 12px 10px 16px!important;background:var(--d-sf,#ffffff)!important;box-shadow:0 6px 20px rgba(11,31,63,.06)!important;gap:8px!important}
  header.drop img{height:27px!important}
  header.drop>div>div>a[href^="tel:"]{width:42px!important;height:42px!important;border-radius:50%!important;border:1.5px solid var(--d-ln,#E1E7EF);background:var(--d-sf,#ffffff)!important;box-sizing:border-box}
  .mm>summary{width:auto;height:42px;padding:0 14px 0 16px;border-radius:999px;gap:10px;color:#ffffff;font-weight:600;font-size:15px}
  .mm[open]>summary{background:#1B5A9C}
  .mm-panel{left:0;right:0;top:100%;border-radius:0 0 26px 26px;border:0;border-top:1px solid var(--d-ln,#EEF2F7);padding:6px 16px 20px;max-height:calc(100vh - 62px)}
}

/* tema: açık / koyu / sistem */
.th-in{position:absolute;width:1px;height:1px;opacity:0;pointer-events:none}
:root:has(#th-d:checked){--d-bg:#0A1322;--d-sf:#111D31;--d-sf2:#16243B;--d-ln:#22324C;--d-ln2:#2C3E5C;--d-ln3:#3B4F70;--d-tx:#EAF0F8;--d-tx2:#B9C4D6;--d-tx3:#93A1B8;--d-tx4:#73839C;--d-ac:#7DB4F0;--d-tg:#123326;--d-ty:#3A3010;--d-tr:#3D1C22;--d-glass:rgba(17,29,49,.92);--d-grid:rgba(255,255,255,.05);--d-sel:#FFC20E;--d-selfg:#0B1F3F}
:root:has(#th-d:checked){color-scheme:dark}
:root:has(#th-d:checked) .blob{opacity:.14}
:root:has(#th-d:checked) .btn-n{background:#1B5A9C}
:root:has(#th-d:checked) .mm>summary{background:#1B5A9C}
:root:has(#th-d:checked) input, :root:has(#th-d:checked) select, :root:has(#th-d:checked) textarea{color:#EAF0F8}
:root:has(#th-d:checked) input::placeholder, :root:has(#th-d:checked) textarea::placeholder{color:#73839C}
:root:has(#th-d:checked) [stroke="#1B5A9C"]{stroke:var(--d-ac,#1B5A9C)}
:root:has(#th-d:checked) [stroke="#0B1F3F"]{stroke:var(--d-tx,#0B1F3F)}
:root:has(#th-d:checked) [stroke="#5B6B85"]{stroke:var(--d-tx3,#5B6B85)}
:root:has(#th-d:checked) [fill="#0B1F3F"]{fill:var(--d-tx,#0B1F3F)}
@media (prefers-color-scheme: dark){
:root:has(#th-s:checked){--d-bg:#0A1322;--d-sf:#111D31;--d-sf2:#16243B;--d-ln:#22324C;--d-ln2:#2C3E5C;--d-ln3:#3B4F70;--d-tx:#EAF0F8;--d-tx2:#B9C4D6;--d-tx3:#93A1B8;--d-tx4:#73839C;--d-ac:#7DB4F0;--d-tg:#123326;--d-ty:#3A3010;--d-tr:#3D1C22;--d-glass:rgba(17,29,49,.92);--d-grid:rgba(255,255,255,.05);--d-sel:#FFC20E;--d-selfg:#0B1F3F}
:root:has(#th-s:checked){color-scheme:dark}
:root:has(#th-s:checked) .blob{opacity:.14}
:root:has(#th-s:checked) .btn-n{background:#1B5A9C}
:root:has(#th-s:checked) .mm>summary{background:#1B5A9C}
:root:has(#th-s:checked) input, :root:has(#th-s:checked) select, :root:has(#th-s:checked) textarea{color:#EAF0F8}
:root:has(#th-s:checked) input::placeholder, :root:has(#th-s:checked) textarea::placeholder{color:#73839C}
:root:has(#th-s:checked) [stroke="#1B5A9C"]{stroke:var(--d-ac,#1B5A9C)}
:root:has(#th-s:checked) [stroke="#0B1F3F"]{stroke:var(--d-tx,#0B1F3F)}
:root:has(#th-s:checked) [stroke="#5B6B85"]{stroke:var(--d-tx3,#5B6B85)}
:root:has(#th-s:checked) [fill="#0B1F3F"]{fill:var(--d-tx,#0B1F3F)}
}
[style*="background: #FFC20E"],[style*="background: #FFD75E"],[style*="background: #9CC5F2"],.btn-y,.btn-n,.mm-promo,[style*="background: #0B1F3F"],[style*="background: #061430"],[style*="background: #1B5A9C"],[style*="#1B5A9C, #0B1F3F"],[style*="#1B5A9C 0%, #0B1F3F"]{--d-bg:initial;--d-sf:initial;--d-sf2:initial;--d-ln:initial;--d-ln2:initial;--d-ln3:initial;--d-tx:initial;--d-tx2:initial;--d-tx3:initial;--d-tx4:initial;--d-ac:initial;--d-tg:initial;--d-ty:initial;--d-tr:initial;--d-glass:initial;--d-grid:initial;--d-sel:initial;--d-selfg:initial}
.th-seg{display:inline-flex;gap:2px;padding:3px;border-radius:12px;background:var(--d-sf2,#F6F8FB);border:1px solid var(--d-ln,#E1E7EF)}
.th-seg label{height:36px;min-width:36px;padding:0 9px;box-sizing:border-box;border-radius:9px;display:inline-flex;align-items:center;justify-content:center;gap:8px;cursor:pointer;color:var(--d-tx3,#5B6B85);font-size:14px;font-weight:600;transition:background .2s ease,color .2s ease}
.th-seg label:hover{color:var(--d-tx,#0B1F3F)}
.th-seg label span{display:none}
:root:has(#th-l:checked) .th-seg label[for="th-l"],:root:has(#th-d:checked) .th-seg label[for="th-d"],:root:has(#th-s:checked) .th-seg label[for="th-s"]{background:var(--d-ln2,#ffffff);color:var(--d-tx,#0B1F3F);box-shadow:0 2px 8px rgba(11,31,63,.14)}
:root:has(#th-d:checked) .th-seg label[for="th-d"]{background:#FFC20E;color:#0B1F3F}
:root:has(#th-l:focus-visible) label[for="th-l"],:root:has(#th-d:focus-visible) label[for="th-d"],:root:has(#th-s:focus-visible) label[for="th-s"]{outline:2px solid #FFC20E;outline-offset:2px}
.th-row{display:flex;align-items:center;justify-content:space-between;gap:12px;margin-top:14px;padding:10px 12px 10px 14px;border-radius:16px;background:var(--d-sf2,#F6F8FB)}
.th-row .th-seg{background:var(--d-bg,#E9EEF5);border:0}
.th-m label{padding:0 10px}.th-m label span{display:inline}
@media (max-width: 760px){header .th-seg:not(.th-m){display:none!important}}

/* header: koyu logo + tablet düzeni */
.logo-d{display:none!important}
:root:has(#th-d:checked) .logo-l{display:none!important}:root:has(#th-d:checked) .logo-d{display:inline!important}
@media (prefers-color-scheme: dark){:root:has(#th-s:checked) .logo-l{display:none!important}:root:has(#th-s:checked) .logo-d{display:inline!important}}
@media (max-width: 1180px){
  .nav{display:none!important}
  .mobile-menu{display:inline-flex!important}
  .mm{display:block}
  header .btn-n{display:none!important}
  header .th-seg:not(.th-m){display:none!important}
  .ib-contacts{display:none!important}
  .mm>summary{width:auto;height:42px;padding:0 14px 0 16px;border-radius:999px;gap:10px;color:#ffffff;font-weight:600;font-size:15px}
  .mm[open]>summary{background:#1B5A9C}
}
@media (min-width: 761px) and (max-width: 1180px){
  .mm-panel{left:auto;right:24px;width:440px;top:calc(100% + 10px)}
}

/* header + hero tek sahne (cam header) */
:root{--hh:82px}
header.drop{margin-bottom:calc(-1 * var(--hh))}
header.drop + *{padding-top:var(--hh)}
header.drop>div{background:rgba(255,255,255,.62)!important;border-color:rgba(255,255,255,.8)!important;box-shadow:0 12px 34px rgba(11,31,63,.08)!important;-webkit-backdrop-filter:blur(18px) saturate(1.6);backdrop-filter:blur(18px) saturate(1.6)}
@media (max-width: 1180px){
  :root{--hh:80px}
  header.drop>div{background:rgba(255,255,255,.9)!important;-webkit-backdrop-filter:none;backdrop-filter:none}
}
@media (max-width: 760px){
  :root{--hh:65px}
  header.drop>div{background:rgba(255,255,255,.7)!important;border-color:transparent!important;border-bottom-color:rgba(11,31,63,.08)!important;box-shadow:none!important}
  header.drop::before{content:"";position:absolute;inset:0;z-index:-1;-webkit-backdrop-filter:blur(16px) saturate(1.5);backdrop-filter:blur(16px) saturate(1.5)}
}
:root:has(#th-d:checked) header.drop>div{background:rgba(13,25,45,.55)!important;border-color:rgba(255,255,255,.09)!important;box-shadow:0 12px 34px rgba(0,0,0,.25)!important}
@media (prefers-color-scheme: dark){
:root:has(#th-s:checked) header.drop>div{background:rgba(13,25,45,.55)!important;border-color:rgba(255,255,255,.09)!important;box-shadow:0 12px 34px rgba(0,0,0,.25)!important}
}
@media (max-width: 1180px){
:root:has(#th-d:checked) header.drop>div{background:rgba(13,25,45,.92)!important}
@media (prefers-color-scheme: dark){
:root:has(#th-s:checked) header.drop>div{background:rgba(13,25,45,.92)!important}
}
}
@media (max-width: 760px){
:root:has(#th-d:checked) header.drop>div{background:rgba(10,19,34,.72)!important;border-color:transparent!important;border-bottom-color:rgba(255,255,255,.08)!important;box-shadow:none!important}
@media (prefers-color-scheme: dark){
:root:has(#th-s:checked) header.drop>div{background:rgba(10,19,34,.72)!important;border-color:transparent!important;border-bottom-color:rgba(255,255,255,.08)!important;box-shadow:none!important}
}
}
@media (prefers-reduced-motion: reduce){*,*::before,*::after{animation:none!important;transition:none!important}.shine-text{color:var(--d-ac,#1B5A9C)!important;background:none}}

/* ===== tema eklemeleri (referansta karşılığı yok; görünümü değiştirmez) ===== */
/* bot tuzağı alanı */
.hp{position:absolute!important;left:-10000px!important;top:auto!important;width:1px!important;height:1px!important;overflow:hidden!important;opacity:0!important}
/* form hata mesajı */
.f-err{display:block;font-size:12px;font-weight:600;line-height:1.4;color:#C62828}
.f-err-general{margin-top:2px}
form[style*="background: #0B1F3F"] .f-err,footer .f-err,.cb-bar .f-err{color:#FF9B9B}
:root:has(#th-d:checked) .f-err{color:#FF9B9B}
@media (prefers-color-scheme: dark){:root:has(#th-s:checked) .f-err{color:#FF9B9B}}
[aria-invalid="true"]{border-color:#D64545!important}
form[data-busy] [type="submit"]{opacity:.7;pointer-events:none}
/* çerez bandı (Cerez-Bandi tasarımı; sahne yerine sayfaya sabit) */
.cb-bar[hidden]{display:none!important}
.cb-bar{max-width:calc(100vw - 24px);box-sizing:border-box}
@media (max-width: 760px){
  .cb-bar{left:12px!important;right:12px!important;width:auto!important;bottom:16px!important}
  .cb-bar>div:last-child{flex-direction:column}
}