.detail-page{color:#0f172a;background:#fff}.detail-wrap{width:min(1120px,calc(100% - 48px));margin:0 auto}.detail-hero{padding:64px 0 72px;border-bottom:1px solid #e2e8f0;background:#f8fafc}.detail-back{display:block;font-size:13px;color:#64748b;margin-bottom:56px}.detail-kicker{display:block;font-size:12px;letter-spacing:.16em;text-transform:uppercase;margin-bottom:24px}.detail-hero h1{font-size:clamp(36px,5vw,64px);font-weight:600;line-height:1.08;letter-spacing:-.05em;max-width:850px;margin:0 0 24px}.detail-hero p{font-size:18px;line-height:1.7;max-width:660px;color:#64748b;margin:0 0 32px}.detail-button{display:inline-flex;align-items:center;gap:24px;height:40px;padding:0 20px;border-radius:4px;background:#100029;color:#fff;font-size:14px}.detail-steps{padding-top:64px;padding-bottom:64px}.detail-steps article{display:grid;grid-template-columns:80px 1fr;gap:24px;padding:32px 0;border-bottom:1px solid #e2e8f0}.detail-steps article>span{font-size:14px;color:#64748b}.detail-steps h2{font-size:28px;letter-spacing:-.03em;margin:0 0 12px}.detail-steps p{max-width:720px;line-height:1.8;color:#64748b}.detail-related{padding-top:64px;padding-bottom:80px}.detail-related>h2{font-size:32px;margin:0 0 32px;letter-spacing:-.04em}.detail-related>div{display:grid;grid-template-columns:1fr 1fr;gap:24px}.detail-related a{display:block;padding:32px;border:1px solid #e2e8f0;border-radius:8px;background:#fff}.detail-related a:hover{background:#f8fafc}.detail-related a>span{font-size:12px;color:#64748b}.detail-related h3{font-size:24px;margin:32px 0 0}.detail-contact{padding-top:64px;padding-bottom:64px}.detail-contact h2{font-size:32px}.detail-contact>a{display:block;font-size:clamp(28px,4vw,48px);margin:24px 0}.detail-contact p{color:#64748b;max-width:640px;line-height:1.8}.detail-page>#cozumler,.detail-page>#cosmos,.detail-page>#mobil,.detail-page>#markalar,.detail-page>#uygulamalar,.detail-page>#temalar{margin-top:64px}.detail-page .cx-cosmos-headline{font-size:clamp(32px,3.8vw,48px)}@media(max-width:760px){.detail-wrap{width:calc(100% - 32px)}.detail-hero{padding:32px 0 48px}.detail-back{margin-bottom:32px}.detail-hero p{font-size:16px}.detail-related>div{grid-template-columns:1fr}.detail-steps article{grid-template-columns:32px 1fr;gap:16px}.detail-steps h2{font-size:24px}.detail-related{padding-top:40px;padding-bottom:48px}}
