/* Yeni ana sayfa taslağı (27 Eki). Yalnız home-new, listing-check, pnl-plan sayfalarında yüklenir; mevcut ana sayfayı etkilemez. */

/* Üst menü hizası: açılır menüsü olan (button) ve olmayan (a) öğeler aynı çizgide (madde 3) */
body:has(.hy) .nav{align-items:center}
body:has(.hy) .nav>li{display:flex;align-items:center}
body:has(.hy) .nav>li>a,body:has(.hy) .nav>li>button{height:40px;line-height:1.2;padding:0 9px;font-size:.92rem;font-weight:500}

/* Bölüm aralıkları kısaldı (madde 9, 27) */
.hy section{padding:64px 0}
.hy .hy-head{margin-bottom:30px}
.hy .hy-head h2{margin-bottom:10px}
.hy .hy-head .lead{margin-top:0;margin-bottom:0}
.hy .hy-big{font-size:clamp(2rem,4vw,3rem)}
.hy .hy-btns{display:flex;flex-wrap:wrap;gap:12px;margin-top:24px}
.hy .hy-btns.center{justify-content:center}
.hy .hy-more{display:inline-flex;gap:6px;margin-top:auto;padding-top:14px;font-weight:600;font-size:.9rem;color:var(--acid)}
.hy .h2s{font-size:1.4rem}

