/* Sniffdog — ana sayfa v2: hareketli giriş, bento, dosya, madalyon, zaman çizelgesi. style.css'in üstüne yüklenir. */

.landing { overflow-x: hidden; }
.landing section { position: relative; }
.grad { background: linear-gradient(100deg, #ffe08a 0%, var(--gold) 35%, var(--orange) 100%); -webkit-background-clip: text; background-clip: text; color: transparent; }
.lead { color: var(--muted); font-size: 18.5px; }
.section-head h2, .principle2 h2, .diff2 h2 { font-size: clamp(34px, 4.6vw, 54px); }

/* kaydırma çubuğu */
.progress { position: fixed; top: 0; left: 0; height: 3px; width: 0; z-index: 100; background: linear-gradient(90deg, var(--mint), var(--gold), var(--orange)); box-shadow: 0 0 12px rgba(255, 194, 58, .7); }

/* menü: kaydırınca daha koyu */
.top { transition: background .3s, box-shadow .3s; }
.top.scrolled { background: rgba(1, 34, 42, .92); box-shadow: 0 10px 30px rgba(0, 0, 0, .25); }

/* ============ GİRİŞ ============ */
.hero2 { padding: 70px 0 60px; min-height: calc(100vh - 70px); display: flex; align-items: center; overflow: hidden; isolation: isolate; }
.hero2-grid { display: grid; grid-template-columns: 1.05fr .95fr; gap: 30px; align-items: center; position: relative; z-index: 2; }
.hero2 h1 { font-size: clamp(48px, 6.8vw, 92px); line-height: .98; margin: 18px 0 20px; letter-spacing: .5px; text-shadow: 0 6px 0 rgba(0, 0, 0, .18); }
.hero2 .sub { font-size: 19px; color: var(--muted); max-width: 560px; margin-bottom: 30px; }

.aurora { position: absolute; inset: 0; z-index: -2; overflow: hidden; }
.aurora i { position: absolute; border-radius: 50%; filter: blur(80px); opacity: .55; animation: drift 18s ease-in-out infinite alternate; }
.aurora i:nth-child(1) { width: 560px; height: 560px; background: #0e8c86; top: -160px; right: -80px; }
.aurora i:nth-child(2) { width: 420px; height: 420px; background: #c2541a; bottom: -180px; left: -120px; opacity: .35; animation-duration: 22s; }
.aurora i:nth-child(3) { width: 380px; height: 380px; background: #d79b16; top: 30%; left: 40%; opacity: .18; animation-duration: 26s; }
@keyframes drift { 0% { transform: translate(0, 0) scale(1); } 100% { transform: translate(60px, 40px) scale(1.15); } }
#paws { position: absolute; inset: 0; width: 100%; height: 100%; z-index: -1; pointer-events: none; }

.pill { display: inline-flex; align-items: center; gap: 10px; padding: 8px 16px 8px 12px; border-radius: 999px; background: rgba(255, 255, 255, .06); border: 1px solid rgba(255, 194, 58, .35); font-weight: 800; font-size: 14px; color: var(--cream); backdrop-filter: blur(6px); }
.pulse { width: 9px; height: 9px; border-radius: 50%; background: var(--ok); box-shadow: 0 0 0 0 rgba(63, 214, 156, .7); animation: pulse 1.8s infinite; flex: none; }
@keyframes pulse { 0% { box-shadow: 0 0 0 0 rgba(63, 214, 156, .6); } 70% { box-shadow: 0 0 0 12px rgba(63, 214, 156, 0); } 100% { box-shadow: 0 0 0 0 rgba(63, 214, 156, 0); } }

/* parlayan arama kutusu */
.search-glow { position: relative; max-width: 640px; border-radius: 24px; padding: 3px; background: conic-gradient(from var(--ang, 0deg), var(--gold), var(--orange), var(--mint), var(--gold)); animation: spin 5s linear infinite; box-shadow: 0 20px 60px rgba(255, 159, 28, .22); }
.search-glow .search-box { max-width: none; border-radius: 21px; box-shadow: none; }
@property --ang { syntax: '<angle>'; initial-value: 0deg; inherits: false; }
@keyframes spin { to { --ang: 360deg; } }
.link-arrow { font-weight: 900; color: var(--gold); }
.link-arrow:hover { color: var(--cream); text-decoration: none; }

/* maskot ve HUD kartları */
.hero2-art { position: relative; aspect-ratio: 900 / 760; }
.halo { position: absolute; inset: 8% 10% 4%; border-radius: 50%; background: radial-gradient(circle, rgba(255, 194, 58, .35), rgba(14, 140, 134, .15) 45%, transparent 70%); filter: blur(10px); animation: breathe 6s ease-in-out infinite; }
@keyframes breathe { 50% { transform: scale(1.06); opacity: .8; } }
.mascot { position: relative; width: 100%; height: auto; animation: float 6s ease-in-out infinite; filter: drop-shadow(0 30px 40px rgba(0, 0, 0, .35)); }
@keyframes float { 0%, 100% { transform: translateY(0) rotate(-.6deg); } 50% { transform: translateY(-14px) rotate(.6deg); } }
.scent { position: absolute; inset: 0; width: 100%; height: 100%; z-index: 1; pointer-events: none; }
.scent path { fill: none; stroke: rgba(127, 227, 211, .55); stroke-width: 3; stroke-linecap: round; stroke-dasharray: 8 14; animation: dash 14s linear infinite; filter: drop-shadow(0 0 6px rgba(127, 227, 211, .6)); }
.scent path + path { stroke: rgba(255, 194, 58, .45); animation-duration: 18s; animation-direction: reverse; }
@keyframes dash { to { stroke-dashoffset: -440; } }

.hud { position: absolute; z-index: 3; background: rgba(2, 40, 48, .78); backdrop-filter: blur(10px); border: 1px solid rgba(160, 230, 225, .25); border-radius: 16px; padding: 10px 14px; box-shadow: 0 16px 40px rgba(0, 0, 0, .35); font-size: 14px; animation: bob 5s ease-in-out infinite; }
.hud small { display: block; color: var(--muted); font-weight: 800; font-size: 11px; letter-spacing: .9px; text-transform: uppercase; }
.hud b { color: var(--c); font-size: 16px; }
.hud.sev-ok, .hud.sev-warn, .hud.sev-unknown { border-left: 4px solid var(--c); }
.hud-1 { top: 12%; left: -4%; animation-delay: -1s; }
.hud-2 { top: 44%; right: -5%; animation-delay: -2.5s; }
.hud-3 { bottom: 10%; left: 2%; animation-delay: -3.7s; }
.hud-scan { top: -2%; right: 6%; display: flex; flex-wrap: wrap; align-items: center; gap: 10px; font-weight: 900; color: var(--cream); width: 210px; }
.hud-scan .scanbar { flex-basis: 100%; height: 5px; background: rgba(255, 255, 255, .1); border-radius: 9px; overflow: hidden; }
.hud-scan .scanbar i { display: block; height: 100%; width: 40%; background: linear-gradient(90deg, transparent, var(--gold), transparent); animation: scan 1.8s ease-in-out infinite; }
@keyframes scan { 0% { transform: translateX(-100%); } 100% { transform: translateX(260%); } }
.radar { width: 12px; height: 12px; border-radius: 50%; background: var(--gold); box-shadow: 0 0 0 0 rgba(255, 194, 58, .7); animation: pulse-gold 1.4s infinite; }
@keyframes pulse-gold { 70% { box-shadow: 0 0 0 10px rgba(255, 194, 58, 0); } 100% { box-shadow: 0 0 0 0 rgba(255, 194, 58, 0); } }
@keyframes bob { 0%, 100% { transform: translateY(0); } 50% { transform: translateY(-8px); } }

/* ============ KAYAN ŞERİT ============ */
.marquee { overflow: hidden; background: linear-gradient(90deg, var(--orange), #ff8a2a 50%, var(--orange)); color: #fff; transform: rotate(-1.2deg); margin: 10px -20px 0; box-shadow: 0 10px 30px rgba(242, 102, 28, .3); position: relative; z-index: 3; }
.marquee-track { display: flex; gap: 26px; width: max-content; padding: 14px 0; animation: marquee 40s linear infinite; font-family: var(--font-display); font-size: 22px; letter-spacing: .6px; text-transform: uppercase; align-items: center; }
.marquee-track i { font-style: normal; font-size: 18px; }
@keyframes marquee { to { transform: translateX(-50%); } }

/* ============ SAYAÇLAR ============ */
.stats-band { padding: 70px 0 20px; }
.stat-grid { display: grid; grid-template-columns: repeat(4, 1fr); gap: 18px; }
.stat2 { text-align: center; padding: 26px 16px; border-radius: 20px; background: linear-gradient(180deg, rgba(255, 255, 255, .06), rgba(255, 255, 255, .02)); border: 1px solid var(--line); }
.stat2 b { display: block; font-family: var(--font-display); font-weight: 400; font-size: clamp(44px, 5vw, 64px); line-height: 1; background: linear-gradient(180deg, #fff3cf, var(--gold)); -webkit-background-clip: text; background-clip: text; color: transparent; margin-bottom: 8px; }
.stat2 span { color: var(--muted); font-weight: 800; }

/* ============ AKIŞ (iz) ============ */
.trail { position: relative; display: grid; grid-template-columns: repeat(4, 1fr); gap: 22px; }
.trail-line { position: absolute; left: 6%; right: 6%; top: 38px; width: 88%; height: 60px; z-index: 0; }
.trail-line path { fill: none; stroke: rgba(255, 194, 58, .5); stroke-width: 3; stroke-dasharray: 2 14; stroke-linecap: round; animation: dash 10s linear infinite; }
.trail-step { position: relative; z-index: 1; text-align: center; padding: 0 10px; }
.trail-step .emoji { width: 96px; height: 96px; margin: 0 auto 18px; border-radius: 30px; display: grid; place-items: center; font-size: 42px; background: linear-gradient(160deg, var(--surface-2), var(--bg-2)); border: 1px solid rgba(255, 194, 58, .35); box-shadow: 0 14px 30px rgba(0, 0, 0, .3), inset 0 1px 0 rgba(255, 255, 255, .1); transition: transform .3s; }
.trail-step:hover .emoji { transform: translateY(-6px) rotate(-4deg); }
.trail-step .badge-num { position: absolute; top: -8px; left: calc(50% + 30px); background: var(--orange); color: #fff; font-family: var(--font-display); font-size: 15px; border-radius: 10px; padding: 2px 8px; z-index: 2; box-shadow: 0 3px 0 #a33e08; }
.trail-step h3 { color: var(--cream); font-size: 24px; }
.trail-step p { color: var(--muted); margin: 0; }

/* ============ BENTO ============ */
.bento { display: grid; grid-template-columns: repeat(4, 1fr); grid-auto-rows: minmax(190px, auto); gap: 18px; }
.tile { position: relative; border-radius: 24px; padding: 26px; overflow: hidden; background: linear-gradient(160deg, rgba(10, 95, 109, .9), rgba(2, 63, 75, .95)); border: 1px solid var(--line); transition: transform .25s ease, box-shadow .25s ease, border-color .25s; transform-style: preserve-3d; }
.tile::after { content: ''; position: absolute; inset: 0; background: radial-gradient(400px circle at var(--mx, 50%) var(--my, 0%), rgba(255, 194, 58, .14), transparent 40%); opacity: 0; transition: opacity .3s; pointer-events: none; }
.tile:hover { border-color: rgba(255, 194, 58, .45); box-shadow: 0 24px 50px rgba(0, 0, 0, .35); }
.tile:hover::after { opacity: 1; }
.tile h3 { color: var(--cream); font-size: 22px; margin: 12px 0 6px; }
.tile p { color: var(--muted); margin: 0; font-size: 15px; }
.tile-ico { width: 54px; height: 54px; border-radius: 16px; display: grid; place-items: center; font-size: 28px; background: rgba(255, 255, 255, .08); border: 1px solid var(--line); }
.tile-xl { grid-column: span 2; grid-row: span 2; background: radial-gradient(600px circle at 100% 0%, rgba(242, 102, 28, .25), transparent 50%), linear-gradient(160deg, rgba(10, 95, 109, .95), rgba(2, 63, 75, .95)); }
.tile-xl h3 { font-size: 32px; }
.tile-wide { grid-column: span 2; }
.tile-soon { background: linear-gradient(160deg, rgba(255, 255, 255, .05), rgba(255, 255, 255, .015)); }
.tile-soon .tile-ico { filter: grayscale(.4); }
.mini-report { margin-top: 22px; display: grid; gap: 10px; }
.mr-row { display: flex; justify-content: space-between; align-items: center; padding: 12px 16px; border-radius: 14px; background: rgba(0, 0, 0, .22); border-left: 4px solid var(--c); font-weight: 800; }
.mr-row b { color: var(--c); }
.bars { display: flex; align-items: flex-end; gap: 6px; height: 64px; margin-top: 16px; }
.bars i { flex: 1; height: var(--h); border-radius: 6px 6px 2px 2px; background: linear-gradient(180deg, var(--gold), var(--orange)); opacity: .85; transform-origin: bottom; animation: grow 1.2s ease both; }
@keyframes grow { from { transform: scaleY(0); } }
.chips { display: flex; flex-wrap: wrap; gap: 8px; margin-top: 16px; }
.chips span { font-size: 13px; font-weight: 800; padding: 6px 11px; border-radius: 999px; background: rgba(127, 227, 211, .1); color: var(--mint); border: 1px solid rgba(127, 227, 211, .3); }

/* ============ İLKE: dosya ============ */
.principle2-grid { display: grid; grid-template-columns: 1fr 1fr; gap: 60px; align-items: center; }
.principle2 .checks li { font-size: 17px; }
.dossier { position: relative; background: #f9ead0 repeating-linear-gradient(0deg, transparent 0 31px, rgba(110, 80, 30, .08) 31px 32px); color: #22302f; border-radius: 8px 26px 26px 26px; padding: 34px 28px 30px; box-shadow: 0 30px 60px rgba(0, 0, 0, .45); transform: rotate(-1.5deg); }
.dossier::before { content: ''; position: absolute; top: -20px; left: 0; width: 170px; height: 22px; background: #f9ead0; border-radius: 12px 16px 0 0; }
.dossier h4 { margin: 0 0 16px; font-family: var(--font-display); font-weight: 400; font-size: 24px; color: #6b3a10; }
.dossier .finding { background: #fff; border-color: #eadbb8; margin-bottom: 10px; opacity: 0; transform: translateX(20px); transition: opacity .5s, transform .5s; }
.dossier.in .finding { opacity: 1; transform: none; }
.dossier.in .finding:nth-of-type(2) { transition-delay: .25s; } .dossier.in .finding:nth-of-type(3) { transition-delay: .5s; } .dossier.in .finding:nth-of-type(4) { transition-delay: .75s; } .dossier.in .finding:nth-of-type(5) { transition-delay: 1s; }
.dossier .finding p { color: #4b5a59; }
.dossier .sev-ok { --c: #13a06b; } .dossier .sev-warn { --c: #c27a00; } .dossier .sev-unknown { --c: #6c8286; } .dossier .sev-risk { --c: #d8432f; }
.stamp { position: absolute; top: 18px; right: 22px; font-family: var(--font-display); color: #d8432f; border: 3px solid #d8432f; border-radius: 8px; padding: 2px 12px; transform: rotate(8deg) scale(1.6); opacity: 0; font-size: 18px; letter-spacing: 1.5px; text-transform: uppercase; transition: transform .35s cubic-bezier(.2, 2, .4, 1) 1.3s, opacity .2s 1.3s; mix-blend-mode: multiply; }
.dossier.in .stamp { opacity: .85; transform: rotate(8deg) scale(1); }
.stamp-2 { top: auto; bottom: -16px; right: 30px; color: #13a06b; border-color: #13a06b; transform: rotate(-6deg) scale(1.6); transition-delay: 1.7s; font-size: 15px; background: #f9ead0; }
.dossier.in .stamp-2 { transform: rotate(-6deg) scale(1); }
.clip { position: absolute; top: -26px; right: 90px; width: 26px; height: 70px; border: 4px solid #b9c3c4; border-radius: 14px; border-bottom-color: transparent; box-shadow: inset 0 0 0 3px transparent; transform: rotate(8deg); z-index: 2; }

/* ============ NE DEĞİŞTİ ============ */
.diff2-grid { display: grid; grid-template-columns: .95fr 1.05fr; gap: 60px; align-items: center; }
.timeline-card { position: relative; background: linear-gradient(160deg, rgba(10, 95, 109, .9), rgba(2, 47, 57, .95)); border: 1px solid rgba(255, 194, 58, .4); border-radius: 26px; padding: 24px; box-shadow: 0 30px 60px rgba(0, 0, 0, .35); overflow: hidden; }
.tc-head { display: flex; justify-content: space-between; align-items: center; margin-bottom: 14px; font-weight: 900; }
.tc-head small { color: var(--muted); font-weight: 800; }
.tc-row { display: flex; gap: 12px; align-items: center; background: rgba(0, 0, 0, .22); border-radius: 14px; padding: 14px 16px; margin-bottom: 10px; font-weight: 800; opacity: 0; transform: translateY(10px); transition: .5s; }
.timeline-card.in .tc-row { opacity: 1; transform: none; }
.timeline-card.in .tc-row:nth-child(3) { transition-delay: .2s; } .timeline-card.in .tc-row:nth-child(4) { transition-delay: .4s; }
.tc-row .dot { width: 10px; height: 10px; border-radius: 50%; background: var(--c); box-shadow: 0 0 10px var(--c); flex: none; }
.tc-row em { margin-left: auto; font-style: normal; color: var(--c); font-weight: 900; }
.spark { width: 100%; height: 70px; margin-top: 8px; }
.spark path { fill: none; stroke: var(--risk); stroke-width: 3; stroke-linejoin: round; stroke-dasharray: 400; stroke-dashoffset: 400; transition: stroke-dashoffset 1.6s ease .5s; filter: drop-shadow(0 0 6px rgba(255, 107, 94, .6)); }
.timeline-card.in .spark path { stroke-dashoffset: 0; }

/* ============ $SNIFF ============ */
.token2 { background: radial-gradient(800px 400px at 20% 40%, rgba(255, 194, 58, .1), transparent 60%); }
.token2-grid { display: grid; grid-template-columns: .8fr 1.2fr; gap: 60px; align-items: center; }
.token-title { display: flex; align-items: center; gap: 16px; flex-wrap: wrap; }
.grad.big { font-size: clamp(56px, 7vw, 92px); line-height: 1; }
.soon-tag { display: inline-flex; align-items: center; gap: 8px; font-family: var(--font); font-size: 14px; font-weight: 900; text-transform: uppercase; letter-spacing: 1px; color: var(--ok); background: rgba(63, 214, 156, .1); border: 1px solid rgba(63, 214, 156, .4); padding: 7px 14px; border-radius: 999px; }
.token-actions { display: flex; gap: 10px; flex-wrap: wrap; }
.coin-wrap { position: relative; display: grid; place-items: center; perspective: 900px; padding: 30px 0; }
.coin { position: relative; width: min(340px, 70vw); aspect-ratio: 1; border-radius: 50%; animation: coin 7s ease-in-out infinite; transform-style: preserve-3d; }
.coin img { position: absolute; inset: 9%; width: 82%; height: 82%; border-radius: 50%; object-fit: cover; box-shadow: inset 0 0 0 4px rgba(0, 0, 0, .2); }
.coin-ring { position: absolute; inset: 0; border-radius: 50%; background: conic-gradient(from 0deg, #ffe08a, #ff9f1c, #b86400, #ffd35a, #ff9f1c, #ffe08a); box-shadow: 0 0 0 6px rgba(255, 194, 58, .2), 0 30px 80px rgba(255, 159, 28, .35), inset 0 0 30px rgba(0, 0, 0, .35); }
.coin-ring::after { content: ''; position: absolute; inset: 6%; border-radius: 50%; border: 3px dashed rgba(90, 45, 0, .45); animation: rot 30s linear infinite; }
@keyframes rot { to { transform: rotate(360deg); } }
@keyframes coin { 0%, 100% { transform: rotateY(-14deg) translateY(0); } 50% { transform: rotateY(14deg) translateY(-12px); } }
.coin-shadow { width: 55%; height: 22px; border-radius: 50%; background: rgba(0, 0, 0, .4); filter: blur(12px); margin-top: 26px; animation: shadow 7s ease-in-out infinite; }
@keyframes shadow { 50% { transform: scale(.85); opacity: .6; } }
.buy2 { margin-top: 50px; padding: 30px; border-radius: 26px; background: linear-gradient(160deg, rgba(255, 255, 255, .06), rgba(255, 255, 255, .02)); border: 1px solid var(--line); }
.buy2 h3 { font-size: 28px; color: var(--cream); }
.buy-steps { list-style: none; margin: 0; padding: 0; display: grid; grid-template-columns: repeat(4, 1fr); gap: 16px; counter-reset: s; }
.buy-steps li { background: rgba(0, 0, 0, .2); border-radius: 18px; padding: 18px; border: 1px solid var(--line); }
.buy-steps span { display: inline-grid; place-items: center; width: 36px; height: 36px; border-radius: 12px; background: var(--gold); color: #3a1d00; font-family: var(--font-display); font-size: 18px; margin-bottom: 10px; }
.buy-steps p { margin: 0; font-weight: 800; }

/* ============ YOL HARİTASI ============ */
.road { position: relative; display: grid; grid-template-columns: repeat(3, 1fr); gap: 24px; padding-top: 34px; }
.road-line { position: absolute; top: 12px; left: 0; right: 0; height: 4px; background: rgba(255, 255, 255, .1); border-radius: 9px; overflow: hidden; }
.road-line i { display: block; height: 100%; width: 22%; background: linear-gradient(90deg, var(--mint), var(--gold)); border-radius: 9px; box-shadow: 0 0 14px rgba(127, 227, 211, .8); }
.road-stop { position: relative; }
.road-stop .node { position: absolute; top: -32px; left: 26px; width: 20px; height: 20px; border-radius: 50%; background: var(--bg); border: 4px solid rgba(255, 255, 255, .3); }
.road-stop.now .node { border-color: var(--mint); background: var(--mint); box-shadow: 0 0 0 0 rgba(127, 227, 211, .7); animation: pulse-mint 1.8s infinite; }
@keyframes pulse-mint { 70% { box-shadow: 0 0 0 14px rgba(127, 227, 211, 0); } 100% { box-shadow: 0 0 0 0 rgba(127, 227, 211, 0); } }
.road .phase { height: 100%; }

/* ============ ÜCRETLENDİRME ============ */
.price-grid { max-width: 900px; margin: 0 auto; }
.price { display: flex; flex-direction: column; }
.price .btn { margin-top: 22px; align-self: flex-start; }
.price-tag { font-family: var(--font-display); font-size: 56px; color: var(--gold); line-height: 1; margin: 4px 0 6px; }
.price.pro { background: linear-gradient(160deg, rgba(242, 102, 28, .2), rgba(2, 63, 75, .95)); border-color: rgba(242, 102, 28, .45); }
.pricing2 .promise { max-width: 900px; margin: 26px auto 0; }

/* ============ ÇAĞRI ============ */
.cta-card { display: grid; grid-template-columns: auto 1fr auto; gap: 30px; align-items: center; padding: 36px 40px; border-radius: 30px; background: radial-gradient(600px circle at 0% 0%, rgba(255, 194, 58, .3), transparent 50%), linear-gradient(120deg, #0b6370, #033845); border: 1px solid rgba(255, 194, 58, .45); box-shadow: 0 30px 70px rgba(0, 0, 0, .35); overflow: hidden; }
.cta-dog { width: 130px; height: 130px; border-radius: 50%; border: 4px solid var(--gold); object-fit: cover; animation: float 5s ease-in-out infinite; }
.cta-copy h2 { font-size: clamp(34px, 4vw, 50px); margin-bottom: 6px; }
.cta-copy p { color: var(--muted); margin: 0; font-size: 17px; }
.btn-lg { padding: 18px 28px; font-size: 18px; border-radius: 16px; white-space: nowrap; }

/* fare ile eğilen kartlar */
.tilt { will-change: transform; }

/* ============ DUYARLI ============ */
@media (max-width: 1080px) {
  .bento { grid-template-columns: repeat(2, 1fr); }
  .stat-grid { grid-template-columns: repeat(2, 1fr); }
  .buy-steps { grid-template-columns: repeat(2, 1fr); }
}
@media (max-width: 860px) {
  .hero2 { min-height: 0; padding-top: 30px; }
  .hero2-grid, .principle2-grid, .diff2-grid, .token2-grid { grid-template-columns: 1fr; gap: 40px; }
  .hero2-art { max-width: 480px; margin: 0 auto; width: 100%; order: -1; }
  .hud-1 { left: 0; } .hud-2 { right: 0; } .hud-scan { right: 0; width: 180px; }
  .trail { grid-template-columns: repeat(2, 1fr); row-gap: 40px; }
  .trail-line { display: none; }
  .road { grid-template-columns: 1fr; padding-top: 0; padding-left: 34px; }
  .road-line { top: 0; bottom: 0; left: 8px; right: auto; width: 4px; height: auto; }
  .road-line i { width: 100%; height: 22%; }
  .road-stop .node { top: 24px; left: -36px; }
  .cta-card { grid-template-columns: 1fr; text-align: center; justify-items: center; padding: 30px 24px; }
  .diff2-grid .timeline-card { order: 2; }
}
@media (max-width: 560px) {
  .bento { grid-template-columns: 1fr; }
  .tile-xl, .tile-wide { grid-column: auto; grid-row: auto; }
  .stat-grid { grid-template-columns: 1fr 1fr; }
  .trail { grid-template-columns: 1fr; }
  .buy-steps { grid-template-columns: 1fr; }
  .hud { font-size: 12px; padding: 8px 10px; }
  .hud b { font-size: 14px; }
  .hud-scan { display: none; }
  .search-glow { border-radius: 22px; }
}
@media (prefers-reduced-motion: reduce) {
  .aurora i, .mascot, .halo, .hud, .scent path, .marquee-track, .search-glow, .coin, .coin-shadow, .coin-ring::after, .cta-dog, .trail-line path { animation: none !important; }
  .dossier .finding, .tc-row, .stamp { opacity: 1 !important; transform: none !important; transition: none !important; }
  .spark path { stroke-dashoffset: 0; transition: none; }
}

.dossier.reveal.in { transform: rotate(-1.5deg); }
.tc-row em { white-space: nowrap; }
.landing main { overflow-x: clip; }

/* ================= GİRİŞ v3: geniş ekran, büyük ölçek, dolu arka plan ================= */
.hero2 { min-height: calc(100vh - 114px); padding: 50px 0 70px; }
.hero2 .hero2-grid { width: min(1560px, 92vw); grid-template-columns: 1fr 1fr; gap: clamp(30px, 3vw, 70px); }
.hero2 h1 { font-size: clamp(56px, 6.3vw, 134px); }
.hero2 .sub { font-size: clamp(18px, 1.2vw, 23px); max-width: 690px; }
.hero2 .pill { font-size: 15px; padding: 10px 20px 10px 14px; }
.hero2 .search-glow { max-width: 760px; border-radius: 28px; padding: 3px; }
.hero2 .search-box { padding: 10px; border-radius: 25px; }
.hero2 .search-box .ico { font-size: 26px; padding-left: 14px; }
.hero2 .search-box input { font-size: clamp(16px, 1.05vw, 20px); padding: 18px 10px; }
.hero2 .search-box .btn { padding: 18px 34px; font-size: 19px; border-radius: 18px; }
.hero2 .hero-links .note { font-size: 15px; }
.hero2 .link-arrow { font-size: 17px; }
.quick { display: flex; flex-wrap: wrap; align-items: center; gap: 10px; margin: 4px 0 18px; }
.quick span { color: var(--muted); font-weight: 900; font-size: 13px; letter-spacing: 1.4px; text-transform: uppercase; margin-right: 4px; }
.quick a { font-weight: 900; font-size: 15px; color: var(--cream); padding: 8px 16px; border-radius: 999px; background: rgba(255, 255, 255, .06); border: 1px solid rgba(160, 230, 225, .22); transition: .2s; }
.quick a:hover { text-decoration: none; background: rgba(255, 194, 58, .15); border-color: var(--gold); color: var(--gold); transform: translateY(-2px); }
.hero2 .hud { font-size: 15px; padding: 13px 18px; border-radius: 18px; }
.hero2 .hud small { font-size: 12px; }
.hero2 .hud b { font-size: 19px; }
.hero2 .hud-scan { width: 250px; }

/* noktalı doku */
.hero2::before { content: ''; position: absolute; inset: 0; z-index: -2; background-image: radial-gradient(rgba(127, 227, 211, .16) 1.2px, transparent 1.4px); background-size: 28px 28px; -webkit-mask-image: radial-gradient(ellipse 80% 70% at 50% 40%, transparent 30%, #000 75%); mask-image: radial-gradient(ellipse 80% 70% at 50% 40%, transparent 30%, #000 75%); }

/* perspektif ızgara zemin */
.grid-floor { position: absolute; left: -20%; right: -20%; bottom: -6%; height: 58%; z-index: -1; pointer-events: none;
  background-image: linear-gradient(rgba(127, 227, 211, .16) 1.5px, transparent 1.5px), linear-gradient(90deg, rgba(127, 227, 211, .16) 1.5px, transparent 1.5px);
  background-size: 72px 72px; transform: perspective(700px) rotateX(64deg); transform-origin: 50% 100%;
  -webkit-mask-image: linear-gradient(to top, #000 0%, rgba(0, 0, 0, .6) 40%, transparent 90%); mask-image: linear-gradient(to top, #000 0%, rgba(0, 0, 0, .6) 40%, transparent 90%);
  animation: gridMove 4s linear infinite; }
@keyframes gridMove { to { background-position: 0 72px, 0 0; } }

/* dev silik yazı */
.bigword { position: absolute; left: 50%; bottom: -3.5vw; transform: translateX(-50%); z-index: -1; pointer-events: none; font-family: var(--font-display); font-size: 21vw; line-height: 1; letter-spacing: .02em; white-space: nowrap; color: transparent; -webkit-text-stroke: 2px rgba(255, 194, 58, .09); }

/* radar halkaları */
.rings { position: absolute; left: 50%; top: 52%; width: 120%; aspect-ratio: 1; transform: translate(-50%, -50%); pointer-events: none; z-index: 0; }
.rings i { position: absolute; inset: 0; border-radius: 50%; border: 1.5px solid rgba(127, 227, 211, .4); opacity: 0; animation: ring 6s cubic-bezier(.2, .6, .3, 1) infinite; }
.rings i:nth-child(2) { animation-delay: 2s; border-color: rgba(255, 194, 58, .35); }
.rings i:nth-child(3) { animation-delay: 4s; }
@keyframes ring { 0% { transform: scale(.35); opacity: 0; } 15% { opacity: .9; } 100% { transform: scale(1.1); opacity: 0; } }
.hero2-art .halo { z-index: 0; }
.hero2-art .mascot, .hero2-art .scent { z-index: 1; }

/* süzülen token baloncukları */
.bubbles { position: absolute; inset: 0; z-index: 1; pointer-events: none; }
.bubble { position: absolute; pointer-events: auto; display: flex; flex-direction: column; align-items: center; gap: 6px; text-decoration: none !important; animation: bubbleIn .8s cubic-bezier(.2, 1.4, .4, 1) both, bob var(--bd, 6s) ease-in-out var(--bdl, 0s) infinite; }
.bubble .orb { width: var(--s, 70px); height: var(--s, 70px); border-radius: 50%; padding: 5px; background: conic-gradient(from 140deg, rgba(255, 194, 58, .9), rgba(127, 227, 211, .7), rgba(242, 102, 28, .8), rgba(255, 194, 58, .9)); box-shadow: 0 14px 34px rgba(0, 0, 0, .4), 0 0 26px rgba(127, 227, 211, .18); transition: transform .25s, box-shadow .25s; }
.bubble .orb img, .bubble .orb span { width: 100%; height: 100%; border-radius: 50%; object-fit: cover; display: grid; place-items: center; background: var(--bg-2); color: var(--gold); font-weight: 900; border: 3px solid var(--bg); }
.bubble em { font-style: normal; font-size: 12.5px; font-weight: 900; color: var(--cream); background: rgba(2, 40, 48, .8); border: 1px solid var(--line); padding: 3px 9px; border-radius: 999px; white-space: nowrap; backdrop-filter: blur(6px); }
.bubble em i { font-style: normal; margin-left: 4px; }
.bubble em i.up { color: #3fe0a1; } .bubble em i.down { color: #ff7b6e; }
.bubble:hover .orb { transform: scale(1.12) rotate(-6deg); box-shadow: 0 18px 40px rgba(0, 0, 0, .45), 0 0 34px rgba(255, 194, 58, .5); }
@keyframes bubbleIn { from { opacity: 0; transform: scale(.3); } }
.bubble.far { opacity: .55; filter: blur(.4px); }
.bubble.far:hover { opacity: 1; filter: none; }

@media (max-width: 1280px) { .bubble.side { display: none; } }
@media (max-width: 860px) {
  .hero2 { padding-top: 24px; }
  .bubbles, .bigword { display: none; }
  .hero2 .search-box .btn { padding: 14px 20px; font-size: 17px; }
  .rings { width: 100%; }
}
@media (prefers-reduced-motion: reduce) { .grid-floor, .rings i, .bubble { animation: none !important; } .rings i { opacity: .3; } }

/* geniş ekranda menü de giriş bölümüyle aynı genişlikte */
.landing .top .wrap { width: min(1560px, 92vw); }
@media (max-width: 1440px) { .bubble.side { --s: 56px !important; } .bubble em { font-size: 11px; } }
.hero2 .hud-2 { right: 1%; }
.hero2 .hud-1 { left: -2%; }
@media (max-width: 860px) {
  .hero2 .hero2-grid { grid-template-columns: 1fr; gap: 28px; }
  .landing .top .wrap { width: 92vw; }
  .hero2 .hud { font-size: 12px; padding: 8px 11px; }
  .hero2 .hud b { font-size: 14px; }
  .hero2 .hud-scan { display: none; }
  .hero2 .hud-1 { left: 0; } .hero2 .hud-2 { right: 0; }
}
@media (max-width: 560px) {
  .hero2 .search-box .btn { width: 100%; justify-content: center; }
  .hero2 .search-box input { padding: 14px 12px; }
}