/* 01 → 02 "Sinyal yolu" (V44): wifi dalgaları, veri akışı ve iki vuruşlu başlık. */
.signal-chapter{z-index:9;opacity:0}
.signal-canvas{position:absolute;inset:0;width:100%;height:100%;display:block;pointer-events:none}
.signal-copy{opacity:var(--signal-copy,0);transform:translateY(calc((1 - var(--signal-copy,0)) * 12px));color:#fff;will-change:opacity,transform}
/* "Canlı bağlantı" is the scene's status line: larger type, a live lamp that
   sends out one wave per second. */
.signal-copy .chapter-eyebrow{display:flex;align-items:center;gap:14px;color:var(--primary-light);font-size:14px;letter-spacing:.2em;margin-bottom:24px}
.signal-live{position:relative;width:12px;height:12px;border-radius:50%;background:var(--success);box-shadow:0 0 12px color-mix(in srgb, var(--success) 66.667%, transparent);flex:none}
.signal-live:before,.signal-live:after{content:'';position:absolute;inset:0;border-radius:50%;border:1.5px solid var(--success);opacity:0;animation:signal-live 1s ease-out infinite}
.signal-live:after{border-width:1px;animation-delay:.18s}
@keyframes signal-live{0%{transform:scale(1);opacity:.9}100%{transform:scale(3.4);opacity:0}}
.signal-copy h2{font-size:clamp(36px,3.7vw,60px)}
.signal-copy h2 em{color:var(--primary-light)}
.signal-copy[data-beat="1"] .signal-line-2,.signal-copy[data-beat="1"] h2 br{display:none}
.signal-copy[data-beat="2"]{color:var(--primary-dark)}
.signal-copy[data-beat="2"] .chapter-eyebrow{color:var(--text-gray)}
.signal-copy[data-beat="2"] .signal-line-1{color:var(--text-muted)}
.signal-copy[data-beat="2"] h2 em{color:var(--secondary)}
@media(orientation:landscape){.signal-chapter .chapter-copy{left:6%;width:26%;max-width:365px}}
@media(orientation:portrait){.signal-copy{top:calc(var(--header-height) + 24px)}.signal-copy>p:not(.chapter-eyebrow){display:none}.signal-copy .chapter-eyebrow{font-size:11px;gap:11px;margin-bottom:14px}.signal-live{width:9px;height:9px}}
@media(orientation:landscape) and (max-height:600px){.signal-copy .chapter-eyebrow{font-size:10px;gap:10px;margin-bottom:12px}.signal-live{width:9px;height:9px}.signal-chapter .chapter-copy{width:25%}.signal-copy h2{font-size:30px}.signal-copy>p:not(.chapter-eyebrow){font-size:11px}}
@media(orientation:portrait) and (max-height:720px){.signal-copy{top:calc(var(--header-height) + 18px)}.signal-copy h2{font-size:29px}}
@media(prefers-reduced-motion:reduce){.signal-live:before,.signal-live:after{animation:none}.signal-copy{transform:none}}