/* Giriş */
.hy-hero{padding:72px 0 48px!important}
.hy-hero-grid{display:grid;grid-template-columns:1.1fr .9fr;gap:48px;align-items:center}
.hy-hero h1{font-size:clamp(2rem,4.2vw,3.3rem);text-wrap:balance}
.hy-hero h1 em{font-style:normal;color:var(--acid)}
.hy-hero .lead{margin:18px 0 28px}
.hy-trust{list-style:none;padding:0;margin:28px 0 0;display:grid;grid-template-columns:1fr 1fr;gap:10px 22px;font-size:.9rem;color:var(--muted)}
.hy-trust li{display:flex;align-items:flex-start;gap:8px;line-height:1.45}
.hy-trust li b{color:var(--white);font-weight:600}
.hy-trust .tick{width:16px;height:16px;flex:0 0 16px;margin-top:3px;color:var(--acid)}
.hy-case{display:flex;flex-direction:column;background:var(--card);border:1px solid var(--line2);border-radius:var(--radius);padding:20px;transition:border-color .15s,transform .15s}
.hy-case:hover{border-color:var(--acid);transform:translateY(-2px)}
.hy-case-top{display:flex;justify-content:space-between;align-items:baseline;margin-bottom:12px}
.hy-case-top span{font-family:var(--f-mono);font-size:.72rem;letter-spacing:.12em;text-transform:uppercase;color:var(--acid)}
.hy-case-top b{font-family:var(--f-head);font-size:.95rem}
.hy-case-img{display:grid;grid-template-columns:repeat(4,1fr);gap:8px;margin-bottom:16px}
.hy-case-img img{width:100%;height:auto;aspect-ratio:1;object-fit:cover;border-radius:10px;background:#fff}
.hy-case h3{font-size:1.1rem;margin-bottom:6px}
.hy-case p{font-size:.92rem;margin:0}

/* Rakamlar: girişe yakın, ayrı ton (madde 7-12) */
.hy-xp{background:var(--bg2);border-top:1px solid var(--line);padding:30px 0 34px!important}
.hy-xpgrid{display:grid;grid-template-columns:repeat(4,1fr);gap:14px}
.hy-xpgrid>div{border:1px solid var(--line2);border-radius:14px;padding:16px;text-align:center}
.hy-xpgrid b{display:block;font-family:var(--f-head);font-size:clamp(1.5rem,2.8vw,2rem);font-weight:800;line-height:1.1}
.hy-xpgrid span{display:block;font-size:.85rem;color:var(--muted);margin-top:6px}
.hy-xpgrid .hy-src{display:block;font-size:.72rem;line-height:1.35;color:var(--dim);margin-top:6px}
.hy-facts-h{margin-top:18px;font-family:var(--f-mono);font-size:.72rem;letter-spacing:.12em;text-transform:uppercase;color:var(--dim)}
.hy-facts{display:grid;grid-template-columns:repeat(3,1fr);gap:14px;margin-top:14px}
.hy-facts>div{background:var(--card);border:1px solid var(--line);border-radius:14px;padding:16px 18px}
.hy-facts b{display:block;font-family:var(--f-head);font-size:1.05rem;color:var(--white);margin-bottom:4px}
.hy-facts span{font-size:.86rem;color:var(--muted);line-height:1.5}
.hy-facts .hy-bot{border-color:rgba(204,255,0,.45)}
.hy-facts .hy-bot b{color:var(--acid)}

/* Logo şeridi: koyu zemin, beyaz logolar, takılmayan kayma (madde 13) */
.hy-logos{background:var(--bg2);border-bottom:1px solid var(--line);padding:6px 0 30px!important;overflow:hidden}
.hy-lb-head{text-align:center;font-family:var(--f-mono);font-size:.72rem;letter-spacing:.14em;text-transform:uppercase;color:var(--dim);margin-bottom:18px}
.hy-marquee{overflow:hidden;-webkit-mask-image:linear-gradient(90deg,transparent,#000 5%,#000 95%,transparent);mask-image:linear-gradient(90deg,transparent,#000 5%,#000 95%,transparent)}
.hy-track{display:flex;width:max-content;animation:hymq 80s linear infinite;will-change:transform;backface-visibility:hidden}
.hy-set{display:flex;align-items:center;gap:52px;padding-right:52px;flex:0 0 auto}
.hy-set img{display:block;flex:0 0 auto;max-width:none;opacity:.92}
.hy-set img.c{opacity:1}
@keyframes hymq{from{transform:translate3d(0,0,0)}to{transform:translate3d(-50%,0,0)}}
@media (hover:hover){.hy-marquee:hover .hy-track{animation-play-state:paused}}
@media (max-width:760px){.hy-marquee{-webkit-mask-image:none;mask-image:none}.hy-track{animation-duration:60s}.hy-set{gap:36px;padding-right:36px}}
@media (prefers-reduced-motion:reduce){.hy-track{animation:none;width:auto}.hy-set{flex-wrap:wrap;justify-content:center;row-gap:20px}.hy-set[aria-hidden]{display:none}}

/* Kapılar (madde 15-18) + 2. tur: görsel ve paket testi */
.hy-dvis{height:90px;margin:-4px 0 14px;display:flex;align-items:center;justify-content:center;gap:8px;border-radius:10px;background:var(--bg2);overflow:hidden}
.hy-dvis svg{width:100%;height:100%;padding:8px 10px}
.hy-dvis img{width:70px;height:70px;object-fit:cover;border-radius:8px;background:#fff}
.hy-quiz{display:flex;align-items:center;gap:22px;margin:0 0 20px;padding:18px 24px;border-color:rgba(204,255,0,.45)}
.hy-quiz-vis{flex:0 0 100px;height:76px}.hy-quiz-vis svg{width:100%;height:100%}
.hy-quiz h3{margin:2px 0 4px;font-size:1.15rem}.hy-quiz p{margin:0;font-size:.92rem}
.hy-quiz-tag{font-family:var(--f-mono);font-size:.7rem;letter-spacing:.12em;text-transform:uppercase;color:var(--acid)}
.hy-quiz .btn{margin-left:auto;white-space:nowrap;flex:0 0 auto}
.hy-door{display:flex;flex-direction:column}
.hy-door p{margin-bottom:0}
.hy-shop{display:flex;align-items:center;gap:20px;margin-top:20px;padding:20px 26px}
.hy-shop .ic{margin:0;flex:0 0 auto}
.hy-shop h3{margin:0 0 4px;font-size:1.1rem}.hy-shop p{margin:0}
.hy-shop .hy-more{margin:0 0 0 auto;padding:0;white-space:nowrap}

/* Fiyatlar (madde 19-24) */
.hy-prices{display:grid;grid-template-columns:3fr 1fr;gap:18px;align-items:stretch}
.hy-group{border:1px solid var(--line2);border-radius:20px;padding:16px;background:rgba(255,255,255,.015);display:flex;flex-direction:column}
.hy-group-h{font-family:var(--f-head);font-weight:700;font-size:1.05rem;color:var(--white);text-align:center;padding:2px 0 14px}
.hy-group.biz .hy-group-h{color:var(--acid)}
.hy-group-cards{display:grid;grid-template-columns:repeat(3,1fr);grid-template-rows:auto 1fr auto auto auto;column-gap:14px;flex:1}
.hy-group-cards .hy-pcard{display:grid;grid-row:span 5;grid-template-rows:subgrid;row-gap:0}
.hy-group-cards .hy-tiers{display:contents}
.hy-group-cards .hy-tier{margin-top:10px}
.hy-group.biz .hy-pcard{flex:1}
.hy-pcard{display:flex;flex-direction:column;padding:22px}
.hy-pcard.pop{border-color:rgba(204,255,0,.45)}
.hy-pcard h3{margin-bottom:6px}
.hy-pcard h3 .hy-sub{display:inline-block;margin-left:6px;font-family:var(--f-body,inherit);font-size:.78rem;font-weight:600;color:var(--muted);letter-spacing:0}
.hy-pcard>p{font-size:.92rem;margin:0 0 16px;min-height:3em}
.hy-tiers{display:grid;gap:10px;margin-top:auto}
.hy-tier{display:flex;justify-content:space-between;align-items:flex-start;gap:10px;border-top:1px solid var(--line);padding-top:10px;min-height:62px}
.hy-tier b{display:block;font-size:.95rem;color:var(--white)}
.hy-tier span{display:block;font-size:.78rem;color:var(--muted);line-height:1.35}
.hy-tier.one{min-height:134px;align-items:flex-start}
.hy-tier.one b{font-size:1rem;line-height:1.35}
.hy-amt{text-align:right;white-space:nowrap}
.hy-amt span{display:inline!important;font-family:var(--f-head);font-weight:800;font-size:1.3rem;color:var(--white)}
.hy-amt small{font-size:.78rem;color:var(--muted);margin-left:3px}
.hy-note{text-align:center;color:var(--muted);margin:22px auto 0;max-width:760px}
.hy-pm{max-width:760px;margin:14px auto 0;padding:14px 18px;border:1px solid var(--line2);border-radius:12px;font-size:.92rem;color:var(--muted);text-align:center}
.hy-addons{display:grid;grid-template-columns:220px 1fr auto;align-items:center;gap:18px;max-width:1000px;margin:18px auto 0;padding:18px 22px}
.hy-addons>div b{display:block;font-family:var(--f-head);font-size:1.05rem;color:var(--white)}.hy-addons>div span{font-size:.85rem;color:var(--muted)}
.hy-addons ul{list-style:none;margin:0;padding:0;display:grid;grid-template-columns:repeat(3,1fr);gap:6px 18px;font-size:.85rem;color:var(--muted)}
.hy-addons li{display:flex;justify-content:space-between;gap:8px;border-bottom:1px dashed var(--line);padding:3px 0}
.hy-addons li b{color:var(--white);white-space:nowrap}.hy-addons li b span{display:inline!important}.hy-addons li small{color:var(--dim);font-weight:400}
.hy-addons .hy-more{margin:0;padding:0;white-space:nowrap}
.hy-pm b{color:var(--white)}.hy-pm a{color:var(--acid);font-weight:600;white-space:nowrap}

/* Ücretsiz araçlar (madde 28) */
.hy-tool{display:flex;flex-direction:column}
.hy-tool p{margin-bottom:0}
.hy-vis{height:150px;margin-bottom:16px;display:flex;align-items:center;justify-content:center;overflow:hidden;border-radius:10px}
.hy-vis svg{width:100%;height:100%}
.hy-vis.deck{display:grid;grid-template-columns:1fr 1fr;gap:10px;align-items:stretch}
.hy-vis.deck .slide{cursor:inherit;aspect-ratio:auto;height:100%}
.hy-vis.deck .slide:hover{transform:none}
.hy-pnl{background:#141920;border:1px solid var(--line2);padding:10px}

.hy-tools2{display:grid;grid-template-columns:1fr 2fr;gap:18px;align-items:stretch}
.hy-tgroup{border:1px solid var(--line2);border-radius:20px;padding:16px;display:flex;flex-direction:column;gap:12px}
.hy-tgroup.free{border-color:rgba(204,255,0,.45);background:rgba(204,255,0,.03)}
.hy-tgroup>.card{flex:1}
.hy-tpair{display:grid;grid-template-columns:1fr 1fr;gap:14px;flex:1}
.hy-tlabel{text-align:center}
.hy-badge{display:inline-block;font-family:var(--f-mono);font-size:.72rem;letter-spacing:.12em;text-transform:uppercase;padding:4px 10px;border-radius:999px;border:1px solid var(--line2);color:var(--muted)}
.hy-badge.free{background:var(--acid);border-color:var(--acid);color:#0F1216;font-weight:700}
.hy-price{display:inline-block;margin-left:6px;font-size:.85rem;font-weight:700;color:var(--acid);white-space:nowrap}.hy-price span{display:inline!important}

/* Vakalar (madde 30 + 2. tur): sorun ve ilk iki iş görünür; görseller aynı çerçevede */
#ornek-vakalar .case-img{height:auto;aspect-ratio:16/9;background:#fff}
#ornek-vakalar .case-img img{width:100%;height:100%;max-height:none;object-fit:cover}
.hy-prob{margin-top:12px;border-top:1px solid var(--line);padding-top:10px;font-size:.9rem}
.hy-prob p{margin:0 0 6px}.hy-prob .case-ul{margin:0}
.hy-kayit{margin-top:36px}
.hy-kh{font-size:1.25rem;margin:0 0 4px}
.hy-kayit .grid{margin-top:14px}
.hy-kv h4{font-size:1rem;margin:8px 0 6px;color:var(--white)}.hy-kv p{font-size:.88rem;margin:0 0 10px}
.hy-kt{font-size:.82rem;color:var(--acid);font-weight:600}
.hy-nlpriv{margin:0 0 6px;font-size:.82rem}.hy-nlpriv a{color:var(--acid)}
.hy-det{margin-top:12px;border-top:1px solid var(--line);padding-top:10px}
.hy-det summary{cursor:pointer;color:var(--acid);font-weight:600;font-size:.9rem}
.hy-det[open] summary{margin-bottom:10px}

/* Bülten: izin geri alma ayrı satırda (madde 34) */
.hy-nl2{display:block;margin-top:4px}

@media (max-width:980px){
 .hy-hero-grid,.hy-prices{grid-template-columns:1fr}
 .hy-group-cards{grid-template-columns:1fr;row-gap:14px}
 .hy-tools2{grid-template-columns:1fr}
 .hy-addons{grid-template-columns:1fr}
 .hy-addons ul{grid-template-columns:1fr 1fr}
 .hy-group-cards .hy-pcard{grid-row:auto;display:flex}
 .hy-group-cards .hy-tiers{display:grid}
 .hy-tier.one{min-height:0}
 .hy-pcard>p{min-height:0}
}
@media (max-width:760px){
 .hy section{padding:44px 0}
 .hy-hero{padding:40px 0 32px!important}
 .hy-trust{grid-template-columns:1fr}
 .hy-xpgrid{grid-template-columns:1fr 1fr;gap:10px}
 .hy-facts{grid-template-columns:1fr}
 .hy-shop{flex-wrap:wrap;gap:12px}
 .hy-shop .hy-more{margin:0}
 .hy-tpair{grid-template-columns:1fr}
 .hy-quiz{flex-wrap:wrap;gap:12px}
 .hy-quiz .btn{margin-left:0}
 .hy-addons ul{grid-template-columns:1fr}
}