:root { --ink:#e8eef4; --ink-dim:#9aabbc; --void:#070b10; --panel:#101820; --line:#1c2833; --signal:#2fd4a3; --signal-dim:#1a7a5e; --copper:#e0a46a;
          --display:"Syne",sans-serif; --mono:"IBM Plex Mono",monospace; --body:"Familjen Grotesk",sans-serif; --head:"Familjen Grotesk",sans-serif; }
  * { box-sizing: border-box; }
  html,body { margin:0; background:var(--void); color:var(--ink); font-family:var(--body); }
  a { color:inherit; text-decoration:none; }

  /* ---------- nav ---------- */
  nav { position:fixed; top:0; left:0; right:0; z-index:20; display:flex; justify-content:space-between; align-items:center; padding:18px 36px;
        background:rgba(7,11,16,.78); backdrop-filter:blur(12px); -webkit-backdrop-filter:blur(12px); border-bottom:1px solid rgba(28,40,51,.8); }
  .brand { font:800 18px var(--display); color:var(--signal); letter-spacing:.02em; }
  nav .links { display:flex; gap:26px; font:600 11px var(--mono); letter-spacing:.14em; text-transform:uppercase; color:var(--ink-dim); }
  nav .wa { font:600 12px var(--body); color:var(--void); background:var(--signal); padding:9px 14px; }

  /* ---------- hero: sinyal odası ---------- */
  .stage { position:relative; min-height:100vh; display:flex; align-items:center; justify-content:center; overflow:hidden; padding:110px 24px 120px; }
  .atmo { position:absolute; inset:0; pointer-events:none; color:#8ec4b4; opacity:.9; }
  .vignette { position:absolute; inset:0; background:
     radial-gradient(ellipse 34% 40% at 50% 46%, rgba(7,11,16,.55) 0%, transparent 70%),
     radial-gradient(ellipse 70% 70% at 50% 50%, transparent 55%, rgba(7,11,16,.55) 100%),
     linear-gradient(180deg, transparent 60%, rgba(7,11,16,.9) 100%); }
  .glow { position:absolute; border-radius:50%; filter:blur(90px); }
  .glow.a { width:460px; height:460px; left:-8%; top:6%; background:rgba(47,212,163,.12); animation:drift 18s ease-in-out infinite alternate; }
  .glow.b { width:400px; height:400px; right:-6%; bottom:4%; background:rgba(224,164,106,.10); animation:drift 22s ease-in-out infinite alternate-reverse; }
  .core { position:absolute; left:50%; top:50%; width:min(80vw,620px); transform:translate(-50%,-50%); opacity:0; animation:in-core 1.6s ease .2s both; }
  .core .slow, .core .sweep, .core .ring { transform-box:view-box; transform-origin:260px 260px; }
  .slow { animation:spin 28s linear infinite; } .sweep { animation:spin 6s linear infinite; } .ring { animation:pulse 3.2s ease-in-out infinite; }
  .ghost { position:absolute; top:50%; width:min(24vw,290px); transform:translateY(-52%); opacity:0; filter:blur(.5px); }
  .ghost svg { width:100%; display:block; }
  .ghost.l { left:max(1rem, calc(50% - 40rem)); animation:in-l 1.1s ease .15s both, float 9s ease-in-out 1.3s infinite; }
  .ghost.r { right:max(1rem, calc(50% - 40rem)); animation:in-r 1.2s ease .25s both, float 11s ease-in-out 1.6s infinite reverse; }
  .bar { animation:bar 3.8s ease-in-out infinite; } .fun { animation:fun 4.2s ease-in-out infinite; } .dot { animation:dot 2.8s ease-in-out infinite; }
  .draw { stroke-dasharray:220; stroke-dashoffset:220; animation:draw 5s ease-in-out infinite; } .flow { animation:flow 2.4s linear infinite; }
  .radar { transform-box:view-box; transform-origin:150px 140px; animation:spin 22s linear infinite; }
  .whisper { position:absolute; font:500 11px var(--mono); letter-spacing:.22em; text-transform:uppercase; color:var(--ink-dim); opacity:0; animation:w-in 1.4s ease both, w-drift 8s ease-in-out 1.5s infinite; }
  .whisper.a{left:9%;top:20%;animation-delay:.5s,1.5s} .whisper.b{right:11%;top:22%;animation-delay:.7s,2s} .whisper.c{left:13%;bottom:21%;animation-delay:.9s,2.4s} .whisper.d{right:12%;bottom:25%;animation-delay:1.05s,2.8s}
  .floor { position:absolute; left:0; right:0; bottom:0; width:100%; height:24vh; min-height:130px; animation:in-floor 1.5s ease .2s both, floor 14s ease-in-out 1.5s infinite; }

  .hero { position:relative; z-index:2; text-align:center; max-width:980px; }
  .kicker { font:600 11px var(--mono); letter-spacing:.2em; color:var(--signal); text-transform:uppercase; display:inline-flex; gap:10px; align-items:center; }
  .kicker .live::before { content:""; display:inline-block; width:7px; height:7px; border-radius:50%; background:var(--signal); margin-right:7px; box-shadow:0 0 10px var(--signal); animation:dot 1.6s infinite; }
  h1 { font:700 clamp(40px,5.6vw,76px)/.98 var(--head); letter-spacing:-.035em; margin:20px 0 16px; }
  h1 span { display:block; color:var(--signal); }
  .lede { color:var(--ink-dim); font-size:17px; line-height:1.55; max-width:560px; margin:0 auto 28px; }
  .ctas { display:flex; gap:12px; justify-content:center; flex-wrap:wrap; }
  .btn { font:700 14px var(--body); padding:14px 20px; border:1px solid var(--signal); color:var(--signal); }
  .btn.solid { background:var(--signal); color:var(--void); }

  /* köşe çerçeveli temsilci */
  .frame { position:relative; margin:46px auto 0; width:min(420px,100%); padding:14px; text-align:left; }
  .frame i { position:absolute; width:14px; height:14px; border-color:var(--signal); border-style:solid; }
  .frame i.tl{left:0;top:0;border-width:2px 0 0 2px} .frame i.tr{right:0;top:0;border-width:2px 2px 0 0} .frame i.bl{left:0;bottom:0;border-width:0 0 2px 2px} .frame i.br{right:0;bottom:0;border-width:0 2px 2px 0}
  .rep { background:rgba(16,24,32,.88); border:1px solid var(--line); padding:14px 16px; backdrop-filter:blur(6px); }
  .rep .top { flex-wrap:wrap; gap:4px 12px; display:flex; justify-content:space-between; font:600 10px var(--mono); letter-spacing:.14em; color:var(--ink-dim); text-transform:uppercase; }
  .rep .top b { color:var(--signal); font-weight:600; }
  .rep .who { display:flex; gap:12px; align-items:center; margin-top:12px; }
  .rep .av { width:44px; height:44px; border-radius:50%; border:1px solid var(--signal); display:grid; place-items:center; font:600 9px var(--mono); color:var(--ink-dim); background:repeating-linear-gradient(45deg,#101820 0 5px,#14202a 5px 10px); }
  .rep .who strong { display:block; font:700 15px var(--body); } .rep .who small { font:500 11px var(--mono); color:var(--ink-dim); }
  .rep .msg { margin-top:12px; font:500 14px/1.5 var(--body); color:var(--ink); border-left:2px solid var(--signal); padding-left:10px; }
  .rep .msg::after { content:"▍"; color:var(--signal); animation:dot 1s steps(1) infinite; margin-left:2px; }

  /* ---------- canlı sayaç şeridi ---------- */
  .pulse { position:relative; z-index:3; border-top:1px solid var(--signal-dim); border-bottom:1px solid var(--line); background:#0b1118; display:grid; grid-template-columns:repeat(4,1fr); }
  .pulse div { padding:22px 26px; border-right:1px solid var(--line); }
  .pulse small { font:600 10px var(--mono); letter-spacing:.16em; text-transform:uppercase; color:var(--ink-dim); }
  .pulse small.live { color:var(--signal); } .pulse small.live::before { content:"● "; animation:dot 1.4s infinite; }
  .pulse b { display:block; font:600 34px var(--mono); margin-top:6px; font-variant-numeric:tabular-nums; }

  /* ---------- bölümler ---------- */
  section.s { position:relative; padding:96px 36px; max-width:1180px; margin:0 auto; z-index:1; }

  /* bölüm zemini: hafif ızgara + dönüşümlü ışıltı (simsiyahı kırar) */
  /* yalnız yatayda kırp: ışıltılar dikeyde komşu bölüme yumuşakça taşar (sert kenar çizgisi olmaz) */
  .band { position:relative; overflow-x:clip; overflow-y:visible; }

  /* güven: erişim haritası */
  .access { margin-top:56px; border:1px solid var(--line); background:rgba(11,17,24,.6); position:relative; }
  .access .hd { display:flex; justify-content:space-between; align-items:center; padding:12px 16px; border-bottom:1px solid var(--line);
                font:600 10px var(--mono); letter-spacing:.16em; text-transform:uppercase; color:var(--ink-dim); }
  .access svg.map { width:100%; height:auto; display:block; }
  .toggle { display:inline-flex; align-items:center; gap:10px; }
  .toggle .sw { width:34px; height:18px; border-radius:999px; border:1px solid var(--signal); position:relative; animation: sw-bg 12s ease-in-out infinite; }
  .toggle .sw::after { content:""; position:absolute; top:2px; left:2px; width:12px; height:12px; border-radius:50%; background:var(--signal); animation: sw-knob 12s ease-in-out infinite; }
  .toggle .lbl { position:relative; display:inline-block; width:120px; height:12px; }
  .toggle .lbl span { position:absolute; left:0; top:0; white-space:nowrap; }
  .toggle .on { color:var(--signal); animation: lbl-on 12s ease-in-out infinite; }
  .toggle .off { color:var(--copper); opacity:0; animation: lbl-off 12s ease-in-out infinite; }
  @keyframes sw-knob { 0%,62% { transform:translateX(16px); background:var(--signal); } 68%,90% { transform:translateX(0); background:var(--copper); } 96%,100% { transform:translateX(16px); background:var(--signal); } }
  @keyframes sw-bg { 0%,62% { border-color:var(--signal); } 68%,90% { border-color:var(--copper); } 96%,100% { border-color:var(--signal); } }
  @keyframes lbl-on { 0%,62% { opacity:1; } 66%,92% { opacity:0; } 96%,100% { opacity:1; } }
  @keyframes lbl-off { 0%,62% { opacity:0; } 66%,92% { opacity:1; } 96%,100% { opacity:0; } }
  /* erişim kapanınca bağlantılar söner */
  .map .links, .map .pulses, .map .out { animation: links-life 12s ease-in-out infinite; }
  @keyframes links-life { 0%,62% { opacity:1; } 68%,90% { opacity:.08; } 96%,100% { opacity:1; } }
  .map .links path { stroke-dasharray:5 7; animation: flow 1.6s linear infinite; }
  .map .hub-ring { transform-box:fill-box; transform-origin:center; animation: pulse 3s ease-in-out infinite; }
  .band::before { content:""; position:absolute; inset:0; pointer-events:none;
    background-image: linear-gradient(rgba(47,212,163,.045) 1px, transparent 1px), linear-gradient(90deg, rgba(47,212,163,.045) 1px, transparent 1px);
    background-size: 44px 44px; mask-image: radial-gradient(ellipse 70% 80% at 50% 50%, #000 30%, transparent 85%); -webkit-mask-image: radial-gradient(ellipse 70% 80% at 50% 50%, #000 30%, transparent 85%); }
  .band .g { position:absolute; border-radius:50%; filter:blur(110px); pointer-events:none; }
  .band .g.m { background:rgba(47,212,163,.10); width:520px; height:520px; animation:drift 20s ease-in-out infinite alternate; }
  .band .g.c { background:rgba(224,164,106,.08); width:460px; height:460px; animation:drift 24s ease-in-out infinite alternate-reverse; }

  /* süzülen veri çipleri */
  .chip { position:absolute; z-index:0; pointer-events:none; display:inline-flex; gap:7px; align-items:center; font:600 11px var(--mono); letter-spacing:.06em; color:#cfe9e0;
          background:rgba(16,24,32,.72); border:1px solid rgba(47,212,163,.28); padding:7px 10px; border-radius:999px; backdrop-filter:blur(4px);
          opacity:0; animation: chip-in 1.2s ease both, chip-float 9s ease-in-out infinite; }
  .chip svg { width:14px; height:14px; color:var(--signal); }
  .chip.cp { border-color:rgba(224,164,106,.35); } .chip.cp svg { color:var(--copper); }
  .chip b { color:var(--signal); font-weight:600; } .chip.cp b { color:var(--copper); }
  @keyframes chip-in { to { opacity:.9; } }
  @keyframes chip-float { 0%,100% { transform:translateY(0); } 50% { transform:translateY(-14px); } }

  /* ilk 30 gün: sol zaman çizgisi + sağ canlı panel */
  .two { display:grid; grid-template-columns: 1fr 1.05fr; gap:56px; align-items:center; }
  .dash { position:relative; background:linear-gradient(180deg, rgba(16,24,32,.92), rgba(11,17,24,.92)); border:1px solid var(--line); padding:18px; }
  .dash::after { content:""; position:absolute; inset:-1px; pointer-events:none; border:1px solid transparent;
    background:linear-gradient(120deg, rgba(47,212,163,.55), transparent 30%, transparent 70%, rgba(224,164,106,.45)) border-box;
    -webkit-mask:linear-gradient(#000 0 0) padding-box, linear-gradient(#000 0 0); -webkit-mask-composite:xor; mask-composite:exclude; }
  .dash .hd { display:flex; justify-content:space-between; font:600 10px var(--mono); letter-spacing:.16em; color:var(--ink-dim); text-transform:uppercase; }
  .dash .hd b { color:var(--signal); font-weight:600; } .dash .hd b::before { content:"● "; animation:dot 1.4s infinite; }
  .kpis { display:grid; grid-template-columns:repeat(3,1fr); gap:10px; margin:14px 0; }
  .kpis div { border:1px solid var(--line); padding:10px 12px; background:rgba(7,11,16,.5); }
  .kpis small { font:600 9px var(--mono); letter-spacing:.14em; color:var(--ink-dim); text-transform:uppercase; display:block; }
  .kpis b { font:600 22px var(--mono); display:block; margin-top:4px; font-variant-numeric:tabular-nums; }
  .kpis .up { color:var(--signal); } .kpis .down { color:var(--copper); }
  .chart { width:100%; height:auto; display:block; }
  .chart .sales { stroke-dasharray:600; stroke-dashoffset:600; animation: line 6s ease-in-out infinite; }
  .chart .spend { stroke-dasharray:600; stroke-dashoffset:600; animation: line 6s ease-in-out infinite; }
  .chart .area { opacity:0; animation: area 6s ease-in-out infinite; }
  .chart .cursor { animation: cursor 6s ease-in-out infinite; }
  @keyframes line { 0% { stroke-dashoffset:600; } 55%,100% { stroke-dashoffset:0; } }
  @keyframes area { 0%,25% { opacity:0; } 60%,100% { opacity:1; } }
  @keyframes cursor { 0% { transform:translateX(0); } 55%,100% { transform:translateX(420px); } }
  .lane { position:relative; height:46px; margin-top:12px; border-top:1px dashed rgba(47,212,163,.25); }
  .lane span { position:absolute; top:12px; font:600 9px var(--mono); letter-spacing:.14em; color:var(--ink-dim); }
  .lane .bag { position:absolute; top:6px; left:0; width:22px; height:22px; color:var(--signal); animation: ride 4.8s linear infinite; }
  .lane .bag:nth-of-type(2) { animation-delay:1.6s; } .lane .bag:nth-of-type(3) { animation-delay:3.2s; color:var(--copper); }
  @keyframes ride { 0% { left:4%; opacity:0; } 10% { opacity:1; } 85% { opacity:1; } 100% { left:92%; opacity:0; } }
  .eyebrow { font:600 11px var(--mono); letter-spacing:.2em; color:var(--signal); text-transform:uppercase; }
  h2 { font:700 clamp(32px,3.8vw,52px)/1 var(--head); letter-spacing:-.03em; margin:14px 0 40px; max-width:720px; }
  .mods { display:grid; grid-template-columns:repeat(3,1fr); border-top:1px solid var(--line); border-left:1px solid var(--line); }
  .mod { border-right:1px solid var(--line); border-bottom:1px solid var(--line); padding:24px; min-height:230px; position:relative; transition:background .3s; }
  .mod:hover { background:#0d151d; }
  .mod .code { font:600 10px var(--mono); color:var(--ink-dim); letter-spacing:.14em; }
  .mod svg { width:100%; height:78px; margin:14px 0 10px; color:#8ec4b4; }
  .mod h3 { font:700 21px var(--head); letter-spacing:-.02em; margin:0 0 6px; } .mod p { margin:0; color:var(--ink-dim); font-size:14px; line-height:1.5; }

  .trust { display:grid; grid-template-columns:1fr 1fr; gap:48px; align-items:center; }
  .term { font:500 13px/1.75 var(--mono); background:#0b1118; border:1px solid var(--line); padding:20px 22px; color:var(--ink-dim); }
  .term .ok { color:var(--signal); } .term .k { color:var(--ink); }

  .log { border-left:1px solid var(--signal-dim); margin-left:8px; }
  .log div { position:relative; padding:0 0 26px 28px; }
  .log div::before { content:""; position:absolute; left:-5px; top:5px; width:9px; height:9px; background:var(--void); border:1px solid var(--signal); }
  .log div:first-child::before { background:var(--signal); box-shadow:0 0 12px var(--signal); }
  .log small { font:600 10px var(--mono); letter-spacing:.16em; color:var(--signal); } .log p { margin:6px 0 0; font-size:16px; max-width:620px; }

  .contact { display:grid; grid-template-columns:repeat(3,1fr); gap:0; border:1px solid var(--line); }
  .contact a { padding:30px 26px; border-right:1px solid var(--line); transition:background .25s; }
  .contact a:hover { background:#0d151d; } .contact a:last-child { border-right:0; }
  .contact small { font:600 10px var(--mono); letter-spacing:.16em; color:var(--ink-dim); text-transform:uppercase; } .contact b { display:block; font:700 24px var(--head); letter-spacing:-.02em; margin-top:10px; color:var(--signal); }
  /* ---------- footer ---------- */
  footer { position:relative; overflow:hidden; border-top:1px solid var(--signal-dim); background:#060a0e; }
  footer::before { content:""; position:absolute; inset:0; pointer-events:none;
    background-image: linear-gradient(rgba(47,212,163,.04) 1px, transparent 1px), linear-gradient(90deg, rgba(47,212,163,.04) 1px, transparent 1px); background-size:44px 44px; }
  .f-grid { position:relative; max-width:1180px; margin:0 auto; padding:64px 36px 40px; display:grid; grid-template-columns: minmax(0,1fr) auto minmax(0,.8fr); gap:40px 56px; }
  .f-co-grid { display:grid; grid-template-columns:max-content max-content; gap:28px 48px; }
  .f-grid .f-companies > h4 { font:600 20px/1.2 var(--head); letter-spacing:-.01em; text-transform:none; color:var(--ink); margin:0 0 22px; }
  .f-grid .f-companies > h4::before { content:""; display:block; width:28px; height:2px; background:var(--signal); margin-bottom:12px; }
  .f-co-grid .f-list li { white-space:nowrap; }
  @media (max-width:900px){ .f-co-grid .f-list li { white-space:normal; padding-left:21px; text-indent:-21px; } .f-co-grid { grid-template-columns:1fr; } }
  .f-co-grid h5 { font:600 15px var(--body); color:var(--ink); margin:0 0 14px; }
  a.badge { text-decoration:none; color:inherit; }
  a.badge:hover { border-color:var(--signal); }
  .f-grid h4 { font:600 10px var(--mono); letter-spacing:.2em; text-transform:uppercase; color:var(--signal); margin:0 0 18px; }
  .f-brand .brand { font-size:22px; }
  .f-brand .by { font:500 11px var(--mono); color:var(--ink-dim); letter-spacing:.1em; margin:6px 0 22px; }
  .f-line { display:flex; gap:12px; align-items:flex-start; color:var(--ink-dim); font-size:14.5px; line-height:1.5; margin-bottom:12px; }
  .f-line svg { width:16px; height:16px; flex:none; margin-top:2px; color:var(--signal); }
  .f-line a:hover, .f-list a:hover { color:var(--signal); }
  .badges { display:flex; gap:10px; margin-top:22px; flex-wrap:wrap; }
  .badge { border:1px solid var(--line); background:#0b1118; padding:9px 12px; display:flex; flex-direction:column; gap:2px; min-width:136px; }
  .badge b { font:700 15px var(--body); letter-spacing:-.01em; } .badge small { font:600 9px var(--mono); letter-spacing:.14em; text-transform:uppercase; color:var(--ink-dim); }
  .f-list { list-style:none; margin:0; padding:0; display:grid; gap:11px; font-size:15px; color:#c9d4de; }
  .f-list li::before { content:"→"; color:var(--signal-dim); margin-right:9px; font-family:var(--mono); font-size:12px; }
  .f-list.two-col { grid-template-columns:1fr 1fr; column-gap:18px; }
  .socials { display:grid; grid-template-columns:repeat(4, 40px); gap:8px; margin-bottom:28px; }
  .socials a { width:40px; height:40px; display:grid; place-items:center; border:1px solid var(--line); background:#0b1118; color:var(--ink-dim); font:700 12px var(--mono); transition:all .2s; }
  .socials a:hover { color:var(--void); background:var(--signal); border-color:var(--signal); }
  .socials svg { width:17px; height:17px; }
  .f-big { position:relative; text-align:center; font:800 clamp(48px,10.5vw,170px)/.8 var(--display); letter-spacing:.01em; color:transparent; -webkit-text-stroke:1px rgba(47,212,163,.22);
           padding:10px 0 0; user-select:none; white-space:nowrap; overflow:hidden; }
  .f-big span { background:linear-gradient(90deg, transparent, rgba(47,212,163,.5), transparent); -webkit-background-clip:text; background-clip:text; background-size:40% 100%; background-repeat:no-repeat; animation: sheen 7s ease-in-out infinite; }
  @keyframes sheen { 0% { background-position:-60% 0; } 100% { background-position:160% 0; } }
  .logo-outline { font:800 22px/1 var(--display); letter-spacing:.02em; color:transparent; -webkit-text-stroke:1px rgba(47,212,163,.75); text-decoration:none; white-space:nowrap; }
  .logo-outline span { background:linear-gradient(90deg, transparent, rgba(47,212,163,.95), transparent); -webkit-background-clip:text; background-clip:text; background-size:45% 100%; background-repeat:no-repeat; animation: sheen 7s ease-in-out infinite; }
  .f-bottom { position:relative; border-top:1px solid var(--line); max-width:1180px; margin:0 auto; padding:18px 36px 22px; display:flex; justify-content:space-between; gap:20px; flex-wrap:wrap;
              font:500 11px var(--mono); letter-spacing:.08em; color:var(--ink-dim); }
  .f-bottom .live::before { content:"● "; color:var(--signal); animation:dot 1.4s infinite; }

  /* yüzen hızlı iletişim */
  .fab { position:fixed; right:22px; z-index:40; width:54px; height:54px; display:grid; place-items:center; border-radius:50%; box-shadow:0 10px 30px rgba(0,0,0,.45); }
  .fab svg { width:24px; height:24px; }
  .fab.wa { bottom:88px; background:var(--signal); color:var(--void); }
  .fab.wa::after { content:""; position:absolute; inset:-6px; border-radius:50%; border:1px solid var(--signal); animation: fab-ring 2.4s ease-out infinite; }
  .fab.tel { bottom:22px; background:#0b1118; color:var(--signal); border:1px solid var(--signal); }
  @keyframes fab-ring { 0% { opacity:.7; transform:scale(.9); } 100% { opacity:0; transform:scale(1.35); } }
  @media (max-width:900px){ .f-grid { grid-template-columns:1fr; } }

  /* hero arka planı: harcama → doğru kitle → satış */
  .flows { position:absolute; inset:0; width:100%; height:100%; opacity:0; animation: in-floor 1.6s ease .4s both; }
  .flowline { animation: flow 2.6s linear infinite; }
  .hit { opacity:.15; animation: hit 6s linear infinite; }
  @keyframes hit { 0% { opacity:.15; r:4.5; } 4% { opacity:1; r:6.5; } 22% { opacity:.85; r:5; } 40%,100% { opacity:.15; r:4.5; } }
  .spendbar { transform-box:fill-box; transform-origin:50% 100%; animation: spend 6s ease-in-out infinite; }
  @keyframes spend { 0%,100% { transform:scaleY(1); } 50% { transform:scaleY(.86); } }
  .coin { opacity:0; animation: coin 4s ease-in infinite; }
  @keyframes coin { 0% { opacity:0; transform:translateY(0); } 15% { opacity:.9; } 100% { opacity:0; transform:translateY(70px); } }
  .draw-long { stroke-dasharray:420; stroke-dashoffset:420; animation: draw-long 7s ease-in-out infinite; }
  @keyframes draw-long { 0% { stroke-dashoffset:420; } 50%,100% { stroke-dashoffset:0; } }
  .grow-area { opacity:0; animation: area 7s ease-in-out infinite; }
  .ping { opacity:0; animation: ping 6.6s ease-in-out infinite; }
  @keyframes ping { 0% { opacity:0; transform:translateY(6px); } 8%,30% { opacity:1; transform:translateY(0); } 40%,100% { opacity:0; transform:translateY(-4px); } }

  @keyframes drift { to { transform:translate(3%,4%); } }
  @keyframes float { 0%,100%{transform:translateY(-52%)} 50%{transform:translateY(calc(-52% - 12px)) translateX(4px)} }
  @keyframes spin { to { transform:rotate(360deg); } }
  @keyframes pulse { 0%,100%{opacity:.22;transform:scale(1)} 50%{opacity:.55;transform:scale(1.08)} }
  @keyframes bar { 0%,100%{transform:scaleX(1);opacity:1} 50%{transform:scaleX(.8);opacity:.6} }
  @keyframes fun { 0%,100%{transform:scaleY(1);opacity:1} 50%{transform:scaleY(.86);opacity:.7} }
  @keyframes dot { 0%,100%{opacity:.25} 50%{opacity:.9} }
  @keyframes draw { 0%{stroke-dashoffset:220;opacity:.2} 40%{stroke-dashoffset:0;opacity:.55} 100%{stroke-dashoffset:0;opacity:.25} }
  @keyframes flow { to { stroke-dashoffset:-40; } }
  @keyframes w-drift { 0%,100%{transform:translateY(0);opacity:.24} 50%{transform:translateY(-6px);opacity:.42} }
  @keyframes w-in { from{opacity:0;letter-spacing:.35em} to{opacity:.26;letter-spacing:.22em} }
  @keyframes floor { 0%,100%{opacity:.45} 50%{opacity:.62;transform:translateY(-4px)} }
  @keyframes in-core { from{opacity:0;transform:translate(-50%,-50%) scale(.94)} to{opacity:.6;transform:translate(-50%,-50%) scale(1)} }
  @keyframes in-l { from{opacity:0;transform:translate(-16px,-52%)} to{opacity:.78;transform:translate(0,-52%)} }
  @keyframes in-r { from{opacity:0;transform:translate(16px,-52%)} to{opacity:.78;transform:translate(0,-52%)} }
  @keyframes in-floor { from{opacity:0} to{opacity:.5} }
  @media (max-width:900px){ .ghost,.whisper,.chip{display:none} .pulse,.mods,.contact,.trust{grid-template-columns:1fr 1fr} .two{grid-template-columns:1fr} }
  @media (max-width:900px){ nav .links { display:flex; position:absolute; left:0; right:0; top:100%; padding:10px 16px; gap:20px; overflow-x:auto; white-space:nowrap; background:rgba(7,11,16,.94); border-bottom:1px solid var(--line); } }
  @media (max-width:600px){ .logo-outline { font-size:17px; } nav .wa { font-size:11px; padding:8px 12px; white-space:nowrap; } nav { padding-left:16px; padding-right:16px; } }
  @media (max-width:600px){ .contact { grid-template-columns:1fr; } .contact b { font-size:20px; overflow-wrap:anywhere; } }
  @media (prefers-reduced-motion:reduce){ *{animation:none!important} }
  /* ===== yumuşak köşeler (tek ölçü sistemi) ===== */
  :root { --r-pill:999px; --r-card:18px; --r-box:12px; --r-sm:10px; }
  nav .wa, .btn, .contact a b { border-radius:var(--r-pill); }
  nav .wa { padding:10px 18px; }
  .btn { padding:14px 24px; }

  /* temsilci kartı + yay biçimli köşe çerçeveleri */
  .rep { border-radius:var(--r-card); }
  .frame i { width:22px; height:22px; }
  .frame i.tl { border-top-left-radius:16px; } .frame i.tr { border-top-right-radius:16px; }
  .frame i.bl { border-bottom-left-radius:16px; } .frame i.br { border-bottom-right-radius:16px; }

  /* sayaç şeridi: tam genişlik çizgiler yerine kartlar */
  .pulse { max-width:1180px; margin:0 auto; padding:26px 36px 0; background:transparent; border:0; gap:14px; }
  .pulse div { border:1px solid var(--line); border-radius:var(--r-card); background:#0b1118; }
  .pulse div:first-child { border-color:var(--signal-dim); box-shadow:0 0 0 1px rgba(47,212,163,.08), 0 10px 30px rgba(47,212,163,.06); }

  /* hizmet modülleri: bitişik ızgara → ayrı kartlar */
  .mods { border:0; gap:14px; }
  .mod { border:1px solid var(--line); border-radius:var(--r-card); background:rgba(11,17,24,.55); }
  .mod:hover { border-color:var(--signal-dim); }

  .term, .access, .dash, .kpis div, .badge { border-radius:var(--r-card); }
  .kpis div { border-radius:var(--r-box); }
  .access { overflow:hidden; }
  .dash::after { border-radius:var(--r-card); }
  .badge { border-radius:var(--r-box); }

  /* iletişim: bitişik kutular → ayrı kartlar */
  .contact { border:0; gap:14px; }
  .contact a { border:1px solid var(--line); border-right:1px solid var(--line); border-radius:var(--r-card); background:rgba(11,17,24,.55); }
  .contact a:last-child { border-right:1px solid var(--line); }
  .contact a:hover { border-color:var(--signal-dim); }
  .contact a b { border-radius:0; }

  .socials a { border-radius:var(--r-sm); }
  .log div::before { border-radius:50%; }
  .chip, .fab { border-radius:var(--r-pill); }
  .ghost svg rect:first-child { rx:20; }

  /* SSS — açılır sorular */
  .faq-item { border:1px solid var(--line); border-radius:var(--r-card, 18px); background:rgba(11,17,24,.55); margin-bottom:10px; transition:border-color .2s; }
  .faq-item[open], .faq-item:hover { border-color:var(--signal-dim); }
  .faq-item summary { cursor:pointer; list-style:none; padding:18px 22px; font:600 17px var(--head); display:flex; justify-content:space-between; gap:16px; }
  .faq-item summary::-webkit-details-marker { display:none; }
  .faq-item summary::after { content:"+"; font:600 18px var(--mono); color:var(--signal); }
  .faq-item[open] summary::after { content:"−"; }
  .faq-item p { margin:0; padding:0 22px 20px; color:var(--ink-dim); line-height:1.6; max-width:820px; }
  /* Menü sayfaları */
  .page { max-width:1100px; margin:0 auto; padding:140px 36px 80px; }
  .page h1 { font:700 clamp(34px,5vw,56px)/1.05 var(--head); margin:0 0 18px; }
  .page .lead { color:var(--ink-dim); font-size:18px; max-width:720px; margin:0 0 36px; }
  .page h2 { font-size:22px; margin:40px 0 14px; }
  .page .cards { display:grid; grid-template-columns:repeat(auto-fit,minmax(260px,1fr)); gap:14px; }
  .page .card { background:var(--panel); border:1px solid var(--line); border-radius:18px; padding:22px; }
  .page .card.soon { opacity:.55; }
  .page ul.ticks { list-style:none; padding:0; display:grid; gap:10px; }
  .page ul.ticks li::before { content:"→ "; color:var(--signal); font-family:var(--mono); }
  .map-frame { width:100%; height:260px; border:0; border-radius:12px; }
  .badge-soon { font:600 10px var(--mono); letter-spacing:.14em; color:var(--copper); text-transform:uppercase; }
  .fine { font-size:12px; color:var(--ink-dim); }