:root{--bg:#202126;--deep:#15161a;--red:#a8070b;--red2:#d3151b;--white:#f5f5f5;--muted:#aaa}*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;background:var(--bg);color:var(--white);font-family:Arial,Helvetica,sans-serif}header{height:92px;display:flex;align-items:center;padding:0 6vw;position:absolute;z-index:10;width:100%;border-bottom:1px solid #ffffff16}.brand img{width:165px;filter:grayscale(1) brightness(0) invert(1);display:block}.brand{overflow:hidden;height:72px;display:flex;align-items:center}.brand img{object-fit:contain}nav{margin-left:auto;display:flex;gap:34px}nav a,.social a{color:#ddd;text-decoration:none;font-size:12px;font-weight:bold;letter-spacing:1.5px}nav a:hover,.social a:hover{color:#fff}.menu{display:none}.hero{min-height:720px;height:90vh;position:relative;overflow:hidden;display:flex;align-items:center;padding:110px 8vw 50px;background:radial-gradient(circle at 76% 42%,#4a0a0d 0,#251b1e 20%,#17181c 55%,#111216 100%)}.hero:after{content:"92.6";position:absolute;right:-1vw;bottom:-8vh;font-size:31vw;font-weight:900;color:#ffffff05;letter-spacing:-.08em}.glow{position:absolute;width:420px;height:420px;border:2px solid #b20b1055;border-radius:50%;right:10vw;top:20%;box-shadow:0 0 90px #b20b1022}.hero-content{position:relative;z-index:2}.freq{font-size:12px;letter-spacing:4px;color:#aaa;margin-bottom:8px}.freq strong{color:#fff;font-size:20px;margin-left:8px}.hero h1{font-size:clamp(68px,10vw,150px);line-height:.82;margin:12px 0 22px;letter-spacing:-7px}.hero h1 span{color:var(--red2)}.tag{font-size:clamp(21px,2.5vw,36px);font-weight:300;margin:0 0 24px;color:#ddd}.genres{font-size:12px;letter-spacing:2px;color:#aaa}.genres i{color:var(--red2);font-style:normal;margin:0 8px}.play{margin-top:36px;border:0;border-radius:60px;background:var(--red);color:white;padding:15px 27px 15px 17px;display:flex;align-items:center;gap:14px;cursor:pointer;box-shadow:0 14px 40px #0008}.play b{display:grid;place-items:center;width:47px;height:47px;border-radius:50%;background:#fff;color:var(--red);font-size:18px;padding-left:3px}.play span{text-align:left;font-weight:800;letter-spacing:1px}.play small{display:block;font-size:9px;color:#ffc5c5;margin-top:4px;letter-spacing:1.5px}.wave{position:absolute;right:9vw;top:40%;height:140px;display:flex;align-items:center;gap:9px;opacity:.3}.wave span{display:block;width:5px;background:#fff;border-radius:5px;height:30px}.wave span:nth-child(2),.wave span:nth-child(8){height:55px}.wave span:nth-child(3),.wave span:nth-child(7){height:90px}.wave span:nth-child(4),.wave span:nth-child(6){height:125px}.wave span:nth-child(5){height:150px;background:var(--red2)}.manifest{padding:70px 8vw;background:#f1f1f1;color:#242424;display:grid;grid-template-columns:1fr 1px 1fr;gap:6vw;align-items:center;font-size:clamp(20px,2.2vw,31px);line-height:1.45}.manifest div{height:100%;background:#ccc}.manifest strong{font-weight:800}.about{padding:110px 8vw;background:#1b1c20}.eyebrow{color:var(--red2);font-size:11px;letter-spacing:3px;font-weight:bold;margin-bottom:20px}.about h2,.contact h2{font-size:clamp(42px,5vw,72px);line-height:1.05;margin:0 0 55px}.about h2 span{color:#777}.about-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:45px;color:#bcbcbc;line-height:1.85;font-size:15px}.about-grid strong{color:#fff}.contact{padding:110px 8vw 140px;background:#24252a;display:grid;grid-template-columns:1fr 1fr;gap:9vw}.contact h2{margin-bottom:18px}.contact p{color:#aaa}.details{display:flex;flex-direction:column;margin:38px 0;gap:13px}.details a{color:#fff;text-decoration:none;font-size:19px}.social{display:flex;gap:28px;margin-top:30px}form{display:flex;flex-direction:column;gap:18px}label{font-size:10px;letter-spacing:2px;color:#aaa}input,textarea{width:100%;margin-top:8px;background:#1b1c20;border:1px solid #444;color:#fff;padding:15px;font:inherit;outline:none}input:focus,textarea:focus{border-color:var(--red2)}.captcha{border:1px dashed #555;padding:15px;color:#777;font-size:12px}form button{background:var(--red);color:#fff;border:0;padding:17px;font-weight:bold;letter-spacing:1px;cursor:pointer}footer{background:#111216;text-align:center;padding:55px 20px 95px}footer strong{font-size:22px}footer strong span{color:var(--red2)}footer p{color:#888;margin:8px}footer small{color:#555}.sticky{position:fixed;z-index:20;bottom:0;left:0;right:0;height:58px;background:#0e0f12eF;backdrop-filter:blur(10px);display:flex;align-items:center;justify-content:space-between;padding:0 6vw;border-top:1px solid #ffffff16}.sticky span{font-size:11px;font-weight:bold;letter-spacing:2px}.sticky i{display:inline-block;width:7px;height:7px;background:var(--red2);border-radius:50%;margin-right:8px;box-shadow:0 0 10px var(--red2)}.sticky button{border:0;background:var(--red);color:#fff;padding:10px 20px;border-radius:20px;font-weight:bold;cursor:pointer}@media(max-width:760px){header{height:75px;padding:0 5vw}.brand img{width:125px}nav{display:none}.menu{display:block;margin-left:auto;background:none;border:0;color:white;font-size:24px}.hero{min-height:650px;padding:100px 7vw 50px}.hero h1{letter-spacing:-4px}.wave{right:-20px;opacity:.15}.manifest{grid-template-columns:1fr;padding:50px 7vw;gap:25px}.manifest div{height:1px}.about,.contact{padding:80px 7vw}.about-grid,.contact{grid-template-columns:1fr}.about-grid{gap:22px}.contact{gap:60px}.genres{line-height:2}.sticky{padding:0 5vw}}
/* Header logo alanı: sloganın kesilmemesi için genişletildi */
header{height:112px}
.brand{height:100px;overflow:visible}
.brand img{width:175px;height:auto;object-fit:contain}
@media(max-width:760px){header{height:94px}.brand{height:84px}.brand img{width:145px}.hero{padding-top:120px}}
.app-download {
    display: flex;
    align-items: center;
    justify-content: center;
    width: fit-content;
    margin-top: 14px;
    padding: 13px 22px;
    border: 1px solid #d71920;
    border-radius: 30px;
    background: rgba(215, 25, 32, 0.08);
    color: #ffffff;
    text-decoration: none;
    font-size: 13px;
    font-weight: 700;
    letter-spacing: 0.7px;
    transition: 0.25s ease;
}

.app-download small {
    display: none;
}

.app-download:hover {
    background: #d71920;
    color: #ffffff;
    transform: translateY(-2px);
}