/* KARAOĞLAN® — yatirim sayfası stilleri (kaynaktan birebir taşındı) */
:root{
  --bg:#0B0A08;--bg-2:#12110D;--bg-3:#181712;
  --fg:#F3F0EA;--fg-dim:rgba(243,240,234,.55);--fg-faint:rgba(243,240,234,.30);
  --line:rgba(243,240,234,.13);--line-2:rgba(243,240,234,.22);
  --accent:#FF4A00;--ok:#7ADB8F;
  --font:'Space Grotesk',system-ui,sans-serif;
  --mono:'JetBrains Mono',ui-monospace,monospace;
  --serif:'Instrument Serif',Georgia,serif;
}
*{margin:0;padding:0;box-sizing:border-box}
html{scroll-behavior:smooth}
body{font-family:var(--font);background:var(--bg);color:var(--fg);line-height:1.5;-webkit-font-smoothing:antialiased;overflow-x:hidden;
  background-image:linear-gradient(rgba(243,240,234,.035) 1px,transparent 1px),linear-gradient(90deg,rgba(243,240,234,.035) 1px,transparent 1px);
  background-size:88px 88px}
::selection{background:var(--accent);color:#fff}
img{max-width:100%;display:block}
a{color:inherit;text-decoration:none}
button{font-family:inherit;cursor:pointer}
.wrap{max-width:1360px;margin:0 auto;padding:0 clamp(20px,4vw,56px)}
.mono{font-family:var(--mono)}
.srf{font-family:var(--serif);font-style:italic;font-weight:400}
.hdr{position:fixed;inset:0 0 auto 0;z-index:100;border-bottom:1px solid transparent;transition:background .3s,border-color .3s;background:linear-gradient(180deg,rgba(11,10,8,.6),rgba(11,10,8,0))}
.hdr.on{background:rgba(11,10,8,.85);backdrop-filter:blur(14px);-webkit-backdrop-filter:blur(14px);border-bottom-color:var(--line)}
.hdr-in{display:flex;align-items:center;justify-content:space-between;height:68px;gap:18px}
.brand{display:flex;align-items:center;gap:11px;font-weight:700;letter-spacing:-.02em;font-size:1.14rem}
.brand .blogo{height:24px;width:auto;flex:none;display:block}
.brand .bk{-webkit-text-stroke:.45px currentColor}
.brand .bgrup{font-weight:500;color:rgba(243,240,234,.48);letter-spacing:.05em;font-size:.72em}
.brand sup{color:var(--accent);font-size:.55em}
.brand .ver{font-family:var(--mono);font-size:.62rem;color:var(--fg-dim);border:1px solid var(--line);border-radius:6px;padding:2px 7px}
.hdr-menu{display:flex;gap:2px}
.hdr-menu a{font-family:var(--mono);font-size:.72rem;letter-spacing:.1em;padding:8px 12px;color:var(--fg-dim);border-radius:8px;transition:color .2s,background .2s}
.hdr-menu a:hover{color:var(--fg);background:rgba(243,240,234,.06)}
.hdr-menu a.act{color:var(--fg);background:rgba(243,240,234,.08)}
.hdr-status{display:flex;align-items:center;gap:10px;font-family:var(--mono);font-size:.68rem;letter-spacing:.1em;color:var(--fg-dim);border:1px solid var(--line);border-radius:999px;padding:8px 15px;white-space:nowrap}
.led{width:7px;height:7px;border-radius:50%;background:var(--accent);animation:pulse 2.2s infinite;flex:none;display:inline-block}
.led.g{background:var(--ok);animation:none}
@keyframes pulse{0%,100%{box-shadow:0 0 0 0 rgba(255,74,0,.5)}60%{box-shadow:0 0 0 6px rgba(255,74,0,0)}}
.burger{display:none;background:none;border:1px solid var(--line);color:var(--fg);border-radius:8px;padding:8px 12px;font-family:var(--mono);font-size:.7rem;letter-spacing:.1em}
section{padding:clamp(76px,9vw,120px) 0 0;position:relative}
.sec-bar{display:flex;justify-content:space-between;align-items:center;gap:14px;border-top:1px solid var(--line);padding-top:14px;font-family:var(--mono);font-size:.7rem;letter-spacing:.14em;color:var(--fg-dim)}
.sec-bar .idx{color:var(--accent)}
h1{font-size:clamp(2.5rem,6vw,4.8rem);line-height:1.02;letter-spacing:-.038em;font-weight:600;margin-top:26px}
h2{font-size:clamp(1.9rem,4.4vw,3.4rem);line-height:1.04;letter-spacing:-.03em;font-weight:600;margin-top:26px}
h1 .hl,h2 .hl{font-family:var(--serif);font-style:italic;font-weight:400;color:var(--accent)}
h2 .thin{font-weight:400;color:var(--fg-dim)}
.intro{color:var(--fg-dim);max-width:50em;margin-top:18px;font-size:clamp(.95rem,1.2vw,1.08rem)}
.btn{display:inline-flex;align-items:center;gap:10px;border-radius:10px;padding:14px 24px;font-family:var(--mono);font-size:.78rem;letter-spacing:.12em;font-weight:500;border:1px solid var(--line-2);color:var(--fg);background:transparent;transition:background .2s,border-color .2s,transform .2s}
.btn:hover{transform:translateY(-2px);border-color:var(--fg)}
.btn-acc{background:var(--accent);border-color:var(--accent);color:#fff}
.btn-acc:hover{background:#ff5c1a}
.panel{border:1px solid var(--line);background:linear-gradient(180deg,rgba(24,23,18,.72),rgba(18,17,13,.72));border-radius:14px;position:relative}
.ct{position:absolute;width:10px;height:10px}
.ct.tl{top:-1px;left:-1px;border-top:2px solid var(--accent);border-left:2px solid var(--accent);border-radius:3px 0 0 0}
.ct.br{bottom:-1px;right:-1px;border-bottom:2px solid var(--accent);border-right:2px solid var(--accent);border-radius:0 0 3px 0}
.sp-row{display:flex;justify-content:space-between;align-items:baseline;gap:10px;padding:11px 0;border-bottom:1px dashed var(--line);font-family:var(--mono)}
.sp-row:last-child{border-bottom:0}
.sp-row .k{font-size:.62rem;letter-spacing:.12em;color:var(--fg-dim)}
.sp-row .v{font-size:.76rem;font-weight:700;text-align:right}
.sp-row .v.ok{color:var(--ok)} .sp-row .v.hot{color:var(--accent)}
[data-reveal]{opacity:0;transform:translateY(22px);transition:opacity .7s ease,transform .7s ease}
[data-reveal].in{opacity:1;transform:none}
@media (prefers-reduced-motion:reduce){[data-reveal]{opacity:1;transform:none;transition:none}html{scroll-behavior:auto}}
footer{border-top:1px solid var(--line);background:rgba(11,10,8,.7);padding:30px 0;margin-top:clamp(76px,9vw,120px)}
.ft-in{display:flex;justify-content:space-between;align-items:center;gap:14px;flex-wrap:wrap;font-family:var(--mono);font-size:.64rem;letter-spacing:.1em;color:var(--fg-dim)}
.ft-in a:hover{color:var(--fg)}

/* yatırım sayfası */
.hero{padding-top:clamp(120px,15vh,168px)}
/* rapor kimliği */
.mast{display:grid;grid-template-columns:repeat(4,1fr);border:1px solid var(--line);border-radius:12px;overflow:hidden;margin-top:14px;background:rgba(18,17,13,.6);font-family:var(--mono)}
.mast > div{padding:12px 16px;border-left:1px solid var(--line)}
.mast > div:first-child{border-left:0}
.mast .k{display:block;font-size:.5rem;letter-spacing:.14em;color:var(--fg-faint)}
.mast .v{font-size:.64rem;font-weight:700;margin-top:4px;letter-spacing:.05em}
.figtag{color:var(--accent);font-weight:700}
/* okuma haritası */
.toc{margin-top:14px;padding:8px 20px 14px}
.toc .hd3{font-family:var(--mono);font-size:.6rem;letter-spacing:.14em;color:var(--fg-dim);padding:12px 0;border-bottom:1px solid var(--line)}
.toc a{display:flex;justify-content:space-between;align-items:baseline;gap:12px;padding:13px 2px;border-bottom:1px dashed var(--line);font-family:var(--mono);font-size:.72rem;letter-spacing:.05em;color:var(--fg);transition:padding-left .2s,color .2s}
.toc a:last-child{border-bottom:0}
.toc a:hover{padding-left:10px;color:var(--accent)}
.toc .no3{color:var(--accent);font-weight:700;margin-right:12px}
.toc .pg{color:var(--fg-faint);font-size:.58rem;letter-spacing:.1em;white-space:nowrap}
.src{font-family:var(--mono);font-size:.52rem;letter-spacing:.06em;color:var(--fg-faint);margin-top:10px;line-height:1.9;border-top:1px dashed var(--line);padding-top:10px}
/* altın grafiği */
.mgrid2{display:grid;grid-template-columns:1.5fr .5fr;gap:14px;margin-top:clamp(26px,3.6vw,44px)}
.gold{stroke:#D8B25C;stroke-width:2.6;fill:none;stroke-linecap:round}
.goldArea{opacity:0}
.dlab{font-family:var(--mono);font-size:9px;fill:rgba(243,240,234,.6)}
.dlab.b{fill:#F3F0EA;font-weight:700;font-size:10px}
.kdot{fill:#D8B25C;stroke:#0B0A08;stroke-width:1.5}
.annbox{fill:rgba(11,10,8,.88);stroke:rgba(243,240,234,.28)}
.anntx{font-family:var(--mono);font-size:9.2px;fill:#F3F0EA;letter-spacing:.03em}
.anntx.d{fill:rgba(243,240,234,.55)}
.annln{stroke:rgba(243,240,234,.35);stroke-width:1}
.zone{fill:rgba(255,74,0,.055);stroke:rgba(255,74,0,.2);stroke-dasharray:4 5}
.zlab{font-family:var(--mono);font-size:8.6px;fill:rgba(255,74,0,.85);letter-spacing:.12em}
.big70{font-family:var(--font);font-weight:700;font-size:22px;fill:#F3F0EA;opacity:0;letter-spacing:-.02em}
.big70 tspan.g{fill:#D8B25C}
.keyt{padding:20px;display:flex;flex-direction:column}
.keyt .hd2{font-family:var(--mono);font-size:.6rem;letter-spacing:.13em;color:var(--fg-dim);padding-bottom:12px;border-bottom:1px solid var(--line)}
.keyt .big{font-family:var(--mono);font-weight:700;font-size:clamp(1.8rem,2.6vw,2.4rem);color:#D8B25C;margin-top:14px}
.keyt .bigk{font-family:var(--mono);font-size:.54rem;letter-spacing:.13em;color:var(--fg-faint);margin-top:4px}
/* avm avantajı + lüks segment */
.avm-grid{display:grid;grid-template-columns:1.52fr .48fr;gap:14px;margin-top:clamp(26px,3.6vw,44px)}
.avm-side{display:flex;flex-direction:column;gap:14px}
.statc{padding:18px 20px}
.statc .lk{font-family:var(--mono);font-size:.56rem;letter-spacing:.14em;color:var(--fg-dim)}
.statc .lv{font-family:var(--mono);font-weight:700;font-size:clamp(1.9rem,2.8vw,2.5rem);color:var(--ok);line-height:1.05;margin-top:8px}
.statc .ls{font-family:var(--mono);font-size:.58rem;letter-spacing:.06em;color:var(--fg-dim);margin-top:8px;line-height:1.8}
.quotep{padding:16px 18px;border-left:2px solid var(--ok)}
.quotep p{font-family:var(--serif);font-style:italic;font-size:1rem;color:var(--fg)}
.quotep span{display:block;font-family:var(--mono);font-size:.52rem;letter-spacing:.14em;color:var(--fg-faint);margin-top:10px}
.avm-b{display:grid;grid-template-columns:1.15fr .85fr;gap:14px;margin-top:14px;align-items:stretch}
.lux{padding:clamp(20px,2.6vw,30px);display:flex;flex-direction:column}
.lux .lh3{font-size:clamp(1.25rem,2vw,1.7rem);letter-spacing:-.02em;font-weight:600;margin-top:0}
.lux .lh3 .srf{color:var(--accent)}
.lux p{color:var(--fg-dim);font-size:.9rem;margin-top:10px}
.lux p b{color:var(--fg)}
.lux .fml{font-family:var(--mono);font-size:.64rem;letter-spacing:.08em;border:1px dashed var(--line-2);border-radius:10px;padding:12px 14px;margin-top:14px;color:var(--fg);line-height:1.9}
.lux .fml b{color:var(--ok)}
.lux .meta2{margin-top:16px;border-top:1px dashed var(--line)}
.srcs{display:grid;grid-template-columns:repeat(4,1fr);gap:14px;margin-top:14px}
.srcc{padding:18px;display:flex;flex-direction:column;border-top:3px solid rgba(122,219,143,.6);border-top-left-radius:14px;border-top-right-radius:14px}
.srcc .no2{font-family:var(--mono);font-size:.54rem;color:var(--fg-faint);letter-spacing:.16em}
.srcc h4{font-size:1.5rem;font-weight:700;letter-spacing:-.02em;margin-top:8px}
.srcc .full{font-size:.76rem;color:var(--fg);margin-top:6px;font-weight:600}
.srcc .rep{font-family:var(--serif);font-style:italic;color:var(--ok);font-size:.84rem;margin-top:4px}
.srcc p{color:var(--fg-dim);font-size:.72rem;margin-top:8px;flex:1}
.srcc .mt{font-family:var(--mono);font-size:.5rem;letter-spacing:.13em;color:var(--fg-faint);margin-top:12px;padding-top:10px;border-top:1px solid var(--line)}
.srcc .mv{font-family:var(--mono);font-weight:700;color:var(--ok);font-size:.94rem;margin-top:4px}
.ln-st{stroke:rgba(243,240,234,.4);stroke-width:2;fill:none;stroke-linecap:round}
.epl{font-family:var(--mono);font-weight:700;font-size:12px}
@media (max-width:1060px){.avm-grid,.avm-b{grid-template-columns:1fr}.srcs{grid-template-columns:1fr 1fr}}
@media (max-width:760px){.srcs{grid-template-columns:1fr}}
/* yükselen türkiye */
.trk{display:grid;grid-template-columns:1.05fr .95fr;gap:clamp(20px,3vw,44px);margin-top:clamp(30px,4vw,50px);align-items:start}
.trk p{color:var(--fg-dim);font-size:.98rem;margin-top:12px;max-width:44em}
.trk p b{color:var(--fg)}
.tez{display:grid;gap:12px;margin-top:4px}
.tezc{padding:16px 18px;display:grid;grid-template-columns:88px 1fr;gap:14px;align-items:start}
.tezc .no{font-family:var(--mono);font-size:.56rem;letter-spacing:.13em;color:var(--accent);padding-top:3px}
.tezc h4{font-size:.98rem;font-weight:600}
.tezc p{color:var(--fg-dim);font-size:.8rem;margin-top:5px;max-width:none}
.facts{display:grid;grid-template-columns:repeat(4,1fr);border:1px solid var(--line);border-radius:14px;overflow:hidden;margin-top:clamp(28px,4vw,44px);background:rgba(18,17,13,.6)}
.fact{padding:18px 20px;border-left:1px solid var(--line)}
.fact:first-child{border-left:0}
.fact .v{font-family:var(--mono);font-weight:700;font-size:clamp(1.3rem,2vw,1.7rem)}
.fact .v em{font-style:normal;color:var(--accent)}
.fact .v i{font-style:normal;color:var(--ok)}
.fact .k{display:block;font-family:var(--mono);font-size:.56rem;letter-spacing:.14em;color:var(--fg-faint);margin-top:6px}
/* canlı giriş katmanı */
.fact .v .vok{display:inline-block;font-style:normal;transform:scale(0);background:linear-gradient(110deg,var(--ok) 42%,#E9FFF0 50%,var(--ok) 58%);background-size:260% 100%;background-position:130% 0;-webkit-background-clip:text;background-clip:text;color:transparent;margin-left:4px}
.facts.in .fact .v .vok{animation:okPopY .5s cubic-bezier(.2,1.6,.4,1) .9s both,okShineY 4.6s ease-in-out 2.2s infinite}
@keyframes okPopY{0%{transform:scale(0) rotate(-30deg)}100%{transform:scale(1) rotate(0)}}
@keyframes okShineY{0%,62%{background-position:130% 0}82%,100%{background-position:-60% 0}}
.fact .v .capx{position:relative;display:inline-block;width:.5em;height:.5em;margin-left:6px;animation:capGY 2.6s ease-in-out infinite;vertical-align:baseline}
@keyframes capGY{0%,100%{transform:scale(1);filter:drop-shadow(0 0 2px rgba(255,74,0,.25))}50%{transform:scale(1.28);filter:drop-shadow(0 0 7px rgba(255,74,0,.85))}}
.fact .v .capx::before,.fact .v .capx::after{content:'';position:absolute;left:50%;top:50%;transform:translate(-50%,-50%);background:var(--accent);border-radius:2px}
.fact .v .capx::before{width:100%;height:2.5px}
.fact .v .capx::after{width:2.5px;height:100%}
.fact .v .ringy{display:inline-block;width:.5em;height:.5em;border:2.3px dashed rgba(243,240,234,.55);border-radius:50%;margin-left:6px;animation:ringSY 8s linear infinite;vertical-align:baseline}
@keyframes ringSY{to{transform:rotate(360deg)}}
.facts.in .fzy{background:linear-gradient(110deg,var(--fg) 42%,#FFD9C4 50%,var(--fg) 58%);background-size:260% 100%;background-position:130% 0;-webkit-background-clip:text;background-clip:text;color:transparent;animation:okShineY 5.2s ease-in-out 2.6s infinite}
@media (prefers-reduced-motion:reduce){
  .fact .v .vok{transform:scale(1);animation:none;background:none;color:var(--ok)}
  .fact .v .capx,.fact .v .ringy{animation:none}
  .facts.in .fzy{animation:none;background:none;color:var(--fg)}
}
.facts .fact{position:relative;overflow:hidden;opacity:0;transform:translateY(14px)}
.facts.in .fact{opacity:1;transform:none;transition:opacity .55s ease,transform .55s ease}
.facts.in .fact:nth-child(1){transition-delay:.06s}
.facts.in .fact:nth-child(2){transition-delay:.18s}
.facts.in .fact:nth-child(3){transition-delay:.3s}
.facts.in .fact:nth-child(4){transition-delay:.42s}
.fact .swp{position:absolute;left:0;bottom:0;height:2px;width:100%;background:linear-gradient(90deg,var(--accent),rgba(255,74,0,.1));transform:scaleX(0);transform-origin:left}
.facts.in .swp{transition:transform .9s cubic-bezier(.25,.8,.25,1)}
.facts.in .fact:nth-child(1) .swp{transform:scaleX(1);transition-delay:.28s}
.facts.in .fact:nth-child(2) .swp{transform:scaleX(1);transition-delay:.4s}
.facts.in .fact:nth-child(3) .swp{transform:scaleX(1);transition-delay:.52s}
.facts.in .fact:nth-child(4) .swp{transform:scaleX(1);transition-delay:.64s}
.mast > div{opacity:0;transform:translateY(8px)}
.mast.in > div{opacity:1;transform:none;transition:opacity .5s ease,transform .5s ease}
.mast.in > div:nth-child(1){transition-delay:.05s}
.mast.in > div:nth-child(2){transition-delay:.13s}
.mast.in > div:nth-child(3){transition-delay:.21s}
.mast.in > div:nth-child(4){transition-delay:.29s}
.toc a{opacity:0;transform:translateX(-8px)}
.toc.in a{opacity:1;transform:none;transition:opacity .5s ease,transform .5s ease,padding-left .2s,color .2s}
.toc.in a:nth-of-type(1){transition-delay:.08s}
.toc.in a:nth-of-type(2){transition-delay:.16s}
.toc.in a:nth-of-type(3){transition-delay:.24s}
.toc.in a:nth-of-type(4){transition-delay:.32s}
.toc.in a:nth-of-type(5){transition-delay:.4s}
.toc.in a:nth-of-type(6){transition-delay:.48s}
.avm-side .panel{opacity:0;transform:translateY(12px)}
.avm-side.in .panel{opacity:1;transform:none;transition:opacity .55s ease,transform .55s ease}
.avm-side.in .panel:nth-child(1){transition-delay:.1s}
.avm-side.in .panel:nth-child(2){transition-delay:.24s}
.avm-side.in .panel:nth-child(3){transition-delay:.38s}
.srcs .srcc{opacity:0;transform:translateY(14px)}
.srcs.in .srcc{opacity:1;transform:none;transition:opacity .55s ease,transform .55s ease}
.srcs.in .srcc:nth-child(1){transition-delay:.06s}
.srcs.in .srcc:nth-child(2){transition-delay:.18s}
.srcs.in .srcc:nth-child(3){transition-delay:.3s}
.srcs.in .srcc:nth-child(4){transition-delay:.42s}
.tez .tezc{opacity:0;transform:translateY(12px)}
.tez.in .tezc{opacity:1;transform:none;transition:opacity .55s ease,transform .55s ease}
.tez.in .tezc:nth-child(1){transition-delay:.08s}
.tez.in .tezc:nth-child(2){transition-delay:.22s}
.tez.in .tezc:nth-child(3){transition-delay:.36s}
.steps .step.in:nth-child(2){transition-delay:.12s}
.steps .step.in:nth-child(3){transition-delay:.24s}
.steps .step.in:nth-child(4){transition-delay:.36s}
.pr-list .pr-row{opacity:0;transform:translateX(-12px)}
.pr-list.in .pr-row{opacity:1;transform:none;transition:opacity .55s ease,transform .55s ease,background .25s,padding-left .25s}
.pr-list.in .pr-row:nth-child(1){transition-delay:.08s}
.pr-list.in .pr-row:nth-child(2){transition-delay:.22s}
.pr-list.in .pr-row:nth-child(3){transition-delay:.36s}
.pr-list.in .pr-row:nth-child(4){transition-delay:.5s}
.chart .cmp tbody tr{opacity:0}
.chart.in .cmp tbody tr{opacity:1;transition:opacity .5s ease}
.chart.in .cmp tbody tr:nth-child(1){transition-delay:.15s}
.chart.in .cmp tbody tr:nth-child(2){transition-delay:.27s}
.chart.in .cmp tbody tr:nth-child(3){transition-delay:.39s}
.chart.in .cmp tbody tr:nth-child(4){transition-delay:.51s}
.chart.in .cmp tbody tr:nth-child(5){transition-delay:.63s}
@media (prefers-reduced-motion:reduce){
  .facts .fact,.mast > div,.toc a,.avm-side .panel,.srcs .srcc,.tez .tezc,.pr-list .pr-row,.chart .cmp tbody tr{opacity:1;transform:none;transition:none}
  .fact .swp{transform:scaleX(1)}
}
/* ilkeler */
.pr-list{margin-top:clamp(30px,4vw,50px);border-top:1px solid var(--line)}
.pr-row{display:grid;grid-template-columns:110px 1fr;gap:18px;padding:22px 6px;border-bottom:1px solid var(--line);transition:background .25s,padding-left .25s}
.pr-row:hover{background:rgba(243,240,234,.03);padding-left:14px}
.pr-row .no{font-family:var(--mono);font-size:.68rem;letter-spacing:.14em;color:var(--accent);font-weight:700;padding-top:4px}
.pr-row h3{font-size:1.2rem;font-weight:600}
.pr-row p{color:var(--fg-dim);font-size:.92rem;margin-top:6px;max-width:52em}
/* grafik kartları */
.charts{display:grid;grid-template-columns:1.55fr .45fr;gap:14px;margin-top:clamp(30px,4vw,50px)}
.chart{padding:20px;display:flex;flex-direction:column}
.chart .hd{display:flex;justify-content:space-between;gap:10px;font-family:var(--mono);font-size:.62rem;letter-spacing:.13em;color:var(--fg-dim);padding-bottom:12px;border-bottom:1px solid var(--line);flex-wrap:wrap}
.chart .hd b{color:var(--fg)}
.chart svg{width:100%;height:auto;margin-top:12px}
.legend{display:flex;gap:16px;flex-wrap:wrap;margin-top:12px;font-family:var(--mono);font-size:.58rem;letter-spacing:.1em;color:var(--fg-dim)}
.legend i{display:inline-block;width:14px;height:3px;border-radius:2px;vertical-align:middle;margin-right:7px}
.legend .l1 i{background:var(--accent)} .legend .l2 i{background:rgba(243,240,234,.4)} .legend .l3 i{background:var(--ok)}
.temsil{font-family:var(--mono);font-size:.52rem;letter-spacing:.12em;color:var(--fg-faint);margin-top:10px}
.ax{font-family:var(--mono);font-size:9px;fill:rgba(243,240,234,.35);letter-spacing:.08em}
.gridl{stroke:rgba(243,240,234,.07);stroke-width:1}
.axl{stroke:rgba(243,240,234,.2);stroke-width:1}
.ln-acc{stroke:var(--accent);stroke-width:2.4;fill:none;stroke-linecap:round}
.ln-dim{stroke:rgba(243,240,234,.4);stroke-width:1.8;fill:none;stroke-dasharray:5 5}
.ln-ok{stroke:var(--ok);stroke-width:2.4;fill:none;stroke-linecap:round}
.area-acc{fill:url(#gArea);opacity:0}
.dotp{fill:var(--accent)} .dotp2{fill:var(--ok)}
.anno{font-family:var(--mono);font-size:9.5px;fill:var(--fg);letter-spacing:.06em}
.anno.dim{fill:rgba(243,240,234,.5)}
.evline{stroke:rgba(255,74,0,.5);stroke-width:1;stroke-dasharray:3 4}
/* donut */
.donut-wrap{display:flex;flex-direction:column;align-items:center;flex:1;justify-content:center}
.dn-c{fill:none;stroke-width:24}
.dn-bg{stroke:rgba(243,240,234,.09)}
.dn-a{stroke:var(--accent);stroke-linecap:butt}
.dn-b{stroke:rgba(243,240,234,.38)}
.dn-num{font-family:var(--mono);font-weight:700;font-size:21px;fill:var(--fg)}
.dn-lab{font-family:var(--mono);font-size:8.4px;fill:rgba(243,240,234,.45);letter-spacing:.14em}
/* alt grafik satırı */
.charts2{display:grid;grid-template-columns:1fr 1fr;gap:14px;margin-top:14px}
/* karşılaştırma tablosu */
.cmp{overflow-x:auto;border:1px solid var(--line);border-radius:14px;background:rgba(18,17,13,.6);margin-top:14px}
table{border-collapse:collapse;width:100%;min-width:520px;font-family:var(--mono)}
th,td{text-align:left;padding:14px 18px;border-bottom:1px solid var(--line);font-size:.72rem;letter-spacing:.05em}
th{color:var(--fg-faint);font-weight:500;letter-spacing:.14em;font-size:.6rem;border-bottom-color:var(--line-2)}
tr:last-child td{border-bottom:0}
td:first-child{color:var(--fg-dim)}
td .neg{color:rgba(243,240,234,.45)}
td .pos{color:var(--ok);font-weight:700}
/* süreç */
.steps{display:grid;grid-template-columns:repeat(4,1fr);gap:14px;margin-top:clamp(30px,4vw,50px)}
.step{padding:20px;min-height:170px;display:flex;flex-direction:column}
.step .no{font-family:var(--mono);font-size:.64rem;letter-spacing:.14em;color:var(--accent)}
.step h3{font-size:1.02rem;font-weight:600;margin-top:12px}
.step p{color:var(--fg-dim);font-size:.84rem;margin-top:8px;flex:1}
.step .ft2{font-family:var(--mono);font-size:.54rem;letter-spacing:.12em;color:var(--fg-faint);margin-top:12px;padding-top:10px;border-top:1px dashed var(--line)}
/* sorumlu + cta */
.inv-cta{display:grid;grid-template-columns:1.15fr .85fr;gap:clamp(20px,3vw,44px);margin-top:clamp(30px,4vw,50px);align-items:stretch}
.pcard{padding:18px 20px}
.pc-head{display:flex;align-items:center;gap:14px}
.avatar{position:relative;width:62px;height:62px;border-radius:14px;overflow:hidden;background:linear-gradient(160deg,#221f18,#3c352a);flex:none;border:1px solid var(--line-2)}
.avatar img{width:100%;height:100%;object-fit:cover;object-position:center 20%;filter:grayscale(30%)}
.avatar img.off{display:none}
.avatar .fb{position:absolute;inset:0;display:none;align-items:center;justify-content:center;font-weight:700;color:var(--fg-dim);font-size:1.05rem}
.avatar img.off + .fb{display:flex}
.pcard .rl{font-family:var(--mono);font-size:.56rem;letter-spacing:.14em;color:var(--accent)}
.pcard h3{font-size:1.16rem;letter-spacing:-.02em;margin-top:3px}
.pc-role{display:block;font-family:var(--mono);font-size:.58rem;letter-spacing:.12em;color:var(--fg-dim);margin-top:4px}
.pcard .meta{margin-top:14px;border-top:1px dashed var(--line)}
.cta-box{padding:clamp(22px,3vw,34px);display:flex;flex-direction:column;justify-content:center}
.cta-box h3{font-size:clamp(1.4rem,2.4vw,1.9rem);letter-spacing:-.02em}
.cta-box h3 .srf{color:var(--accent)}
.cta-box p{color:var(--fg-dim);font-size:.92rem;margin-top:10px}
.cta-row{display:flex;gap:12px;flex-wrap:wrap;margin-top:20px}
.disc{margin-top:clamp(30px,4vw,50px);border:1px dashed var(--line-2);border-radius:12px;padding:16px 18px;font-family:var(--mono);font-size:.6rem;letter-spacing:.08em;line-height:2;color:var(--fg-faint)}
@media (max-width:1060px){
  .charts,.charts2,.inv-cta,.mgrid2,.trk{grid-template-columns:1fr}
  .facts,.steps{grid-template-columns:1fr 1fr}
  .pr-row{grid-template-columns:80px 1fr}
}
@media (max-width:760px){
  .hdr-menu{display:none}
  .hdr-menu.open{display:flex;position:fixed;inset:68px 14px auto 14px;flex-direction:column;background:var(--bg-3);border:1px solid var(--line);border-radius:14px;padding:10px;z-index:99}
  .hdr-menu.open a{padding:13px 14px;font-size:.85rem}
  .burger{display:block}
  .hdr-status{display:none}
  .facts,.steps{grid-template-columns:1fr}
  .mast{grid-template-columns:1fr 1fr}
  .mast > div:nth-child(odd){border-left:0}
  .mast > div:nth-child(n+3){border-top:1px solid var(--line)}
  .tezc{grid-template-columns:64px 1fr}
}