/* ═════════ Tasarım yenilemesi (v2): soğuk/koyu palet · Sora + Inter · gradyan + ince tane · gölge ve geçişler ═════════
   Bu dosya EN SON yüklenir; öncekileri token ve seçici bazında ezer. Kare/ızgara desenleri kaldırıldı. */

:root{
  --f-display:'Sora','Inter',system-ui,-apple-system,'Segoe UI',sans-serif;
  --f-body:'Inter',system-ui,-apple-system,'Segoe UI',sans-serif;
  --f-mono:'Inter',system-ui,-apple-system,'Segoe UI',sans-serif;
  --ease:cubic-bezier(.22,1,.36,1);
  --ease-soft:cubic-bezier(.4,0,.2,1);
  --radius:14px;
  --sh-1:0 1px 2px rgba(8,20,34,.06),0 1px 1px rgba(8,20,34,.04);
  --sh-2:0 1px 2px rgba(8,20,34,.05),0 10px 28px -10px rgba(8,22,38,.18);
  --sh-3:0 2px 4px rgba(8,20,34,.06),0 30px 56px -22px rgba(8,22,38,.34);
  --hair:rgba(10,30,50,.10);
  --hair-d:rgba(150,196,222,.14);
}
::selection{background:rgba(41,117,163,.35);color:inherit}
html{scroll-behavior:auto}
body{font-family:var(--f-body);font-feature-settings:"cv11","ss03";letter-spacing:-.003em;text-rendering:optimizeLegibility;-webkit-font-smoothing:antialiased}

/* ───── başlıklar: Sora ───── */
.panel h1,.panel h2,.ph h1,.sec h2,.popup h3,.offline h3,.facts strong,.wy strong,.cert b,.ticket strong,.u-amount,.rc-no,.rc-logo{font-family:var(--f-display);font-weight:700}
.panel h1,.panel h2{font-size:clamp(34px,4.5vw,74px);line-height:1.04;letter-spacing:-.035em}
.panel.hero h1{font-size:clamp(34px,4.7vw,78px)}
.ph h1{font-size:clamp(30px,3.9vw,58px);line-height:1.06;letter-spacing:-.032em}
.sec h2{font-size:clamp(28px,3.5vw,52px);line-height:1.08;letter-spacing:-.03em}
.offline h3{font-size:clamp(26px,2.9vw,44px);line-height:1.08;letter-spacing:-.028em}
.facts strong{font-size:clamp(40px,4.6vw,70px);letter-spacing:-.04em}
.wy strong{font-size:clamp(34px,3.7vw,54px);letter-spacing:-.035em}
.cert b{font-size:clamp(15px,1.5vw,21px);letter-spacing:-.01em}
.popup h3{font-size:26px;letter-spacing:-.02em}
.cd h3,.as h3,.pc h3,.bc h3,.dv h3,.val h3,.lp-card h3,.lp-flow h3,.lp-feat h3,.lp-side h3,.lp-hw h3{font-family:var(--f-display);letter-spacing:-.018em}
.panel h1 em,.panel h2 em,.sec h2 em,.sec h3 em{font-style:normal}
.sec.dark h2 em,.sec.dark h3 em,.ph h1 em,.offline h3 em{color:rgb(70,146,190)}
/* dış hatlı sayılar / filigran: Sora, daha ince çizgi */
.cd-n,.as-n,.stab .sn,.val-n,.dc-pdf,.bc-ph,.pc-img.miss::before,.bc-img.miss::before{font-family:var(--f-display);font-weight:700;-webkit-text-stroke-width:1px}
.wm{font-family:var(--f-display);font-weight:800;letter-spacing:-.06em;-webkit-text-stroke:0;color:transparent;background:linear-gradient(180deg,rgba(41,117,163,.16),rgba(41,117,163,.02) 85%);-webkit-background-clip:text;background-clip:text}
.foot-mark{font-family:var(--f-display);font-weight:800;letter-spacing:-.045em;-webkit-text-stroke:0;color:transparent;background:linear-gradient(180deg,rgba(41,117,163,.20),rgba(41,117,163,.025) 90%);-webkit-background-clip:text;background-clip:text}
.foot-mark em{background:linear-gradient(180deg,rgba(220,174,46,.30),rgba(220,174,46,.04) 90%);-webkit-background-clip:text;background-clip:text}
.kicker,.titleblock,.lang,.chips li,.stab small,.more-row,.foot h5,.foot-bot,.rail button::after,.hint,.board-meta,.dv-n{font-family:var(--f-body)}
.kicker{font-weight:600;letter-spacing:.16em;font-size:11.5px}
.chips li{font-weight:600;letter-spacing:.04em;text-transform:none;font-size:12px;padding:7px 13px;backdrop-filter:blur(6px)}
.titleblock{font-weight:500;letter-spacing:.1em;border-radius:10px}
.lang{font-weight:600;letter-spacing:.04em}

