/* ═══════════════════════════════════════════════════════════════════════════
   CopyPromt — CP CORE LAYER (cpx hero + yardımcılar)
   Orijinal /cp-assets/cp-core.css'in sadakatli yeniden inşası.
   Ana sayfa cpx hero sistemi + reveal + skip-link.
   ═══════════════════════════════════════════════════════════════════════════ */

/* ── skip-link ─────────────────────────────────────────────────────────── */
.skip-link{position:absolute;left:-9999px;top:0;z-index:100}
.skip-link:focus{left:16px;top:12px;background:#15261f;color:#fff;padding:10px 18px;border-radius:999px;font-size:14px;font-weight:700}

/* ── reveal (scroll animasyonu — yalnızca JS açıkken gizlenir, SEO/erişilebilirlik güvenli) ── */
.js-on .reveal,.js-on .reveal-armed{opacity:0;transform:translateY(var(--reveal-y,22px));transition:opacity .7s cubic-bezier(.19,1,.22,1),transform .7s cubic-bezier(.19,1,.22,1);transition-delay:var(--reveal-delay,0ms);will-change:opacity,transform}
.js-on .reveal-in{opacity:1;transform:none}
@media (prefers-reduced-motion:reduce){.js-on .reveal,.js-on .reveal-armed{opacity:1;transform:none;transition:none}}

/* ── section.cpx gövde ─────────────────────────────────────────────────── */
section.cpx{position:relative;overflow:hidden;background:linear-gradient(168deg,#072a20 0%,#0b3a2c 42%,#0d4534 100%);color:#f4f7f5;padding:34px 0 54px;isolation:isolate}
section.cpx::after{content:"";position:absolute;inset:auto 0 0 0;height:1px;background:linear-gradient(90deg,transparent,rgba(52,211,153,.5),transparent)}

/* ── arka plan efektleri ───────────────────────────────────────────────── */
.cpx-aurora{position:absolute;inset:0;pointer-events:none;z-index:0}
.cpx-glow{position:absolute;display:block;border-radius:9999px;filter:blur(90px);opacity:.5}
.cpx-glow-a{width:560px;height:560px;left:-140px;top:-180px;background:radial-gradient(circle at 35% 35%,rgba(52,211,153,.55),transparent 65%);animation:cpx-drift-a 16s ease-in-out infinite alternate}
.cpx-glow-b{width:460px;height:460px;right:-120px;top:40px;background:radial-gradient(circle at 60% 40%,rgba(14,159,110,.5),transparent 62%);animation:cpx-drift-b 19s ease-in-out infinite alternate}
.cpx-glow-c{width:520px;height:300px;left:32%;bottom:-160px;background:radial-gradient(circle at 50% 50%,rgba(45,212,191,.35),transparent 65%);animation:cpx-drift-a 23s ease-in-out infinite alternate-reverse}
@keyframes cpx-drift-a{from{transform:translate3d(0,0,0) scale(1)}to{transform:translate3d(40px,26px,0) scale(1.08)}}
@keyframes cpx-drift-b{from{transform:translate3d(0,0,0) scale(1.05)}to{transform:translate3d(-36px,-20px,0) scale(.97)}}

.cpx-grid{position:absolute;inset:0;pointer-events:none;z-index:0;opacity:.13;background-image:linear-gradient(rgba(244,247,245,.28) 1px,transparent 1px),linear-gradient(90deg,rgba(244,247,245,.28) 1px,transparent 1px);background-size:44px 44px;-webkit-mask-image:radial-gradient(ellipse 90% 80% at 50% 20%,#000 30%,transparent 75%);mask-image:radial-gradient(ellipse 90% 80% at 50% 20%,#000 30%,transparent 75%)}

.cpx-grain{position:absolute;inset:0;pointer-events:none;z-index:0;opacity:.07;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='140' height='140'%3E%3Cfilter id='n'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='0.82' numOctaves='2' stitchTiles='stitch'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23n)'/%3E%3C/svg%3E");background-size:140px 140px}

.cpx-beam{position:absolute;left:0;right:0;top:0;height:120px;pointer-events:none;z-index:0;background:linear-gradient(180deg,rgba(52,211,153,.16),transparent);animation:cpx-beam 7s ease-in-out infinite alternate}
@keyframes cpx-beam{from{opacity:.4;transform:translateY(-30px)}to{opacity:.9;transform:translateY(14px)}}

/* ── wrap + status ─────────────────────────────────────────────────────── */
.cpx-wrap{position:relative;z-index:2;max-width:1200px;margin:0 auto;padding:0 24px}
.cpx-status{display:flex;align-items:center;gap:14px;font-family:'JetBrains Mono',ui-monospace,monospace;font-size:10.5px;font-weight:700;letter-spacing:.16em;text-transform:uppercase;color:rgba(244,247,245,.72);padding:10px 0 0;flex-wrap:wrap}
.cpx-status-item{display:inline-flex;align-items:center;gap:.5rem;color:#f4f7f5}
.cpx-dot{display:inline-block;width:7px;height:7px;border-radius:9999px;background:#34d399;box-shadow:0 0 0 0 rgba(52,211,153,.5);animation:cpx-pulse 2.4s ease-out infinite}
@keyframes cpx-pulse{0%{box-shadow:0 0 0 0 rgba(52,211,153,.55)}70%{box-shadow:0 0 0 9px rgba(52,211,153,0)}100%{box-shadow:0 0 0 0 rgba(52,211,153,0)}}
.cpx-sep{color:rgba(244,247,245,.28)}
.cpx-status-mid{white-space:nowrap}
.cpx-status-short{display:none;white-space:nowrap}
.cpx-status-right{margin-left:auto;display:inline-flex;align-items:center;gap:14px;white-space:nowrap}
.cpx-verified{display:inline-flex;align-items:center;gap:6px;color:#34d399}
.cpx-verified svg{width:13px;height:13px}
.cpx-clock{color:rgba(244,247,245,.5);font-variant-numeric:tabular-nums}

/* ── kolonlar ──────────────────────────────────────────────────────────── */
.cpx-cols{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,520px);gap:52px;align-items:center;padding-top:42px}

/* ── sol kolon ─────────────────────────────────────────────────────────── */
.cpx-eyebrow{display:inline-flex;align-items:center;gap:10px;font-family:'JetBrains Mono',monospace;font-size:11px;font-weight:700;letter-spacing:.22em;text-transform:uppercase;color:#34d399}
.cpx-pulse{display:inline-block;width:8px;height:8px;border-radius:9999px;background:#34d399;animation:cpx-pulse 2s ease-out infinite}
.cpx-h1{margin:18px 0 0;font-family:'Space Grotesk',ui-sans-serif,system-ui,sans-serif;font-weight:700;font-size:clamp(2.55rem,5.1vw,4.15rem);line-height:1.04;letter-spacing:-.02em;color:#f4f7f5}
.cpx-l{display:block;overflow:hidden;padding-bottom:.08em;margin-bottom:-.08em}
.cpx-li{display:block;transform:translateY(112%);animation:cpx-rise .95s cubic-bezier(.19,1,.22,1) forwards}
.cpx-l:nth-child(1) .cpx-li{animation-delay:.08s}
.cpx-l:nth-child(2) .cpx-li{animation-delay:.18s}
.cpx-l:nth-child(3) .cpx-li{animation-delay:.28s}
.cpx-l:nth-child(4) .cpx-li{animation-delay:.38s}
@keyframes cpx-rise{to{transform:translateY(0)}}
.cpx-serif-g{font-family:'Instrument Serif',Georgia,serif;font-style:italic;font-weight:400;color:#34d399;font-size:1.05em;letter-spacing:-.01em}

.cpx-typer{margin:22px 0 0;font-family:'JetBrains Mono',monospace;font-size:14px;color:rgba(244,247,245,.85);min-height:1.5em}
.cpx-tp-pre{color:#34d399;font-weight:700}
.cpx-caret{display:inline-block;width:9px;height:1.1em;vertical-align:text-bottom;margin-left:3px;background:#34d399;animation:cpx-blink 1.05s steps(1) infinite}
@keyframes cpx-blink{0%,55%{opacity:1}56%,100%{opacity:0}}

.cpx-sub{margin:14px 0 0;max-width:34rem;font-size:16.5px;line-height:1.65;color:rgba(244,247,245,.78)}

/* ── arama ─────────────────────────────────────────────────────────────── */
.cpx-search{margin-top:26px;max-width:37rem}
.cpx-field{position:relative;display:flex;align-items:center}
.cpx-sicon{position:absolute;left:18px;width:18px;height:18px;color:rgba(244,247,245,.55);pointer-events:none}
.cpx-input{width:100%;height:56px;padding:0 132px 0 48px;border-radius:9999px;border:1px solid rgba(244,247,245,.16);background:rgba(244,247,245,.06);backdrop-filter:blur(6px);color:#f4f7f5;font-size:15px;font-family:inherit;outline:none;transition:border-color .25s,box-shadow .25s,background .25s}
.cpx-input::placeholder{color:rgba(244,247,245,.42)}
.cpx-input:focus{border-color:rgba(52,211,153,.65);background:rgba(244,247,245,.09);box-shadow:0 0 0 4px rgba(52,211,153,.14)}
.cpx-kbd{position:absolute;right:118px;display:inline-flex;align-items:center;justify-content:center;min-width:24px;height:24px;border-radius:7px;border:1px solid rgba(244,247,245,.16);background:rgba(244,247,245,.06);font-family:'JetBrains Mono',monospace;font-size:11px;font-weight:700;color:rgba(244,247,245,.5)}
.cpx-go{position:absolute;right:7px;display:inline-flex;align-items:center;gap:7px;height:42px;padding:0 20px;border-radius:9999px;border:0;background:linear-gradient(135deg,#34d399,#0e9f6e);color:#06251b;font-family:'Space Grotesk',sans-serif;font-size:14px;font-weight:700;cursor:pointer;transition:transform .2s,box-shadow .2s,filter .2s;box-shadow:0 8px 22px -8px rgba(52,211,153,.55)}
.cpx-go svg{width:15px;height:15px}
.cpx-go:hover{transform:translateY(-1px);filter:brightness(1.06);box-shadow:0 12px 26px -8px rgba(52,211,153,.7)}
.cpx-go:active{transform:translateY(0) scale(.985)}

.cpx-sugg{position:absolute;left:0;right:0;top:calc(100% + 10px);z-index:40;border-radius:18px;border:1px solid rgba(244,247,245,.14);background:#0a2f24;box-shadow:0 30px 60px -20px rgba(0,0,0,.65);overflow:hidden;padding:6px}
.cpx-sugg-item{display:flex;align-items:center;gap:10px;padding:11px 14px;border-radius:12px;color:rgba(244,247,245,.85);font-size:14px;font-weight:600;text-decoration:none;transition:background .18s,color .18s}
.cpx-sugg-item:hover{background:rgba(52,211,153,.12);color:#fff}
.cpx-sugg-ico{color:#34d399;font-weight:700}

/* ── chips + trust ─────────────────────────────────────────────────────── */
.cpx-chips{display:flex;flex-wrap:wrap;gap:8px;list-style:none;margin:20px 0 0;padding:0}
.cpx-chip{display:inline-flex;align-items:center;padding:7px 13px;border-radius:9999px;border:1px solid rgba(244,247,245,.14);background:rgba(244,247,245,.05);font-family:'JetBrains Mono',monospace;font-size:12px;font-weight:600;color:rgba(244,247,245,.8);text-decoration:none;transition:border-color .2s,background .2s,color .2s,transform .2s}
.cpx-chip:hover{border-color:rgba(52,211,153,.6);background:rgba(52,211,153,.1);color:#fff;transform:translateY(-1px)}

.cpx-trust{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:9px 18px;list-style:none;margin:26px 0 0;padding:0;max-width:30rem}
.cpx-trust li{display:flex;align-items:center;gap:9px;font-size:13px;font-weight:600;color:rgba(244,247,245,.62)}
.cpx-trust svg{width:15px;height:15px;color:#34d399;flex-shrink:0}

/* ── giriş animasyonları ───────────────────────────────────────────────── */
.cpx-fade{opacity:0;transform:translateY(14px);animation:cpx-fade .8s cubic-bezier(.19,1,.22,1) forwards}
.cpx-fade-1{animation-delay:.5s}
.cpx-fade-2{animation-delay:.62s}
.cpx-fade-3{animation-delay:.74s}
.cpx-fade-4{animation-delay:.86s}
.cpx-fade-5{animation-delay:.98s}
@keyframes cpx-fade{to{opacity:1;transform:none}}
@media (prefers-reduced-motion:reduce){.cpx-fade{opacity:1;transform:none;animation:none}.cpx-li{transform:none;animation:none}.cpx-caret{animation:none}}

/* ── sağ kolon: konsol ─────────────────────────────────────────────────── */
.cpx-right{position:relative}
.cpx-fchip{position:absolute;display:inline-flex;align-items:center;gap:7px;padding:7px 12px;border-radius:9999px;border:1px solid rgba(244,247,245,.14);background:rgba(7,42,32,.82);backdrop-filter:blur(6px);font-family:'JetBrains Mono',monospace;font-size:11px;font-weight:700;color:rgba(244,247,245,.85);z-index:3;animation:cpx-float 5.5s ease-in-out infinite}
.cpx-fchip i{display:block;width:6px;height:6px;border-radius:9999px;background:#34d399}
.cpx-fchip-a{top:-16px;left:-18px}
.cpx-fchip-b{right:-14px;bottom:-14px;animation-delay:2.6s}
@keyframes cpx-float{0%,100%{transform:translateY(0)}50%{transform:translateY(-9px)}}

.cpx-console{position:relative;border-radius:20px;border:1px solid rgba(244,247,245,.13);background:rgba(6,36,27,.78);backdrop-filter:blur(14px);box-shadow:0 40px 90px -30px rgba(0,0,0,.75),0 0 0 1px rgba(52,211,153,.04) inset;overflow:hidden;transform:perspective(1200px) rotateY(-2.2deg) rotateX(1.1deg)}
.cpx-corner{position:absolute;width:16px;height:16px;border:2.4px solid #34d399;opacity:.85;z-index:3}
.cpx-corner-tl{left:8px;top:8px;border-right:0;border-bottom:0;border-top-left-radius:8px}
.cpx-corner-tr{right:8px;top:8px;border-left:0;border-bottom:0;border-top-right-radius:8px}
.cpx-corner-bl{left:8px;bottom:8px;border-right:0;border-top:0;border-bottom-left-radius:8px}
.cpx-corner-br{right:8px;bottom:8px;border-left:0;border-top:0;border-bottom-right-radius:8px}

.cpx-con-head{display:flex;align-items:center;gap:10px;padding:13px 18px;border-bottom:1px solid rgba(244,247,245,.09)}
.cpx-dots{display:inline-flex;gap:6px}
.cpx-dots span{width:10px;height:10px;border-radius:9999px;background:rgba(244,247,245,.14)}
.cpx-dots span:first-child{background:#f87171}
.cpx-dots span:nth-child(2){background:#fbbf24}
.cpx-dots span:nth-child(3){background:#34d399}
.cpx-con-title{margin:0;font-family:'JetBrains Mono',monospace;font-size:11.5px;font-weight:700;letter-spacing:.1em;color:rgba(244,247,245,.75);flex:1}
.cpx-con-count{font-family:'JetBrains Mono',monospace;font-size:11px;font-weight:700;color:#34d399;font-variant-numeric:tabular-nums}
.cpx-con-count i{font-style:normal;color:rgba(244,247,245,.4)}
.cpx-con-live{display:inline-flex;align-items:center;gap:6px;font-family:'JetBrains Mono',monospace;font-size:9.5px;font-weight:700;letter-spacing:.14em;color:#34d399}

.cpx-scope{border-bottom:1px solid rgba(244,247,245,.09);background:rgba(244,247,245,.02)}
.cpx-scope-meta{display:flex;align-items:center;gap:8px;padding:10px 18px 0;font-family:'JetBrains Mono',monospace;font-size:10px;font-weight:700;letter-spacing:.18em;color:rgba(244,247,245,.55)}
.cpx-scope-meta svg{width:14px;height:14px;color:#34d399}
.cpx-scope-r{margin-left:auto;color:rgba(244,247,245,.4);letter-spacing:.12em}
.cpx-scope canvas{display:block;width:100%;height:auto}

.cpx-case{padding:14px 18px 10px}
.cpx-vaka{display:inline-block;font-family:'JetBrains Mono',monospace;font-size:10.5px;font-weight:700;letter-spacing:.2em;color:#34d399;animation:cpx-glitch 6s steps(1) infinite}
@keyframes cpx-glitch{0%,93%,100%{transform:translate(0);opacity:1}94%{transform:translate(-1.5px,1px);opacity:.72}95%{transform:translate(1.5px,-1px)}96%{transform:translate(-1px,-1px);opacity:.9}97%{transform:translate(0)}}
.cpx-case-row{display:flex;align-items:baseline;justify-content:space-between;gap:14px;margin-top:7px}
.cpx-case-title{font-family:'Space Grotesk',sans-serif;font-size:15.5px;font-weight:600;line-height:1.35;color:#f4f7f5;text-decoration:none;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden;transition:color .2s}
.cpx-case-title:hover{color:#34d399}
.cpx-case-meta{flex-shrink:0;font-family:'JetBrains Mono',monospace;font-size:10.5px;color:rgba(244,247,245,.4);white-space:nowrap}

.cpx-feed{height:96px;overflow:hidden;padding:4px 18px 0;display:flex;flex-direction:column;gap:5px}
.cpx-feed-line{font-family:'JetBrains Mono',monospace;font-size:11.5px;color:rgba(244,247,245,.5);opacity:0;transform:translateY(8px);animation:cpx-feedline .5s ease forwards}
.cpx-feed-line::before{content:"› ";color:#34d399}
@keyframes cpx-feedline{to{opacity:1;transform:none}}

.cpx-con-foot{display:flex;align-items:center;gap:12px;padding:12px 18px 14px;border-top:1px solid rgba(244,247,245,.09)}
.cpx-open{display:inline-flex;align-items:center;gap:8px;height:34px;padding:0 15px;border-radius:9999px;background:linear-gradient(135deg,#34d399,#0e9f6e);color:#06251b;font-family:'Space Grotesk',sans-serif;font-size:12.5px;font-weight:700;text-decoration:none;transition:transform .2s,filter .2s;box-shadow:0 8px 20px -8px rgba(52,211,153,.6)}
.cpx-open svg{width:13px;height:13px}
.cpx-open:hover{transform:translateY(-1px);filter:brightness(1.07)}
.cpx-next{margin-left:auto;font-family:'JetBrains Mono',monospace;font-size:10.5px;color:rgba(244,247,245,.45);cursor:pointer;white-space:nowrap}
.cpx-next b{color:#34d399;font-weight:700}
.cpx-nav{display:inline-flex;gap:6px}
.cpx-navbtn{display:inline-flex;align-items:center;justify-content:center;width:28px;height:28px;border-radius:9px;border:1px solid rgba(244,247,245,.13);background:transparent;color:rgba(244,247,245,.65);cursor:pointer;transition:border-color .2s,background .2s,color .2s;padding:0}
.cpx-navbtn svg{width:13px;height:13px}
.cpx-navbtn:hover{border-color:rgba(52,211,153,.6);background:rgba(52,211,153,.1);color:#fff}
.cpx-navbtn .i-play{display:none}
.cpx-navbtn[aria-pressed="true"] .i-pause{display:none}
.cpx-navbtn[aria-pressed="true"] .i-play{display:block}

.cpx-progress{height:2.5px;background:rgba(244,247,245,.09);position:relative}
.cpx-progress span{display:block;height:100%;width:0;background:linear-gradient(90deg,#34d399,#0e9f6e)}
.cpx-crt{position:absolute;inset:0;pointer-events:none;z-index:2;background:repeating-linear-gradient(0deg,rgba(0,0,0,.16) 0 1px,transparent 1px 3px);opacity:.35;mix-blend-mode:overlay}

.cpx-cue{display:flex;align-items:center;gap:10px;justify-content:center;margin-top:34px;font-family:'JetBrains Mono',monospace;font-size:10px;font-weight:700;letter-spacing:.34em;color:rgba(244,247,245,.4)}
.cpx-cue i{display:block;width:1px;height:26px;background:linear-gradient(180deg,rgba(52,211,153,.9),transparent);animation:cpx-cue 1.8s ease-in-out infinite}
@keyframes cpx-cue{0%,100%{transform:scaleY(.4);opacity:.4}50%{transform:scaleY(1);opacity:1}}

/* ── stats şeridi ──────────────────────────────────────────────────────── */
.cpx-stats{background:#07241b;border-top:1px solid rgba(244,247,245,.07);border-bottom:1px solid rgba(244,247,245,.07)}
.cpx-stats-in{max-width:1200px;margin:0 auto;padding:0 24px}
.cpx-stats-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:18px;padding:26px 0}
.cpx-stat{text-align:center;padding:6px 4px}
.cpx-stat-n{margin:0;font-family:'Space Grotesk',sans-serif;font-size:clamp(1.6rem,2.6vw,2.1rem);font-weight:700;color:#f4f7f5;font-variant-numeric:tabular-nums;letter-spacing:-.01em}
.cpx-stat-l{margin:3px 0 0;font-family:'JetBrains Mono',monospace;font-size:10px;font-weight:700;letter-spacing:.18em;text-transform:uppercase;color:rgba(244,247,245,.42)}

/* ── responsive: main1.css'teki @media kurallarıyla uyumlu ─────────────── */
@media (max-width:1180px){
  .cpx-cols{gap:40px}
  .cpx-status-right .cpx-clock{display:none}
}
@media (max-width:900px){
  .cpx-status-mid,.cpx-sep{display:none}
  .cpx-status-short{display:inline}
  .cpx-stats-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:8px}
}
@media (max-width:640px){
  section.cpx{padding:22px 0 40px}
  .cpx-wrap{padding:0 16px}
  .cpx-status{font-size:9.5px;gap:9px}
  .cpx-verified{display:none}
  .cpx-h1{font-size:clamp(2.1rem,9.4vw,2.7rem)}
  .cpx-input{padding-right:112px;height:52px}
  .cpx-kbd{display:none}
  .cpx-go{right:6px;height:40px;padding:0 14px;font-size:13px}
  .cpx-trust{grid-template-columns:1fr}
  .cpx-fchip-a{left:6px;top:-14px}
  .cpx-fchip-b{right:6px}
  .cpx-case-row{flex-direction:column;gap:4px}
  .cpx-case-meta{white-space:normal}
  .cpx-feed{height:84px}
  .cpx-next{display:none}
  .cpx-stats-grid{grid-template-columns:repeat(2,minmax(0,1fr))}
  .cpx-stat-n{font-size:1.45rem}
}