/* ───── arka plan: ızgara YOK → yumuşak gradyan + ince tane ───── */
.bg-grid{display:none}
.bg-glow{background:
  radial-gradient(52vmax 46vmax at calc(50% + var(--gx)) 46%,rgba(41,117,163,.30),transparent 64%),
  radial-gradient(36vmax 26vmax at calc(50% + var(--gx)) 82%,rgba(220,174,46,.05),transparent 62%),
  radial-gradient(60vmax 40vmax at 0% 0%,rgba(12,46,78,.55),transparent 70%)}
.viewport{background:linear-gradient(180deg,var(--ink-900),var(--ink-950))}
.viewport::after{content:"";position:absolute;inset:0;z-index:-1;pointer-events:none;opacity:.05;background-image:var(--grain);background-size:200px}
:root{--grain:url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' width='200' height='200'><filter id='n'><feTurbulence type='fractalNoise' baseFrequency='.85' numOctaves='2' stitchTiles='stitch'/><feColorMatrix values='0 0 0 0 1  0 0 0 0 1  0 0 0 0 1  0 0 0 .9 0'/></filter><rect width='100%25' height='100%25' filter='url(%23n)'/></svg>");
  --grain-d:url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' width='200' height='200'><filter id='n'><feTurbulence type='fractalNoise' baseFrequency='.85' numOctaves='2' stitchTiles='stitch'/><feColorMatrix values='0 0 0 0 .04  0 0 0 0 .1  0 0 0 0 .18  0 0 0 .9 0'/></filter><rect width='100%25' height='100%25' filter='url(%23n)'/></svg>")}

.sec.dark{background:
  radial-gradient(70% 55% at 88% -8%,rgba(41,117,163,.20),transparent 62%),
  radial-gradient(60% 50% at -5% 108%,rgba(12,46,78,.55),transparent 66%),
  linear-gradient(180deg,var(--ink-900),var(--ink-950))}
.sec.dark::before{background-image:var(--grain);background-size:200px;opacity:.05;-webkit-mask-image:none;mask-image:none}
.sec.paper{background:
  radial-gradient(60% 45% at 92% -6%,rgba(41,117,163,.10),transparent 62%),
  radial-gradient(50% 40% at -4% 104%,rgba(220,174,46,.07),transparent 66%),
  linear-gradient(180deg,#f1f5f9,#e6ecf3)}
.sec.paper::before{background-image:var(--grain-d);background-size:200px;opacity:.06}
.sec + .sec{border-top:1px solid rgba(150,196,222,.08)}
.sec.paper + .sec,.sec + .sec.paper{border-top:0}
.ph{background:linear-gradient(180deg,var(--ink-900),var(--ink-950))}
.ph::before{background-image:var(--grain);background-size:200px;opacity:.05;-webkit-mask-image:none;mask-image:none}
.offline::before{background:radial-gradient(70% 90% at 100% 0%,rgba(41,117,163,.18),transparent 60%);-webkit-mask-image:none;mask-image:none}
.foot{background:linear-gradient(180deg,var(--ink-950),#02060b)}

/* ───── düğmeler ───── */
.btn{font-family:var(--f-body);font-weight:600;letter-spacing:-.005em;border-radius:12px;transition:transform .35s var(--ease),background .25s var(--ease-soft),box-shadow .35s var(--ease),border-color .25s var(--ease-soft),color .25s}
.btn:active{transform:translateY(0) scale(.98)}
.btn-sun,.pb,.pm-save{background:linear-gradient(180deg,rgb(232,192,70),rgb(208,158,28));box-shadow:inset 0 1px 0 rgba(255,255,255,.38),0 1px 2px rgba(0,0,0,.25),0 8px 22px -10px rgba(220,174,46,.6)}
.btn-sun:hover,.pb:hover{transform:translateY(-2px);box-shadow:inset 0 1px 0 rgba(255,255,255,.45),0 2px 4px rgba(0,0,0,.25),0 16px 30px -12px rgba(220,174,46,.7);filter:brightness(1.04)}
.btn-ghost{border:1px solid rgba(168,205,225,.28);background:rgba(255,255,255,.03);backdrop-filter:blur(6px)}
.btn-ghost:hover{border-color:rgba(168,205,225,.6);background:rgba(255,255,255,.07);transform:translateY(-2px);box-shadow:0 12px 26px -14px rgba(0,0,0,.6)}
.btn-lg{border-radius:14px}
.login{border:1px solid rgba(168,205,225,.28);border-radius:11px;transition:border-color .25s,background .25s,color .25s,transform .35s var(--ease)}
.login:hover{transform:translateY(-1px)}

/* ───── üst menü / açılır menü ───── */
.nav{transition:background .4s var(--ease-soft),box-shadow .4s,backdrop-filter .4s}
.nav.solid{background:rgba(4,10,17,.88);-webkit-backdrop-filter:blur(18px) saturate(1.3);backdrop-filter:blur(18px) saturate(1.3);box-shadow:0 1px 0 rgba(150,196,222,.10),0 18px 40px -24px rgba(0,0,0,.7)}
.nl-a{font-weight:500;letter-spacing:-.005em}
.dd-in{border-radius:16px;background:rgba(7,17,28,.96);border:1px solid rgba(150,196,222,.14);box-shadow:0 40px 80px -24px rgba(0,0,0,.8),0 0 0 1px rgba(0,0,0,.3)}
.dd-in::before{background:#0a1826;border-color:rgba(150,196,222,.14)}
.nav-links .dd-in a{border-radius:10px;font-weight:500}

/* ───── kartlar (açık zemin): ince çizgi + yumuşak gölge ───── */
.as,.sec.paper .cd,.sec.paper .pc,.sec.paper .bc,.dc-cover,.sec.paper .frame,.dv,.lp-feat article,.lp-card.solution,.lp-gal figure,.lp-mm div{
  border:1px solid var(--hair);border-radius:16px;background:#fff;box-shadow:var(--sh-2);outline:0;
  transition:transform .5s var(--ease),box-shadow .5s var(--ease),border-color .3s,background .3s}
.as:hover,.sec.paper .cd:hover,.sec.paper .pc:hover,.sec.paper .bc:hover,.dv:hover,.lp-feat article:hover,.lp-gal figure:hover{transform:translateY(-5px);box-shadow:var(--sh-3);border-color:rgba(41,117,163,.35);background:#fff}
.as::after,.cd::after,.dv-img::after{height:3px;background:linear-gradient(90deg,rgb(70,146,190),rgb(220,174,46))}
.as-n,.cd-n{-webkit-text-stroke:1px rgba(41,117,163,.35)}
.as-i{stroke:rgb(41,117,163)}
.sec.paper .cd,.as{border-radius:16px}
.pc,.bc,.dv{border-radius:16px}
.dc-cover{border-radius:10px}
.lp-mm div{border-top:1px solid var(--hair);box-shadow:var(--sh-1)}
.facts,.why-grid,.faq-list,.vals{border-color:var(--hair)}
.sec.paper .facts{border-top:1px solid var(--hair);border-bottom:1px solid var(--hair)}
.sec.paper .why-grid{border-top:1px solid var(--hair)}
.fq summary i{border-width:1px}
.sec.paper .frame{border-radius:16px}

/* ───── kartlar (koyu zemin): cam etkisi ───── */
.sec.dark .cd,.lp-eco .cd{background:linear-gradient(180deg,rgba(255,255,255,.055),rgba(255,255,255,.015));border:1px solid var(--hair-d);border-radius:16px;box-shadow:inset 0 1px 0 rgba(255,255,255,.06),0 24px 44px -28px rgba(0,0,0,.7);transition:transform .5s var(--ease),border-color .3s,background .3s,box-shadow .5s var(--ease)}
.sec.dark .cd:hover{border-color:rgba(70,146,190,.45);background:linear-gradient(180deg,rgba(255,255,255,.075),rgba(255,255,255,.025));transform:translateY(-4px);box-shadow:inset 0 1px 0 rgba(255,255,255,.09),0 34px 56px -28px rgba(0,0,0,.8)}
.cform,.pm,.global,.lp-hw,.lp-shot{border-radius:18px}
.cform{background:linear-gradient(180deg,rgba(14,34,52,.72),rgba(8,20,32,.72));border:1px solid var(--hair-d);box-shadow:inset 0 1px 0 rgba(255,255,255,.06),0 40px 80px -40px rgba(0,0,0,.8)}
.cform::before,.cform::after{display:none}
.pm{box-shadow:0 50px 100px -36px rgba(0,0,0,.85),0 0 0 1px rgba(0,0,0,.35),inset 0 1px 0 rgba(255,255,255,.06)}
.fl input,.fl select,.fl textarea{border:1px solid rgba(168,205,225,.2);border-radius:11px;transition:border-color .25s,box-shadow .3s,background .25s}
.fl input:focus,.fl select:focus,.fl textarea:focus{border-color:rgb(70,146,190);box-shadow:0 0 0 4px rgba(70,146,190,.18)}

/* ───── görsel/çerçeve ───── */
.frame,.lp-shot{box-shadow:0 40px 80px -36px rgba(4,12,22,.7),0 0 0 1px rgba(150,196,222,.12)}
.lp-shot{border:0}
.pdfb iframe{border-radius:14px;outline:0;box-shadow:0 40px 80px -40px rgba(8,22,38,.6),0 0 0 1px var(--hair)}
.dv-img img,.pc-img img,.bc-img img{transition:transform 1s var(--ease)}
.dv:hover .dv-img img,.pc:hover .pc-img img,.bc:hover .bc-img img{transform:scale(1.045)}

/* ───── belirme animasyonu: daha sakin ───── */
.js [data-reveal]{transform:translateY(22px);transition:opacity .9s var(--ease-soft),transform 1.1s var(--ease);transition-delay:calc(var(--d,0) * 80ms)}
@media (prefers-reduced-motion:reduce){.js [data-reveal]{transition:none;transform:none}.btn,.cd,.as,.dv,.pc,.bc{transition:none}}
:focus-visible{outline-color:rgb(70,146,190)}

/* ───── açık tema (varsayılan): soğuk zemin ───── */
html.tema-acik{--tema-bg:#edf2f7;--tema-bg2:#d6e2ed;--tema-glow:41,117,163}
html.tema-krem{--tema-bg:#eef0f3;--tema-bg2:#dde3ea;--tema-glow:41,117,163}
html[class*="tema-"]{--tema-ink:#08182a;--tema-dim:#43566a;--tema-blue:rgb(26,94,134);--tema-gold:#b8860b}
html[class*="tema-"] .viewport{background:linear-gradient(180deg,var(--tema-bg),var(--tema-bg2))}
html[class*="tema-"] .viewport::after{background-image:var(--grain-d);opacity:.07}
html[class*="tema-"] .bg-grid{display:none}
html[class*="tema-"] .bg-glow{background:
  radial-gradient(48vmax 42vmax at calc(50% + var(--gx)) 46%,rgba(41,117,163,.20),transparent 62%),
  radial-gradient(34vmax 24vmax at calc(50% + var(--gx)) 84%,rgba(8,24,42,.12),transparent 62%),
  radial-gradient(50vmax 36vmax at 0% 0%,rgba(255,255,255,.7),transparent 70%)}
html[class*="tema-"] .wm{background:linear-gradient(180deg,rgba(8,24,42,.10),rgba(8,24,42,.012) 85%);-webkit-background-clip:text;background-clip:text}
html[class*="tema-"] #float{filter:drop-shadow(0 40px 34px rgba(8,24,42,.26)) drop-shadow(0 6px 10px rgba(8,24,42,.12))}
html[class*="tema-"] .panel .btn-ghost{border:1px solid rgba(8,24,42,.28);background:rgba(255,255,255,.45)}
html[class*="tema-"] .panel .btn-ghost:hover{background:rgba(255,255,255,.8);border-color:rgba(8,24,42,.5)}
html[class*="tema-"] .chips li{background:rgba(255,255,255,.62);border-color:rgba(8,24,42,.16);box-shadow:var(--sh-1)}
html[class*="tema-"] .titleblock{background:rgba(255,255,255,.7);border-color:rgba(8,24,42,.14);box-shadow:var(--sh-1);backdrop-filter:blur(8px)}
html[class*="tema-"][data-view="home"] .nav:not(.solid):not(.open){background:linear-gradient(180deg,rgba(255,255,255,.82),rgba(255,255,255,0))}
html[class*="tema-"] .sec.dark,html[class*="tema-"] .foot{--keep:1}

/* mobil: açık zeminde sahne altı gradyanı */
@media (max-width:820px){
  html[class*="tema-"] .panels::before{background:linear-gradient(180deg,transparent,var(--tema-bg) 38%,var(--tema-bg))}
  .panel h1{font-size:clamp(30px,9.4vw,44px)}
}

/* ───── LEDECH (Arena) ek düzenlemeler ───── */
.panel h1,.panel h2{text-transform:none}
.dv h3,.global h3{text-transform:none;letter-spacing:-.02em;font-size:clamp(19px,1.7vw,25px);line-height:1.18}
.global h3{font-size:clamp(22px,2.3vw,32px)}
.dv-n{font-weight:700;letter-spacing:.06em;border-radius:8px;box-shadow:0 4px 12px -4px rgba(0,0,0,.4)}
.val{border-color:var(--hair-d)}
.vals{border-top-color:var(--hair-d)}
.val h3{font-size:20px}
.val-n{font-size:40px}
.global{border:1px solid rgba(220,174,46,.28);border-radius:18px;box-shadow:inset 0 1px 0 rgba(255,255,255,.05),0 30px 60px -36px rgba(0,0,0,.7)}
.dv-img{background:#dbe4ec}
.dv-b{padding:22px 26px 26px}
.certs.led .cert{border-color:rgba(41,117,163,.5)}
.arena{border-radius:16px}
.pc-lnk{color:inherit;text-decoration:none;display:block}
.pc h3 .pc-lnk{display:inline}.pc h3 .pc-lnk:hover{color:rgb(70,146,190)}
.sec.paper .pc h3 .pc-lnk:hover{color:rgb(26,94,134)}
.pd{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1.05fr);gap:clamp(28px,5vw,80px);align-items:center}
.pd-img{aspect-ratio:1/1;display:grid;place-items:center;padding:clamp(18px,3vw,40px);background:linear-gradient(160deg,#fff,#eef3f8);margin:0}
.pd-img img{max-width:100%;max-height:100%;width:auto;height:auto;object-fit:contain}
.pd-d{margin-top:0;font-size:clamp(16px,1.35vw,19px);line-height:1.75}
.pd-act{margin-top:26px;padding-top:0}
.pd-cta{margin-top:30px;display:flex;flex-wrap:wrap;gap:12px}
.pd-code{font-weight:600;letter-spacing:.1em}
@media (max-width:860px){.pd{grid-template-columns:1fr}}
.panel.hero h1{font-size:clamp(26px,3.3vw,54px);line-height:1.08;overflow-wrap:break-word}
.panel h2{font-size:clamp(26px,3.6vw,58px)}